项目二周庄——中国第一水乡——第一个页面及有效结合.docVIP

项目二：“周庄——中国第一水乡”——第一个页面 一、新课引入 前面我们介绍了Dreamweaver 8的界面组成，站点的创建方法。下面我们通过一个实例的学习，简单地领略网页制作的一般过程，对网页的制作步骤有一个初步的认识。今天我们来做第一个自己的页面（如下图所示），标题是——《周庄——中国第一水乡》。在其中，我们运用了网页最基本的元素——文字、图片、超链接。并依葫芦画飘，用表格来布局。 二、新课教学 活动一： 创建站点 教师布置任务：（复习）创建自己的文件夹，创建相应站点，在站点下创建主页文件index.html和存放网站图像的文件夹images。 学生活动：创建站点文件夹，创建相应站点，创建主页文件index.html和存放网站图像的文件夹images。 教师讲解：讲解学生操作中的问题。说明：主页文件一般用index.html或default.html表示。 活动二：周庄——第一页 教师布置任务：根据书上操作要点和样张页面，自行完成如下操作： 样张： 学生讨论练习：参考书上操作步骤，完成上述练习，教师加以指导 教师演示、分析讲解：运用表格布局如下四个部分：Banner条、导航条、主体内容、版权信息。 参考操作步骤： 新建空白页 设置网页标题——《周庄——中国第一水乡》 设置页面属性：上下边距——10，左右边距——0；字体——12px；背景——bgcloud.jpg；文本颜色——#