当前位置:软件学堂 > 资讯首页 > 网络编程 > Dreamweaver > Dreamweaver对网页进行优化

Dreamweaver对网页进行优化

2012-6-30 14:27:50作者:佚名来源:软件学堂

移动端

在当今搜索引擎的年代,SEO技术越来越得到重视,这样就必须对我们的网页进行必要的优化,要求对我们的网页尽量的简洁,这样便于网络蜘蛛更好地爬取,也更好地为了用户快速打开我们的网页,这样也大大减少了网站的跳出率,对网页的优化包括各个元素,大到图片的像素,小到表格应用,DIV+CSS的设置等等,那么今天我们要讲的是如何利用Dreamweaver对网页的优化,在制作过程中如能充分利用编辑工具,也可以在网页制作中达到优化目的呢,下面是Dreamweaver中的一些优化方法:


一、CSS设定制作问题
合理调用CSS进行网页设计,只有运用样式CSS来对页面元素进行布置才能大大地减少HTML代码,样式的设定方法有几种
1、选定对象法:从右键菜单中选择定义好的样式加入;
2、样式面板法:从样式面板中为对象选择样式;
3、标签选择器法:从标签选择器上的某标签上单击右键选择样式。
虽然这三种方法都可获得的页面一样效果,但第一种方法会在网页的HTML代码中产生一个“span”标签,而span标签如果过多地使用将会使网页源文件大大增加,这样网页文件的增加不要以为只会影响下载速度,其实不光影响速度更会影响网络蜘蛛的抓取页面,因为在SEO技术中常常会提到一个文件不能超过100K的说法,因为太大将会大大降低网络蜘蛛爬取效率的,所以我们制作CSS时,尽量应采用第二或第三种方法。

二、数据传送问题
我们平时在做网页时常常会用到数据的返回及处理,这样就会时时刻记得地在服务器与客户端交互数据,这样就必须考虑到服务器的负担,所以网页中用户常用表单向服务器提交数据就得尽量减少等待服务器的数据处理时间否则返回浏览器等待的过程是很令人心烦的。为此,我们在进行网页编辑Dreamweaver制作网页时就需对用户所提交的表单的合法性进行验证,而这些验证只需在浏览器客户端进行,不必返回到服务器验证,这样就减少了客户端与服务器端的频繁交流数据,既减轻了服务器的负担,又让浏览者少一份伤心的等待。
方法:选中表单,打开“行为”面板,点击“+”号选“验证表单”,然后进行设置即可。
注意问题,Dreamweaver行为方式验证过程实际上是调用JavaScript在浏览器客户端通过验证。在Dreamweaver设置行为操作时,它会在网页的头部产生JavaScript代码从而使得代码因需下载而使得加载加长,因此,最好在Dreamweaver中打开代码编辑器,把JS代码放到文件的末尾,让其最后加载,还有一个好处就是有时不必生效也可放到到最后面。

三、“命令”菜单法
可以在“命令”菜单中选择“清除多余的HTML”,也可适当地对网页冗余代码进行清除。  
以上就是简单应用Dreamweaver对网页的优化人几点看法,当然网页优化是一个复杂的过程,只有从细节做起才能取到更好的效果,细节决定成败嘛。

标签:网页优化