第1 篇 网站设计与开发入门
第1 章　网站设计基础. 001
1.1 预备知识  001
1.1.1　什么是网站 … 001
1.1.2　静态网页和动态网页  001
1.1.3　申请域名 …… 002
1.1.4　申请服务器空间 …… 004
1.2 常用的网页设计软件 … 004
1.2.1　网页设计软件Dreamweaver  004
1.2.2　图像设计软件Photoshop … 005
1.2.3　HTML  006
1.2.4　FTP 软件 …… 007
1.3 创建网站的基本步骤 … 007
1.3.1　网站的定位 … 007
1.3.2　确定网站主题  008
1.3.3　网站整体规划  008
1.3.4　收集资料与素材 …… 008
1.3.5　设计网页图像  008
1.3.6　切图并制作成页面 … 009
1.3.7　开发动态网站模块 … 009
1.3.8　发布与上传 … 010
1.3.9　后期更新与维护 …… 011
1.3.10　网站的推广  012
1.4 本章小结  012

第2 章　网站页面的策划与布局 013
2.1 网站栏目和页面设计策划 …… 013
2.1.1　为什么要进行策划 … 013
2.1.2　网站的栏目策划 …… 014
2.1.3 网站的页面策划 …… 015
2.2　网站布局的基本元素 … 016
2.2.1　网站Logo …… 016
2.2.2　网站Banner … 016
2.2.3　导航栏  016
2.2.4　主体内容 …… 017
2.2.5　文本 … 017
2.2.6　图像 … 017
2.2.7　页脚 … 018
2.2.8　广告区  018
2.3　网页版面布局设计 …… 018
2.3.1　网页版面布局原则 … 018
2.3.2　点、线、面的构成 … 020
2.4　网页布局方法 … 021
2.4.1　纸上布局法 … 021
2.4.2　软件布局法 … 021
2.5　常见的网页面结构类型  022
2.5.1　“厂”字形布局 …… 022
2.5.2　“国”字形布局 …… 022
2.5.3　“框架”型布局 …… 023
2.5.4　“封面”型布局 …… 023
2.5.5　Flash 型布局  023
2.6　文字与版式设计  023
2.6.1　文字的字体、字号、行距 … 023
2.6.2 文字的颜色 … 024
2.6.3　文字的图形化  024
2.7　图像设计排版 … 025
2.7.1　网页中应用图像的注意事项  025
2.7.2　让图片更合理  026
2.8　本章小结  026

第3 章　网页的色彩搭配. 027
3.1 色彩基础知识 … 027
3.1.1　色彩的基本概念 …… 027
3.1.2　网页安全色 … 028
3.2 色彩的三要素 … __________029
3.2.1　色相 … 029
3.2.2　明度 … 030
3.2.3　纯度 … 030
3.3 色彩与心理 …… 030
3.3.1　红色的心理与网页表现 …… 031
3.3.2　黄色的心理与网页表现 …… 031
3.3.3　蓝色的心理与网页表现 …… 031
3.3.4　绿色的心理与网页表现 …… 031
3.3.5　紫色的心理与网页表现 …… 032
3.3.6　橙色的心理与网页表现 …… 032
3.3.7　白色的心理与网页表现 …… 032
3.3.8　黑色的心理与网页表现 …… 032
3.3.9　灰色的心理与网页表现 …… 033
3.4 页面色彩搭配 … 033
3.4.1　网页色彩搭配原理 … 033
3.4.2　网页设计中色彩搭配的技巧  034
3.4.3　使用配色软件  036
3.4.4 使用辅助色 … 036
3.5 本章小结  037

