网页设计与制作教程：HTML5+CSS3+Bootstrap

项目要求

项目展示

Word制作的网页如图1.1所示，Excel制作的网页如图1.2所示。

图1.1　Word制作的网页

图1.2　Excel制作的网页

教学内容

1. 认识网页

网页是网站中的一“页”，通常是HTML格式的文件，需通过浏览器来进行阅读。

2. 认识网站

网站是指因特网上根据一定的规则，使用HTML等制作的用于展示特定内容的相关网页集合。

3. 构成网站的基本元素

网页是构成网站的基本元素，它通常由图片、文字、声音、视频、链接等元素组成。一般我们看到的网页是以“.html”或“.htm”为后缀结尾的文本，因此称为HTML文件。(www.xing528.com)

4. HTML基本概念

HTML（Hyper Text Markup Language）中文译为“超文本标签语言”，它是用来描述网页的一种语言。HTML不是一种编程语言，而是一种标记语言，而标记语言是由一套标记标签组成的。

5. 常见浏览器

浏览器是网页显示、运行的平台，常用的浏览器有IE、火狐（Firefox）、谷歌（Chrome）、Safari和Opera等。

图1.3　主流浏览器

6. Web标准

Web标准是由W3C和其他标准化组织制定的一系列标准的集合。主要包括结构（Structure）、表现（Presentation）和行为（Behavior）三个方面。

图1.4　Web标准之间的关系

结构标准：结构用于对网页元素进行整理和分类，主要是HTML。

表现标准：表现用于设置网页元素的版式、颜色、大小等外观样式，主要指CSS。

行为标准：行为指网页模型的定义及交互的编写，主要是Javascript。

项目训练