DR设计静态网站过程中存在的问题与对策

法金勇

【摘 要】从互联网上查找资料可能都需要浏览网页，因此，网页就成为了信息的基本载体。网页制作也成为了计算机软件学习中的一项重要内容。利用Dreamweaver软件可以设计出十分精美的网页，但是，它也是一个让许多初学者感到很困惑的软件。初学者利用DR设计静态网站的过程中会遇到各种各样的问题，那么怎样才能够利用好Dreamweaver软件呢？本文对Dreamweaver软件设计静态网站进行了简介，分析了DR设计静态网站过程中存在的问题，研究出了相应的对策，并得到了相关的结论。

【关键词】Dreamweaver软件 网页 设计 静态 问题 对策

【中图分类号】TP393.092【文献标识码】A【文章编号】1672-5158（2013）02-0088-01

一、Dreamweaver软件设计静态网站

D r e a m w e a v e r是当前最流行的网页设计软件。它与同为Macromedia公司出品的Fireworks和Flash一道，被誉为网页制作三剑客。利用Dreamweaver软件设计静态网站也成为了各高校计算机软件相关专业的一门新兴学科。静态网站主要是指网站建设初期或者简单的网站，这种网站事宜发布信息为主的网站。这类网站的页面基本上都是设计人员事先设计好，放在服务器上，用户访问网站时直接再传到用户的浏览器上供用户浏览。利用Dreamweaver软件设计静态网站主要有以下几大优点：1、不生成冗余代码；2、代码编辑方便；3、强大的动态页面支持；4、操作较简单；5、网站管理功能优越；6、便于扩展。利用Dre amweaver软件设计静态网站需要准备所需的各种素材，例如，准备文字素材、准备图像素材、准备动画素材、准备声音素材、准备其他媒体形式的素材等。

二、 DR设计静态网站过程中存在的问题

对于初学者而言，利用Dreamweaver设计静态网站经常会产生一些意想不到的错误，使在调试的时候很难下手。经过探究分析发现，DR设计静态网站过程中主要存在以下几种问题：

（一）、路径错误问题

路径是网页与网页所需素材相连接的关键所在，出现路径错误问题，网页很有可能变得一塌糊涂。最为常见的是图片链接问题，设计的网页中图片无法显示。当出现图片无法显示的情况时，很有可能是图片素材的路径出了问题。对于声音、动画无法获取也是一样的，多半是获取路径的问题。

（二）、空格问题

在Dreamweaver中输入空格是一件令人头痛的事情。有时候当利用Dreamweaver编辑文本的时候需要用到空格，但是，一些初学者可能就会发现空格无法显示出来，这样就导致空格问题的出现。

（三）、设计好的网页在浏览器窗口最小化时会变丑的问题

对于初学者来说，容易出现的一个问题就是：设计好的网页在浏览器全屏的状态下，网页内容能够全部显示出来，不存在任何问题，可是当使用窗口最小化命令或者手动调节窗口大小事，就会出现设计好的网页变丑的问题。可能出现的情况就是网页内容会把当前窗口作为显示范围，从而缩小了显示范围，这样的话就会导致网页内容无法全部显示，网页显得不那么美观了。

（四）、图文混排问题

设计静态网站时，想要在Dreamweaver中将图片和文字放在一起，实现图文混排的效果。但是，在进行图文混排时经常会出现错位的现象，图片文字无法对齐。最常见的就是栏目条上的一个小图标和一个标题在同一个单元格内，图标和文字难以对齐。

（五）、表格混乱问题

很多初学者会采用单一表格来给整个页面布局，这种页面布局方式不规范，容易产生错误。Dreamweaver使用表格是很常见的，表格操作简单，很容易上手，但是，调试起来很困难，经常会出现错位混乱的问题。这是因为表格的各个单元格之间是有关联，单元格宽度会影响布局的内容，一旦出现错误就很难控制了。

三、 对策研究

针对DR设计静态网站过程中存在的问题，可以提出如下对策：

（一）、合理设置文件路径

当出现路径错误是，需要查看引用文件的路径是否正确。对于图片路径错误来说，如果路径设置是：“./images/baby.jpg”，这样设置的是相对路径，指的是父级目录下的image文件夹中的baby.jpg图片文件，这样是正确的。但是，如果路径设置为：“file：///d：/Documents/baby.jpg”，这是电脑的绝对路径，指的是电脑D盘中我的文档中的baby.jpg图片文件，所以文件没有在站点文件夹中，无法获取图片信息。所以，需要将各种素材放在站点文件夹内，并指定正确的路径。

（二）、了解空格使用方法

Dreamweaver中对空格输入的限制是针对“半角”文字状态而言的，所以通过将输入法调整到全角模式就可以避免空格问题了。另外，还可以通过同时按下键盘上的Shift+Ctrl+space就可以插入一个空格，且能够连续输入。

（三）、正确设定表格百分比属性

一般情况下，网页布局大多是通过表格来实现的，表格的高度设定选择上提供了百分比和像素两种不同属性，解决网页在浏览器窗口最小化变丑的问题，只需要将百分比属性全部更正为Pixels单位的实际大小就可以了。

（四）、图文混排

解决图文混排问题，只需要将图片的对方属性改为绝对居中，然后再对图片的左右边距进行调节就可以了。

（五）、使用多个表格来布局，减少各表格间的关联

采用表格来布局时，尽量使用多个表格，复杂栏目合理嵌套，每个栏目用单独的表格，减少各个表格之间的关联。另外，在建立表格时要设置填充和间距的具体数值，对于一些初学者而言，在建立表格式没有设置填充和艰巨的具体数值，而表格填充和间距默认的是1个像素，这样在布局的时候就容易把表格撑开，造成页面布局的混乱。

四、 结束语

DR设计静态网站过程中存在的问题除了上述常见的五种之外，还有一些问题也是令初学者比较头痛的。例如，利用CSS和DIV布局时容易出现浮动元素换行、布局发生混乱、间距不合理等问题。这个时候需要设计者掌握CSS和DIV布局的使用方法，正确的运用CSS和DIV布局技术，才能够使静态网站更加的美观。网站设计的过程是复杂的，需要不断地实践，总结经验。

参考文献

[1] 刘宏，韩鹰.网页设计与制作实训教程[M].北京交通大学出版社， 2007

[2] 刘小伟，等.网页设计使用教程[M].中国铁道出版社，2008

[3] 邢苗条.Dreamweaver4.0网页设计实用教程[M].西安：西安地图出版社， 2002