师：同学们，今天我们一起来学习九年级信息技术第二章第一节——了解网页与网站。先来看今天的学习目标：1. 理解网站和网页的含义；2. 初步认识HTML语言；3. 掌握规划网站的5个要点。
在日常生活中，像百度、网易、腾讯等网站随处可见，它们是我们获取信息的主要来源之一。大家都有访问网站的经历，那究竟什么是网站呢？网站是存放于网络服务器上的完整信息集合体，它包含一个或多个网页，这些网页以特定方式链接在一起，构成一个整体，用于描述一组完整信息或达到某种预期宣传效果。
网页是互联网中最基本的信息单位，它将文字、图形、声音及动画等多媒体信息链接起来，形成一种信息表达方式，其扩展名可以是HTML、ASP、PHP等。不同扩展名代表不同网页类型，下面我们通过观看一段网络视频来学习网页的分类。
所谓静态网页，指的是网站的网页内容固定不变。网页中的每一行HTML代码，都是在放置到Web服务器前，由网页设计人员提前编写好的。当用户浏览器向Web服务器请求提供网页内容时，服务器只需将预先设计并存储好的静态页面文档传送给用户，浏览器无需经过服务器编译。早期的Web站点大多由多个静态HTML页面组成。
静态网页是标准的HTML文件，通常以html、XHTML或者XML等为后缀。静态网页包含HTML标记、文本、客户端脚本以及客户端Activex控件等。我们使用HTML5技术设计的网页也是静态网页，扩展名是html。
静态网页有两个特点：一是网页放置在服务器端，内容固定，若要修改内容，需在服务器端整体修改，服务器响应给客户端时，页面内容才会改变；二是当客户端向服务器端发出HTTP请求，服务器无需编译静态网页，直接将其原封不动地返回给客户端，由客户端浏览器解析服务器返回的静态HTML文件，所以静态网页访问速度较好。反之，根据Web工作机制，若访问的是静态网页，要修改其内容，就需整体修改服务器端的网页内容。
动态网页，一般指采用JSP、ASP、PHP等程序动态生成的页面，与网页上各种动画、滚动字幕等视觉动态效果并无直接关联。动态网页的大部分数据内容来自与网站相连的数据库，它实际上是建立在B/S架构服务器端的程序，浏览器端显示的网页是服务器端程序运行的结果。动态网页与静态网页最显著的区别在于它结合了数据库技术，服务器端可从数据库动态更新数据，因此具有与用户实时交互的功能。
通常，网站为方便浏览者查找和分类浏览信息，会将信息分类并建立一个目录性质的网页，这就是网站的主页。一个网站包含一个主页和多个子页面，网页是组成网站的一部分。比如左边图片中的“wave site”文件夹，点击进入后，会看到里面包含子文件夹“Images”、网页文件“index.html”等。
理解了网站和网页后，那它们是如何制作的呢？早期网页设计者通常用HTML编写网页，HTML是一种基于网络的格式化语言，是“Hyper Text Markup Language”的首字母缩写，中文称作超文本标记语言。它包含一系列标签，通过这些标签可统一网络文档格式，使分散的Internet资源连接成一个逻辑整体。
HTML文本是由HTML命令组成的描述性文本，HTML命令可说明文字、图形、动画、声音、表格、链接等。一个网页文件，我们通过浏览器看到的图文并茂的效果，本质上是由HTML编写的代码页面。例如，清华大学的网站页面，浏览器上半窗口是我们看到的图文并茂的网页效果，下半部分窗口则可看到对应的HTML代码。
网站制作是一项有计划、分步骤的建设工作，一般分为四个步骤：一、规划网站结构；二、搜集素材；三、网页制作与测试；四、网站上传与发布。规划网站结构与搜集素材是所有工作的基础。下面我们学习如何规划网站。
一、确定主题与内容。建立网站要有目的性，要明确为什么建网站、建一个怎样的网站以及主题内容是什么。这里我们把网站主题确定为“岭南建筑之广州骑楼”，简称“广州骑楼”。它的定位可以是向世界展示广州建筑的平台，记录广州骑楼发展历程，分享岭南建筑精神内涵，构筑广州人与外界交流的纽带。本次主题为骑楼，同学们可以通过图片认识广州骑楼。同学们也可根据自身需求、兴趣等，从熟悉的领域确定主题，后面制作网站主题可参考“我们的班级”“我的学校”“我的成长”等。这里有北京大学网站、清华大学网站可供同学们借鉴。
二、设计网站栏目结构。确定主题后，我们往往有很多内容要表达，如何有条理地展现，让浏览者一目了然呢？在实际制作前，必须先设计好网站栏目，明确每个栏目包含的内容，画出网站的页面结构图，确定每层上下级页面。下面以“广州骑楼”为主题设计网站栏目结构。“广州骑楼”可包含“发展历程”“风格样式”“服饰影响”等栏目，每个栏目可用图片、文字、视频、音频等素材具体设计。如“发展历程”栏目用图片介绍广州骑楼起源，“风格样式”栏目用视频介绍广州骑楼的建筑特色和不同风格样式，“俯视影响”栏目用图片介绍广州骑楼带动周边地区的建筑变革。“发展历程”栏目还可继续设置子栏目，如“骑楼发展史”“故事驿站”。在“骑楼发展”栏目介绍广州骑楼起源、东方文化交融的历史特征，“故事驿站”栏目介绍发生在广州骑楼建筑历史上的人和故事。通过这个例子分析，同学们也可为自己要制作的网站设计好栏目，让网站更精彩。