HTML+CSS+JavaScript网页制作实用教程

第1章 html、css、javascript概述

1.1 web网页的基本概念

1.1.1 internet网络与www

1.1.2 网页

1.1.3 网站

1.1.4 web标准

1.2 网页工作原理与制作工具

1.2.1 网页的工作原理

1.2.2 网页制作工具

1.3 html、css、javascript简介与示例

1.3.1 html超文本标记语言

1.3.2 css层叠样式表

1.3.3 javascript脚本语言

1.4 网站的发布与测试

1.4.1 在实验室或局域网内部发布html页面

1.4.2 在internet上发布网站

1.4.3 测试网页

1.5 如何学习html、css、javascript

1.5.1 掌握html、css、javascript的语法结构

1.5.2 借助dreamweaver网页设计工具

1.5.3 参考已有网站的代码

1.6 习题

第2章 html基本语法与头部内的标记

2.1 html文档结构

2.1.1 html文档的构成

2.1.2 html文档头部标记（head）

2.1.3 html文档主体标记（body）

2.2 html基本语法

2.2.1 标记语法

2.2.2 属性语法

2.3 xhtml文档结构

2.3.1 xhtml文档的构成

2.3.2 xhtml标记的通用标准属性

2.3.3 xhtml的语法规则

2.4 html文档头部的相关标记

2.4.1 设置页面标题（title）

2.4.2 设置基底网址（base/）

2.4.3 设置基准字体（basefont/）

2.4.4 定义页面元信息（meta/）

2.4.5 引用外部文件（link/）

2.5 习题

第3章 html页面基本元素

3.1 html文本字符、注释标记及标记分类

3.1.1 普通文本、实体字符与注释标记

3.1.2 html文档的标记与分类

3.2 文本与修饰标记

3.2.1 设置文本标记

3.2.2 文本修饰标记

3.2.3 块级文本标记

3.2.4 样式组织标记（span）（div）

3.3 列表标记

3.3.1 有序列表（ol）

3.3.2 无序列表（ul）

3.3.3 定义列表（dl）

3.3.4 目录、菜单列表（dir）（menu）

3.3.5 列表嵌套应用

3.4 插入图像标记

3.5 超链接标记

3.5.1 超链接、设置锚点标记（a）

3.5.2 超链接页面的url路径

3.5.3 关于target属性

3.5.4 链接到普通文档、图像或多媒体文件

3.5.5 设置锚点与e-mail链接

3.6 图像映射标记

3.6.1 图像映射方式

3.6.2 创建图像映射标记

3.6.3 使用图像映射的（img /）图像

3.7 表格标记

3.7.1 表格的语法结构

3.7.2 创建表格标记（table）

3.7.3 标题标记（caption）

3.7.4 行标记（tr）

3.7.5 单元格标记（th）（td）

3.7.6 表格结构划分标记（thead）（tfoot）（tbody）

3.8 表格与div页面布局

3.8.1 布局示例一

3.8.2 布局示例二

3.8.3 简单布局应用

3.9 习题

第4章 html框架、表单、多媒体

4.1 框架集、框架标记

4.1.1 框架集文档的结构

4.1.2 框架集标记（frameset）

4.1.3 框架标记（frame /）

4.1.4 不支持框架标记（noframes）

4.1.5 浮动框架标记（iframe）

4.2 表单标记

4.2.1 创建表单标记（form）

4.2.2 表单输入标记（input /）

4.2.3 文本区标记（textarea）

4.2.4 按钮标记（button）

4.2.5 滚动列表与下拉列表标记（select）（option）

4.2.6 控件标签标记（label）

4.2.7 表单分组及标题标记（fieldset）（legend）

4.3 ie浏览器滚动字幕、背景音乐与多媒体

4.3.1 ie浏览器滚动字幕标记（marquee）

4.3.2 ie浏览器播放背景音乐标记（bgsound /）

4.3.3 ie浏览器播放多媒体标记（embed）

4.4 xhtml播放多媒体标记

4.4.1 嵌入对象标记（object）（param）

4.4.2 以（object）播放flash文件

4.4.3 以（object）使用realplayer播放器

4.4.4 以（object）使用media player播放器

4.4.5 以（object）自动嵌入合适的播放器

4.5 习题

第5章 css样式表基础

5.1 css概述

5.2 css样式规则与内联css样式

5.2.1 css样式规则

