网页制作与网站建设从入门到精通PDF电子书下载

第1部分 网页设计与配色入门篇第1章 网页设计基础 2

1.1 预备知识 2

1.2 如何设计网页 5

1.2.1 网页设计的任务 5

1.2.2 网页设计的流程 7

1.2.3 网页设计的基本原则 7

1.3 常用网页设计软件 9

1.4 经典习题 10

1.4.1 选择题 10

1.4.2 填空题 11

1.4.3 操作题 11

第2章 网页色彩搭配基础 12

2.1 网页配色原理 12

2.1.1 色彩的产生 12

2.1.2 色彩的三要素 13

2.2 无彩色系与有彩色系 14

2.2.1 无彩色系 14

2.2.2 有彩色系 14

2.3 色彩对比 15

2.3.1 明度对比 15

2.3.2 色相对比 16

2.3.3 纯度对比 17

2.3.4 色彩的面积对比 17

2.3.5 色彩的冷暖对比 18

2.4 各种色彩分析 18

2.4.1 红色 18

2.4.2 黄色 19

2.4.3 蓝色 19

2.4.4 绿色 20

2.4.5 紫色 20

2.4.6 橙色 21

2.4.7 白色 22

2.4.8 黑色 22

2.4.9 灰色 23

2.5 网页色彩搭配 24

2.5.1 网页色彩搭配原理 24

2.5.2 网页色彩搭配技巧 25

2.5.3 网页色彩选择标准 26

2.5.4 常见的几种网页配色方案 27

2.6 经典习题 28

2.6.1 选择题 28

2.6.2 填空题 28

2.6.3 操作题 29

第3章 网页的布局设计 30

3.1 网页版面布局设计 30

3.1.1 网页版面布局原则 30

3.1.2 点、线、面的构成 31

3.2 网页布局方法 33

3.2.1 纸上布局法 33

3.2.2 软件布局法 33

3.3 常见的版面布局形式 33

3.3.1 “国”字型布局 34

3.3.2 “厂”字型布局 34

3.3.3 “框架”型布局 35

3.3.4 “封面”型布局 35

3.3.5 Flash型布局 36

3.4 文字与版式设计 36

3.4.1 文字的字体、字号、行距 36

3.4.2 文字的颜色 37

3.4.3 文字的图形化 38

3.5 图像与版式设计 38

3.5.1 图像的设计流程 38

3.5.2 网页中应用图像的注意要点 39

3.6 经典习题 39

3.6.1 选择题 39

3.6.2 填空题 39

3.6.3 操作题 39

第2部分 网页图像和动画设计篇第4章 Photoshop CS3基本操作 42

4.1 Photoshop CS3的工作界面 42

4.1.1 标题栏 43

4.1.2 菜单栏 43

4.1.3 选项栏 44

4.1.4 控制面板 45

4.1.5 工具箱 45

4.1.6 图像文件窗口 46

4.1.7 状态栏 46

4.2 调整图像 47

4.2.1 调整图像大小 47

4.2.2 调整画布大小 48

4.3 调整图像的色彩 49

4.3.1 使用【色阶】命令优化图像 49

4.3.2 使用【曲线】命令优化图像 51

4.3.3 使用【色彩平衡】命令优化图像 52

4.3.4 使用【亮度／对比度】命令优化图像 53

4.3.5 使用【色相／饱和度】命令优化图像 54

4.4 设置前景色和背景色 55

4.4.1 使用【拾色器】对话框更改前景色和背景色 56

4.4.2 使用【吸管】工具更改前景色和背景色 56

4.5 选择区域 57

4.5.1 建立规则选区 57

4.5.2 建立不规则选区 58

4.6 图层的基本操作 60

4.6.1 添加图层 60

4.6.2 删除图层 61

4.6.3 合并图层 61

4.6.4 设置图层样式 62

4.7 实例——创建简单的网页图像 70

4.8 经典习题 72

4.8.1 选择题 72

4.8.2 填空题 72

4.8.3 操作题 72

第5章 设计网页中的文字 73

5.1 使用【文字】工具 73

5.1.1 输入文字 73

5.1.2 设置文字属性 74

5.1.3 文字的变形 76

5.2 设计常见的网页特效文字 78

5.2.1 实例1——发光文字 78

5.2.2 实例2——渐变文字 79

5.2.3 实例3——变形文字 80

5.2.4 实例4——晶莹字体 82

5.2.5 实例5——描边文字 85

5.2.6 实例6——立体文字 87

5.2.7 实例7——火焰文字 89

5.3 经典习题 91

5.3.1 选择题 91

5.3.2 填空题 91

5.3.3 操作题 91

第6章 设计网页按钮和导航栏 92

6.1 设计常见的网页按钮 92

6.1.1 实例1——制作圆角按钮 92

