基于表格的页面布局.doc

《基于表格的页面布局.doc》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第三课基于表格的页面布局教学目标：1．进一步熟悉Dreamweaver8的工作界面。2.掌握利用“文件”面板打开网站的方法。3．学会根据网站素材的分类规划网站的文件夹。4．熟练地创建并保存网页。5.掌握设置网页标题的方法。6.能够根据网页内容使用表格恰当布局。教学重点：培养学生的兴趣。教学难点：能够根据网页内容使用表格恰当布局。授课日期：3月22日-26日教学过程：（1）在“文件”面板中规划站点首页需要使用的素材必须存放在网站中才能被它引用，所以我们要为素材建立文件夹，将不同类别的素材分门别类地存放，便于管理。打开“文件”面板，模仿在wind

2、ows中的操作，右击网站名“安全自护我能行”，在弹出的快捷菜单中执行“新建文件夹”命令，此时文件夹名处于可编辑状态，我们只需要直接输入文件夹名即可完成命名，创建网页也可以采用此方法，如图3.1所示。与使用“新建”菜单来创建网页相比，在“文件”面板中操作更为简单快捷。为素材归类存放准备的文件夹建立完毕之后，我们要将素材存放到相应的目标文件夹中。此时可以考虑暂时脱离Dreamweaver8的软件环境，使用windows的资源管理器进行操作，这样做的好处是可以批量复制粘贴文件，尤其是素材准备充分的情况下，能够节省大量的时间，这种方法优于在网页中先使

3、用素材后再逐个保存到网站中的方法。在教材中我们所介绍的正是此种方法。至于传统的先使用素材后保存到指定文件夹的方法，虽然不推荐使用，但是也可以介绍给学生，（2）设置网页标题每个网页都有标题，但是网页的标题并不显示在网页文档中，而是显示在浏览器的标题栏中，如果不设置则显示成“无标题文档”。（3）设置网页背景更改首页的背景色，属于设置网页的页面属性，既可以通过“属性检查器”的“页面属性”按钮，也可以通过“修改”菜单的“页面属性”命令完成，弹出的对话框相同。我们设置背景色的目的是为了让后插入的表格的背景图像能够融合到整个网页中，使画面效果过渡自然，所

4、以对背景颜色要求非常精确。在系统提供的色板中我们无法找到对应的颜色，用拾色器则比较复杂，因此我们采用的是输入十六进制颜色值的方法进行设置，此方法我们在学习Flash的时候曾经讲授过，此处不再赘述。当网页同时设置了背景颜色和背景图像的时候，系统只会显示背景图像，忽略背景颜色。（4）使用表格对页面布局插入表格是在网页设计中经常采用的页面布局方式，使用表格控制网页元素的定位，既简单又精确，因此掌握好表格的运用是非常重要的。当表格用于布局的时候，通常会将边框线设为0像素，这样在浏览器中浏览网页时将不会看到表格边框线。我们在首页中正是如此设置的，表格的

5、边框线在编辑状态下显示为虚线，在IE中预览的时候，边框线并不显示。小结：本节课我们主要学习了如何使用表格对网页进行布局，以及如何设置网页的背景、颜色等。同学们要通过多加练习来熟练掌握这些内容。教学反思：学生们联系的太少，操作很不熟悉，一个礼拜一节课，一来就想玩。以后应少讲多练。把更多的课堂时间还给学生。