5.2.2 内联css样式

5.3 css文本样式规则

5.3.1 css大小尺寸量度的属性值

5.3.2 css颜色的属性值

5.3.3 文本字符的css样式属性

5.3.4 文本外观css样式属性

5.3.5 行内元素定位--垂直对齐

5.4 css样式表

5.4.1 css样式表结构与使用

5.4.2 基本选择符

5.4.3 元素指定选择符

5.4.4 群组与通用选择符

5.4.5 包含与子对象选择符

5.4.6 ie7及以上或火狐的相邻选择符

5.4.7 ie7及以上或火狐的属性选择符

5.4.8 伪类选择符

5.4.9 伪对象（伪元素）选择符

5.5 样式规则的优先级

5.5.1 样式规则的优先级原则

5.5.2 用!important提高样式优先级

5.6 习题

第6章 css盒模型与布局样式

6.1 元素区域与背景样式

6.1.1 块级元素的区域与溢出处理

6.1.2 设置元素背景

6.2 块级元素的盒模型

6.2.1 盒模型分析

6.2.2 盒模型的宽度和高度

6.3 块级元素的边框

6.3.1 设置边框样式（border-style）

6.3.2 设置边框宽度（border-width）

6.3.3 设置边框颜色（border-color）

6.3.4 综合设置边框样式、宽度及颜色

6.4 块级元素的内外边距与轮廓

6.4.1 设置内边距（padding）

6.4.2 设置外边距（margin）

6.4.3 垂直外边距的合并

6.4.4 设置元素轮廓（outline）

6.5 列表与表格样式

6.5.1 设置列表样式

6.5.2 设置表格样式

6.6 设置鼠标指针及其他样式

6.6.1 css设置鼠标形状（cursor）

6.6.2 媒介类型样式表、打印及听觉样式简介

6.7 布局定位属性（position）与裁剪（clip）

6.7.1 自动定位（static）

6.7.2 绝对定位（absolute）

6.7.3 绝对定位元素的裁剪（clip）

6.7.4 固定定位（fixed）

6.7.5 相对定位（relative）

6.8 布局浮动属性（float）与清除浮动（clear）

6.8.1 浮动（float）

6.8.2 浮动环绕、行框清理

6.8.3 清除浮动（clear）

6.8.4 父子元素的嵌套浮动与浮动元素的外边距合并

6.9 元素的层叠等级、显示方式与可见性

6.9.1 层空间层叠等级（z-index）

6.9.2 元素的显示方式（display）

6.9.3 元素的可见性（visibility）

6.10 习题

第7章 css布局应用与浏览器兼容性

7.1 页面布局应用

7.1.1 单行单列布局

7.1.2 单行两列布局

7.1.3 单行三列布局

7.1.4 多行多列综合布局

7.1.5 不改变页面代码改变布局

7.2 常用页面组件

7.2.1 横向导航组件

7.2.2 提示框

7.2.3 纵向导航

7.3 不同浏览器的兼容性

7.3.1 浏览器兼容性概述

7.3.2 使用hack技术实现浏览器兼容

7.4 常见浏览器兼容问题的解决方法

7.4.1 ie5及以下浏览器的兼容问题

7.4.2 ie6及以下浏览器的兼容问题

7.4.3 ie7及以下浏览器的兼容问题

7.4.4 父元素不适应子元素高度--外边距合并

7.5 浏览器常用默认样式

第8章 javascript基础

8.1 javascript语言概述

8.1.1 javascript语言的特点

8.1.2 javascript的使用

8.2 javascript常量、变量与数组

8.2.1 数据类型与常量

8.2.2 变量

8.2.3 数组

8.3 javascript运算符与表达式

8.3.1 算数运算符与表达式

8.3.2 赋值运算符与表达式

8.3.3 比较、逻辑运算符与表达式

8.3.4 条件运算符与表达式

8.4 javascript语法与流程控制语句

8.4.1 javascript的语法

8.4.2 条件语句 if （） ... else

8.4.3 多选择开关语句switch

8.4.4 循环语句while、do-while、for

8.4.5 遍历循环语句for （... in…）

8.5 javascript自定义函数

8.5.1 独立函数

8.5.2 内嵌函数与匿名函数

8.6 javascript事件处理

8.6.1 javascript常用事件

8.6.2 页面相关事件与函数的记忆调用

