今天闲着没事翻了翻电脑里积灰的dw软件,突然想起来以前做网页那叫一个手忙脚乱。干脆重新摸一遍,顺手记几个新手能直接用的窍门,省得绕我当年那些弯路。
摸索着打开软件就卡壳
双击图标启动dw,新建空白页折腾半天。界面全是密密麻麻的按钮,看得我直发晕。干脆不瞎点了,直接拖着工作区面板瞎摆位置,鼠标一松居然能自动吸到边上对齐!顺手把文件管理器也拽右边挂着,这下左边码字右边看文件夹结构,总算顺眼点。第一个血泪教训:窗口乱就上手拖,磁吸对齐贼省心。
扒了个网页想抄排版
网上随便找了个电商首页,寻思看看人家怎么排版的。结果粘贴代码进来全乱套,商品图片挤成麻花,文字叠得亲妈都不认识。这才想起忘了关联css文件,在文件管理器里找到文件夹,把css文件拖进dw界面,像挂U盘似的直接拽到代码窗口上边栏。网页唰地就自动整齐了,早知道当年何必熬夜调像素。
做按钮死活点不动
试着加了张商品图,想配个"立即购买"的按钮。属性栏里填好字调大颜色,预览时猛戳屏幕没反应。气得我差点砸键盘,结果发现没设链接。回头点属性栏里"链接"那个框,发现点小文件夹图标直接挑站内页面,比手动敲地址方便多了。链接上购物车页面后鼠标放上去自动变小手,舒服!
手机看网页全变形
电脑上看着挺美,结果手机一开整个排版垮掉,图片都跑屏幕外边了。突然瞅见顶部菜单栏那个地球仪图标,点开蹦出"多屏幕预览"。开了之后右边自动显示手机和平板效果图,直接对着手机图调尺寸,用鼠标揪着图片边框拖大小。再刷新手机网页就跟熨过似的,省得真机调试传文件。
表格里调字累死人
折腾商品参数表格,每列文字对不齐。全选单元格调居中,结果数字全歪到姥姥家。发现右键表格选"对齐"再点"清除列宽",那些乱七八糟的宽度数值立马清空,文字自己均匀铺满格子。手动调了半小时不如人家一键清理好使。
重新捋完这五个操作,感觉当年自己跟个无头苍蝇似的。dw很多功能就藏在鼠标拖拽和右键菜单里,根本不用死记硬背命令。回头把这些小技巧塞进备忘录里,下回教表弟做网页作业就能显摆两下了。





