网页制作

学习活动1：使用HTML制作一个简单的网页

学习目标

1、区分静态网页和动态网页 2、HTML制作一个简单网页

建议学时：4学时 学习过程：

一、教学准备

电脑、学生工作页、参考资料、互联网资源、相关网页电子素材、多媒体设备等 二、任务分析

活动2任务书 1、任务名称：使用HTML制作一个简单的网页 2、学习目标： 1） ________________________________________________ 2） ________________________________________________ 3、任务情景： 在组建公司之前，作为公司合伙人之一的你需要了解静态网页制作的一些基础知识。 4、任务要求： 1、区分静态网页和动态网页 2、HTML制作一个简单网页 5、资源准备（课前写出你认为用到的资源） ____________________________________________________ 6、角色分配及职责 根据全班人数进行分组，设立设计公司，确定自己的职务、工作职责，填写下表： 成员

1

职 务 职 责 网页制作

三、引导问题

Html是英文 HyperText Markup Language 的缩写，中文意思是“超文本标志语言”，它们是可供浏览器解释浏览的文件格式。网站如何在网络上传输?

1、请同学们查找以下超文本标志语言的的的意思；

_______________________________________________________________________________ 3、什么是动态网页？

_______________________________________________________________________________ 4、首页（Homepage）

又称主页，访问网站看到的第一个页面，文件名一般默认为___________________________

四、学习过程

1、先建立一个今后用来放各种文件的文件夹。在“我的文档”下建立名为“HomePage”的文件夹。做网页的时候，扩展名（文件名末尾的.txt或.html之类的东西）是非常重要的。强烈推荐把扩展名设置成显示模式。

打开“我的电脑”→从菜单选择“工具”→“文件夹选项”→“查看”。

2

网页制作

把“隐藏己知文件类型的扩展名”的前面的勾去掉。

2、用记事本或其他文本编辑器来写html文件。开始菜单→所有程序→附件→记事本。在记事本的窗口里输入下面的内容。 我的第一个网页。 3

网页制作

3、输入完毕后，保存到 “HomePage”文件夹，命名为“test.html”。 ■ 用浏览器打开看看

4、在“我的”和“第一个网页。”中间换行。
是 break 的缩写。在记事本的窗口里输入下面的内容。 我的
第一个网页。

5、试试看把“网页”两个字变成粗体字。刷新浏览器，“网页”两个字变成了粗体字。 是 bold 的缩写，它能够把～ 之间的文字变成粗体字。同样，在～ 之间的文字会变成斜体字（Italic）。 我的第一个网页。 6、试试看把“网页”两个字变成红色。 我的第一个网页。 7、背景颜色 XXX看，这个页面是黄色的。 8、正文标题的大小

这是1号标题