网页编程

第1章 HTML基础

1.1 什么是HTML

1.1.1 网页的基本概念

1.1.2 HTML的工作原理

1.1.3 HTML文档的结构

1.2 网页制作的工具——Dreamweaver8

1.2.1 Dreamweaver8的界面

1.2.2 菜单栏

1.2.3 Dreamweaver8的工具栏

1.2.4 文档窗口

1.2.5 属性面板

1.2.6 面板组

1.3 页面属性的设置

1.3.1 定义网页背景色

1.3.2 设置背景图片

1.3.3 设置网页文字

1.3.4 设置背景音乐

1.4 Dreamweaver中的智能代码输入方法

小结

习题

实训

第2章 文本及版面控制标记

2.1 文本字体控制标记

2.1.1 字体标记font

2.1.2 标题标记hn

2.1.3 文字加大、缩小标记

2.1.4 粗体、斜体标记

2.1.5 上标与下标

2.1.6 删除线与下划线

2.2 文本版面风格控制标记

2.2.1 文本分段p、br

2.2.2 水平线标记hr

2.2.3 居中标记center

2.2.4 预排版标记pre

2.3 列表标记

2.3.1 无序列表标记ul

2.3.2 有序列表标记ol

2.4 容器标记

2.4.1 div标记

2.4.2 span标记

小结

习题

实训

第3章 图像

3.1 图像标记

3.1.1 图像标记的格式

3.1.2 设置图像的宽度和高度

3.1.3 设置图像水平间距和垂直间距

3.1.4 设置图像的提示信息

3.1.5 设置图像的对齐方式

3.2 网页图像格式

3.2.1 GIF

3.2.2 JPEG

3.2.3 PNG

3.3 网页图像处理

3.3.1 Photoshop界面简介

3.3.2 Photoshop的工具箱

3.3.3 几种常用的图像处理方法

小结

习题

实训

第4章 超级链接

4.1 超级链接的原理

4.2 超级链接标记

4.3 超级链接的种类

4.3.1 普通链接

4.3.2 锚记链接

4.3.3 电子邮件链接

4.3.4 图像链接

4.3.5 下载文件链接

4.3.6 脚本链接

4.3.7 空链接

小结

习题

实训

第5章 表格与框架

5.1 创建表格

5.1.1 表格的基本构成table、tr、td

5.1.2 设置表格的标题caption

5.1.3 表格的表头标记th

5.1.4 表格的结构

5.2 设置表格的基本属性

5.2.1 设置表格的宽度与高度

5.2.2 设置背景

5.2.3 设置边框

5.2.4 设置对齐方式

5.3 编辑表格

5.3.1 水平合并单元格

5.3.2 垂直合并单元格

5.3.3 拆分单元格

5.4 布局模式

5.5 框架

5.5.1 创建框架

5.5.2 frame和frameset标记

5.5.3 框架超链接的使用

5.5.4 内嵌框架标记iframe

小结

习题

实训

第6章 表单与特殊对象

6.1 创建表单

6.1.1 表单标记

6.1.2 用Dreamweaver创建表单

6.2 表单对象

6.2.1 文本框

6.2.2 密码框

6.2.3 单选按钮

6.2.4 复选框

6.2.5 下拉列表

6.2.6 文本域

6.2.7 提交按钮和重置按钮

6.2.8 按钮

6.2.9 图像域

6.2.1 0隐藏域

6.2.1 1文件域

6.3 网页中的特殊对象

6.3.1 object标记

6.3.2 marquee标记

小结

习题

实训

第7章 CSS样式表

7.1 什么是样式表

7.2 基本CSS选择器

7.2.1 标记选择器

7.2.2 类选择器

7.2.3 ID选择器

7.3 在HTML中使用CSS的方法

7.3.1 嵌入式

7.3.2 头部式

7.3.3 外部式

7.4 复合选择器

7.4.1 交集选择器

7.4.2 并集选择器

7.4.3 后代选择器

7.4.4 伪元素选择器

7.5 使用工具创建样式表

7.6 样式表应用举例

小结

习题

实训

第8章 网页的CSS布局

8.1 盒子模型

8.1.1 盒子模型结构

