第3课 开篇之作——基于表格的页面布局 教学设计

信息技术初中八年级下册 第3课 开篇之作———基于表格的页面布局 教学目标：?1.创建站点和网站首页。? ? 2.掌握对表格属性的相关设置。? 教学重点：?能够对表格属性进行熟练的设置。 ?教学用具：多媒体网络教室。? 教学方法：讲解、学生练习。? 时间安排：2节课? 教学过程：?? 一、课程导入? 一个网站的规划设计完毕了，接下来的工作就是网页设计。我们知道一个网站的首页就像一本书的目录一样，我们做网站也一样，要先把首页确定下来。我看了我们上一周做的网页，有些同学想发挥点创意，但发现页面布局很乱，图片文字乱七八糟堆放在一起。这节课我们就来学学怎样对页面布局进行控制。在这之前我们先来看看别人的首页是怎么做的。（查看事先准备好的示例网页，分析表格在该页的作用）? 二、新课讲授?? （一）复习创建站点的步骤。? 1.在D盘新建一个文件夹，作为站点文件夹。? 2.打开Dreamweaver8,单击“站点”菜单下的?“新建站点”命令。? 3.新建站点（步骤略，参加课本p12）。? （二）创建网站首页? 1．整理素材? （1）右击“文件”面板中站点名“站点-安全自护我能行D:safe”，在弹出的快捷菜单中执行“新建文件夹”命令，然后将文件夹命名为images。? （2）将首页素材图片index.gif，复制粘贴到images文件夹中。? （3）在safe文件夹下新建一文件夹other，将flash动画素材整理到other文件夹中。? 2.创建并保存首页? （1）单击?“文件”->“新建”命令，选择“常规”，在“基本页”列表框中选择HTML选项，单击?“创建”按钮，即建立了一个空白页。 （2）执行“文件”->?“保存”命令，保存名index.html,默认保存路径是站点的跟目录。注意保存类型选择“html文档”。 （三）对首页进行初步布局? 1.为页面添加背景颜色? （1）单击文档窗口，使插入点在编辑区内闪烁，然后单击“属性”栏的“页面属性”按钮。? （2）找到?“背景颜色”选项，输入浅黄色的颜色数值#FFFF94，单击“确定”按钮，背景色设置完成。? 2.设置网页标题并预览网页效果。?3.使用表格初步布局网页。? （1）在文档窗口中单击，在页面左上角放置插入点。? （2）执行“插入”->“表格”命令。? （3）在弹出的“表格”对话框中设置一个2行1列的表格，宽度600像素。 （4）单击“标签选择器”中的标签，选中此表格，在属性栏中完成表格的相关设置。具体参数如下：行数：2，列数：1，高度：600像素，宽度600像素，对齐：居中对齐，背景图片：index.gif。? 4.测试网页。? 三、学生练习? 鼓励学生大胆尝试和创新，利用所学的内容，进行创意性发挥。 学生小组合作完成制作一个首页的任务，并将任务上交到教师机。 四、作品评价 调几个优秀作业进行课堂点评，激发学生兴趣。 五、本课小结? 1.站点目录结构要清晰，方便管理，素材要按类型分别存放。? 2.文档工具栏的使用。? 3.使用表格设计网页布局，可以使网页看上去更加整齐。? ... ...