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