第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__