6.1.2 实例2——制作发光按钮 93

6.1.3 实例3——制作矩形按钮 95

6.1.4 实例4——制作水晶按钮 97

6.1.5 实例5——制作玻璃按钮 99

6.2 制作导航栏 100

6.2.1 实例6——制作丰富多彩的导航栏 101

6.2.2 实例7——制作图像导航 103

6.3 经典习题 105

6.3.1 选择题 105

6.3.2 填空题 105

6.3.3 操作题 105

第7章 设计网站Logo 106

7.1 网站Logo设计 106

7.1.1 Logo的特点 106

7.1.2 Logo设计标准 106

7.2 网站Logo设计实例 107

7.2.1 实例1——设计世贸国际公司网站Logo 107

7.2.2 实例2——设计蓝月科技公司Logo 111

7.3 经典习题 113

7.3.1 选择题 113

7.3.2 填空题 113

7.3.3 操作题 113

第8章 Flash CS3网站动画设计基础 114

8.1 Flash CS3的工作环境简介 114

8.1.1 菜单栏 115

8.1.2 工具箱 115

8.1.3 【时间轴】面板 116

8.1.4 舞台 116

8.1.5 【属性】面板 116

8.1.6 面板组 117

8.2 创建各种类型的Flash动画实例 117

8.2.1 实例1——创建逐帧动画 117

8.2.2 实例2——创建运动补间动画 121

8.2.3 实例3——创建形状补间动画 122

8.2.4 实例4——创建引导层动画 125

8.2.5 实例5——创建遮罩层动画 128

8.3 经典习题 131

8.3.1 选择题 131

8.3.2 填空题 131

8.3.3 操作题 131

第9章 设计网站中常见的Flash动画 132

9.1 设计网站Flash动画广告 132

9.1.1 网站广告设计基本原则 132

9.1.2 网站广告的类型 134

9.1.3 设计Banner宣传广告实例 134

9.2 设计春节贺卡 139

9.2.1 实例效果 139

9.2.2 实例分析 139

9.2.3 设计之旅 139

9.3 创建旋转按钮 144

9.4 经典习题 149

9.4.1 选择题 149

9.4.2 填空题 149

9.4.3 操作题 149

第3部分 静态网页制作篇 152

第10章 Dreamweaver CS3创建基本文本网页 152

10.1 Dreamweaver CS3简述 152

10.2 Dreamweaver CS3的工作环境 153

10.2.1 菜单栏 153

10.2.2 插入栏 154

10.2.3 浮动面板组 154

10.2.4 【属性】面板 155

10.2.5 文档窗口 155

10.3 创建和管理站点 155

10.3.1 创建本地站点 155

10.3.2 管理本地站点 157

10.4 在网页中插入文本 159

10.4.1 插入普通文本 159

10.4.2 设置文本属性 160

10.5 创建超级链接 162

10.5.1 创建下载文件的超级链接 162

10.5.2 创建电子邮件超级链接 164

10.5.3 创建图像热区链接 165

10.5.4 创建锚点链接 167

10.6 插入文件头部内容 169

10.6.1 插入META信息 170

10.6.2 设置基础 170

10.6.3 插入关键字 171

10.6.4 插入说明文字 171

10.6.5 设置刷新 172

10.7 实例演练 172

10.7.1 实例1——创建本地站点实例 172

10.7.2 实例2——创建基本文本网页实例 174

10.8 经典习题 175

10.8.1 选择题 175

10.8.2 填空题 176

10.8.3 操作题 176

第11章 使用图像和多媒体创建精彩网页 177

11.1 插入图像 177

11.1.1 插入普通图像 177

11.1.2 设置图像属性 178

11.2 在Dreamweaver中编辑图像 181

11.2.1 裁剪图像 181

11.2.2 调整图像亮度和对比度 182

11.2.3 锐化图像 183

11.2.4 重新取样图像 184

11.3 插入其他网页图像 186

11.3.1 插入图像占位符 186

11.3.2 插入鼠标经过图像 187

11.4 插入多媒体 191

11.4.1 插入Flash动画 191

11.4.2 插入Flash按钮对象 192

11.4.3 插入Flash文本对象 195

11.4.4 插入Java Applet 196

11.5 实例演练 198

11.5.1 实例1——创建鼠标经过图像导航 198

11.5.2 实例2——创建翻书图像效果 201

11.6 经典习题 203

11.6.1 选择题 203

11.6.2 填空题 203

11.6.3 操作题 204

第12章 使用表格排版布局网页 205

12.1 插入表格和表格元素 205

12.1.1 插入表格 205

12.1.2 设置表格属性 207

12.1.3 添加内容到单元格 208

12.2 选择表格元素 209

12.2.1 选择表格 209

12.2.2 选择行或列 210

12.2.3 选择单元格 211

12.3 表格的基本操作 212

