本书以Adobe Dreamweaver CS5作为设计工具，从如何建立站点、配置站点、管理站点、上传站点所需的步骤，详细介绍了网页设计前的环境搭建。内容分为基础篇、进阶篇、高级应用篇和综合案例篇五个部分。

　　《实用Web页面设计》共10章，包括4大部分：基础篇、进阶篇、高级应用篇和综合案例篇。
　　第一部分基础篇侧重介绍网站部署环境和熟悉DreamweaverCS6软件及HTML的基本应用。
　　第二部分进阶篇侧重于CSS的页面美化和布局及JavaScript的基本语法的实践应用。
　　第三部分高级应用篇侧重于最新的HTML5的各种特效和Photoshop网页切图的技巧，使Web更美观，制作更节省时间。
　　第四部分综合案例篇侧重于一步步地引导读者开始新的、符合Web标准的CSS布局及JavaScript动态图片显示的效果。
　　《实用Web页面设计》主要有以下几大特点：
　　(1)内容全面。详细介绍了网页设计软件的应用、网页美化和布局方法以及网页设计的技巧，最终使读者能够设计出较为复杂、美观的网页。
　　(2)与时俱进。本书引进了网页设计中较为流行的元素，详细阐述了最新的HTML5的各种特效和Photoshop网页切图的技巧，用以美化页面和节省时间。
　　(3)实例丰富，技术含量高，紧密与实践相结合。每一个实例都有详细的代码支撑，倾注了作者多年的实践经验的积累；每一个页面的实现都经过技术认证。
　　(4)语言通俗易懂、讲解清晰、前后呼应。图例清晰，具有针对性。每一个图例都经过作者精心策划和编辑。

　　21世纪是互联网高速发展、信息无处不在的时代。1987年9月北京计算机应用技术研究所的钱天白教授向德国卡尔斯鲁厄大学发出中国第一封电子邮件，首次实现与国外计算机网络的联通。20世纪90年代，网站几乎是纯文字的页面，只要保证浏览者能够获取信息，网站的功能就算实现了。过去的二十多年，互联网发生了翻天覆地的变化。
随着网络信息技术的更新换代，人们已经不能继续满足于千篇一律的“模板式”网站了。互联网发展到今天，网站的数量已经无法估计了。截至2014年，我国登记在册的网站总量已经突破350万个。在浩瀚的网站中如何脱颖而出呢？
网页制作技术发展到今天，已经不再是简单的网页制作了。作为一种新媒体的媒介主体，网站被赋予了太多的使命。环顾四周，计算机、电视、手机、平板、智能终端无一不是网页浏览设备。今天的你我，在超市内的广告机上轻轻一点，需要的商品或服务就立即送到家了。这一切的一切都是建立在网页制作技术基础上的。
本书共10章，包括4大部分： 第一部基础篇侧重于介绍网站部署环境和熟悉Dreamweaver CS6软件及HTML的基本应用。第二部分进阶篇侧重于CSS的页面美化和布局及JavaScript的基本语法的实践应用。第三部分高级应用篇侧重于最新HTML 5的各种特效和Photoshop网页切图的技巧，使Web更美观，制作更节省时间。第四部分综合案例篇侧重于一步步地引导读者开始新的、符合Web标准的CSS布局及JavaScript动态图片显示的效果。
本书对Web的介绍较为全面，从最基本的概念开始，步步深入。从开始的HTML的简单呈现，后又初步地以CSS加以修饰，最终用JavaScript使静态网页显示动态效果，使网页美观、生动。
尽管现在市面上有很多Web网页制作的资源，但多是一些支离破碎的技巧和经验，学习这样的资料很容易产生身处山中却不得山貌的困惑。另外，即使是有经验的CSS开发人员也会遇到问题。这是因为很多Web开发人员是靠自学成才的，他们从网上的文章或代码中学习经验，并没有全面系统地理解Web规范应用。加之浏览器的兼容性问题，如果没有系统的参考资料，如同摸石头过河，会严重影响开发速度。
本书结合本人多年来对Web网站前端技术的开发设计经验、对网站的一些见解，较为系统地介绍动静态网页的制作及布局，相信初学者和网页设计人员，都能从本书获得很大的收益。本书涵盖了大量的经验案例和综合布局示例，可以帮助读者很好地理解和精通Web前端开发技术。
本书主要定位于初、中级用户。不管你以前是否了解或学习过网页设计相关知识，本书都非常适合。虽然我们在策划、创造、编写中致力于追求严谨、求实、高质量，但是错误和不足在所难免，恳请读者不吝赐教，我们定会全力改进。
本书由张建波任主编，付湘琼、殷群任副主编。第3、6章由张建波编写，第7、8章由殷群编写，第4、5章由付湘琼编写，第1、2章由朱凯编写，第9、10章由李宇亮编写。张建波负责全书的统稿和审定工作。
张怀宁教授在本书的编写和审阅过程中，提出了许多指导性的意见； 清华大学出版社对本书的出版给予了积极的支持和帮助； 参与本书案例验证工作的还有魏兴、张晓云、王红伟、赵波等。在此一并致以诚挚的感谢。
由于作者水平有限，书中缺点和疏漏之处在所难免，敬请读者批评指正。