8.1.2 盒子属性的简写形式

8.2 标准流

8.2.1 行内元素

8.2.2 块级元素

8.2.3 行内元素与块级元素的相互转换

8.2.4 在标准流中盒子间距离的计算

8.3 盒子的浮动

8.3.1 制作基础页面

8.3.2 设置div左浮动

8.3.3 设置div右浮动

8.3.4 使用clear属性结束浮动

8.4 盒子的定位

8.4.1 静态定位

8.4.2 相对定位

8.4.3 绝对定位

8.4.4 固定定位

8.5 DIV+CSS布局方法

8.5.1 CSS排版的观念

8.5.2 DIV+CSS布局的主要方法

8.5.3 网页布局实例

8.6 各种CSS布局方法的分析

8.6.1 1-2-1布局

8.6.2 1-3-1布局

8.6.3 1-2-1全屏布局

小结

习题

实训

第9章 JavaScript脚本语言

9.1 JavaScript简介

9.1.1 什么是JavaScript

9.1.2 在网页中使用JavaScript

9.1.3 在多个网页中使用JavaScript代码

9.2 常量、变量、运算符与表达式

9.2.1 常量

9.2.2 变量

9.2.3 运算符

9.2.4 表达式

9.3 程序的流程控制

9.3.1 顺序结构

9.3.2 选择结构

9.3.3 循环结构

9.4 函数

9.4.1 函数的定义与调用

9.4.2 全局变量和局部变量

9.4.3 JavaScript的系统函数

9.5 对象

9.5.1 自定义对象的创建

9.5.2 使用Object创建对象实例

9.6 JavaScript的内置对象

9.6.1 String对象

9.6.2 Math对象

9.6.3 Array对象

9.6.4 Date对象

小结

习题

实训

第10章 文档对象模型(DOM)

10.1 DOM的基本概念

10.1.1 DOM的由来

10.1.2 什么是HTMLDOM

10.1.3 DOM对象的引用方法

10.2 常用对象简介

10.2.1 window（窗口）对象

10.2.2 document（文档）对象

10.2.3 history(历史)对象

10.2.4 external（外部）对象

小结

习题

实训

第11章 XML基础

11.1 XML简介

11.1.1 XML的由来

11.1.2 一个XML实例

11.1.3 XML的特点

11.1.4 XML文档的几点说明

11.2 XML文档显示

11.2.1 用CSS样式表显示XML文档

11.2.2 用XSL样式表显示XML文档

11.2.3 XML的命名空间

11.2.4 用XML数据岛显示XML文档

小结

习题

实训

第12章 Ajax简介

12.1 Ajax概述

12.1.1 Ajax的含义

12.1.2 为什么要使用Ajax

12.2 Ajax开发

12.2.1 Ajax的关键技术

12.2.2 Ajax开发框架

12.3 Ajax的应用示例

小结

习题

实训

第13章 丰富互联网应用（RIA）简介

13.1 RIA技术简介

13.1.1 什么是RIA

13.1.2 常见的RIA技术

13.2 Flex简介

13.2.1 Flex

13.2.2 FlashBuilder4界面简介

13.2.3 MXML简介

13.2.4 Flex4应用程序举例

小结

习题

实训

附录A课程设计报告

附录B网页制作课程设计评分表

参考文献

随着Web 2.0标准的推广，网页设计的理念发生了很大变化，普遍实现了结构与表现的分离。本书正是适应新环境的一本教材。本书分为13章，内容包括HTML基础、文本及版面控制标记、图像、超级链接、表格与框架、表单与特殊对象、CSS样式表、网页的CSS布局、JavaScript脚本语言、文档对象模型DOM、XML基础、Ajax和RIA简介。本书紧跟形势、主题新颖，通过大量的实例，循序渐进地介绍使用代码和Dreamweaver工具进行网页设计的基本理论和基本方法以及当今浏览器端开发的最新技术，着重培养学生的编程能力。本书知识为后续课程打下基础。本书可作为应用型本科学生教材，同时也适合从事相关工作的人员参考，作为广大网页制作爱好者自学之用。

例题丰富、生动，结合上机实践可增加学习的成就感。每章后的实训有利于培养学生分析、编写程序的能力。