《制作网页》教案

2022-07-12 02:10:18 文档大全网 [ 字体：小中大 ] [ 阅读： ]

【#文档大全网# 导语】以下是®文档大全网的小编为您整理的《《制作网页》教案》，欢迎阅读！
教案,网页,制作
2.7制作网页

1．必备资源

本节课所用到的文字、图像等资源均以压缩文件形式存放在以下网站并可下载。教材分析 1．教学目标知识与技能

★熟悉网页制作的一般过程。 ★完成站点中主要网页的制作。过程与方法

通过规划、制作网站的首页，学会制作网页的一般步骤。 2．重点和难点

在上一章中，已经学习了网页制作的主要知识，本节是对这些知识的综合运用。重点要放在如何规划制作一个网站的首页上。教法设计

设计制作一个精致、美观的网站首页，可以吸引网站访问者的注意力，提高访问者浏览网页内容的兴趣，从而最大限度地发挥网站的作用。每个小组按照前面确定的网站主题和栏目设计方案，参照教材示例中的具体方法和步骤，设计制作网站的首页。网站中的其他各个栏目的网页，由小组各成员分工完成。 1．导入新课

可以以网站制作的一般过程为切入点，直接引入本节的内容。然后复习制作一个网页的一般步骤：布局网页、添加网页内容、美化网页。 2．实践导引

1)设计网页版式，用表格布局网页

根据上一章所学的网页版式知识，小组讨论确定网站首页的版式。注意进行以下几方面的引导： ★网站首页的重要性 ★网站首页的常见版式 ★导航栏的位置设计

2)添加网页元素，设置文本的格式和图片的属性

由于网页中插入图片的方法与word中插入图片的方法有所不同，插入网站内的图片和网站外的图片又有差别，所以教师要着重强调，注意根据图片的来源选择不同的方法。

插入网站外的图片，其操作方法如下：

第一步：执行“插入／图片／来自文件”菜单命令，出现如下的对话框：

第二步：单击“从计算机上选择一个文件”按钮，从磁盘上选择需要的图片文件。注意快捷键“Shint + 回车”和“回车”的区别。 3)美化网页

美化网页的方式有很多，对网页中的文字进行字体和格式等设置，可以起到美化网页的作用。这里主要是从统一网站风格的角度，使用网页背景和主题来美化网页，二者可以应用到网站中的所有网页。

制作网页(学案) 合作小组成员

设计网页版

第一环节

式，用表格布本组网站首页的版式如下：局网页添加网页元素

第二环节

本的格式和图片的属性

第三环节第四环节

设置文换行但不分段的快捷键是：______________。分段的快捷键是：________________。哪些方法可以起到美化网页的作用? 制作网页的一般步骤是什么?

美化网页总结