12.3.1 调整表格的高度和宽度 212

12.3.2 添加或删除行或列 213

12.3.3 拆分单元格 213

12.3.4 合并单元格 214

12.4 排序及整理表格内容 214

12.4.1 导入表格式数据 214

12.4.2 排序表格 216

12.5 实例演练 218

12.5.1 实例1——利用表格排列数据 218

12.5.2 实例2——利用表格布局网页实例 219

12.6 经典习题 226

12.6.1 选择题 226

12.6.2 填空题 227

12.6.3 操作题 227

第13章 使用AP Div和框架布局网页 228

13.1 创建AP Div 228

13.1.1 插入AP Div 228

13.1.2 设置AP Div的属性 229

13.2 AP Div的基本操作 230

13.2.1 插入对象 230

13.2.2 选择AP Div 231

13.2.3 调整AP Div的大小 231

13.2.4 移动AP Div 232

13.2.5 对齐AP Div 232

13.2.6 改变AP Div的可见性 233

13.3 制作Spry效果 233

13.3.1 制作Spry菜单栏 233

13.3.2 制作Spry选项卡式面板 234

13.4 创建框架网页 236

13.4.1 创建框架集 236

13.4.2 保存框架和框架集文件 237

13.5 选择框架和框架集 238

13.5.1 在【框架】面板中选择框架或框架集 238

13.5.2 在文档窗口中选择框架或框架集 239

13.6 设置框架和框架集属性 239

13.6.1 设置框架属性 240

13.6.2 设置框架集属性 240

13.7 实例演练 241

13.7.1 实例1——利用AP Div创建网页下拉菜单 241

13.7.2 实例2——创建浮动框架网页 244

13.8 经典习题 246

13.8.1 选择题 246

13.8.2 填空题 246

13.8.3 操作题 246

第14章 使用模板和库提高网页制作效率 247

14.1 创建模板 247

14.1.1 新建模板 247

14.1.2 从现有文档创建模板 248

14.2 创建可编辑区域 249

14.2.1 插入可编辑区域 249

14.2.2 删除可编辑区域 250

14.3 使用模板创建网页 251

14.4 创建与应用库项目 254

14.4.1 创建库项目 254

14.4.2 应用库项目 256

14.4.3 修改库项目 258

14.5 实例演练 259

14.5.1 实例1——创建模板 259

14.5.2 实例2——利用模板创建网页 265

14.6 经典习题 268

14.6.1 选择题 268

14.6.2 填空题 269

14.6.3 操作题 269

第15章 利用行为和脚本制作动感特效网页 270

15.1 行为概述 270

15.1.1 认识事件 270

15.1.2 动作类型 271

15.2 使用Dreamweaver内置行为 272

15.2.1 播放声音 272

15.2.2 拖动AP元素 274

15.2.3 转到URL 277

15.2.4 打开浏览器窗口 279

15.2.5 弹出信息 281

15.2.6 设置状态栏文本 282

15.2.7 创建导航栏图像 284

15.2.8 预先载入图像 286

15.2.9 检查表单 288

15.2.10 跳转菜单 290

15.2.11 控制Shockwave或Flash 292

15.2.12 改变属性 294

15.2.13 检查浏览器 294

15.3 利用脚本制作特效网页 295

15.3.1 制作滚动公告网页 295

15.3.2 制作自动关闭网页 297

15.3.3 制作水中倒影网页 298

15.4 经典习题 300

15.4.1 选择题 300

15.4.2 填空题 301

15.4.3 操作题 301

第16章 使用CSS样式表 302

16.1 CSS简介 302

16.2 CSS的使用 303

16.2.1 CSS的基本语法 303

16.2.2 添加CSS的方法 303

16.3 在Dreamweaver中使用CSS 305

16.3.1 建立标签样式 305

16.3.2 建立类样式 306

16.3.3 建立自定义高级样式 306

16.4 设置CSS的属性 307

16.4.1 设置文本属性 307

16.4.2 设置背景属性 308

16.4.3 设置段落属性 309

16.4.4 边距与填充属性 311

16.4.5 边框属性 312

16.4.6 定位属性 313

16.4.7 列表属性 314

16.4.8 滤镜属性 315

16.5 在Dreamweaver中使用CSS样式表 316

16.5.1 创建CSS样式表 316

16.5.2 套用CSS样式表 317

16.6 实例演练 318

16.6.1 实例1——利用CSS控制字体大小和行距 318

16.6.2 实例2——制作光晕文字效果 320

16.7 经典习题 322

16.7.1 选择题 322

16.7.2 填空题 323

16.7.3 操作题 323

第4部分 动态网站开发篇 326

第17章 动态网页设计基础 326

17.1 在网页中插入表单对象 326

17.1.1 插入表单域 326

17.1.2 插入文本域 328

