网页设计及制作教案.pdf

-

网页设计和发布流程

第一步是对站点进展规划

第二步是创立站点的根本构造

第三步即可开场具体的网页创作过程

最后一步是站点的发布

第一节站点的规划与创立

【教学目的与要求】

一、规划站点

二、创立一个站点

【教学方法与手段】

多媒体教学：借助多媒体手段，进展课堂理论教学；

启发式教学：教学活动关注的重点从结果转向过程。激发思维，师生互动，

增强学生学习的主动性、积极性和创造性；

【教学重点与难点】：

根底知识：规划站点

重点知识：创立一个站点

2课时

【教学组织过程】2课时

1．上讲回忆

2．教授新知

【授课容】

一、规划站点

.z.

-

Web站点是一组具有共享属性〔如相关主题、类似的设计或共同目的等〕

的文档。

本地站点：是本地硬盘中存放远程所有文档的地方〔文件夹〕。

建立的通常做法是：在要地硬盘中建立一个文件夹用来存放的所有文件，往

后就在该文件夹中创立和编辑文档。待网页设计和测试好之后，再把它们拷贝到

上供浏览者浏览。

1、规划站点构造

注：规划站点的构造之前应先用笔绘出站点的构造图〔如下列图所示是一个

典型的学校站点的构造图〕

2、规划站点的浏览机制

一般可采用以下的方法：

创立返回主页的

显示专题目录

显示当前位置

搜索和索引

反应〔将网页创作者或管理员公布在网页上，或创立一个超级，以使用户

能快速地将信息反应到中〕

二、创立一个站点

步骤：

1、单击“文件〞“新建〞“站点〞命令〔或单击常用工具栏中“新建网页

〞按钮的下拉箭头，从翻开的下拉菜单中选择“站点〞命令〕

2、选择一种站点模板或向导

.z.

-

3、单击“确定〞按钮

三、站点的根本操作

1、翻开站点：“文件〞“翻开站点〞

2、删除站点：

方法一：在Windows资源管理器中删除一个站点

方法二：在FrontPage中删除站点，在“文件夹〞视图或“网页〞视图的“文

件夹列表〞中，右击站点所对应的目录，在快捷菜单中单击“删除〞命令

3、站点的设置

“工具〞“站点设置〞，有“常规〞、“参数〞、“高级〞、“语言〞、“导航〞、“数

据库〞六个选项卡

【课程小结】

【作业】

1．5课后练习书本课后练习作业

第二节利用表格进展网页布局

【教学目的与要求】

一、插入表格

二、单元格的根本操作

【教学方法与手段】

多媒体教学：借助多媒体手段，进展课堂理论教学；

启发式教学：教学活动关注的重点从结果转向过程。激发思维，师生互动，

增强学生学习的主动性、积极性和创造性；

【教学重点与难点】：

.z.

-

根底知识：插入表格

重点知识：单元格的根本操作

【教学组织过程】2课时2课时

1．上讲回忆

2．教授新知

【授课容】

一、插入表格

1、单击常用工具上的“插入表格〞按钮

2、单击“表格〞“插入〞“表格〞命令

3、使用表格工具栏〔“查看〞—“工具栏〞“表格〞命令〕

4、由文本转换〔“表格〞—“转换〞—“文本到表格〞〕一般以段落为分行标

记，以逗号或句号为分列标记。

二、单元格的根本操作

1、选择单元格〔“表格〞—“选定〞—“单元格