文档介绍：第 1 页
网页设计和发布流程
第一步是对站点进行规划
第二步是创建站点的基本结构
第三步即可开始具体的网页创作过程
最后一步是站点的发布
第一节 站点的规划及创建
【教学目的及要求】
一、规划站点
二、创建一个站点
【：教学活动关注的重点从结果转向过程。激发思维，师生互动，增强学生学****的主动性、积极性和创造性； 
【教学重点及难点】：
基础知识：认识框架网页
重点知识：创建框架网页
【教学组织过程】2课时 2课时
1．上讲回顾
2．教授新知
【授课内容】
一、认识框架网页 1、框架的概念 框架网页是一种特殊的网页，它将自身分成几个区域，每个区域称作一个框架窗口（通常简称为框架）
框架具有以下特性：
每个框架都可以独立地显示一个网页，各个框架窗口之间可以设立超链接。
每个框架窗口可以赋予一个名字，以便其他URL作为目标调用。
2、框架的使用场合（如邮箱、论坛）
第 7 页
通常用框架来显示在同一个站点中的多个超链接，这样可以不用浏览器中的“后退”按钮而方便的进行浏览。
框架也适用于类似在线书籍的应用，将目录显示在左边的框架中，单击目录，右边框架中显示相关的章节
二、创建框架网页 1、框架网页的创建
“文件”—“新建”—“网页”，选择“框架网页”选项卡 2、框架网页模板（10种） “设置初始网页”
“新建网页”
三、框架网页的保存和打开
框架网页的保存包括框架网页自身的保存和框架窗口中网页的保存。 1、框架网页的保存
“文件”—“保存文件”或“框架”—“保存网页” 2、框架网页的打开 “框架”—“在新窗口中打开网页”
框架网页的属性
1、框架网页的属性 “文件”—“属性”
“框架间距”、“显示边框”
2、框架的属性 “框架”—“框架属性”
五、调整框架布局 1、调整框架窗口的大小（用鼠标拖动或在“框架属性”对话框中调整） 2、框架的拆分
方法一：“框架”—“拆分框架”（按行或按列拆分）
方法二：用鼠标拖动拆分（按Ctrl键）
3、框架的删除 “框架”—“删除框架”
第 8 页
六、目标框架
当在框架网页的某一个框架中定义超链接时，需要指定被链接的网页显示在哪一个框架中，即指定超链接的目标框架。
选择要设置超链接的文字或图像，“插入”—“超链接”，单击“目标框架”、“更改目标框架”
【课程小结】
【作业】
1．5 课后练****书本课后练****作业
第四节 使用导航栏
【教学目的及要求】
一、定义导航结构
二、认识导航栏属性
三、创建导航栏
【教学方法及手段】
多媒体教学：借助多媒体手段，进行课堂理论教学；
启发式教学：教学活动关注的重点从结果转向过程。激发思维，师生互动，增强学生学****的主动性、积极性和创造性； 
【教学重点及难点】：
基础知识：定义导航结构
重点知识：认识导航栏属性
【教学组织过程】2课时2课时
1．上讲回顾
第 9 页
2．教授新知
【授课内容】
一、定义导航结构
在网页内添加导航栏之前，先建立该站点的导航结构
“视图”—“导航”按钮
二、认识导航栏属性
“插入”—“导航栏”按钮
“父层”：创建指向当前网页上一级网页的超链接，并将上一级网页的标题名称显示在导航栏内。
三、创建导航栏（要在浏览器中才可看到实际导航栏效果）
四、创建共享边框
用创建导航栏的方法只能在一个网页中创建导航栏，若需要导航栏出现在站点内多个网页的相同位置，则可将导航栏插入网页的共享边框内。
右击编辑窗口，单击“共享边框”命令
练****二、利用框架设计一个企业网站的布局
要求有如下内容：关于我们、商品展示、在线订购、网上留言、联系我们、产品目录、友情链接等。
【课程小结】
【作业】
1．5 课后练****书本课后练****作业
第 11 页
第五节 网页布局功能的应用
【教学目的及要求】
创建布局表格
绘制布局表格
【教学方法及手段】
多媒体教学：借助多媒体手段，进行课堂理论教学；
启发式教学：教学活动关注的重点从结果转向过程。激发思维，师生互动，增强学生学****的主动性、积极性和创造性； 
【教学重点及难点】：
基础知识：创建布局表格
重点知识：绘制布局表格
【教学组织过程】2课时
1．上讲回顾
2．教授新知
【授课内容】
一、创建布局表格
1、创建布局表格
打开一个空白网页，并切换到“设计”视图下，单击“表格”菜单中的“布局表格和单元格”命令，随后在右侧弹出一个任务窗口，在该任务窗口下面程序提供了多种表格布局模板，在此单击其中需要的模板即可将该模板添加到网页中。
如果你对模板中提供的布局表格不太满意，还可以用手工绘制的方法创建一个布局表格。创