九年级 信息技术 第二章第一节《了解网页与网站》课件.pptx

九年级—广州版—信息技术—第二章第一节

了解网页与网站

学习目标

一、理解网站和网页的含义。

二、初步认识HTML语言。

三、掌握规划网站的五个要点。

网站和网页的含义

网站(website)，是一个存放网络服务器上的完整信息的集合体。

它包含一个或多个网页，这些网页以一定的方式链接在一起，成为一个

整体，用来描述一组完整的信息或达到某种期望的宣传效果。

网站和网页的含义

网页(webpage)，是互联网中最基本的信息单位，是把文字、图

形、声音及动画等各种多媒体信息链接起来而构成的一种信息表达方式。

它可以带有htm、html、asp、php等扩展名，不同扩展名的网页代表不

同网页类型。

网站和网页的含义

通常网站为方便浏览者查找和分类浏览网站的信息，会将信息分类，

并建立一个目录性质的网页，这就是网站的主页，一个网站包含有一个

主页，还有很多的子页面,网页是组成网站的其中一部分。

认识HTML语言

早期的网页设计者通常使用HTML编写网页。HTML是一种基于网络的

格式化语言，它是HyperTextMarkupLanguage的首字母缩写，中文称

作“超文本标记语言”。它包含一系列标签。通过这些标签可以将网络

上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。HTML

文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、

动画、声音、表格、链接等。一个网页文件，我们通过浏览器能看到的

是它图文并茂的效果，如图所示。

认识THML语言

而其本质就是由HTML所编写的代码页面，如图所示。

认识THML语言

规划网站

网站制作是一个有计划、分步骤的建设工作。它一般分为四个步骤:

1.规划网2.收集素3.网页制4.网站上

站结构材作与测试传与发布

规划网站

1.确定主题与内容

网站主题确定为:岭南建筑之广州骑楼(下面简称“广州骑楼”)。

它的定位可以是一个向世界展示我们广州建筑的平台，记录广州骑楼

发展的历程，从中分享岭南建筑的精神内涵，构筑广州人与外界交流

的纽带。

本次主题：广州骑楼。

认识广州骑楼

认识广州骑楼

认识广州骑楼

可参考主题：我们的班级、我的学校、我的成长等。

主题网站：北京大学

主题网站：清华大学

规划网站

2.设计网站栏目结构

确定主题后，我们发现往往要表达的内容很多，如何把它们有条理

地表现出来，让浏览者一目了然呢?在动手做之前必须先设计好网站的

栏目，每个栏目包括什么内容?画出网站的页面结构图，每层的上下级

页面是哪些?

“广州骑楼”主题网站栏目结构图

规划网站

3.收集整理素材

网页是由不同的媒体素材组成，主要包括文本、图像、表单、FLASH动

画、表格、超级链接、音频、视频等，我们可以通过网络有哪些信誉好的足球投注网站、数码设备、

原创设计等途径去获得相关素材，并分类存放。在“广州骑楼”网站的

“故事驿站”栏目中，我们以“骑楼故事会”、“骑楼图片廊”、“骑楼

传声筒”三个子栏目来向大家展示广州骑楼发展历史中故事。

素材收集列表

规划网站

4.设计网站风格

所谓设计，就是根据网站的性质和内容确定网站的风格，根据已

确定的风格去设计网页的布局、配色等。其中，主题要突出，导航要

清晰，版面要疏密有度，内容要主次有序。颜色的使用在网页制作中

起着非常关键的作用，网站先要确定主色调，并且该主色调应贯穿于

网站中的全部网页。我们在设计之前，可以先上网参考做得好的网站。

规划网站

5.拟订制作计划

制作网站通常属于团队合作项目，在动工之前需要先撰写一个详细的分工、计划

表，让大家在做的过程中有章可循。一般来说，我们可以制作一个类似于此表的计划

表，在表中列出网站建设过程中的具体任务、由谁来做、何时完成等。

具体任务完成时间负责成员

确定主题第一周