实用标准文档
课 题 开篇之作 课 型 新授课 教 学 目 标 知识与技能: 1.创建站点和网站首页。 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)单击“标签选择器”中的