网站制作巧用DW提高制作效率
- 日期 : 2018-06-23 08:57:01
网站流行让网站制作技术也随着兴起,DW做为一款制作工具经常会被网站制作公司所用到,凡是工具就会有多种用法与使用技巧,这里来谈谈网站制作使用DW有哪些操作技巧!
网站制作巧用DW提高制作效率
一、在使用DW进行网站制作时,会经常对样式表进行调用,样式表可以把网站的样式代码统一管理,也让网站的制作过程更简洁。调用样式表有多种方式,可以点鼠标右键在菜单中点样式调用来调用,或者直接在DW工具的状态栏上的工具条上点右键调用样式。虽然方式不同,但殊途同归,所达到的目的是相同的。注意两种方式所生成的页面代码会不同。例如右键调用的方式会产生一个行内样式span,这种方式使用的多了就会有无数的span存在于代码内,影响页面整体的打开速度,所以在使用DW时尽量使用不生成span的方式进行操作!
二、使用DW让网站的字体能够适应各种设备,在平时的网站制作过程中会经常出现一种情况,就是明明制作完成的网站在电脑上看着没什么问题,换台电脑一看各种错位,这就是在制作中没有做兼容导致网站不能兼容其它分辨率,这种问题可以在DW里处理,网站页面控制窗体工具的下方,DW会显示当前网站显示的大小是多少,点击展开这个分辨率列表会有多种分辨率选择,一一测试下看哪个分辨率下会出现问题,就可以针对某一个分辨率进行修改了。
三、网站制作时巧用DW的拖拽功能来提高效率,在制作页面时常常会制作图文并茂的排版,这就得在页面中放一些图片,假如排版所需要的的图片过多,一张一张的上传就显得很是繁琐。这时拖拽的功能就显得尤为方便了,在制作时把DW工具的的软件窗口缩小,把图片文件的窗口拖过来,打开要插入的图片列表,一个一个的拖动到制作的网站中即可。
DW工具会把拖过来的图片物理路径自动加入到网站页面的图片src调用标签,拖动虽然方便,但建议尽量插入一些符合网站标准的图片,比如图片大小不能超过200K,太大的图片要用图像处理软件处理过后再上传,不然网站加载会变得奇慢无比。同时如果页面中想要一张图用于不同区域,只需要上传一次就可以了,直接拖拽过来就生成同样的路径,但是注意如果图片上加了链接,再拖动的话只是把链接复制过去,并不是图片。
四、巧用DW快捷键,有些快捷键与其它软件类似,比如使用加粗ctrl+b,斜体字ctrl+i等提高制作效率,title的从大到小可以用ctrl+1234来完成,新建页面ctrl+n,打开编辑菜单的快捷键设置可以按自己的操作习惯来设置快捷键,掌握快捷键能让做网站的过程得心应手!