本书是网页设计与编程的基础性教材，是Web应用开发的系列教材之一。本书从静态网页制作和Web应用开发的需求出发，从网页编程语言和可视化的网页制作工具两个方面详细介绍了网页设计与制作的基本技术。本书首先介绍了WWW的基本概念，然后以较大篇幅介绍了HTML的语法及编程，其中包括网页中的超链接、框架、表单以及多媒体等技术。此外还介绍了CSS样式表的概念及编程方法，以丰富网页的显示效果。为了实现网页与用户的交互功能，还详细讲解了JavaScript的语法与编程，这部分内容在Web页面功能设计中起很重要的作用。本书在介绍网页编程基本技术之后，介绍了当前网页制作的主流工具之一Dreamweaver CS4，使读者全面理解和掌握网页设计与制作技术。本书各章均给出了大量实例，便于读者理解和掌握本书所讲解的内容。本书条理清楚，难度适中，适合作为大专院校网页设计课程的教材，也可作为读者自学网页设计技术用书，还可作为一般网页制作人员及Web应用开发人员的参考书。

将网页作为用户界面是Web应用系统的主要特征。当前各行业的信息系统，如门户网站、政府办公网、购物网站、网络教学系统等，都是典型的Web应用系统。在Web应用系统的开发中，网页设计是必不可少的内容，是Web编程的基础和重要的组成部分。本书从Web应用的需求出发，重点讲解网页编程的基础知识和编程技术，其中包括HTML、CSS样式表、JavaScript编程技术等。本书还介绍了网页制作的主流工具之一Dreamweaver CS4，使读者从网页编程语言和可视化网页制作工具两个方面掌握网页设计的主流技术。下面简要介绍本书的主要内容与教学安排。第1章“WWW基础知识”介绍了WWW的基础知识以及静态网页和动态网页的基本概念；第2章“HTML网页设计基础”是HTML的入门篇，介绍网页设计的基础性内容，其中包括文字编辑、修饰及基本排版方法，以及图像的插入和显示方法等；第3章“网页中的超链接和多媒体”介绍了网页中两个重要的内容超链接和多媒体，超链接是网页中最具特色的功能，本章介绍了超链接的基本概念，以及不同类型的超链接的实现方法，还介绍了在网页中嵌入多媒体信息的方法，以增强网页的显示效果；第4章“网页中的表格设计”介绍了在网页中嵌入表格的基本方法及应用，包括对表格及单元格的各种修饰方法，还介绍了如何利用表格实现网页中的布局设计；第5章“框架的应用”介绍了作为网页布局及功能划分主要手段的框架，包括框架的创建及属性的设置等，还介绍了框架与超链接的配合应用；第6章“表单设计”介绍了网页交互界面设计的基本内容，包括界面中的常用组件（如文本框、按钮等）的应用；第7章“CSS样式表”弥补了HTML基本语句在界面表现方面的不足，可以对页面布局、字体、颜色、背景和其他图文效果实现更加精确的控制；第8章“XML与XHTML基础”作为知识扩充，介绍了有关XML和XHTML的基础知识，还介绍了有关Web标准方面的一些内容；第9章和第10章讲述了JavaScript语言编程基础，JavaScript是一种在Internet上广泛应用的脚本语言，它用来在HTML网页中生成交互式应用程序，在Web编程中用得很多；第11章“网页设计综合实例”是通过一个完整的实例，复习、总结前面所讲内容，同时也是网页设计的一个具体案例；第12～16章从实用角度完整介绍了使用Dreamweaver CS4创建网站和制作网页的方法，主要内容有使用Dreamweaver CS4创建和管理网站，网页中文字、图像的使用，在网页中插入超链接、表单，网页布局的方法，使用AP Div、JavaScript和行为制作网页特效等。这几章也给出了大量实例，便于读者学习和借鉴。读者在掌握HTML编程的基础上，也可熟悉Dreamweaver的使用方法，可以更加灵活、高效地设计网页，以及进行Web应用的编程。本书由清华大学计算机与信息管理中心主编，参加编写的人员有袁徐磊、安颖莲、崔俊杰、邹文艳、赵乐、韩中孝、张毅、刘明。

