网页制作课程教学重点问题及解答

摘要：本文对Dreamweaver网页制作课程教学过程中常见的问题及解决方法进行了归纳和探讨。

关键词：网页制作；Dreamweaver；问题；方法

中图分类号：TP393.092-4 文献标识码：A文章编号：1007-9599 (2011) 24-0000-01

Focus Issues and Solutions Web Publishing Courses Teaching

Yi Huiyan

(Guangzhou Huaxia Technical College,Guangzhou510900,China)

Abstract:Common problems and solutions of Dreamweaver Web page teaching process are summarized and discussed.

Keywords:Web production;Dreamweaver;Problem;Method

我们在使用Dreamweaver进行网页制作时，除了受软件本身缺点的限制外，也会经常遇到一些技术性问题，通过多年的网页制作课程教学，本文对学生在网页制作实际操作过程中常见的问题及其解决方法做了以下总结：

问题一、网页的页面尺寸到底该设置多大？

网页设计在初始要界定出网页的尺寸大小，就像绘画给出一块画版来，这样才能方便设计。网页的页面尺寸受限于两个因素：一个是显示器屏幕，显示器现在种类很多，以17寸为主流，另一个是浏览器软件，就是我们常用的IE，遨游，Friefox等。

网页页面高度是可以向下延展的，所以一般对高度不限制。对于一屏来说，一般没有一个固定值，因为每个人的浏览器的工具栏不同，我见过有的浏览器工具栏件占了半个屏幕，所以高度没有确切值。

网页页面宽度，在不同浏览器下，根据显示器分辨率设置，具体规则如下：

1.在IE6.0下，宽度为显示器分辨率减21，比如1024的宽度-21就变成1003。但值得注意的是IE6.0（或更低）无论你的网页多高都会有右侧的滚动条框；2.在Firefox下，宽度的分率辨减19。比如1024的宽度-19就变成1005；3.在Opear下，宽度的分率辨减23。比如1024的宽度-23就变成1001。

注：Firefox或Opear在内容少于浏览器高度时不显示右侧滚动条。

所以如果是1024的分辨率，你的网页不如设成1000安全一点。设成900两侧空白更大，视觉上更舒服一点.也方便做一些浮动层的设计。

如果是800的分辨率一般都设成770。但也有设成760的。

这些需要明白并且牢记，不然很可能做出来不符合浏览器要求，不过一般我们都回设定的再稍微小一点，应为有些浏览器加了插件或者其他的东西宽度会有变化所以 800的分辨率一般设定760左右，1024的设定990左右。

以下是dreamweaver常用网页设计的标准尺寸：1.显示器分辨率800*600下，网页宽度保持在778以内，就不会出现水平滚动条，高度则视版面和内容决定。2.显示器分辨率1024*768下，网页宽度保持在1002以内，如果满框显示的话，高度是612-615之间.就不会出现水平滚动条和垂直滚动条。

问题二、网页中文字会跟随浏览器字体大小设置而变动？

那么解决的办法就是将网页内容定性的强制在某个合适的大小上，即不容许他变化。具体操作方法有三种：

一、通过CSS样式表对字体进行强制性控制。使用快捷键"Shift+F11"打开样式表"CSS Style"编辑器，在窗口中单击鼠标右键执行"New CSS Style..."命令新建一个样式表，然后在给出的列表中选择"类型"选项，定义文字属性参数（一般文字的大小选择12px较为适宜）。完成后选择网页编辑窗中的文本，单击新的样式表名称，可以看到选中的文本发生了变化。预览时试试定义的文本字体尺寸还会不会随浏览器的选择字体大小而改变。

二、可以在选定具体的文字后，在属性面板中将文字大小设定一个具体的值（如12px）

三、在属性面板中单击“页面属性”按钮，通过“页面属性”对话框中的“外观”分类设置字体大小。

问题三、怎样正确的使用层的相对定位和绝对定位进行页面布局？

当页面中使用了层来布局，你会发现当浏览器大小改变时，层的位置却没有改变，结果它和其他的元素之间出现了错位现象，使页面变得杂乱无章。我们不能够强制用户使用特定的分辨率，只能想办法让层的位置也能够象表格一样根据浏览器大小的改变而重新定位，这就需要合理地使用相对定位和绝对定位了。

绝对定位（position：absolute）：即层默认的定位方式，层的位置决定于浏览器左、上边缘开始计算定位的数值。

相对定位（position：relative）：层的位置相对于某个元素设置，该元素位置改变，则层的位置相应改变。

利用层相对定位技术布局网页的思路与方法：首先创建一个层（父层），对这个层使用CSS样式进行相对定位，确定层的大小和相对位置，将用到的网页元素插入到多个子层中，这些子层都以绝对定位的方式嵌套到父层中（子层是在父层中绝对定位）。

操作方法如下：1）构建相对定位的父层。使用相对定位的方式构建父层“Layer_xiangdui”，设置父层的宽度和高度；2）创建重定义body标签。将重定义body标签样式保存在css_file.css文件中；3）在父层中绘制绝对定位的多个子层，在层中插入网页元素即可。

问题四、分别在什么情况下使用绝对地址与相对地址？

绝对和相对很容易理解的，绝对是固定的，相对则是有参照物的。

“绝对地址”就是形如http：//www.省略/index.htm或file：//d：/myweb/index.htm这样的地址，指文件在网络或本地的绝对位置。

“相对地址”就是被链接文件相对与当前页面的地址。相对地址的使用分5种情况：1、链接和当前页面同级的文件，地址只要用“文件名”即可；2、链接当前页面下级子目录下的文件，用“目录名/文件名”；3、链接当前页面上一级目录下的文件用“../文件名”；4、链接同级但在另外一个子目录中的文件用“../目录名/文件名”；5、链接根目录（你的网站的根目录，并非硬盘根目录）下的文件，可以用“/文件名”的形式。

一般情况下，我们提倡使用相对地址，原因很简单，打个比方说，如果你有一个站点文件，里面引用了images目录的一些图片，如果使用了相对地址，移动的时候只需把原来的站点文件夹全部上传到新的空间就行了，因为文件彼此之间的相对位置关系没有改变，所以这些地址仍然是有效的。但如果插入图片的时候使用了绝对地址，那空间地址一变，引用处的图片路径也要随之改变。

参考文献：

[1]陈樱之.职业教育适时而行服务浙江转型升级[N].浙江日报（求学求职•高职特刊）,2008,12,10

[2]我国职业院校计算机应用与软件技术专业领域教育改革调研――信息产业部电子教育中心等单位联合调研结果[Z].转

[3]赵智群.对工学结合课程的认识（一）[J].职教论坛,2008,1转