专注于互联网--专注于架构

最新标签
网站地图
文章索引
Rss订阅

首页 »Dreamweaver » dreamweaver网页:用Dreamweaver进行网页优化 »正文

dreamweaver网页:用Dreamweaver进行网页优化

来源: 发布时间:星期四, 2009年2月12日 浏览:69次 评论:0


   「简 介」     我们为了优化网页、加快网页下载速度除了对图片进行优化的外还需对网页其他各个元素进行优化在网页编织过程中如能充分利用编辑工具也可以在网页制作中达到优化目

------------------------

    我们为了优化网页、加快网页下载速度除了对图片进行优化的外还需对网页其他各个元素进行优化在网页编织过程中如能充分利用编辑工具也可以在网页制作中达到优化目下面是Dreamweaver中些优化技法:

    合理CSS

    进行网页设计时运用样式表单CSS来对页面元素进行布置可以大大地减少HTML代码这点我们已经很清楚

    思路方法:

    (1)是选定对象从右键菜单中选择定义好样式加入; (2)是从样式面板中为对象选择样式;

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

    这 3种思路方法虽然获得页面效果但由于第种思路方法会在HTML代码中产生个“span”标签如果过多地使用必定会使网页源文件大大增肥影响下载速度因此CSS时应采用第 2、第 3种思路方法

    为服务器减负

    在交互网页中用户常用表单向服务器提交数据等待服务器数据处理、返回浏览器……等待过程是很令人心烦为此我们在进行网页编辑时也有必要为服务器作个考虑Dreamweaver中制作网页能为服务器减负工作有项做得较出色就是对用户所提交表单合法性进行验证只需在浏览器端进行不必返回到服务器验证既减轻了服务器负担又让浏览者少份伤心等待 思路方法:选中表单打开“Behaviors”面板点击“+”号选“ValidateForm”然后进行设置即可顺便提醒这个验证过程实际上是使用JavaScript在浏览器端作验证在Dreamweaver里进行上述操作时它会把这段JavaScript代码放在网页头部和的中这样必定会使页面完全显示时间变长浏览器要先下载这段代码才下载其他页面元素因此最好在Dreamweaver中打开代码编辑器把这段脚本剪贴到源代码最后边让其在最后下载另外我们在为网页加入JavaScript脚本特效时你如果不希望页面出现时马上生效也不妨这样设置

    自我“减肥”

    目前网页“减肥茶”很多我们随处都可找到而在Dreamweaver中我们不必 4处找“减肥茶”利用其自身“减肥”功能足可以使网页“苗条怡人”

    思路方法:在“Commands”菜单下选择“Clean upHTML”即可进行设置对网页冗余代码进行清除

    合理应用表格

    我们不但要为服务器减负对使用浏览器我们更需要减负也就是要尽可能地缩短浏览器对页面解析时间上面提及JavaScript脚本加入就是个例子影响浏览器对页面解析还有表格浏览器对表格解析时间和表格大小、复杂程度成正比而我们在Dreamweaver中为了版式安排都是通过加入大量表格来进行定位有些人甚至在大表格中套入多重小表格这实质上也是在加大浏览器负担使页面呈现时间大大加长为此在使用表格时应尽量将表格打散并要尽可能地避免表格层层相套

    如何样经过这样番清理网页是不是清爽了许多!

0

相关文章

读者评论

发表评论

  • 昵称:
  • 内容: