HTML5开发从入门到精通_计算机科学

1

前言

HTML技术经过了很长的发展，版本不断更新，每一次更新都为网页设计工作带来了巨大的变化。HTML的上一个版本诞生于1999年，此后，Web世界已经经历了巨变。虽...

2

第一篇基础知识篇

...

4

第1章网页设计技术基础

随着计算机技术的普及和网络技术的发展，互联网已经成为人们生活中不可缺少的一部分，各种各样的网站纷纷建立起来。在众多的网页设计技术中，HTML 5是当前最流行的技...

5

1.1 认识网页和网站

网页和网站是相互关联的两个因素。两者之间相互作用，共同推动了互联网技术的飞速发展。本节将对网页和网站的基本概念进行简要说明。...

6

1.1.1 网页

网页和网站是有差别的，例如平常说的搜狐、新浪和网易等都是网站，而新浪上的一则体育新闻就是一个网页。从严格意义上讲，网页是Web站点中使用HTML等标记语言编写而...

7

1.1.2 网站

搜狐、新浪、CSDN、网易等都是网站，网站是由网页构成的，它是一系列页面构成的整体。一个网站可能由一个页面构成，也可能由多个页面构成，并且这些构成的页面相互间存...

8

1.1.3 网站制作流程

设计师和企业决策者是制作网站的关键人物。所以要从决策者决定做网站的那一刻作为制作网站的开始。网站制作的基本流程如下。（1）初始商讨：决策者们确定站点的整体定位...

9

1.1.4 网页设计流程

网页和网站技术是互联网技术的基础，通过合理的操作流程可以快速地制作出美观大方的站点。（1）整体选题：选题要明确，例如我要在这个网页中显示某款产品的神奇功效，那...

10

1.1.5 发布站点

发布站点是整个工作的倒数第二步，具体操作流程如下。（1）申请域名：选择合理、有效的域名。（2）选择主机：根据站点的状况确定主机的方式和配置。（3）选择硬件...

11

1.2 Web标准布局介绍

无论做什么事情都需要遵循一定的标准和规则，设计网页也同样如此，也需要一个标准来约束迅猛增长的网页数量。随着网络技术的飞速发展，各种应用类型的站点纷纷建立。因为网...

12

1.2.1 当前的Web开发标准

Web标准是所有站点在建设时必须遵循的一系列硬性规范。从页面构成来看网页主要由三部分组成：结构（Structure）、表现（Presentation）和行为（B...

13

1.2.2 为什么使用Web标准

Web标准就是网页业界的ISO标准，推出Web标准的主要目的是不管是哪一家的技术，都要遵循这个规范来设计、制作并发展，这样大家的站点才能以完整、标准的格式展现出...

14

1.2.3 CSS布局标准

作为一个站点页面设计人员，必须严格遵循前面介绍的标准，使页面完美地展现在用户面前。在推出Web标准以前，站点网页是以元素做为布局的。从本质上看来，...

15

1.3 常用的网页制作工具

在当前市面中最为流行的网页制作工具，都是可视化的开发工具。通过这些工具可以大大方便设计师发挥创作灵感，设计出一个个精美站点和网页。在网页设计应用中，最为常用的可...

16

1.3.1 Dreamweaver简介

Dreamweaver是美国Macrom edia公司开发的网页制作工具，是集网页制作和管理网站于一身的所见即所得网页编辑器。Dreamweaver是第一套针对...

17

1.3.2 安装Dreamweaver

本节以安装Dreamweaver CS5的过程为例，向读者介绍安装Dreamweaver的方法。Dreamweaver CS5的安装步骤如下。（1）将安装光盘...

18

1.4 HTML 5的新功能

本节将详细介绍HTML 5的新功能，为后面知识的学习打下基础。...

19

1.最重要的更新

（1）全新的、更合理的Tag。多媒体对象将不再全部绑定在object或embed Tag中，而是视频有视频的Tag，音频有音频的Tag。（2）本地数据库这...

20

2.为HTML5建立的一些规则

（1）新特性应该基于HTML、CSS、DOM以及JavaScript等功能。（2）减少对外部插件的需求，比如Flash。（3）更优秀的错误处理。（4）更多...

21

3.新特性

在HTML5中增加了如下主要的新特性。（1）用于绘画的canvas元素。（2）用于媒介回放的video和audio元素。（3）对本地离线存储的更好的支持。...

22

1.5 初次体验HTML 5的魅力

经过本章上一节的学习，初步了解了HTML 5的新特性和新规则。本节将通过一个具体实例，带领读者体验HTML 5的魅力。实例文件autoplay.html的主...

23

第二篇核心技术篇

...

24

第2章 HTML 5的整体架构

标记是HTML页面中常用的基本元素，是HTML页面的重要组成部分。通过标记，可以在网页实现各种指定的显示效果。本章将详细讲解HTML 5中和整体架构相关的标记，...

25

2.1 设置网页头部元素

网页头部元素位于网页的顶部，用来设置和网页相关的信息，例如页面标题、关键字和版权等信息。当页面执行后，不会在页面正文中显示头部元素信息。在HTML 5中，

26

2.1.1 设置文档类型

文档类型（DOCTYPE）决定了当前页面所使用标记语言（HTML或XHTML）的版本，合理选择当前页面的文档类型是设计标准Web页面的基础。只有定义了页面的文档...

27

2.1.2 设置所有链接规定默认地址或默认目标

在HTML 5中，使用标签可以为页面上的所有链接规定默认地址或默认目标。在通常情况下，浏览器会从当前文档的URL中提取相应的元素来填写相对URL中的...

28

2.1.3 链接标签

在HTML 5中，标签用于定义文档与外部资源之间的关系。例如用下面的代码可以链接到一个名为“style.css”的外部样式表。虽然目前所有的主流...

29

2.1.4 设置有关页面的元信息

在HTML 5中，可以使用标签设置有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词。标签位...

30

2.1.5 定义客户端脚本

在HTML 5中，

《HTML5开发从入门到精通》简介

前言

目录

第一篇基础知识篇

第1章网页设计技术基础

1.1 认识网页和网站

1.1.1 网页

1.1.2 网站

1.1.3 网站制作流程

1.1.4 网页设计流程

1.1.5 发布站点

1.2 Web标准布局介绍

1.2.1 当前的Web开发标准

1.2.2 为什么使用Web标准

1.2.3 CSS布局标准

1.3 常用的网页制作工具

1.3.1 Dreamweaver简介

1.3.2 安装Dreamweaver

1.4 HTML 5的新功能

1.最重要的更新

2.为HTML5建立的一些规则

3.新特性

1.5 初次体验HTML 5的魅力

第二篇核心技术篇

第2章 HTML 5的整体架构

2.1 设置网页头部元素

2.1.1 设置文档类型

2.1.2 设置所有链接规定默认地址或默认目标

2.1.3 链接标签

2.1.4 设置有关页面的元信息

2.1.5 定义客户端脚本

《HTML5开发从入门到精通》简介

前言

目录

第一篇 基础知识篇

第1章 网页设计技术基础

1.1 认识网页和网站

1.1.1 网页

1.1.2 网站

1.1.3 网站制作流程

1.1.4 网页设计流程

1.1.5 发布站点

1.2 Web标准布局介绍

1.2.1 当前的Web开发标准

1.2.2 为什么使用Web标准

1.2.3 CSS布局标准

1.3 常用的网页制作工具

1.3.1 Dreamweaver简介

1.3.2 安装Dreamweaver

1.4 HTML 5的新功能

1.最重要的更新

2.为HTML5建立的一些规则

3.新特性

1.5 初次体验HTML 5的魅力

第二篇 核心技术篇

第2章 HTML 5的整体架构

2.1 设置网页头部元素

2.1.1 设置文档类型

2.1.2 设置所有链接规定默认地址或默认目标

2.1.3 链接标签

2.1.4 设置有关页面的元信息

2.1.5 定义客户端脚本

第一篇基础知识篇

第1章网页设计技术基础

第二篇核心技术篇