dw 教程:新手常见排版问题及解决方法

用 DW 排网页时,是不是总遇到文字和图片挤在一起、表格歪歪扭扭的情况?好不容易把一行排好,加个新内容又全乱了,改来改去还是不满意,是不是特别有挫败感?其实新手排版常见的问题就那几个,只要知道原因和解决方法,很快就能理顺。今天就讲讲这些问题,还会说怎么预防,新手看完能少走很多弯路。

一、基础问题:新手排版容易乱,主要因为啥?

可能有人会问:“我明明按步骤排的,为啥还是乱?” 主要是这两个原因:

  • 没先用表格搭框架,内容随便放,就像没画格子的稿纸,写字容易歪;
  • 没注意对齐方式,文字左对齐、图片居中对齐,看着就乱。

网友小张说:“之前直接在页面上插图片、输文字,结果图片跑左边,文字跑右边,怎么拖都对不齐。后来用表格框起来,一下子就整齐了。” 所以排版第一步不是填内容,是先搭好框架,就像盖房子先立梁柱一样。

二、场景问题:这些排版问题,你是不是也遇到过?

1. 文字和图片挤在一起,间距特别小

这是最常见的问题。比如在产品图片旁边输名称,文字紧挨着图片边缘,看着特别挤。这时候别用鼠标拖,选中图片,在属性面板找 “边距”,在 “hspace”(水平边距)和 “vspace”(垂直边距)里填 “10”—— 这样图片周围就会空出 10 像素的距离,文字就不会挤上去了。
小编第一次排的时候,不知道有边距设置,用空格想把文字推开,结果换个浏览器看,空格又没了,白忙活半天。

2. 表格里的内容忽左忽右,对齐乱

比如同一个表格里,有的文字靠左,有的居中,看着特别乱。解决方法是:选中整个表格,在属性面板把 “水平对齐” 设为 “居中”,这样表格里的所有内容都会居中对齐 —— 要是某一行需要左对齐,单独选中那一行改就行,别全改乱了。
dw 教程:新手常见排版问题及解决方法

3. 换行后文字突然跳到下一页,中间空一大块

这一般是因为前面的内容占了太多空间,比如一张图片高度太大,把后面的文字挤到了下一页。这时候可以缩小图片高度(在属性面板改 “高” 的数值),或者把这一行表格的高度设大一点(选中表格行,在属性面板填 “高” 的数值),给文字留出位置。

三、解决方案:怎么预防排版问题?做好这 3 点

1. 先画表格框架,再填内容

不管做什么网页,先插入表格,把页面分成几个区域(比如顶部、中部、底部),每个区域再用小表格细分。就像写作文先列提纲,内容按提纲填,就不容易乱。
小编现在做网页,会先在纸上画个简单的布局图,标上哪里放表格、几行几列,再打开 DW 照着画,比直接上手做省时间多了。

2. 统一对齐方式,别乱改

标题、正文、图片最好用统一的对齐方式。比如标题和正文都左对齐,图片在表格里居中对齐 —— 别一会儿左一会儿右,除非有特殊设计需求。有个做美食网页的网友,所有菜谱图片都居中,文字左对齐,看着特别清爽,她说 “访客都说找内容方便”。

3. 图片先处理好尺寸,别在 DW 里拉大缩小

在 DW 里直接拉图片边框改大小,容易让图片变形(比如变扁或拉长)。最好先用画图软件(比如美图秀秀)把图片尺寸改好(比如统一改成 200×300 像素),再插进 DW—— 这样不仅不变形,排版时也不会因为图片大小不一导致错位。

四、解决方案:遇到问题改不动?试试这招

要是改了半天还是乱,别硬扛。可以把现有内容剪切(Ctrl+X)到记事本里,然后重新插入表格、设置对齐方式,再把内容一点点粘贴回去 —— 相当于重新排,但比从头做省时间。
网友小王说:“有次排产品页,改得太乱,干脆清空表格重新来,这次按步骤设对齐和边距,反而比之前快,还没出错。” 所以改不动的时候,“推倒重来” 有时比硬改更高效。

五、个人观点

新手排版别追求 “完美”,能做到整齐、易读就够了。刚开始可以模仿别人的排版,比如看到喜欢的网页,用表格照着画框架,慢慢就有感觉了。
小编觉得,排版就像整理书桌,先把格子分好,再把书和笔放进去,定期收拾一下,看着就舒服。刚开始慢没关系,排个两三次就会发现,之前头疼的问题越来越少,甚至能自己摸索出小技巧。希望大家别因为刚开始排不好就放弃,多试几次肯定能进步。

最新业务:世纪货币网
收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

兔格号 经验分享 dw 教程:新手常见排版问题及解决方法 https://www.tglzm.com/seo/fenxiang/5722.html

一个独行者,独揽万古

常见问题

相关文章

评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务