第2 篇 网页的排版与制作
4.1 认识Dreamweaver 界面 …… 038
4.2 创建本地站点 … 039
4.3 输入文本  040
4.3.1　在网页中插入文本 … 040
4.3.2　改变字体 …… 041
4.3.3　设置字号 …… 042
4.4 插入其他文本元素 …… 042
4.4.1　插入特殊字符  042
4.4.2　插入水平线 … 043
4.4.3　插入时间 …… 044
4.4.4　插入空格 …… 045
4.5 列表的设置 …… 046
4.5.1　使用无序列表  046
4.5.2　使用有序列表  047
4.6 创建超链接 …… 048
4.6.1　创建电子邮件链接 … 048
4.6.2　创建脚本超链接 …… 049
4.6.3　创建下载文件超链接  050
4.6.4　创建图像热点超链接  050
4.7 实战应用—创建文本网页 … 052
4.8 本章小结  053

第5 章　用表格进行网页排版 054
5.1 在网页中插入表格 …… 054
5.1.1　插入表格 …… 054
5.1.2　添加内容到单元格 … 055
5.2 设置单元格和表格属性  055
5.2.1　设置单元格属性 …… 056
5.2.2　设置表格属性  056
5.3 表格的基本操作  056
5.3.1　选定表格 …… 057
5.3.2　添加行或列 … 057
5.3.3　删除行或列 … 058
5.3.4　合并单元格 … 058
5.3.5　拆分单元格 … 058
5.3.6　调整表格大小  059
5.3.7　调整单元格大小 …… 060
5.4 表格的其他功能  061
5.4.1　导入表格式数据 …… 061
5.4.2　排序表格 …… 062
5.5 综合案例  063
5.6 本章小结  068

第6 章　利用图像和多媒体美化网页 069
6.1 网页中常用的图像格式  069
6.2 在网页中插入图像 …… 070
6.2.1 插入图像 …… 070
6.2.2 设置图像属性  071
6.3 在网页中简单地编辑图像 …… 072
6.3.1 裁剪图像 …… 072
6.3.2 调整图像亮度和对比度 …… 073
6.3.3 锐化图像 …… 073
6.4 插入鼠标经过图像 …… 074
6.5 插入声音  076
6.5.1　音频文件格式  076
6.5.2　添加背景音乐  076
6.6 插入视频  078
6.6.1　视频文件格式  078
6.6.2　在网页中插入视频文件 …… 078
6.7 综合案例  079
6.8 本章小结  080

第7 章　使用模板和库. 081
7.1 认识模板  081
7.2　创建模板  081
7.2.1 在空白文档中创建模板 …… 082
7.2.2　从现有文档创建模板  082
7.2.3　创建可编辑区域 …… 083
7.3　创建基于模板的页面 … 084
7.4　库的创建、管理与应用  085
7.4.1　创建库项目 … 086
7.4.2　库项目的应用  087
7.4.3　编辑库项目 … 088
7.5　综合案例—创建完整的企业网站
模板 …… 089
7.6　综合案例—利用模板创建网页 …… 093
7.7　本章小结  095

第8 章　使用行为添加网页特效 096
8.1 特效中的行为和事件 … 096
8.1.1　网页行为 …… 096
8.1.2 网页事件 …… 097
8.2　使用Dreamweaver 内置行为  098
8.2.1　交换图像 …… 098
8.2.2　弹出信息 …… 099
8.2.3　打开浏览器窗口 …… 100
8.2.4　转到URL …… 101
8.2.5　预先载入图像  103
8.2.6　调用JavaScript …… 104
8.2.7　设置状态栏文本 …… 105
8.3　本章小结  106

第9 章　利用表单对象创建表单文件 107
9.1 表单概述  107
9.1.1　关于表单 …… 107
9.1.2　表单元素 …… 107
9.2　插入输入类表单对象 … 108
9.2.1　插入表单域 … 108
9.2.2　插入文本域 … 109
9.2.3　插入密码域 … 110
9.2.4　插入多行文本域 …… 110
9.2.5　插入隐藏域 … 111
9.2.6　插入复选框 … 111
9.2.7　插入单选按钮  112
9.2.8　插入选择框 … 113
9.2.9　插入URL …… 114
9.2.10　插入图像域  114
9.2.11　插入文件域  115
9.2.12　插入按钮 … 115
9.3　实战应用—制作网站注册页面 …… 116
9.4　本章小结  119