第1章 WWW基础知识 1 1.1 WWW的基本概念 1 1.2 Web浏览器和Web服务器 1 1.3 网页设计的相关概念 3 本章小结 6 习题 6 第2章 HTML网页设计基础 7 2.1 HTML基础知识 7 2.1.1 HTML基本概念 7 2.1.2 HTML文档的基本结构及组成标签 8 2.1.3 一个简单的HTML网页示例 10 2.2 网页中的文字与图像编辑 13 2.2.1 文字排版 13 2.2.2 文字美化 19 2.2.3 插入和编辑图像 27 本章小结 33 习题 33 第3章 网页中的超链接和多媒体 35 3.1 路径的概念 35 3.1.1 绝对路径 35 3.1.2 相对路径 36 3.2 网页中超链接设计 36 3.2.1 插入超链接 36 3.2.2 超链接的目标窗口 38 3.3 超链接的应用 39 3.3.1 同一页面的超链接 39 3.3.2 其他站点的超链接 41 3.3.3 图像超链接 42 3.3.4 邮箱超链接 43 3.4 多媒体网页设计 44 3.4.1 滚动字幕 44 3.4.2 嵌入多媒体文件 45 3.4.3 背景音乐 48 本章小结 49 习题 49 第4章 网页中的表格设计 51 4.1 建立表格 51 4.2 表格修饰 53 4.2.1 表格的边框 53 4.2.2 表格的尺寸 54 4.2.3 表格的背景 55 4.2.4 表格的间距与边距 56 4.2.5 表格水平方向上的布局 58 4.2.6 表格的标题 59 4.3 表格行的设置 60 4.3.1 表格行的高度 61 4.3.2 表格行文字的布局 62 4.3.3 表格行的边框色与背景色 63 4.4 单元格的设置 64 4.4.1 单元格的宽度 65 4.4.2 单元格文字的布局 66 4.4.3 单元格边框色与背景 66 4.4.4 跨行跨列属性 67 4.5 使用表格布局网页 69 本章小结 72 习题 72 第5章 框架的应用 74 5.1 建立框架 74 5.1.1 框架结构 74 5.1.2 框架分割方式 76 5.2 框架的设置 78 5.2.1 框架集属性 78 5.2.2 框架窗口属性 79 5.3 浮动窗口 81 5.4 框架与超链接 82 5.4.1 普通框架与超链接 82 5.4.2 浮动窗口与超链接 84 本章小结 85 习题 85 第6章 表单设计 87 6.1 建立表单 87 6.2 输入标签 88 6.2.1 文本框 88 6.2.2 按钮 90 6.2.3 单选框 92 6.2.4 复选框 93 6.2.5 文件输入框 94 6.3 选择标签 95 6.4 多行文本框 97 本章小结 98 习题 98 第7章 CSS样式表 100 7.1 CSS样式表概述 100 7.1.1 什么是CSS样式表 100 7.1.2 样式表的基本结构 101 7.1.3 CSS样式表的类型 101 7.2 CSS样式表基本语法 104 7.2.1 选择符 104 7.2.2 类选择符 105 7.2.3 ID选择符 105 7.2.4 组合与注释 106 7.3 CSS属性——设置文本样式 107 7.3.1 字体属性 107 7.3.2 text-decoration（文本修饰） 108 7.4 CSS属性——设置文本布局 109 7.4.1 word-spacing（字间距）与line-height（行间距） 109 7.4.2 text-align（文本对齐） 110 7.4.3 text-indent（文本首行缩进） 111 7.5 CSS属性——设置颜色及背景 112 7.5.1 color（颜色） 112 7.5.2 background-color（背景颜色） 113 7.5.3 background-image（背景图像） 113 7.6 CSS属性——窗口美化及超链接显示效果 114 7.6.1 设置滚动条属性 114 7.6.2 边框属性 115 7.6.3 网页链接属性 116 7.7 CSS定位功能和CSS滤镜功能 117 7.7.1 CSS定位功能 117 7.7.2 CSS滤镜功能 118 本章小结 122 习题 122 第8章 XML与XHTML基础 124 8.1 Web标准简介 124 8.1.1 什么是Web标准 124 8.1.2 Web标准的优势 125 8.1.3 W3C与ECMA 125 8.1.4 W3C发布的重要Web标准 125 8.2 XML基础知识 126 8.2.1 XML的基本概念 126 8.2.2 XML的DOM解析方式 130 8.2.3 XSL与XML在网页中展示数据 132 8.3 XHTML基础知识 133 8.3.1 XHTML的基本结构 134 8.3.2 XHTML与HTML的区别 135 8.3.3 生成一个XHTML文档 136 本章小结 138 习题 138 第9章 JavaScript语言基础 139 9.1 JavaScript语言概述 139 9.1.1 什么是JavaScript 139 9.1.2 JavaScript的特点 140 9.1.3 JavaScript的运行环境 140 9.2 在网页中加入JavaScript 140 9.3 JavaScript的变量与运算符 141 9.3.1 数据类型 141 9.3.2 变量 142 9.3.3 基本运算符 143 9.4 JavaScript流程控制语句 145 9.4.1 选择语句（if语句） 145 9.4.2 分支语句（switch语句） 147 9.4.3 for语句 148 9.4.4 while语句 149 9.4.5 do…while语句 150 9.4.6 循环跳转语句 151 9.5 JavaScript函数 151 9.5.1 定义JavaScript函数 151 9.5.2 常用函数介绍 152 本章小结 156 习题 157 第10章 JavaScript事件与对象 158 10.1 事件及其处理 158 10.2 JavaScript的常用事件 160 10.2.1 click事件与dbclick事件 160 10.2.2 load事件与unload事件 161 10.2.3 mouseover事件和mouseout事件 162 10.2.4 focus事件与blur事件 163 10.2.5 submit事件和reset事件 164 10.3 JavaScript对象基础 165 10.3.1 对象的基本概念 165 10.3.2 对象的使用方法 165 10.4 JavaScript内置对象 166 10.4.1 String对象 166 10.4.2 Math对象 167 10.4.3 Date对象 167 10.4.4 Array对象 168 10.5 JavaScript浏览器对象 169 10.5.1 window对象 170 10.5.2 document对象 173 10.5.3 location对象与history对象 173 10.5.4 form对象 174 10.6 JavaScript综合实例 177 10.6.1 游戏界面和功能 177 10.6.2 编写游戏的界面 178 10.6.3 编写JavaScript脚本 180 本章小结 185 习题 185 第11章 网页设计综合实例 187 11.1 网站概览 187 11.2 网站框架与首页 188 11.2.1 建立框架页面 188 11.2.2 导航条 189 11.3 编写各版块页面 190 11.3.1 “首页”版块 190 11.3.2 “资料”版块 191 11.3.3 “动画”版块 192 11.3.4 “留言本”版块 193 11.4 编写CSS样式表 194 本章小结 195 习题 195 第12章 Dreamweaver CS4网站创建与管理 196 12.1 Dreamweaver CS4界面介绍 196 12.1.1 启动Dreamweaver CS4 196 12.1.2 插入栏 197 12.1.3 文档工具栏和文档窗口 199 12.1.4 文档标签和状态栏 201 12.1.5 属性面板和面板组 201 12.2 网站的创建和管理 201 12.2.1 规划站点的链接结构 202 12.2.2 设计网站的目录结构 202 12.2.3 在Dreamweaver CS4中创建网站 202 12.2.4 管理网站 204 12.3 设置页面属性 205 本章小结 208 习题 208 第13章 Dreamweaver CS4网页编辑 209 13.1 网页文件基本操作 209 13.1.1 新建网页 209 13.1.2 打开网页 209 13.1.3 保存网页 210 13.2 文本输入和格式化 210 13.2.1 文本输入 210 13.2.2 文本格式化 212 13.3 网页中图像的使用 214 13.3.1 图像文件格式和路径 214 13.3.2 插入图像和设置图像属性 216 13.3.3 插入其他图像和动画对象 220 13.4 超链接 225 13.4.1 超链接类型 225 13.4.2 创建超链接 225 13.5 创建表单页面 231 13.5.1 表单对象 232 13.5.2 创建表单 233 本章小结 238 习题 238 第14章 Dreamweaver CS4层叠样式表CSS 240 14.1 CSS样式基本操作 240 14.1.1 创建CSS样式 240 14.1.2 设置CSS属性 241 14.1.3 编辑、删除和应用样式 245 14.2 CSS样式应用举例 246 14.2.1 设置超链接样式 246 14.2.2 设置文字样式 249 14.2.3 设置背景样式 250 14.2.4 设置图像的半透明样式 250 本章小结 252 习题 252 第15章 Dreamweaver CS4网页布局 253 15.1 表格及页面布局 253 15.1.1 创建表格 253 15.1.2 修改表格 254 15.1.3 使用表格实现网页布局 257 15.1.4 制作特殊表格 259 15.2 框架布局 262 15.2.1 创建框架网页的一般步骤 263 15.2.2 创建框架网页 264 15.2.3 编辑框架 266 15.2.4 创建框架超链接 268 15.2.5 利用框架实现网页背景音乐播放 269 本章小结 270 习题 270 第16章 Dreamweaver CS4网页特效 273 16.1 AP Div 273 16.1.1 创建AP Div 273 16.1.2 编辑AP Div 274 16.1.3 设置AP Div属性 274 16.1.4 使用“AP元素”面板进行管理 275 16.2 行为 277 16.2.1 添加行为 277 16.2.2 Dreamweaver CS4的自带行为 278 16.2.3 常用事件 280 16.2.4 行为应用举例 280 16.3 AP Div、行为综合应用 282 本章小结 285 习题 285

无

无