网页设计与开发--HTML、CSS、JavaScript实例教程(第4版)(21世纪高等学校计算机类专

目录

源码下载

第1章网页设计简介

1.1万维网概述

1.2HTML

1.3网页设计相关概念

1.3.1超链接

1.3.2统一资源定位器

1.3.3网站

1.3.4网页

1.3.5首页

1.4网页制作开发工具

1.4.1编辑工具

1.4.2浏览工具

1.5网页制作相关技术

1.5.1CSS

1.5.2JavaScript

小结

习题

实验

第2章HTML基础介绍

2.1HTML文档结构

2.1.1基本结构

2.1.2头部内容

2.1.3主体内容

2.1.4编写网页的开头

2.2HTML基本语法

2.2.1标记语法

2.2.2属性语法

2.3编写HTML文件时的注意事项

2.4实例

小结

习题

实验

第3章文字与段落

3.1文字内容

3.1.1添加文字

3.1.2标题字

3.1.3添加空格

3.1.4添加特殊符号

3.1.5注释语句

3.2文字样式

3.3文字的修饰

3.3.1粗体、斜体、下画线

3.3.2删除线

3.3.3上标、下标

3.3.4设置地址文字

3.4段落

3.4.1段落标记

3.4.2换行标记

3.4.3居中标记

3.4.4水平分隔线

3.4.5预格式化标记

3.4.6设置段落缩进

3.5小实例

小结

习题

实验

第4章列表

4.1列表简介

4.2无序列表

4.3有序列表

4.3.1有序列表及其编号样式

4.3.2编号起始值

4.3.3列表项样式

4.3.4列表项编号

4.4嵌套列表

4.5定义列表

4.6菜单列表和目录列表

4.7小实例

小结

习题

实验

第5章超链接

5.1超链接简介

5.2创建超链接

5.2.1设置超链接路径

5.2.2内部链接

5.2.3外部链接

5.3链接对象

5.3.1图片链接

5.3.2书签链接

5.3.3下载文件的链接

5.4小实例

小结

习题

实验

第6章表格

6.1表格简介

6.2表格标记和表格标题

6.2.1表格标记

6.2.2表格标题

6.2.3表格表头

6.3表格的属性修饰

6.3.1设置表格的边框属性

6.3.2设置表格的宽度和高度

6.3.3设置表格的背景颜色

6.3.4设置表格的背景图像

6.3.5设置边框样式

6.3.6设置表格的单元格间距

6.3.7设置表格的单元格边距

6.3.8设置表格的水平对齐属性

6.4设置表格行的属性

6.4.1行内容水平对齐

6.4.2行内容垂直对齐

6.5设置表格中某一单元格的属性

6.5.1设置单元格跨行

6.5.2设置单元格跨列

6.6表格嵌套

6.7小实例

小结

习题

实验

第7章表单

7.1表单简介

7.1.1表单的结构

7.1.2get方法与post方法

7.2输入

7.2.1单行文本输入框

7.2.2提交按钮和重置按钮

7.2.3密码输入框

7.2.4复选框

7.2.5单选按钮

7.2.6图像按钮

7.2.7文件选择输入框

7.2.8隐藏框

7.3多行文本输入框

7.4下拉列表框

7.5小实例

小结

习题

实验

第8章使用CSS格式化网页

8.1理解CSS

8.1.1CSS简介

8.1.2CSS的构造

8.2样式表的定义与使用

8.2.1定义标记的style属性

8.2.2定义内部样式表

8.2.3嵌入外部样式表

8.2.4链接外部样式表

8.3定义选择符

8.3.1按照名称选择元素

8.3.2按照id和class选择元素

8.3.3按照上下文选择元素

8.3.4伪元素选择符

8.3.5指定元素组

8.3.6全局选择符

8.4文字与排版样式的使用

8.4.1长度、百分比单位

8.4.2文字样式属性

8.4.3排版样式属性

8.5背景与颜色的使用

8.5.1设置颜色的方法

8.5.2背景颜色的属性

8.5.3背景图片的属性

8.6美化网页与超链接的设置

8.6.1设置网页链接属性

8.6.2设置滚动条属性

8.6.3设置光标属性

8.6.4为标题栏添加小图标

8.7矩形模块的概念与使用

8.7.1矩形模块

8.7.2设置外边距

8.7.3设置元素边框

8.7.4设置元素内边距

8.7.5盒模型的显示方式display

8.8列表样式

8.9div和span

8.10定位position属性

8.11浮动float和清除浮动clear属性

8.12zindex属性

8.13小实例

小结

习题

实验

第9章CSS应用

9.1CSS与文字段落

9.1.1CSS文字与段落修饰

9.1.2新闻页面的设计实例

9.2CSS与列表

9.2.1CSS列表修饰

9.2.2导航条的设计实例

9.3CSS与超链接

9.3.1CSS超链接修饰

9.3.2电子相册的设计实例

9.4CSS与表格

9.4.1CSS表格修饰

9.4.2产品介绍页面的设计实例

9.5CSS与表单

9.5.1CSS表单修饰

9.5.2在线预订页面的设计实例

小结

习题

实验

第10章JavaScript基础

10.1JavaScript起步

10.1.1JavaScript简介

10.1.2JavaScript的实例

10.1.3JavaScript的放置

10.2JavaScript程序

10.2.1语句和语句块

10.2.2函数

10.2.3常用系统函数

10.2.4消息对话框

10.2.5注释

10.3标识符和变量

10.3.1关于命名的规定

10.3.2JavaScript的数据类型

10.3.3变量

10.3.4转义字符

10.4运算符和表达式

10.4.1算术运算符和表达式

10.4.2赋值运算符和表达式

10.4.3关系运算符和表达式

10.4.4逻辑运算符和表达式

10.4.5条件运算符和表达式

10.4.6其他运算符和表达式

10.5JavaScript程序控制结构

10.5.1顺序程序

10.5.2分支程序

10.5.3循环程序

10.6常用对象

10.6.1对象简介

10.6.2核心对象

10.6.3文档

10.6.4窗口

10.7事件编程

10.7.1事件简介

10.7.2表单事件

10.7.3鼠标事件

10.7.4键盘事件

10.7.5页面的载入和离开

10.8小实例

小结

习题

实验

第11章Web设计基础

11.1Web设计原则

11.1.1明确站点类型

11.1.2保持界面简洁、内容明确

11.1.3保持页面设计的一致性

11.1.4注重用户体验

11.2网站结构规划

11.2.1网站栏目规划

11.2.2目录结构规划

11.3网页布局

11.3.1布局设计原则

11.3.2布局设计类型

11.3.3布局设计元素

11.3.4布局设计技术

11.4内容设计

11.4.1文本

11.4.2多媒体

11.4.3内容排版

11.5色彩设计

11.5.1色彩基础

11.5.2网页中的色彩设计

小结

习题

第12章页面布局技术

12.1表格布局方法

12.1.1表格布局的案例分析

12.1.2表格布局的操作方法

12.1.3表格布局实例制作

12.2DIV+CSS布局方法

12.2.1DIV+CSS布局的优势

12.2.2DIV+CSS布局的案例分析

12.2.3DIV+CSS布局的操作方法

12.2.4DIV+CSS页面布局实例制作

12.3页面导航布局方法

12.3.1页面导航案例分析

12.3.2页面导航实例制作

小结

习题

第13章HTML5开发

13.1HTML5概述

13.1.1HTML5发展历程

13.1.2HTML5新特性

13.1.3HTML5浏览器支持

13.2HTML5语义化标签

13.3Canvas应用

13.3.1Canvas概述

13.3.2坐标与路径

13.3.3绘制矩形

13.3.4绘制圆形

13.3.5绘制图像

13.3.6图形渐变

13.3.7空间转换

13.3.8样式特效

13.4表单

13.4.1新增输入元素

13.4.2新增其他元素

13.4.3新增属性

13.5HTML5中的多媒体应用

13.5.1音频的应用

13.5.2视频的应用

13.6HTML5中的其他应用

13.6.1Web存储

13.6.2地理定位

13.6.3应用缓存

13.6.4Web Workers

小结

习题

实验

第14章综合网站制作实例

14.1班级网站的规划与设计

14.1.1网站定位

14.1.2需求分析

14.1.3栏目设计

14.1.4站点定义与目录管理

14.1.5网站的风格设计

14.2网页设计与制作

14.2.1页面布局

14.2.2全局CSS的定义

14.2.3首页的制作

14.2.4二级页面的制作

14.2.5内容页面的制作

14.3网站的测试与发布

14.3.1安装IIS服务器

14.3.2建立虚拟目录

14.3.3管理站点

小结

习题