|
Adobe Dreamweaver，简称“DW”，中文名称梦想编织者，最初为美国Macromedia公司开发，2005年被Adobe公司收购。DW是集网页制作和管理网站于一身的所见即所得网页代码编辑器。利用对 HTML、CSS、JavaScript等内容的支持，设计师和程序员可以在几乎任何地方快速制作和进行网站建设。 在当今搜索引擎的年代，SEO技术越来越得到重视，这样就必须对我们的网页进行必要的优化，要求对我们的网页尽量的简洁，这样便于网络蜘蛛更好地爬取，也更好地为了用户快速打开我们的网页，这样也大大减少了网站的跳出率，对网页的优化包括各个元素，大到图片的像素，小到表格应用，DIV+CSS的设置等等，那么今天我们要讲的是如何利用Dreamweaver对网页的优化，在制作过程中如能充分利用编辑工具，也可以在网页制作中达到优化目的呢，下面是Dreamweaver中的一些优化方法: 合理调用CSS进行网页设计，只有运用样式CSS来对页面元素进行布置才能大大地减少HTML代码，样式的设定方法有几种 1、选定对象法：从右键菜单中选择定义好的样式加入; 2、样式面板法：从样式面板中为对象选择样式; 3、标签选择器法：从标签选择器上的某标签上单击右键选择样式。 虽然这三种方法都可获得的页面一样效果，但第一种方法会在网页的HTML代码中产生一个“span”标签，而span标签如果过多地使用将会使网页源文件大大增加，这样网页文件的增加不要以为只会影响下载速度，其实不光影响速度更会影响网络蜘蛛的抓取页面，因为在SEO技术中常常会提到一个文件不能超过100K的说法，因为太大将会大大降低网络蜘蛛爬取效率的，所以我们制作CSS时，尽量应采用第二或第三种方法。 二、数据传送问题 我们平时在做网页时常常会用到数据的返回及处理，这样就会时时刻记得地在服务器与客户端交互数据，这样就必须考虑到服务器的负担，所以网页中用户常用表单向服务器提交数据就得尽量减少等待服务器的数据处理时间否则返回浏览器等待的过程是很令人心烦的。为此，我们在进行网页编辑Dreamweaver制作网页时就需对用户所提交的表单的合法性进行验证，而这些验证只需在浏览器客户端进行，不必返回到服务器验证，这样就减少了客户端与服务器端的频繁交流数据，既减轻了服务器的负担，又让浏览者少一份伤心的等待。 方法:选中表单，打开“行为”面板，点击“+”号选“验证表单”，然后进行设置即可。 注意问题，Dreamweaver行为方式验证过程实际上是调用JavaScript在浏览器客户端通过验证。在Dreamweaver设置行为操作时，它会在网页的头部产生JavaScript代码从而使得代码因需下载而使得加载加长，因此，最好在Dreamweaver中打开代码编辑器，把JS代码放到文件的末尾，让其最后加载，还有一个好处就是有时不必生效也可放到到最后面。 三、“命令”菜单法 可以在“命令”菜单中选择“清除多余的HTML”，也可适当地对网页冗余代码进行清除。 以上就是简单应用Dreamweaver对网页的优化人几点看法，当然网页优化是一个复杂的过程，只有从细节做起才能取到更好的效果，细节决定成败嘛。 Adobe Dreamweaver使用所见即所得的接口，亦有HTML（标准通用标记语言下的一个应用）编辑的功能，借助经过简化的智能编码引擎，轻松地创建、编码和管理动态网站。 |
温馨提示：喜欢本站的话，请收藏一下本站！