8.6.3 鼠标相关事件

8.6.4 焦点、按键及表单相关事件

8.7 onerror事件与页面错误提示

8.7.1 用onerror事件捕获错误

8.7.2 用try...catch捕获错误

8.7.3 用throw抛出错误对象

8.8 习题

第9章 javascript对象与系统对象

9.1 自定义类与对象

9.1.1 面向对象概述

9.1.2 用函数自定义类

9.1.3 创建与使用对象

9.2 javascript全局对象

9.2.1 全局对象的属性--全局变量

9.2.2 全局对象的方法--全局函数

9.3 浏览器窗口对象window

9.3.1 window对象的属性

9.3.2 window对象的对话框

9.3.3 window对象的方法

9.4 浏览器信息对象navigator

9.4.1 navigator对象的属性

9.4.2 navigator对象的方法

9.5 客户端屏幕对象screen

9.6 当前页面url对象location

9.6.1 location对象的属性

9.6.2 location对象的方法

9.7 浏览页面历史对象history

9.8 习题

第10章 javascript内置对象与dom对象

10.1 array数组对象

10.1.1 array数组对象的创建与length属性

10.1.2 array数组对象的方法

10.2 string字符串对象

10.3 regexp正则表达式对象

10.3.1 正则表达式的构成

10.3.2 regexp正则表达式对象的创建与属性

10.3.3 regexp正则表达式对象的方法

10.3.4 string字符串对象使用正则表达式的方法

10.3.5 自定义删除字符串首尾空格的方法trim（str）

10.4 date日期时间对象

10.4.1 date日期时间对象的创建

10.4.2 date日期时间对象的方法

10.5 math类与boolean、number对象

10.5.1 math数学函数类

10.5.2 boolean对象

10.5.3 number对象

10.6 document文档对象

10.6.1 document对象的属性与cookie

10.6.2 document对象的集合属性

10.6.3 document对象的方法

10.7 dom节点对象

10.7.1 dom节点对象的通用属性

10.7.2 标记对象的所属类

10.7.3 标记对象的属性

10.7.4 标记对象的方法

10.7.5 某些标记对象的专有属性或方法

10.8 event（事件）对象

10.9 style（样式）对象

10.10 习题

第11章 javascript应用

11.1 下拉列表导航

11.1.1 鼠标单击折叠式下拉列表导航

11.1.2 鼠标指向展开式下拉列表导航

11.1.3 下拉列表导航与动态生成下拉列表

11.2 图像操作

11.2.1 图像与文本翻转器

11.2.2 移动图像--漂浮广告

11.2.3 随机显示一条文本或一幅图像

11.2.4 循环显示图像广告

11.3 超链接与浏览器窗口操作

11.3.1 灵活使用超链接

11.3.2 在独立窗口中打开超链接页面

11.4 表单处理与验证

11.4.1 使用正则表达式验证表单内容

11.4.2 目前流行的通用表单验证方法

11.4.3 表单综合验证示例

11.5 样式表切换器

附录 习题参考答案

参考文献

目前对网页制作的要求已不仅仅是视觉效果的美观，更主要的是要符合web标准。传统网页制作是先考虑外观布局再填入内容，内容与外观交织在一起，代码量大，难以维护。而目前web标准的最大特点就是采用HTML+CSS+Javascript将网页内容、外观样式及动态效果彻底分离，从而可以大大减少页面代码、节省带宽、提高网速，更便于分工设计、代码重用，既易于维护，又能移植到其他或以后的新web程序中。 作者根据多年网页制作的教学、实践经验以及学生的认知规律，精心编写了这本教材。 《新世纪高职高专课程与实训系列教材：HTML+CSS+JavaScript网页制作实用教程》采用全新流行的web标准，通过简单的“记事本”工具，以DHTML技术为基础，由浅入深、完整详细地介绍了XHTML、CSS及Javascript网页制作内容，还对目前流行的CSS布局、常用Javascript动态通用技术以及不同浏览器的兼容问题进行了全面的介绍，可以使读者系统、全面地掌握网页制作技术。 本书知识内容系统、全面，例题丰富，既可以作为本科、专科（高职）院校相关专业的教材，也可作为计算机专业人员的自学或参考用书。

注重基础知识的学习与讲解
配有丰富的案例与上机实训题
指导步骤清晰，参考源文件丰富
每本教材均有配套的电子教案