描述
开 本: 16开纸 张: 胶版纸包 装: 平装是否套装: 否国际标准书号ISBN: 9787302438595丛书名: 网站开发案例课堂
丛书以案例的形式讲解软件的内容，读者可以在实践中熟练掌握软件的使用方法。每一个案例都精挑细选，同时配有全程语音讲解的视频文件，方便读者学习。案例的选材广泛，涉及到软件应用的各个领域、各个行业，学习无死角。
“CG设计”系列全彩精印，同等价位下内容更多，同等内容下更实惠。
“网站开发”系列附赠超值，全面学习无障碍： CSS属性速查表 HTML标签速查表 网页布局案例赏析 精彩网站配色方案赏析 精选JavaScript实例 JavaScript函数速查手册 CSS DIV布局案例赏析 案例源文件与教学课件
本书第1篇“动态网站基础知识”主要讲解动态网站开发基础、认识Dreamweaver CS6、网页开发语言基础、构建动态网站后台数据库等；第2篇“案例开发实战”主要讲解开发信息资讯管理系统、开发网站会员系统、开发网站交互留言板系统、开发电子相册管理系统、开发网络投票系统、开发BBS论坛系统等；第3篇“网站营销推广”主要讲解网站搜索引擎优化(SEO)、网站推广与营销策略等。
在本书附赠的DVD光盘中提供了丰富的资源，包括本书案例素材和结果文件、教学幻灯片、本书精品教学视频、经典PHP代码大集合、八大经典PHP动态网站的完整源码、12个经典的PHP扩展插件、网页样式与布局案例赏析、Dreamweaver CS6快捷键和技巧、HTML标签速查表和精彩网站配色方案赏析等。
本书适合任何想以Dreamweaver PHP MySQL开发动态网站的人员学习。无论您是否从事过计算机相关行业的工作，无论您是否接触过Dreamweaver PHP MySQL，通过学习本书，均可快速掌握Dreamweaver PHP MySQL开发动态网站的方法和技巧。
目 录
第1篇 动态网站基础知识
第1章 动态网站开发基础 3
1.1 认识网页和网站 4
1.1.1 什么是网页 4
1.1.2 什么是网站 4
1.1.3 网站的种类和特点 5
1.2 网页的静态与动态 6
1.2.1 静态网页 7
1.2.2 动态网页 7
1.3 动态网站开发的整体流程
8
1.3.1 网站的前期规划 8
1.3.2 选择网页制作软件
11
1.3.3 制作网页 12
1.3.4 开发动态网站功能模块
12
1.3.5 网站的测试与发布
12
1.3.6 网站的推广 13
1.3.7 网站的优化 14
第2章 认识Dreamweaver CS6 15
2.1 安装与启动Dreamweaver
CS6 16
2.1.1 安装Dreamweaver
CS6 16
2.1.2 启动Dreamweaver
CS6 17
2.2 Dreamweaver CS6的工作界面 18
2.2.1 菜单栏 18
2.2.2 文档工具栏 19
2.2.3 文档窗口 19
2.2.4 属性面板 20
2.2.5 状态栏 20
2.2.6 设计器 20
2.2.7 “插入”面板 20
2.2.8 “文件”面板 21
2.3 Dreamweaver CS6的新增功能 21
2.3.1 可响应的自适应网格版面 21
2.3.2 改善的FTP性能 22
2.3.3 增强型jQuery移动支持 22
2.3.4 CSS 3转换 23
2.3.5 更新的实时视图 23
2.3.6 更新的多屏幕预览面板
24
2.4 使用Dreamweaver
CS6创建基本网页 25
2.4.1 定义Dreamweaver站点 25
2.4.2 使用欢迎页 26
2.4.3 新建页面 27
2.4.4 设置页面标题 28
2.4.5 设置页面属性 29
2.4.6 添加文本 31
2.4.7 插入图像 33
2.4.8 插入多媒体 34
2.4.9 设置网页链接 35
2.4.10 在网页中插入表格
37
2.4.11 使用表单对象 40
第3章 网页开发语言基础 45
3.1 熟悉HTML 46
3.1.1 我的个HTML页面 46
3.1.2 HTML元素的属性
47
3.1.3 body属性的设置
48
3.1.4 字体属性的应用 48
3.1.5 在网页中插入图像
55
3.1.6 表格的使用 56
3.1.7 表单的使用 64
3.1.8 超链接的使用 65
3.2 JavaScript语言
65
3.2.1 JavaScript概述 65
3.2.2 JavaScript的基本语法 66
3.2.3 JavaScript的数据结构 67
3.2.4 JavaScript的数据类型 70
3.2.5 JavaScript的运算符 71
3.2.6 JavaScript的表达式 75
3.3 PHP基本知识 75
3.3.1 PHP语言的优势
75
3.3.2 PHP中的数据类型
76
3.3.3 PHP中的常量与变量
78
3.3.4 PHP中的运算符
78
3.3.5 PHP中的控制语句
81
3.3.6 PHP中的函数 83
第4章 构建动态网站的运行环境 87
4.1 PHP服务器概述 88
4.2 安装PHP前的准备工作 88
4.2.1 软硬件环境 88
4.2.2 获取PHP安装资源包 89
4.3 PHP IIS服务器的环境搭建 91
4.3.1 IIS简介及其安装
91
4.3.2 PHP的安装 92
4.3.3 设置虚拟目录 95
4.4 PHP Apache服务器的环境搭建 96
4.4.1 Apache简介
96
4.4.2 关闭原有的网站服务器
96
4.4.3 安装Apache
97
4.4.4 将PHP与Apache建立关联 99
4.5 我的个PHP程序 100
4.6 MySQL数据库的安装和管理 101
4.6.1 MySQL数据库的安装 101
4.6.2 phpMyAdmin的安装 104
4.7 快速安装PHP集成环境：
WampServer 2.5 105
4.8 高手甜点 108
第5章 定义动态网站与使用MySQL
数据库 111
5.1 定义一个互动网站 112
5.1.1 定义互动网站的重要性
112
5.1.2 在Dreamweaver
CS6中定义
网站 112
5.2 MySQL数据库的使用
116
5.2.1 数据库的原理 116
5.2.2 数据库的建立 117
5.3 在网页中使用MySQL数据库 123
5.3.1 网页连接数据库的原理
123
5.3.2 建立MySQL数据库连接 124
5.3.3 绑定记录集 125
5.4 加密MySQL数据库 128
5.4.1 MySQL数据库的安全问题 128
5.4.2 为MySQL管理员账号加上
密码 129
5.5 数据库的备份与还原
130
5.6 高手甜点 132
第2篇 案例开发实战
第6章 开发信息资讯管理系统 137
6.1 系统的功能分析 138
6.1.1 规划网页结构和功能
138
6.1.2 页面设计规划 139
6.1.3 网页美工设计 139
6.2 数据库的设计与连接
140
6.2.1 数据库的设计 140
6.2.2 创建数据库连接
144
6.3 系统页面的设计 145
6.3.1 网站首页的设计
145
6.3.2 搜索主题功能的设计
157
6.3.3 信息分类页面的设计
160
6.3.4 信息内容页面的设计
166
6.3.5 系统页面的测试
168
6.4 后台管理页面的设计
169
6.4.1 后台管理入口页面的设计 169
6.4.2 后台管理主页面的设计
173
6.4.3 新增信息页面的设计
179
6.4.4 修改信息页面的设计
183
6.4.5 删除信息页面的设计
187
6.4.6 新增信息分类页面
191
6.4.7 修改信息分类页面
194
6.4.8 删除信息分类页面
196
第7章 开发网站用户管理系统 199
7.1 系统的功能分析 200
7.1.1 规划网页结构和功能
200
7.1.2 页面设计规划 201
7.1.3 网页美工设计 201
7.2 数据库的设计与连接
202
7.2.1 数据库的设计 202
7.2.2 创建数据库连接
205
7.3 用户登录模块的设计
207
7.3.1 设计登录页面 207
7.3.2 登录成功和登录失败页面的
制作 215
7.3.3 用户登录系统功能的测试 218
7.4 用户注册模块的设计
219
7.4.1 设计用户注册页面
219
7.4.2 注册成功和注册失败页面的
制作 224
7.4.3 用户注册功能的测试
225
7.5 用户注册资料修改模块的设计 226
7.5.1 设计修改资料页面
226
7.5.2 设计更新成功页面
228
7.5.3 修改资料功能的测试
229
7.6 密码查询模块的设计
230
7.6.1 设计密码查询页面
230
7.6.2 完善密码查询功能页面
234
7.6.3 密码查询模块的测试
236
第8章 开发网站交互留言板系统 239
8.1 系统的功能分析 240
8.1.1 规划网页结构和功能
240
8.1.2 页面设计规划 240
8.1.3 网页美工设计 241
8.2 数据库的设计与连接
241
8.2.1 数据库的设计 241
8.2.2 创建数据库连接
244
8.3 留言板管理系统页面的制作
246
8.3.1 留言板管理系统主页面的
制作 246
8.3.2 访问者留言页面的制作
252
8.4 留言板系统后台管理的制作
255
8.4.1 管理员登录页面的制作
255
8.4.2 留言板后台管理主页面的
制作 256
8.4.3 删除留言页面 262
8.5 留言板管理系统功能的测试
264
8.5.1 留言测试 264
8.5.2 后台管理测试 266
第9章 开发电子相册管理系统 269
9.1 系统的功能分析 270
9.1.1 规划网页结构和功能
270
9.1.2 页面设计规划 271
9.1.3 网页美工设计 271
9.2 数据库的设计与连接
272
9.2.1 数据库的设计 272
9.2.2 创建数据库连接
274
9.3 电子相册系统主界面的制作
276
9.3.1 电子相册系统主页面的制作 276
9.3.2 电子相册分类页面的制作 281
9.3.3 浏览照片的页面制作
288
9.3.4 电子相册详细显示页面的
制作 290
9.4 电子相册系统管理界面的制作 292
9.4.1 管理员登录页面的制作
292
9.4.2 电子相册系统管理主页面的
制作 293
9.4.3 电子相册添加页面的制作 298
9.4.4 电子相册修改页面的制作 302
9.4.5 电子相册删除页面的制作 308
9.5 电子相册系统功能的测试
310
9.5.1 管理相册测试 310
9.5.2 管理相册前台测试
312
第10章 开发网络投票系统 315
10.1 系统的功能分析 316
10.1.1 规划网页结构和功能
316
10.1.2 页面设计规划
316
10.1.3 网页美工设计
317
10.2 数据库的设计与连接
317
10.2.1 数据库的设计
318
10.2.2 创建数据库连接
321
10.3 网络投票系统主界面的制作 322
10.3.1 投票系统主页面的制作 323
10.3.2 投票页面的制作
329
10.3.3 计算票数页面的制作
333
10.3.4 投票结果显示页面的制作 336
10.4 网络投票系统管理界面的制作 341
10.4.1 管理员登录页面的制作 341
10.4.2 网络投票系统管理主页面的
制作 342
10.4.3 复制页面 349
10.4.4 修改浏览投票活动结果页面 349
10.4.5 修改删除投票活动确认页面 351
第11章 开发BBS论坛系统 355
11.1 系统的功能分析 356
11.1.1 规划网页结构和功能
356
11.1.2 页面设计规划
356
11.1.3 网页美工设计
357
11.2 数据库的设计与连接
357
11.2.1 数据库的设计
358
11.2.2 创建数据库连接
362
11.3 BBS论坛系统主界面的制作 363
11.3.1 BBS论坛系统主页面的制作 363
11.3.2 发表新主题页面的制作 370
11.3.3 讨论主题详细页面的制作 373
11.3.4 添加记录点击次数的效果 379
11.3.5 回复讨论主题页面的制作 380
11.3.6 搜索主题功能的制作
383
11.4 BBS论坛系统管理界面的制作 384
11.4.1 管理员登录页面的制作 384
11.4.2 BBS论坛系统管理主页面的
制作 386
11.4.3 修改讨论主题页面的制作 391
11.4.4 删除讨论主题页面的制作 393
11.5 BBS论坛系统功能的测试 396
11.5.1 发帖测试 396
11.5.2 论坛后台管理测试
399
第3篇 网站营销推广
第12章 网站搜索引擎优化(SEO) 405
12.1 初识搜索引擎优化(SEO)
406
12.1.1 搜索引擎的工作原理
406
12.1.2 搜索引擎优化(SEO)的含义 409
12.1.3 SEO是吸引潜在”眼球”的
方法 409
12.2 搜索引擎优化的目标
410
12.2.1 提升网站的访问量
410
12.2.2 提升用户体验
410
12.2.3 提高业务转化率
411
12.3 搜索引擎优化的分类
411
12.3.1 站内搜索引擎优化
411
12.3.2 站外搜索引擎优化
411
12.4 搜索引擎优化的误区
412
12.4.1 为了搜索引擎而优化
412
12.4.2 听信虚假广告
413
12.4.3 急于求成 413
12.4.4 采用黑帽手法
415
12.5 正确理解SEO 416
12.5.1 SEO不是作弊
416
12.5.2 SEO内容为王
416
12.5.3 SEO与SEM的关系 416
12.5.4 SEO与竞价推广的关系 416
第13章 网站推广与营销策略 417
13.1 网站推广的常用方法
418
13.1.1 什么是网站推广
418
13.1.2 网站营销推广的方法
418
13.1.3 搜索引擎优化的优势
421
13.2 如何进行搜索引擎营销
422
13.2.1 搜索引擎优化的常规方法 422
13.2.2 付费搜索引擎营销的4个关键
步骤 425
13.3 论坛营销 426
13.3.1 论坛营销的五大特点
426
13.3.2 论坛营销的五大优势
428
13.3.3 论坛营销的三大要点
430
13.3.4 论坛营销推广的三大步骤 431
13.4 微博营销 433
13.4.1 微博营销的六个特点
433
13.4.2 微博写作的七个法则
435
13.4.3 微博营销的五个典型操作
步骤 437
13.5 企业微博营销技巧
440
13.5.1 与粉丝做朋友
440
13.5.2 发广告要有技巧
441
13.5.3 企业做好微博的八大要点 442
13.5.4 个人微博”企业化” 444
13.5.5 精确瞄准目标用户
445
13.6 网络新闻营销 446
13.6.1 强悍的时效性
446
13.6.2 猛烈的传播力
446
13.6.3 轻松、自主 447
13.6.4 互动升级为共动
448
13.6.5 网络新闻写作技巧
448
前
言
”网站开发案例课堂”系列图书是专门为网站开发和数据库初学者量身定做的一套学习用书，由刘玉红策划、千谷网络科技实训中心的高级讲师编著。整套书涵盖网站开发、数据库设计等方面。本系列图书具有以下特点。
前沿科技
无论是网站建设、数据库设计还是HTML 5、CSS 3，我们都精选较为前沿或者用户群的领域推进，帮助读者认识和了解动态。
权威的作者团队
组织国家重点实验室和资深应用专家联手编著该套图书，融合丰富的教学经验与优秀的管理理念。
学习型案例设计
以技术的实际应用过程为主线，全程采用图解与同步多媒体结合的教学方式，生动、直观、全面地剖析使用过程中的各种应用技能，降低难度，提升学习效率。
为什么要写这样一本书
随着网络的发展，很多企事业单位和广大网民对于建立网站的需求越来越强烈。另外，对于大中专院校，很多学生需要做网站毕业设计，但是，这些读者又不懂网页代码程序，不知道从哪里下手。
为此，本书针对这样的零基础读者，带领读者学习Dreamweaver PHP MySQL开发动态网站的全面知识，对读者在动态网站开发中遇到的技术，本书基本上都有详细的讲解。
通过本书的实训，读者可以很快地上手设计网页和开发动态网站，提高职业能力，帮助公司解决实际问题。
本书特色
1. 零基础、入门级的讲解
无论您是否从事过计算机相关行业的工作，无论您是否接触过Dreamweaver和动态网站开发，都能从本书中找到起点。
2. 超多实用、专业的范例和项目
本书在编排上，严格遵循深入学习以Dreamweaver开发动态网站技术的先后过程，从Dreamweaver PHP MySQL的基本概念讲起，带领读者逐步学习各种应用技巧，侧重实战技能，使用简单易懂的实际案例进行分析并指导操作，让读者读起来简明、轻松，操作起来有章可循。
3. 随时检测自己的学习成果
在每章的首页中，均提供了学习目标，以指导读者重点学习及进行学后检查。
4. 细致入微、贴心提示
本书在讲解的过程中，各章均使用了”注意”、”提示”、”技巧”等小栏目，让读者在学习的过程中能够更加清楚地了解相关的操作，理解相关的概念，并能够轻松地掌握各种操作技巧。
5. 专业创作团队和技术支持
本书由千谷网络科技实训中心提供技术支持。
您在学习的过程中如果遇到任何问题，可加入QQ群221376441进行提问，专家及专业人员将会在线答疑。
“Dreamweaver PHP MySQL开发动态网站”学习途径
本书以学习”Dreamweaver PHP MySQL开发动态网站”的流程来安排各章节，从初的Dreamweaver基本操作开始讲解，然后讲解了动态开发语言基础、数据库后台构建方法、网站营销推广等。同时，在诸多大型案例开发中，展示了动态网站开发中的常用技术，以便更进一步地提高读者的实战技能。
超值光盘
1. 全程同步教学录像
教学录像涵盖本书所有知识点，详细讲解每个实例及项目的实现过程及技术关键点。能比看书更轻松地掌握书中所有的Dreamweaver
PHP MySQL开发动态网站的知识，而且扩展的讲解部分将会使读者得到比书中更多的知识。
2. 超多容量王牌资源大放送
赠送大量王牌资源，包括本书实例素材和结果文件、教学幻灯片、本书精品教学视频、经典PHP代码大集合、八大经典PHP动态网站的完整源码、12个经典的PHP扩展插件、网页样式与布局案例赏析、Dreamweaver CS6的快捷键和技巧、HTML标签速查表和精彩网站配色方案赏析等。
读者对象
本书适合下列人员阅读学习和参考使用：
* 没有任何Dreamweaver PHP MySQL基础的初学者。
* 有一定的Dreamweaver基础，想精通动态网站开发的人员。
* 有一定的动态网站开发基础，没有项目经验的人员。
* 正在进行毕业设计的学生。
* 大专院校及培训学校的教师和学生。
创作团队
本书由刘玉红策划、千谷网络科技实训中心高级讲师编著。参加编写的人员有蒲娟、周佳、付红、李园、刘玉萍、王攀登、郭广新、侯永岗、刘海松、孙若淞、王月娇、包慧利、陈伟光、胡同夫、梁云梁和周浩浩。
在编写的过程中，我们竭尽所能地将好的讲解呈现给读者，但是，也难免会有疏漏和不妥之处，敬请读者不吝指正。
编 者
第2章 认识Dreamweaver CS6
Dreamweaver CS6支持以代码、拆分、设计、实时视图等多种方式来创作、编写和修改网页；对于初级人员，可以无须编写任何代码，就能快速创建网站页面，其成熟的代码编辑工具更适合Web高级开发人员的创作。
学习目标(已掌握的在方框中打勾)
熟悉Dreamweaver
CS6的安装和启动方法
了解Dreamweaver
CS6的工作界面
了解Dreamweaver
CS6的新增功能
掌握Dreamweaver
CS6创建网页的方法
2.1 安装与启动Dreamweaver
CS6
在使用Dreamweaver CS6制作动态网站之前，需要对该软件的常用功能进行了解，Dreamweaver是一款专业的网页编辑软件，Dreamweaver CS6在软件的界面和性能上都有了很大的改进。
本节介绍Dreamweaver CS6的安装、启动与卸载的方法。
2.1.1 安装Dreamweaver
CS6
Dreamweaver CS6的安装界面非常人性化，Splash的线条更是具有强烈的时尚元素。与其他软件一样，安装Dreamweaver CS6的过程很简单，具体操作步骤如下。
将Dreamweaver CS6的安装光盘放入计算机的CD-ROM驱动器中，这时，系统会自动运行Dreamweaver CS6的安装程序。稍等片刻，Dreamweaver CS6的安装程序会自动弹出”欢迎”界面，单击”安装”按钮，如图2-1所示。
进入”Adobe软件许可协议”界面，设置显示语言为”简体中文”，单击”接受”按钮，如图2-2所示。
图2-1 “欢迎”界面
图2-2 “Adobe
软件许可协议”界面
进入”需要登录”界面，如图2-3所示，单击”登录”按钮，即可根据提示输入Adobe ID号和密码。
进入”选项”界面，用户可根据需要选择安装的组件和安装路径，这里采用默认的设置，单击”安装”按钮，如图2-4所示。
软件开始自动安装，并显示安装的进度，如图2-5所示。
安装完成后，单击”关闭”按钮，即可完成Adobe Dreamweaver CS6的安装，如图2-6所示。如果单击”立即启动”按钮，即可启动Dreamweaver CS6。
图2-3 “需要登录”界面
图2-4 “选项”界面
图2-5 显示安装的进度
图2-6 “安装完成”界面
2.1.2 启动Dreamweaver
CS6
完成Dreamweaver CS6的安装后，下面就可以启动Dreamweaver
CS6了，具体的操作步骤如下。
从桌面选择”开始”→”所有程序”→”Adobe
Dreamweaver CS6″选项，或双击桌面上的Dreamweaver CS6快捷图标，即可启动Dreamweaver CS6，并弹出”默认编辑器”对话框，在该对话框中，勾选需要Dreamweaver作为默认编辑器的文件类型，如图2-7所示。
单击”确定”按钮，进入Dreamweaver CS6的初始化界面。Dreamweaver CS6的初始化界面时尚、大方，给人焕然一新的感觉，如图2-8所示。
通过初始化界面，便可打开Dreamweaver CS6工作区的开始界面。默认情况下，Dreamweaver CS6的工作区布局是以”设计”视图布局的，如图2-9所示。
在开始界面中，单击”新建”栏下边的HTML选项，即可打开Dreamweaver CS6的工作界面，如图2-10所示。
图2-7 “默认编辑器”对话框
图2-8 Dreamweaver
CS6的初始化界面
图2-9 Dreamweaver
CS6的开始界面
图2-10
Dreamweaver CS6的工作界面
2.2 Dreamweaver CS6的工作界面
Dreamweaver CS6的工作界面主要由应用程序栏、菜单栏、”插入”面板、文档工具栏、文档窗口、状态栏、”属性”面板和面板组等组成。
2.2.1 菜单栏
Dreamweaver CS6的菜单栏包含文件、编辑、查看、插入、修改等10个主菜单项，单击每个菜单时，都会弹出下拉菜单，利用这些菜单，基本上就能够实现Dreamweaver
CS6的所有功能，如图2-11所示。
图2-11
Dreamweaver CS6的菜单栏
2.2.2 文档工具栏
文档工具栏包含3种文档窗口视图(代码、拆分和设计)按钮、各种查看选项和一些常用的操作，如在浏览器中预览等，如图2-12所示。
图2-12 文档工具栏
文档工具栏中常用按钮的功能如下。
(1) “显示代码视图”按钮：单击该按钮，仅在文档窗口中显示和修改HTML源代码。
(2) “显示代码视图和设计视图”按钮：单击该按钮，在文档窗口中将同时显示HTML源代码和页面的设计效果。
(3) “显示设计视图”按钮：单击该按钮，仅在文档窗口中显示网页的设计效果。
(4) “实时视图”按钮：显示不可编辑的、交互式的、基于浏览器的文档视图。
(5) “多屏幕”按钮：可以多屏幕浏览网页。
(6) “文档标题”文本框：用于设置或修改文档的标题。
(7) “文件管理”按钮：单击该按钮，通过弹出菜单，可以实现消除只读属性、获取、取出、上传、存回、撤销取出、设计备注以及在站点定位等功能。
(8) “在浏览器中预览/调试”按钮：可在定义好的浏览器中预览或调试网页。
(9) “刷新”按钮：刷新文档窗口的内容。
(10) “可视化助理”按钮：可以使用各种可视化助理来设计页面。
(11) “检查浏览器兼容”按钮：可以检查CSS是否对各种浏览器兼容。
(12) “W3C验证”按钮：可以检测网页是否符合W3C标准。
2.2.3 文档窗口
文档窗口显示当前创建和编辑的文档，如图2-13所示。在该窗口中，可以输入文字、插入图片、绘制表格等，也可以对整个页面进行处理。
图2-13 文档窗口
2.2.4 属性面板
属性面板是网页中非常重要的面板，用于显示在文档窗口中所选元素的属性，并可以对被选中元素的属性做修改，该面板随着选择元素的不同而显示不同的属性，如图2-14所示。
图2-14 “属性”面板
2.2.5 状态栏
状态栏位于文档窗口的底部，包括3个功能区：标签选择器(显示和控制文档当前插入点位置的HTML源代码标记)、窗口大小弹出菜单(显示页面大小，允许将文档窗口的大小调整到预定义或自定义的尺寸)和下载指示器(估计下载时间，查看传输时间)，如图2-15所示。
图2-15 状态栏
2.2.6 设计器
单击”设计器”下拉箭头，可以打开一些常用的调板。在下拉菜单中选择命令，即可更改页面的布局，如图2-16所示。
图2-16 工作区切换器
2.2.7 “插入”面板
在”插入”面板中，包含将各种网页元素(如图像、表格和AP元素等)插入到文档时的快捷按钮，每个对象都是一段HTML代码。插入不同的对象时，可以设置不同的属性，单击相应的按钮，可插入相应的元素。要显示”插入”面板，选择”窗口”→”插入”菜单命令即可。该面板如图2-17所示。
图2-17 “插入”面板
2.2.8 “文件”面板
”文件”面板用于管理文件和文件夹，无论它们是Dreamweaver站点的一部分还是位于远程服务器上。在”文件”面板上还可以访问本地磁盘上的全部文件，如图2-18所示。
图2-18 “文件”面板
2.3 Dreamweaver CS6的新增功能
Dreamweaver CS6版本使用了自适应网格版面创建页面，在发布前，使用多屏幕预览审阅设计，可大大提高工作效率。改善的FTP性能可以更高效地传输大型文件。”实时视图”和”多屏幕预览”面板可呈现HTML 5代码，更能够检查自己的工作。
2.3.1 可响应的自适应网格版面
使用响应迅速的CSS 3自适应网格版面，来创建跨平台和跨浏览器的兼容网页设计。利用简洁、业界标准的代码，为各种不同设备和计算机开发项目，提高工作效率。直观地创建复杂网页设计和页面版面，无须忙于编写代码。”流体网格布局”选项界面如图2-19所示。
图2-19 “流体网格布局”选项界面
2.3.2 改善的FTP性能
利用重新改良的多线程FTP传输工具，可以节省上传文件的时间，从而更快速高效地上传网站文件，缩短制作时间，如图2-20所示。
图2-20 “服务器”选项界面
2.3.3 增强型jQuery移动支持
使用更新的jQuery移动框架支持为iOS和Android平台建立本地应用程序。可以建立触及移动受众的应用程序，同时，简化了用户的移动开发工作流程，如图2-21所示。
图2-21
“jQuery Mobile色板”窗格
2.3.4 CSS 3转换
将CSS属性变化制成动画转换效果，使网页设计栩栩如生，在用户处理网页元素和创建优美效果时，保持对网页设计的精准控制。通过”CSS过渡效果”窗格，可以添加动画转换效果，如图2-22所示。
图2-22 “CSS过渡效果”窗格
2.3.5 更新的实时视图
使用更新的”实时视图”功能，在发布前测试页面，”实时视图”现已使用版的Web Kit转换引擎，能够提供绝佳的HTML 5支持，如图2-23所示。
图2-23 “实时视图”功能
2.3.6 更新的多屏幕预览面板
可以利用更新的”多屏幕预览”面板检查为智能手机、平板电脑和台式机所建立的项目的显示画面，如图2-24所示。该增强型面板现在能够让用户检查HTML 5的内容呈现。
图2-24 多屏幕预览效果
2.4 使用Dreamweaver
CS6创建基本网页
使用Dreamweaver CS6，可以创建和编辑网站的网页，该软件为创建Web文档提供了灵活的环境。
2.4.1 定义Dreamweaver站点
Dreamweaver站点是管理网站中所有相关联文档的一种工具，通过站点，可以实现将文件上传到网络服务器、自动跟踪和维护、管理文件以及共享文件等功能。Dreamweaver中的站点包括本地站点、远程站点和测试站点三类。
* 本地站点：用来存放整个网站框架的本地文件夹，是用户的工作目录，一般制作网页时，只要建立本地站点即可。
* 远程站点：存储于Internet服务器上的站点和相关文档。通常情况下，为了不连接Internet而对所建的站点进行测试，可以在本地计算机上创建远程站点，来模拟真实的Web服务器进行测试。
* 测试站点：Dreamweaver处理动态页面的文件夹，使用此文件夹生成动态内容，并在工作时连接到数据库，用于对动态页面进行测试。
1．使用向导创建本地站点
在Dreamweaver CS6中使用向导创建本地站点的具体步骤如下。
打开Dreamweaver CS6，选择”站点”→”新建站点”菜单命令，弹出”站点设置对象”对话框，从中输入站点的名称，并设置本地站点文件夹的路径和名称，然后单击”保存”按钮，如图2-25所示。
本地站点创建完成，在”文件”面板的”本地文件”窗格中，会显示该站点的根目录，如图2-26所示。
图2-25 “站点设置对象”对话框
图2-26 “本地文件”窗格
2. 使用”管理站点”功能创建站点
在”文件”面板中，提供了”管理站点”功能，利用该功能，可以创建站点，具体的操作步骤如下。
单击”文件”面板右侧的下三角按钮，在弹出的下拉列表中选择”管理站点”选项，如图2-27所示。
将弹出”管理站点”对话框，在此对话框中单击”新建站点”按钮，如图2-28所示。
图2-27 “文件”面板
图2-28 “管理站点”对话框
弹出”站点设置对象”对话框，在此对话框中，即可根据前面介绍的方法创建本地站点，如图2-29所示。
图2-29 “站点设置对象”对话框
2.4.2 使用欢迎页
打开软件之后，出现在我们面前的是一个欢迎界面，在欢迎界面中，可以快捷地选择所要操作的对象，如图2-30所示。
图2-30 欢迎界面
可以看到，在这个欢迎界面中，可以方便地打开近的项目和新建各种页面文件，或者执行打开站点等功能。
2.4.3 新建页面
制作网页应该从创建空白文档开始。创建空白文档的具体步骤如下。
选择”文件”→”新建”菜单命令，如图2-31所示。
图2-31 选择”新建”菜单命令
弹出”新建文档”对话框。在”新建文档”对话框的左侧选择”空白页”选项，在”页面类型”列表框中选择HTML选项，在”布局”列表框中选择”无”选项，如图2-32所示。
图2-32 “新建文档”对话框
单击”创建”按钮，即可创建一个空白文档，如图2-33所示。
图2-33 创建一个空白文档
评论
还没有评论。