编者
2014年9月

第一部分基础篇


第1章网站及网站部署环境概述

1．1万维网概述

1．2网页与HTML语言

1．3网页设计与开发的过程

1．4常用网页制作工具与选择

1．5网站的运行环境

1．5．1Windows Server 2008安装概述

1．5．2IIS配置概述

1．5．3FTP权限配置

1．6Web站点的建立与管理

1．6．1Web站点的建立

1．6．2网站的管理

1．6．3网站维护

1．7本章小结

1．8习题

第2章Adobe Dreamweaver CS6简介

2．1Dreamweaver CS6简介

2．1．1Dreamweaver CS6界面

2．1．2Dreamweaver CS6新增功能

2．2规划站点结构

2．2．1创建站点

2．2．2建立远程FTP站点

2．2．3搭建站点结构

2．2．4文件与文件夹的管理

2．3页面的总体设置

2．4Dreamweaver的使用简介

2．4．1文本的插入与编辑

2．4．2插入图像

2．4．3插入并编辑表格

2．4．4插入Flash动画

2．4．5嵌入音频

2．4．6创建链接关系

2．4．7创建CSS样式

2．4．8使用CSS样式美化页面

2．4．9CSS样式表的其他操作

2．4．10CSS样式表滤镜实例

2．4．11创建模板

2．4．12制作框架网站

2．4．13创建层

2．4．14利用行为制作动态页面

2．4．15网页表格深层探密

2．5本章小结

2．6习题

第3章HTML基础篇

3．1HTML标记语言介绍

3．1．1HTML概述

3．1．2HTML文件的基本框架

3．1．3HTML标记与HTML属性

3．2文本排版标记

3．2．1标题标记

3．2．2字体控制标记

3．2．3段落标记

3．2．4换行标记

3．2．5字符样式标记

3．2．6水平标记

3．3文字列表标记

3．3．1无序列表

3．3．2有序列表

3．3．3定义列表

3．4图像标记

3．5超链接标记

3．6层标记

3．7表格标记

3．8框架标记

3．9表单

3．9．1表单标记

3．9．2表单域标记

3．9．3按钮

3．9．4文本控件

3．9．5单选框

3．9．6复选框控件

3．9．7文件上传控件

3．10HTML实例

3．11本章小结

3．12习题

第二部分进阶篇


第4章层叠式表及页面美化

4．1CSS的基本概念

4.2HTML与CSS的关系

4.3CSS语法

4.3.1标签、类、ID和关联选择器

4.3.2组织标记

4.3.3继承和层叠

4.3.4应用和维护

4.3.5Web标准与验证

4.4CSS样式

4.4.1CSS颜色和背景

4.4.2字体及文本样式

4.4.3列表

4.4.4超链接

4.4.5边框和轮廓

4.4.6表格

4.5页面和浏览器标记及滤镜

4.5.1鼠标

4.5.2滚动条

4.5.3CSS滤镜

4.6CSS特效实例

4.7本章小结

4.8习题

第5章网页布局与规划

5.1网页布局基本概念

5.2表格布局

5.2.1表格的基础

5.2.2使用表格布局案例

5.3框架布局

5.3.1框架基础

5.3.2使用框架布局案例

5.4DIV+CSS布局方式

5.4.1DIV的布局基础

5.4.2CSS盒模型