第10 章　　使用CSS 样式美化网页. 120
10.1 初识CSS …… 120
10.1.1　CSS 概述 … 120
10.1.2　CSS 的作用  121
10.1.3　CSS 基本语法 …… 121
10.2　字体属性 …… 122
10.2.1 字体font-family …… 122
10.2.2　字号font-size  122
10.2.3　字体加粗font-weight …… 123
10.2.4　字体风格font-style  123
10.2.5　字体变形font-variant …… 124
10.3　段落属性 …… 125
10.3.1　单词间隔word-spacing …… 125
10.3.2　文本行高line-height  125
10.3.3　文字修饰text-decoration … 126
10.3.4　文本对齐方式text-align … 126
10.3.5　文本转换text-transform … 127
10.3.6　文本缩进text-indent  128
10.4　图片样式设置  128
10.4.1　定义图片边框 …… 128
10.4.2　设置文字环绕图片  130
10.5　综合案例—为图片添加边框 …… 131
10.6　本章小结 …… 131

第11 章　使用CSS+Div 灵活布局页面 132
11.1 初识Div  132
11.1.1　Div 概述 …… 132
11.1.2　创建Div …… 133
11.1.3　CSS+Div 布局的优势 …… 133
11.2　CSS 定位与Div 布局  134
11.2.1　盒子模型 … 134
11.2.2　元素的定位  134
11.3　CSS+Div 布局的常用方法 … 137
11.3.1　使用Div 对页面整体规划  138
11.3.2　设计各块的位置　  138
11.3.3　使用CSS 定位 …… 138
11.4 本章小结 …… 139

第12 章　使用jQuery UI 和jQuery 特效 140
12.1 Tabs 设计选项卡 …… 140
12.2 Accordion 设计折叠面板 …… 142
12.3 Dialog 设计对话框 … 143
12.4 Shake 设计振动特效  145
12.5 Highlight 设计高亮特效 …… 146
12.6 设计页视图 … 148
12.7 使用按钮组件  150
12.7.1 插入按钮 … 150
12.7.2 按钮组的排列 …… 151
12.8 使用表单组件  152
12.8.1 认识表单组件 …… 152
12.8.2 插入文本框  152
12.8.3 插入滑块 … 155
12.8.4 插入翻转切换开关  156
12.8.5 插入单选按钮 …… 157
12.8.6 插入复选框  159
12.9　本章小结 …… 160

第3 篇 设计精美的网页图像
第13 章　网页图像设计软件Photoshop. 161
13.1 Photoshop 介绍 …… 161
13.1.1　菜单栏 …… 162
13.1.2　工具箱及工具选项栏 …… 162
13.1.3　文档窗口及状态栏  162
13.1.4　面板  163
13.2　绘图工具的使用 …… 163
13.2.1　使用矩形工具和圆角矩形工具 … 163
13.2.2　使用“直线工具”  164
13.2.3　使用油漆桶工具 … 164
13.2.4　使用渐变工具 …… 165
13.3　制作文本特效  166
13.3.1　图层的基本操作 … 166
13.3.2　使用图层样式 …… 167
13.3.3　输入文本 … 167
13.3.4　设置文本格式 …… 168
13.3.5　设置变形文字 …… 168
13.3.6　使用滤镜 … 169
13.4　输出图像 …… 170
13.4.1　将图片保存为PSD 格式 … 170
13.4.2　将图片导出为JPEG 格式 … 171
13.4.3　将图片导出为GIF 格式 … 171
13.5　综合案例 …… 171
13.6　本章小结 …… 173

第14 章　页面图像的切割与优化 174
14.1 优化网页图像  174
14.1.1　图像的优化  174
14.1.2　输出图像 … 175
14.1.3　输出透明GIF 图像  175
14.2　网页切片输出  176
14.2.1　创建切片 … 176
14.2.2　编辑切片 … 177
14.2.3　优化和输出切片 … 177
14.3　创建GIF 动画  178
14.3.1　GIF 动画原理  178
14.3.2　认识“时间轴”面板 …… 179
14.4　综合案例 …… 179
14.4.1 在Photoshop 中优化图像 … 179
14.4.2 切割输出网站主页  180
14.5　本章小结 …… 181

