好好学习,天天向上,自学网欢迎您!
当前位置:首页 >  考试 >  计算机类 > 内容页

如何用Dreamweaver为网页进行优化

2021-09-02 05:01:38计算机类访问手机版484

  如何用Dreamweaver网页进行优化

  我们为了优化网页、放慢网页下载 速度,除了对图片进行优化之外,还需对网页其他各个元素进行优化。在网页编织过程当中如能充沛操纵编纂东西,也能够在网页建造中到达优化目的。下面是小编为大师带来的关于如何用Dreamweaver为网页进行优化的常识,欢送阅读。

如何用Dreamweaver为网页进行优化

  公道调用CSS

  进行网页计划时,运用样式表单CSS来对页面元素进行安插,可以大大地减少HTML代码,这点我们曾经很分明。

  办法:

  1是选定工具,从右键菜单当选择界说好的样式参加; 2是从样式面板中为工具选择样式;

  3是在标签选择器上的某标签上单击右键选择样式。

  这三种办法固然得到的页面后果一样,但由于第一种办法会在HTML代码中发生一个“span”标签,假如过量地使用肯定会使网页源文件大大增肥,影响下载 速度。因此调用CSS时,应采纳第2、第三种办法。

  为办事器减负

  在交互网页中,用户经常使用表单向办事器提交数据,等候办事器的数据处置、返回浏览器……等候的过程是很令人心烦的。为此,我们在进行网页编纂时,也有必要为办事器作个考虑。Dreamweaver中建造网页,能为办事器减负的工作有一项做得较超卓,就是对用户所提交的表单的合法性进行验证,只需在浏览器端进行,不用返回到办事器验证,既加重了办事器的包袱,又让浏览者少一份悲伤的等候。

  办法:选中表单,翻开“行动”面板,点击“+”号选“验证表单”,然后进行设置便可。趁便提醒,这个验证过程其实是使用JavaScript在浏览器端作验证。在Dreamweaver里进行上述操纵时,它会把这段JavaScript代码放在网页头部与当中,这样肯定会使页面的'完全表现时间变长,因为浏览器要先下载这段代码才下载其他页面元素。因此,最好在Dreamweaver中翻开代码编纂器,把这段脚本顺序剪贴到源代码的最后边,让其在最后下载。别的,我们在为网页参加JavaScript脚本特效时,你假如不但愿页面呈现时顿时见效,也无妨这样设置。

  自我“减肥”

  今朝网页“减肥茶”很多,我们到处都可找到,而在Dreamweaver中,我们不用到处找“减肥茶”,操纵其本身的“减肥”功效足可使网页“苗条怡人”。

  办法:在“饬令”菜单下选择“断根过剩的HTML”,便可进行设置对网页冗余代码进行断根。

  公道应用表格

  我们不单要为办事器减负,对使用的浏览器我们更必要减负,也就是要尽量地缩短浏览器对页面的解析时间,上面提及的JavaScript脚本参加就是一个例子。影响浏览器对页面解析的还有表格,因为浏览器对表格的解析时间与表格的大小、复杂水平成反比,而我们在Dreamweaver中为了版式的布置,都是经由过程参加少量的表格来进行定位的,有些人甚至在大表格中套入多重的小表格,这本色上也是在加大浏览器的包袱,使页面出现时间大大加长。为此在使用表格时,应只管即便将表格打散,并要尽量地防止表格的层层相套。

TAG标签: 如何用 优化 网页 Dreamweaver