《网页的制作》教案.docxVIP

《网页的制作》教案

《网页的制作》教案1

一、教材分析

首页之外的其他网页在结构上很相似，为了给这些网站增加一些亮点，故在网页中插入了交互式按钮，交互式按钮不仅具有超链接功能，在使用过程中还会发生变化，更能引起学生的学习兴趣。

二、教学目标

1、知识性目标

（1）了解交互式按钮的功能；

（2）了解计算机主机包括的部件；

（3）了解网页动态效果。

2、技能性目标

（1）会设置网页的目录；

（2）学会插入、修改交互式按钮；

（3）学会复制表格。

3、情感性目标

（1）加深对计算机硬件的认识；

（2）培养学生分工协作的精神。

三、教学重、难点

1、教学重点

（1）交互式按钮的功能；

（2）插入、修改交互式按钮。

2、教学重点

（1）交互式按钮；

（2）复制表格。

四、教学准备

制作一个具有几个漂亮交互式按钮的`网页。

五、教学过程

1、导入

教师：现在我们的首页已经做好了，可是其他的网页还没做，但是一节课内无法做太多的，今天呀我们就来学习制作“主机”网页吧！其余的以后在做.

2、学习新课。

（1）指导学生用表格布局；

教师:用表格对网页进行布局方法，前一堂课我们学习了，现在就请同学们，对照课本用表格给“主机”网页进行设置。

学生看书练习。

（2）指导学生学习插入交互式按钮；

教师：在网页内经常会插入具有超链接功能的按钮，单击这些按钮，便可打开其他网页，请同学们看下面具有交互式按钮的网页。

屏幕展示。

教师：下面我们就来学习如何制作交互式按钮。

教师示范讲解，学生观察。

学生练习、老师巡视指导。

3、巩固练习。

请同学们试着完成书中本课的“试一试”中的练习，在遇到困难时可小组同学相互帮助，也可以举手问老师。

4、总结评价。

教师总结后，请同学根据自己掌握的知识情况和收获，在本节课的“评一评”中打上自己的成绩。《网页的制作》教案2

学习目标:

制作框架网页、在网页中插入字幕和超链接知识

1.制作框架网页

框架网页是一种特殊的HTML网页，它将窗口划分成若干小窗口区域（框架）。每个框架独立显示一个不同的网页（有自己的网页名字），整个框架网页有一个总的名字。

框架与表格在组织网页结构时相似。表格是对页面区域进行划分，框架是对整个浏览窗口进行划分。

·创建框架网页：单击菜单“文件”→“新建”→“网页”，选择“框架网页”标签→选择“嵌套式层次结构”

·选中的框架边框为蓝色，在拆分或删除框架时应注意是否选中。

·隐藏框架间的.横线：

右击框架网页→单击“框架属性”→在对话框中单击“框架网页”按钮，在“网页属性”对话框中选“框架”标签→设置“显示边框”为未选中状态。

·按住Ctrl键，拖动鼠标可以快速拆分框架。

·删除框架：单击菜单“框架”→“删除框架”。

·保存框架网页时注意要保存所涉及到的所有网页。

·更改框架链接的网页：

右击相应的超链接→在弹出的快捷菜单上选择“超链接属性”命令，打开“编辑超链接”对话框

→可直接选择列出的文件，或在“URL”框中输入网页的地址

→单击“目标框架”右边的“更改目标框架”按钮，在“当前框架网页”中选择目标框架。

2.网页中插入字幕

·插入字幕：光标定位插入点→单击“插入”→“组件”→“字幕”打开“字幕属性”对话框；

→在文本框中输入文字，选择“方向”、“速度”、“表现方式”等；

→选中字幕，拖动鼠标，调节字幕运动范围。

·修改字幕：双击字幕，可以打开“字幕属性”对话框，对字幕属性进行修改。

3.超链接相关网页

超链接是从一个网页指向另一个目标的连接。一般在网页中的某文字或图片上设置超链接。

·创建超链接：单击文字或图片→“常用”工具栏的“超链接”按钮，打开“创建超链接”对话框。

·取消超链接：选中具有超链接的文本或图片，单击“超链接”按钮，在打开的对话框中将URL栏中的内容删除。

·跟踪超链接：

在超链接上右击，在打开的快捷菜单上选择“跟踪超链接”命令；

或：在普通视图中，按住Ctrl键，将光标移到超链接上，单击，会跟踪连接到超链接指向的目的位置。

·设置超链接文本的颜色：网页中超链接文本的颜色共有3种：未访问过的，当前正在访问的，已访问过的。FrontPage默认这3种颜色分别为蓝色，红色、深蓝色。单击“格式”→“背景”→在“网页属性”对话框→选“背景”标签，选定“超链接”、“已访问过的超链接”、“当前超链接”的颜色。

作业：

新建框架网页，建立超链接，在网页中插入字幕。7.2制作网页（框架）这一教案《网页的制作》