网页制作

发布者：吴锋     所属单位：江夏实验高中     发布时间：2015-12-07    浏览数：0

教学课题：    第五章 网页制作(一)

教学时间：两课时

教学目的：

1、掌握FrontPage  2000的启动和退出方法

2、了解什么是网页、网站、主页、HTML等概念，熟悉常用的网页元素。

3、熟悉FrongPage 2000的组成

4、会建立一个空站点，及一个主页。

教学方法：任务驱动法   探索法

教学过程：

一、情景导入  

教师打开省前中网站

提问：网上的文字，图片信息怎样下载到WORD中？

二：基本概念：

提问：   1、什么是网页？，它包含哪些元素？

      通过浏览器在WWW上所看到的每一幅画面都是一个网页（Web Page），网页是全球广域网上的基本文档，用 HTML (超文本标记语言) 书写，其中可以包含文本、图片、动画、音乐、链接等元素。网页可以是站点的一部份，也可以独立存在。每一个网站都是由若干网页组成的，各网页之间通过链接联系在一起。

2、什么是网站？什么是主页？

网站是计算机网络上的位置，它使信息以网页或文档的形式提供给使用浏览器访问站点的访问者。计算机网络可以是世界范围的 Internet 或 Intranet（链接办公室中所有计算机的局域网）。信息可以 HTML 网页或其他文档格式发布。为了查看站点上的信息，访问者需要使用浏览器程序（如 Microsoft(r) Internet Explorer或Netscape Navigator），通过这些程序将 Web 站点上的 HTML 网页翻译为监视器上的文本或图形。

使用浏览器访问网站时，网站中第一个被执行的文件称为主页，主页的基本功能是帮助访问者轻松浏览网站，其中可能包括有关站点创作者的个人信息、工作部门和公司、指向同一 Web 站点的其他文档的链接或指向相关内容的其他站点的链接等内容。为了吸引访问者，主页的页面要美观、内容要做到组织严密并且要提供有用的信息。

不同的WEB服务器把不同的文件名识别为主页，多数服务器将index.htm识别为主页，也有的服务器将default.htm，index.asp,default.asp,home.htm、welcome.htm、识别为主页。

3、它是如何做出来的呢？有哪些做网页的工具？

FrontPage、Flash、Dreamweaver 、WORD，这些工具以“所见即所得”的用户界面为特征，还有CDIDA软件

4、什么是超文本标记（HTML）语言？

HTML (超文本标记语言)是一种用于全球广域网上文档中的标准标记语言。该语言使用内嵌代码或"标记"来描述网页内容和外观，指示Web浏览器应该如何显示网页元素，以及如何回复使用者的操作。由于HTML语言的跨平台功能使得 HTML 成为在其他不兼容计算机系统间交换信息的理想方式。

HTML语言是超文本标记语言（Hypertext Markup Language）的缩写，用来描述网页的结构，但不能直观的描述网页在浏览器中的效果

本章运用FrontPage  2000软件的空白网站模板，介绍了网页制作的各种方法和技巧，使学生在了解什么是网页的同时，熟悉常用的网页元素，通过资料的收集和整理、网站结构的总体规划、网页技巧的运用和实施，能够独立制作有主题的个人网站，并上网发布。通过本章的学习，使学生的综合运用能力得到进一步提高。

三、FrontPage2000的启动和退出

1. 启动、退出

学生探索练习启动和退出

2．FrontPage2000的视图方式

在FrontPage 2000视图栏中，有页面、文件夹、报表、导航、超链接、任务等六种视图方式，在网页制作和网站管理中，分别代表六种不同的工作模式。 

（1）页面：用来编辑网页。

（2）文件夹：用于管理站点中的文件和文件夹。

（3）报表：用来了解整个网站的状况，报告站点中文件和超链接的状态。

（4）导航：用于帮助设计网站结构图，网页会依据结构图的形式自动产生链接。

（5）超链接：显示来自和指向站点中每一个网页的所有超级链接。

（6）任务：列出站点中要完成的任务。

根据需要，单击视图栏中的按钮，来切换不同的视图方式。如图5-2中，在页面视图下，可以直接进行网页的编辑和制作。

四、网站的建立

1．启动FrontPage 2000，依次单击“文件（F）”菜单中的“新建（N）”“站点（W）”命令，弹出“新建”对话框，

      2．单击“空站点”，然后指定新站点的位置， “E：\My Documents\GAOYI2XXX”，最后单击“确定”按钮即可。

_private 文件夹：其中保存正在建造中的页面、参考文件和其它一些重要数据，虽然这个文件夹可见，但存在此文件夹下的文件对于各种浏览器来说是隐藏的。

images 文件夹：该文件夹专门用来存放图片，凡是网页中出现的图片、动画等文件，最好保存在此文件夹中，使网站保持清洁。

在windows  98资源管理器中观察网站文件夹，还可以看到另外一些文件夹，如_vti_cnf、_vti_pvt、_borders等，其中存放的是一些关于站点的重要数据，仅供FrontPage自己使用。

    学生练习建立空站点，退出后再一次打开站点

五、建立一个主页

    建立一个“我的学校”的主页，保存时命名为index.htm，

    要求设置字体、字号，颜色等，插入水平线。

注意：定义字体、字号时要注意哪些问题？

六、展示作品

七、总结