网页设计与制作教案设计

网页设计和发布流程

第一步是对站点进行规划

第二步是创建站点的基本结构

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

最后一步是站点的发布

第一节站点的规划与创建

【教学目的与要求】

一、规划站点

二、创建一个站点

【教学方法与手段】

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

启发式教学：教学活动关注的重点从结果转向过程。激发思维，师生互动，增强学生学习的主动性、积极性和创造性；

【教学重点与难点】：

基础知识：规划站点

重点知识：创建一个站点

2课时

【教学组织过程】2课时

1．上讲回顾

2．教授新知

【授课容】

一、规划站点

Web站点是一组具有共享属性（如相关主题、类似的设计或共同目的等）的文档。

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

建立的通常做法是：在要地硬盘中建立一个文件夹用来存放的所有文件，往后就在该文件夹中创建和编辑文档。待网页设计和测试好之后，再把它们拷贝到上供浏览者浏览。

1、规划站点结构

注：规划站点的结构之前应先用笔绘出站点的结构图（如下图所示是一个典型的学校站点的结构图）

2、规划站点的浏览机制

一般可采用以下的方法：

●创建返回主页的

●显示专题目录

●显示当前位置

●搜索和索引

●反馈（将网页创作者或管理员公布在网页上，或创建一个E-MAIL超级，以使用户能快速地将信息反馈到中）

二、创建一个站点

步骤：

1、单击“文件”---“新建”---“站点”命令（或单击常用工具栏中“新建网页”按钮的下拉箭头，从打开的下拉菜单中选择“站点”命令）

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

3、单击“确定”按钮

三、站点的基本操作

1、打开站点：“文件”---“打开站点”

2、删除站点：

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

方法二：在FrontPage中删除站点，在“文件夹”视图或“网页”视图的“文件夹列表”中，右击站点所对应的目录，在快捷菜单中单击“删除”命令

3、站点的设置

“工具”----“站点设置”，有“常规”、“参数”、“高级”、“语言”、“导航”、“数据库”六个选项卡

【课程小结】

【作业】

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

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

【教学目的与要求】

一、插入表格

二、单元格的基本操作

【教学方法与手段】

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

启发式教学：教学活动关注的重点从结果转向过程。激发思维，师生互动，增强学生学习的主动性、积极性和创造性；

【教学重点与难点】：

基础知识：插入表格

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

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

1．上讲回顾

2．教授新知

【授课容】

一、插入表格

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

2、单击“表格”---“插入”---“表格”命令

3、使用表格工具栏（“查看”—“工具栏”---“表格”命令）

4、由文本转换（“表格”—“转换”—“文本到表格”）一般以段落为分行标记，以逗号或句号为分列标记。

二、单元格的基本操作

1、选择单元格（“表格”—“选定”—“单元格”）

Ctrl：可选择不相邻的单元格

Shift：选择多个相邻的单元格

2、插入单元格（“表格”—“插入”—“单元格”）

3、合并单元格（“表格”—“合并单元格”或“表格工具栏”上的“合并单元格”按钮）

4、拆分单元格（“表格”—“拆分单元格”或“表格工具栏”上的“拆分单

元格”按钮）

三、填充单元格

1、文本与图像填充（“插入”—“图片”）

2、对齐文本与图像（“表格”—“属性”—“单元格”，“水平对齐方式”、“垂直对齐方式”）

3、修改单元格背景（“表格”—“属性”—“单元格”，“背景”）

4、调整边框颜色（“表格”—“属性”—“单元格”，“边框”）

5、改变单元格尺寸（“表格”—“属性”—“单元格”，“指定宽度”、“指定高度”）

四、修改表格的行与列

1、选择行与列

2、插入行与列（“表格”—“插入”—“行或列”）

3、均分行与列（“表格工具栏”中的“平均分配行高”或“平均分配列宽”）

4、删除行与列（“表格工具栏”中的“删除单元格”按钮或“表格”—“删除单元格”命令）

【课程小结】

【作业】

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