17.1.3 插入复选框和单选按钮 330

17.1.4 插入列表和菜单 332

17.1.5 插入文件域、图像域和按钮 333

17.2 搭建服务器平台 336

17.2.1 IIS的安装 336

17.2.2 设置IIS服务器 337

17.3 设计数据库 339

17.4 建立数据库连接 339

17.4.1 定义系统DSN 340

17.4.2 建立系统DSN连接 341

17.5 编辑数据表记录 342

17.5.1 查询并显示记录 342

17.5.2 插入记录 343

17.5.3 更新记录 344

17.5.4 删除记录 345

17.6 添加服务器行为 346

17.6.1 插入重复区域 346

17.6.2 插入显示区域 346

17.6.3 插入记录集分页 347

17.6.4 转到详细页面 348

17.6.5 转到相关页面 349

17.6.6 用户身份验证 349

17.7 经典习题 352

17.7.1 选择题 352

17.7.2 填空题 352

17.7.3 操作题 352

第18章 设计动态网站常用模块 353

18.1 制作新闻发布系统 353

18.1.1 主要功能页面 353

18.1.2 设计数据库 354

18.1.3 创建数据库连接 356

18.1.4 制作新闻列表页面 357

18.1.5 制作新闻详细显示页面 364

18.1.6 制作新闻添加页面 366

18.2 制作会员登录系统 369

18.2.1 数据库设计 370

18.2.2 制作登录成功页面 371

18.2.3 制作登录失败页面 372

18.2.4 制作登录页面 374

18.3 制作在线调查系统 377

18.3.1 制作数据库表 378

18.3.2 制作调查信息页面 379

18.3.3 制作调查结果页面 386

18.4 经典习题 398

第5部分 网站发布与维护篇 400

第19章 网站的发布 400

19.1 站点的测试 400

19.1.1 检查断掉的链接 400

19.1.2 检查外部链接 401

19.1.3 检查孤立文件 401

19.2 利用Dreamweaver上传网页 401

19.3 经典习题 404

19.3.1 选择题 404

19.3.2 填空题 404

19.3.3 操作题 404

第20章 网站的日常维护与推广 405

20.1 网站维护 405

20.2 网页维护 406

20.3 网站的宣传与推广 407

20.3.1 注册到搜索引擎 407

20.3.2 导航网站登录 407

20.3.3 友情链接 408

20.3.4 网络广告 408

20.3.5 邮件广告 408

20.3.6 发布信息推广 408

20.3.7 传统媒体广告 409

20.4 经典习题 409

20.4.1 选择题 409

20.4.2 填空题 410

20.4.3 操作题 410

第6部分 网站建设综合案例篇第21章 网站建设基础 412

21.1 网站建设规范 412

21.1.1 组建开发团队规范 412

21.1.2 开发工具规范 412

21.1.3 超链接规范 413

21.1.4 文件夹和文件命名规范 413

21.1.5 代码设计规范 414

21.2 网站建设的基本流程 415

21.2.1 网站整体规划 415

21.2.2 确定目标浏览者 416

21.2.3 确定站点风格 416

21.2.4 收集资源 417

21.2.5 设计网页图像 418

21.2.6 制作网页 419

21.2.7 开发动态网站模块 419

21.2.8 申请域名和服务器空间 421

21.2.9 测试与发布上传 422

21.2.10 网站的推广 422

21.3 经典习题 423

21.3.1 选择题 423

21.3.2 填空题 423

21.3.3 操作题 423

第22章 创建企业展示型网站 424

22.1 企业网站设计特点解析 424

22.1.1 功能规划 424

22.1.2 创意分析 425

22.1.3 色彩搭配 426

22.2 利用Photoshop设计网站首页 426

22.2.1 首页的设计 426

22.2.2 切割首页 433

22.3 在Dreamweaver中进行页面排版制作 434

22.3.1 创建本地站点 434

22.3.2 创建二级模板页面 435

22.3.3 利用模板制作其他网页 444

22.4 经典习题 451

22.4.1 填空题 451

22.4.2 操作题 451

第23章 创建在线购物网站 452

23.1 购物网站设计概述 452

23.1.1 购物网站概念 452

23.1.2 购物网站主要功能 453

23.2 设计网站Logo 455

23.3 创建数据库与数据库连接 458

23.4 制作购物系统前台页面 460

23.4.1 制作商品分类展示页面 460

23.4.2 制作商品详细信息页面 466

23.5 制作后台管理系统 469

23.5.1 制作管理员登录页面 469

23.5.2 制作添加商品分类页面 473

23.5.3 制作添加商品页面 477

23.5.4 制作商品管理页面 480

23.5.5 制作修改页面 485

23.5.6 制作删除页面 488

23.6 经典习题 492

23.6.1 填空题 492

23.6.2 操作题 492