第15 章　设计网站的图片元素 182
15.1 网页中的设计元素 … 182
15.1.1　Logo  182
15.1.2　导航栏 …… 182
15.1.3　页面布局区  183
15.2　网站Logo …… 183
15.2.1　网站Logo 设计标准  184
15.2.2　设计网站Logo …… 184
15.3　设计网站Banner …… 186
15.3.1　什么是Banner …… 186
15.3.2　设计有动画效果的Banner  186
15.4　制作网页导航条 …… 189
15.4.1　网页导航条简介 … 189
15.4.2　设计横向导航条 … 189
15.5　本章小结 …… 190

第4 篇 HTML 网站开发
第16 章　使用HTML 语言编写网页. 191
16.1 认识HTML … 191
16.1.1　HTML 是什么 …… 191
16.1.2　HTML 基本标签 … 192
16.1.3　HTML 文件组成 … 192
16.2　HTML 文档头部标签  193
16.2.1　文档类型声明 …… 193
16.2.2　文档头部标签 …… 193
16.2.3　文档描述 … 193
16.2.4　网页标题 … 194
16.3　基本的HTML 标签 … 194
16.3.1　主体标签 … 194
16.3.2　设置页面边距 …… 195
16.3.3　标题标签 … 195
16.3.4　换行标签 … 196
16.3.5　段落标签 … 197
16.3.6　水平线标签  197
16.4　文字和超链接  198
16.4.1　文本格式化标签 … 198
16.4.2　文本引用与缩进 … 199
16.4.3　字体的设置  199
16.4.4　文本颜色设置 …… 200
16.4.5　超链接标签  200
16.4.6　相对路径和绝对路径 …… 201
16.4.7　设置目标窗口 …… 202
16.4.8　电子邮件链接mailto  202
16.5　图片和列表 … 203
16.5.1　图像标签 … 203
16.5.2　用图像作为超链接  204
16.5.3　有序列表 … 204
16.5.4　无序列表 … 205
16.5.5　嵌套列表 … 206
16.6　表格 … 206
16.6.1　创建基本表格 …… 207
16.6.2　表格的边框和颜色  207
16.6.3　设置表格的背景 … 208
16.6.4　表格的间距与边距  208
16.7　表单 … 209
16.7.1　表单标签 … 209
16.7.2　HTML 表单控件 … 210
16.7.3　文本域（text） …… 210
16.7.4　下拉列表控件 …… 211
16.8　本章小结 …… 211

第17 章　HTML 5 的新特性 212
17.1 认识HTML 5 … 212
17.2　HTML 5 与HTML 4 的区别 … 213
17.2.1　HTML 5 的语法变化  213
17.2.2　HTML 5 中的标记方法 …… 214
17.2.3　HTML 5 语法中的3 个要点  214
17.2.4　标签实例 … 215
17.3　HTML 5 新增和废除的元素 … 215
17.3.1　新增的结构元素 … 215
17.3.2　新增的块级语义元素 …… 216
17.3.3　新增的行内语义元素 …… 218
17.3.4　新增的嵌入多媒体元素与交
互性元素 … 220
17.3.5　新增的input 元素的类型 … 220
17.4　本章小结 …… 221

第18 章　HTML 5 的结构. 222
18.1 新增的主体结构元素  222
18.1.1　article 元素 … 222
18.1.2　section 元素  223
18.1.3　nav 元素 …… 224
18.1.4　aside 元素 … 225
18.1.5　pubdate 属性  226
18.2　新增的非主体结构元素 …… 226
18.2.1　header 元素  226
18.2.2　hgroup 元素  227
18.2.3　footer 元素 … 228
18.2.4　address 元素  228
18.3　播放视频 …… 229
18.4　HTML 5 canvas 画布  230
18.5　本章小结 …… 231

