本书分为5个单元、共15个任务。在案例的制作过程中，主要使用Adobe公司的DreamweaverCS6软件，内容涵盖了网站赏析评鉴、网站制作发布流程、XHTML代码编写、网页元素的添加、CSS样式美化网页、目前最流行的DIV+CSS网页布局技术、Spry构件的应用、模板技术、网站策划等多个方面。最后通过介绍一个完整的网站案例制作，让学习者能够全面掌握网站的策划、设计、制作、测试及发布流程。

随着互联网技术的飞速发展，越来越多的公司、机构及个人不再满足于仅仅在网上浏览信息，而是希望能够参与其中拥有自己的网站，利用网站来进行信息交流、品牌推广、形象宣传、助力公益、娱乐身心，寻找创业商机、提高知名度等。面对扑面而来的网络浪潮，网页设计与网站开发技术已经越来越受到大众的重视。与此同时，在高等职业教育中，网站设计与制作能力已经成为不可或缺的一部分。
本书从实际应用出发，精选多个有代表性的、实践性极强的项目案例，由浅入深、循序渐进地将网站设计与制作过程中所需要的各类知识与技能进行融合，注重培养学习者的学习能力和创新意识。读者在完成案例的制作之后，可以触类旁通地解决网站制作过程中的其他问题。
本书分为5个单元，共15个任务。单元1主要讲解优秀网站应该具备的各项要素、网站鉴别的方式以及网站制作与发布的基本流程；单元2解析了XHTML文档的基本构成、语法规则及书写规范；单元3介绍了网页元素的添加及使用CSS美化网页的方法；单元4详细阐述了DIV+CSS网页布局的方法、项目列表制作导航、Spry构件的使用；单元5通过一个完整网站的规划与制作过程，详细解析了网站策划、站点架设、页面设计、子页制作、网站测试与发布的整体流程。本书的编排方式，既有利于读者自学，也方便教师组织教学实践。
由于编者水平有限，书中难免存在疏漏之处，敬请广大读者指正。

单元1 网站设计与制作概述 1
任务1 网站赏析 1
任务描述 1

1．什么是网页、网站 1
2．网站主题的分类 1
3．优秀网站需要具备的各项要素 4
任务实施 5
习题 9
任务2 制作第一个网页“我的主页” 9
任务描述 9

1．网页的分类（按内容进行划分） 9
2．网页及网站的分类（按制作技术
进行划分） 10
3．网站设计常用工具软件 11
4．网站制作整体流程 11
5．Dreamweaver CS6工作环境 12
6．本地物理站点的建立 13
7．本地逻辑站点的创建 13
8．本地逻辑站点的编辑修改 14
任务实施 15
习题 17
任务3 将“我的主页”发布到互联网 18
任务描述 18

1．互联网(internet)、因特网(Internet)、
万维网(WWW) 18
2．HTTP协议、FTP协议 18
3．IP地址 18




4．域名、虚拟主机、域名空间 19
5．URL 19
任务实施 19
习题 24
单元2 Web标准及XHTML语言 26
任务1 XHTML文档结构设置 26
任务描述 26

1．W3C组织、Web标准 26
2．HTML、XML、XHTML语言介绍 27
3．XHTML的文档类型定义 27
4．XHTML文档的基本组成 28
5．XHTML文档中，标签的类型及其
书写规范 28
6．XHTML文档中，标签的属性、
属性值及其书写规范 28
7．XHTML文档中，标签的嵌套及其
书写规范 29
8．XHTML文档中，字符的大小写规范 29
9．XHTML文档中的结构型标签 29
10．XHTML文档中标签的
常用属性及其属性值描述 29
任务实施 30
习题 32
任务2 XHTML文档基础排版 33
任务描述 33

1．XHTML文档的

标签 33
2．XHTML文档的
标签 33
3．XHTML文档的标签 34

4．XHTML文档的

标签 35
5．XHTML文档的标签 35
6．XHTML文档的“字符样式”标签 36
7．XHTML文档的“特殊符号”标签 36
任务实施 37
习题 41
任务3 XHTML文档图文混排 42
任务描述 42

1．XHTML文档的标签 43
2．XHTML文档的

---

标签 44
3．XHTML文档的标签 46
任务实施 47
习题 51
单元3 网页元素的添加与美化 53
任务1 在网页中添加基本元素 53
任务描述 53

1．设置网页标题 53
2．添加文本 53
3．输入多个连续的空格 54
4．插入水平线 54
5．插入特殊符号 54
6．插入自动更新日期 54
7．插入图像 55
8．插入图像占位符 55
9．插入鼠标经过图像 55
10．插入SWF动画 56
11．插入FLV视频 58
12．插入MP4视频 58
13．插入MP3背景音乐 59
14．设置项目列表 60
15．创建超链接 61
16．创建及编辑表格 63
任务实施 66
习题 72
任务2 使用CSS美化网页元素 72
任务描述 72

1．CSS概述 72
2．CSS语法规则 72
3．在DW中创建CSS样式 73
4．CSS选择器类型 74
5．CSS样式表类型 76
6．CSS规则定义分类 78
任务实施 82
习题 89
单元4 使用DIV+CSS布局网页 90
任务1 使用DIV+CSS布局网页 90
任务描述 90

1．认识DIV+CSS布局方式 90
2．使用DIV+CSS布局网页的优势 90
3．使用DIV+CSS布局网页的流程 90
4．W3C盒子模型概述 93
任务实施 94
习题 101
任务2 使用项目列表制作网站导航 102
任务描述 102

1．项目列表制作网站导航的优势 102
2．项目列表制作网站导航的流程 102
任务实施 102
习题 107
任务3 使用Spry构件制作动态
面板效果 108
任务描述 108

1．认识Spry构件 108

2．Spry构件的插入 108
3．Spry构件的保存 108
4．Spry构件的编辑及修改 109
5．常用Spry构件简介 110
任务实施 111
习题 121
单元5 网站策划与整站制作 122
任务1 网站策划 122
任务描述 122

1．网站开发流程 122
2．网站策划内容 122
任务实施 123
习题 126
任务2 站点架设 126
任务描述 126

站点架设的基本流程 126
任务实施 127
习题 128
任务3 网站首页的布局规划与设计制作 128
任务描述 128


1．网页的布局规划设计 128
2．网站的配色方案设计 129
3．网站中图片的处理 130
4．网站中动画的制作 130
5．网站页面的技术实现 130
任务实施 131
习题 157
任务4 使用模板批量制作及修改子页面 157
任务描述 157

1．模板概述 157
2．模板的创建及保存 158
3．使用模板生成网站子页 158
4．可编辑区域的插入及使用 159
5．可选区域的插入及使用 160
6．重复区域的插入及使用 161
7．可编辑的可选区域的插入及使用 162
8．子页面与模板的分离 164
任务实施 164
习题 187