5.4.3CSS标记定位

5.4.4CSS浮动与堆叠

5.5DIV+CSS布局的综合示例

5.5.1CSS常用的布局样式

5.5.2综合实例

5.6本章小结

5.7习题

第6章JavaScript动态脚本语言

6.1JavaScript的介绍

6.1.1JavaScript的起源

6.1.2JavaScript语言的特点

6.1.3入门例子

6.2JavaScript语法基础

6.2.1准备工作

6.2.2JavaScript的基本语法

6.2.3常量、变量以及关键字

6.2.4运算符

6.2.5JavaScript的程序结构

6.2.6条件语句

6.2.7switch选择语句

6.2.8while和do…while循环语句

6.2.9for循环语句

6.2.10break与continue语句

6.3函数

6.3.1函数的定义

6.3.2函数的调用

6.3.3全局变量与局部变量

6.3.4参数个数可变的函数

6.3.5创建动态函数

6.3.6JavaScript的内置函数

6.4对象

6.4.1对象的概念

6.4.2对象的属性

6.4.3对象的事件

6.4.4对象的方法

6.4.5对象的使用

6.4.6对象与对象实例

6.4.7常用JavaScript核心对象

6.5文档对象模型

6.5.1DOM介绍

6.5.2Browser对象

6.5.3Document对象

6.5.4getElementById()方法

6.5.5getElementsByName()方法

6.5.6getElementsByTagName()方法

6.5.7getAttribute()方法

6.6JavaScript事件

6.6.1浏览器事件

6.6.2键盘事件

6.6.3鼠标事件

6.6.4表单事件

6.6.5文档事件

6.6.6在JavaScript中动态指定事件处理程序

6.7JavaScript综合实例

6.8本章小结

6.9习题

第三部分高级应用篇



第7章HTML 5的高级应用

7.1HTML 5的主要文档结构标签

7.1.1<header>标签

7.1.2<footer>标签

7.1.3<nav>标签

7.1.4<section>标签

7.1.5<article>标签

7.1.6<aside>标签

7.2音频和视频

7.2.1HTML 5的音频和视频格式

7.2.2音频标签<audio>

7.2.3视频标签<video>

7.3canvas绘图

7.3.1创建<canvas>元素

7.3.2构建绘图环境

7.3.3通过JavaScript绘制图形

7.4HTML 5其他标签

7.4.1<datalist>标签

7.4.2<summary>标签

7.4.3<figcaption>标签和<figure>标签

7.4.4<hgroup>标签

7.4.5<time>标签

7.4.6<mark>标签

7.4.7<ruby>标签和<rt>标签

7.4.8<meter>标签

7.4.9<command>标签

7.4.10<menu>标签

7.5本章小结

7.6习题

第8章Photoshop网页切图

8.1网页切图的基本概念

8.2Photoshop简介

8.3切图工具图标的识别

8.4切图基本操作

8.4.1切图原则

8.4.2切图的具体步骤

8.5班级网页切图实例

8.5.1网页布局设计

8.5.2参数选择

8.5.3定义站点

8.5.4制作页面表格

8.5.5在网页中添加图片和内容

8.6博客网页切图实例

8.6.1背景切图

8.6.2其他区域切图

8.6.3logo切图

8.6.4添加图文代码实现与CSS修饰

8.7本章小结

8.8习题

第四部分综合案例篇


第9章综合案例

9.1班级网站制作

9.1.1网站规划与设计

9.1.2首页布局

9.1.3首页制作

9.1.4二级页面的制作

9.2博客制作

9.2.1网页的结构设计

9.2.2用CSS添加样式

9.2.3内容区域与边缘的风格化

9.2.4博客文章的风格化

9.2.5为评论设置斑马纹

9.3在线考试

9.3.1在线考试系统的页面设计

9.3.2在线考试系统的程序设计

9.3.3在线考试系统实现效果

9.4多级导航菜单制作

9.4.1多级导航菜单结构

9.4.2用CSS添加样式

9.4.3多级导航菜单实现效果

9.5本章小结

9.6习题

第10章网页设计与制作模拟试题和参考答案

10.1模拟试题(一)

10.2模拟试题(二)

10.3模拟试题（一）参考答案

10.4模拟试题(二)参考答案

10.5课后答案

参考文献