第5 篇 动态网站开发
第19 章　动态网站基础 232
19.1 动态网站原理  232
19.2　在Dreamweaver 中编码 …… 232
19.3　动态网站技术类型 … 234
19.3.1　ASP … 234
19.3.2　PHP … 235
19.3.3　JSP … 235
19.3.4　ASP、PHP 和JSP 比较 … 235
19.4　搭建本地服务器 …… 236
19.4.1　安装IIS …… 236
19.4.2　配置Web 服务器 … 237
19.5　数据库相关术语 …… 238
19.5.1　什么是数据库 …… 238
19.5.2　数据库表 … 238
19.6　常见的数据库管理系统 …… 239
19.7　创建Access 数据库 … 239
19.8　创建数据库连接 …… 241
19.9 本章小结 …… 242

第20 章　动态网页开发语言ASP 基础与应用 243
20.1 动态网站原理  243
20.1.1　ASP 简介 … 243
20.1.2　ASP 的工作原理 … 244
20.2　ASP 连接数据库 …… 244
20.3　Request 对象  245
20.3.1　集合对象 … 245
20.3.2　属性  245
20.3.3　方法  245
20.3.4　Request 对象使用实例 …… 245
20.4　Response 对象  246
20.4.1　集合对象 … 246
20.4.2　属性  247
20.4.3　方法  247
20.4.4　Response 对象使用实例 … 247
20.5　Server 对象 … 248
20.5.1　属性  248
20.5.2　方法  248
20.6　Application 对象 …… 248
20.6.1　方法  249
20.6.2　事件  249
20.7　Session 对象  249
20.7.1　属性  250
20.7.2　方法  250
20.7.3　事件  250
20.7.4　Session 对象实例 … 250
20.8　本章小结 …… 251

第21 章　动态网页脚本语言VBScript. 252
21.1 VBScript 概述  252
21.2　VBScript 数据类型 … 253
21.3　VBScript 变量  253
21.3.1　声明变量 … 254
21.3.2　命名规则 … 254
21.3.3　为变量赋值  254
21.4　VBScript 运算符优先级 …… 254
21.5　使用条件语句  255
21.5.1　使用if…then…else 进行判断 …… 255
21.5.2　使用 Select…Case 进行判断  256
21.6　使用循环语句  256
21.6.1　使用Do…Loop 循环  257
21.6.2　使用While…Wend  257
21.6.3　使用For…Next …… 257
21.7　VBScript 过程  257
21.7.1　过程分类 … 258
21.7.2　过程的输入/ 输出 … 258
21.7.3　在代码中使用Sub 和Function 过程 … 258
21.8　VBScript 函数  258
21.9　本章小结 …… 259

第6 篇 网站发布与运营
第22 章　网站的发布、维护与推广 260
22.1 上传发布网站  260
22.2　网站维护 …… 261
22.2.1　网站内容的更新 … 261
22.2.2　网站风格的更新 … 262
22.2.3　网站备份 … 262
22.3 网站推广 …… 263
22.3.1　注册到搜索引擎 … 263
22.3.2　友情链接 … 263
22.3.3　发布信息推广 …… 264
22.3.4　微博营销推广 …… 264
22.3.5 微信营销推广 …… 264
22.3.6　设置QQ 签名推广  265
22.3.7　QQ 群推广技巧 …… 265
22.4　本章小结 …… 265

第7 篇 网站综合案例
第23 章　设计制作公司宣传网站 266
23.1 网站前期策划  266
23.1.1 网站总体策划 …… 267
23.1.2 企业网站主要功能栏目 … 267
23.2 设计网站页面  268
23.2.1 首页的设计  268
23.2.2 切图并输出  273
23.3 在Dreamweaver 中进行页面排版制作 274
23.3.1 创建本地站点 …… 274
23.3.2 创建二级模板页面  275
23.3.3 利用模板制作其他网页 … 279
23.4 给网页添加特效 …… 281
23.4.1 滚动公告 … 281
23.4.2 制作弹出窗口页面  281
23.5 本章小结 …… 282__