第一课《认识网页和网站_》精品教案.docxVIP

PAGE3/NUMPAGES3

第一课网站和网页

一、导入课程

前面我们一直在说论坛、网站。大家现在上网的机会都很多，都拥有网络的基本常识。请大家讨论一下，网站与网页有什么联系？

网站包含多个网页，通过超链接把不同的页面链接起来，构成网页的基本元素有文字、图形图像和超链接。网页中常见的图像有JPG和GIF，网站的首页即为主页。

我们打开慕课网，看着网站首页，大家谈论一下，组成网页的除了文字、图形图像和超链接，还有哪些构建。比如：音乐，表单，表格和一些java小应用程序。

二、展开课程

刚才我们了解了网页的基本元素、构件，这些不但美化了网页，还丰富了网页内容，增强了网页功能。下面让我们来看一看网页究竟是怎样组织的。以该慕课网站为例，我们可以选择在网页右键，在菜单中选择查看源代码。

网页中包含的文字、图像、超链接和表格等基本元素及构件是由超文本标记语言（HyperTextMarkupLanguage，简称HTML）进行描述的。HTML是一种超文本标记语言，由网络浏览器解释执行，最后将解释结果显示出来。

几乎所有的网页都是用超文本标记语言编写的，下面就让我们利用记事本来体验一下。

三、网页制作工具比较

1.用HTML语言制作网页

让学生对照老师的任务提示，观察一下一

个简单的HTML网页文件的浏览结果变化。

（提示学生选择“查看”菜单中的“源文件”命令进行修改。）

html

head

title教师个人主页/title

/head

body

fontsize=3color=#FF0000

欢迎大家光临！/font

/body

/html

2.用网页制作工具软件制作网页

在“文件”菜单中用使用Frontpage编辑上述网页，比较两者特点。

教师总结：除了Frontpage之外，还有比较专业的网页制作工具Dreamweaver，由于Frontpage与Word相类似，很适合初学者，所以我们后面的学习都用Frontpage来完成网页制作。

四、课堂总结

本节课涉及到的基本概念较多，我们通过几道题目回顾复习一下。

每位同学学习完本课，并完成实践过程之后对自己的学习情况进行自我评价，完成“课堂在线——网站和网页”中的“交流评价”。指导学生进行自我评价，并根据反馈的结果适当点评。

本节课主要讲了网站和网页的基本内容，网页的基本元素、构件及网页制作工具等。

五、下课！