《制作网页》教案
金牛座日期-另
2.7制作网页
1．必备资源
本节课所用到的文字、图像等资源均以压缩文件形式存放在以下网站并可下载。
教材分析
1．教学目标
知识与技能
★熟悉网页制作的一般过程。
★完成站点中主要网页的制作。
过程与方法
通过规划、制作网站的首页，学会制作网页的一般步骤。
2．重点和难点
在上一章
中，已经学习了网页制作的主要知识，本节是对这些知识的综合运用。重点
要放在如何规划制作一个网站
的首页上。
教法设计
设计制作一个精致、美观的网站首页，可以吸引网站访问者的注意力，
提高访问者浏
览网页内容的兴趣，从而最大限度地发挥网站的作用。每个小组按照前面确定的网站
主题和栏目设计方案，参照教材示例中的具体方法和步骤，设计制作网站的首页。网
站中的其他各个栏
目的网页，由小组各成员分工完成。
1．导入新课
可以以网站制作的一般过程为切入点，直
接引入本节的内容。然后复习制作一个网页
的一般步骤：布局网页、添加网页内容、美化网页。
2．实践导引
1)设计网页版式，用表格布局网页
根据上一章所学的网页版式知识，小组讨论确定网站首页的版式。
注意进行以下几方面的引导：
★网站首页的重要性
★网站首页的常见版式
★导航栏的位置设计
2)添加网页元素，设置文本的格式和图片的属性
由于网页中
插入图片的方法与word中插入图片的方法有所不同，插入网站内的图片和
网站外的图片又有差别，所
以教师要着重强调，注意根据图片的来源选择不同的方法。
插入网站外的图片，其操作方法如下：
第一步：执行“插入／图片／来自文件”菜单命令，出现如下的对话框：
第二步：单击“从计算机上选择一个文件”按钮，从磁盘上选择需要的图片文件。
注意快捷键“Shint + 回车”和“回车”的区别。
3)美化网页
美化网页
的方式有很多，对网页中的文字进行字体和格式等设置，可以起到美化网页
的作用。这里主要是从统一网
站风格的角度，使用网页背景和主题来美化网页，二者
可以应用到网站中的所有网页。
制作网页(学案)
合作小组成员
设计网页版
第一环节
式，用表格布本组网站首页的版式如下：
局网页
添加网页元素
第二环节
本的格式和图
片的属性
第三环节
第四环节
设置文换行但不分段的快捷键是：______________。
分段的快捷键是：________________。
哪些方法可以起到美化网页的作用?
制作网页的一般步骤是什么?
美化网页
总结