Dreamweaver网页设计全程揭秘

第1章　Dreamweaver CS6入门

1.1　认识网页

1.1.1　网页与网站

1.1.2　网页的类型

1.1.3　静态网页与动态网页

1.1.4　网页的基本构成元素

1.2　初识Dreamweaver CS6

1.2.1　安装Dreamweaver CS6的系统要求

实战01+视频：安装Dreamweaver CS6

1.2.2　Dreamweaver CS6概述

实战02+视频：启动Dreamweaver CS6

1.3　Dreamweaver CS6新增功能

1.3.1　全新的"管理站点"对话框

1.3.2　Business Catalyst站点

1.3.3　Business Catalyst面板

1.3.4　流体网格的CSS布局

1.3.5　为单个元素应用多个CSS样式

1.3.6　CSS过渡效果

1.3.7　Web字体

1.3.8　优化图像功能

1.3.9　支持jQuery 1.6.4和jQuery Mobile 1.0

1.3.10　新增jQuery Mobile色板

1.3.11　集成PhoneGap Build

1.4　认识Dreamweaver CS6

1.4.1　Dreamweaver CS6工作界面

1.4.2　菜单栏

实战03+视频：新建和保存网页

1.4.3　文档工具栏

实战04+视频：打开和预览网页

1.4.4　状态栏

1.4.5　"插入"面板

1.4.6　"属性"面板

1.4.7　其他浮动面板

1.5　本章小结

第2章　创建站点

2.1　使用Dreamweaver CS6创建站点

2.1.1　创建本地静态站点

实战05+视频：创建本地静态站点

2.1.2　远程服务器选项

实战06+视频：创建站点并设置远程服务器

2.1.3　版本控制

2.1.4　本地信息

2.1.5　遮盖

2.1.6　设计备注

2.1.7　文件视图列

2.1.8　Contribute

2.1.9　模板

2.1.10　Spry

2.1.11　Web字体

2.2　Business Catalyst站点

2.2.1　什么是Business Catalyst

2.2.2　Business Catalyst面板

实战07+视频：创建Business Catalyst站点

2.3　站点的操作与管理

2.3.1　站点对话框

实战08+视频：站点的导入与导出

2.3.2　站点的切换

实战09+视频：在站点中创建文件夹和文件

2.3.3　使用"文件"面板对站点进行管理

实战10+视频：站点中文件夹和文件的操作

2.4　本章小结

第3章　Dreamweaver CS6中的源代码与网页基础设置

3.1　HTML语言

3.1.1　HTML概述

3.1.2　HTML的基本结构

实战11+视频：编写第一个HTML页面

3.1.3　HTML中的普通标签与空标签

3.2　使用Dreamweaver CS6编辑源代码

3.2.1　Dreamweaver CS6代码视图

3.2.2　快速编写标签

3.2.3　代码优化

3.2.4　在源代码中添加注释

3.3　了解HTML 5

3.3.1　HTML 5的优势

实战12+视频：使用HTML 5实现在网页中绘图

3.3.2　HTML 5标签

实战13+视频：HTML 5为网页添加背景音乐

3.3.3　HTML 5与HTML 4的不同

实战14+视频：HTML 5在网页中播放视频

3.4　网页头信息设置

3.4.1　设置META信息

实战15+视频：设置网页作者信息

3.4.2　添加网页关键字

实战16+视频：为网页设置关键字

3.4.3　添加网页说明

实战17+视频：为网页设置说明

3.4.4　添加网页刷新

实战18+视频：实现网页的自动刷新

3.5　网页整体属性设置

3.5.1 "外观（CSS）"与"外观（HTML）"选项

实战19+视频：制作网站欢迎页面

3.5.2　"链接（CSS）"选项

实战20+视频：美化网页中的超链接

3.5.3　"标题（CSS）"选项

实战21+视频：设置网页中的标题文字

3.5.4　"标题/编码"选项

实战22+视频：设置网页标题

3.5.5　"跟踪图像"选项

实战23+视频：设置网页辅助图像

3.6　本章小结

第4章　制作图文基础网页

4.1　在网页中输入文本

4.1.1　输入文本

实战24+视频：制作文本页面

4.1.2　设置文本属性

实战25+视频：为网页中的文本分行或分段

4.2　在网页中实现特殊文本效果

4.2.1　项目列表

实战26+视频：制作新闻栏目

4.2.2　编号列表

实战27+视频：制作音乐排行

4.2.3　特殊字符

实战28+视频：插入特殊字符

4.2.4　水平线

实战29+视频：插入水平线

4.2.5　时间和注释

实战30+视频：插入时间和注释

4.2.6　滚动文本

实战31+视频：制作网站滚动公告

4.3　在网页中插入图像

4.3.1　了解网页中常用图像格式

实战32+视频：制作图像页面

4.3.2　设置图像属性

实战33+视频：编辑网页图像

4.4　在网页中插入其他图像元素

4.4.1　图像占位符

实战34+视频：插入图像占位符

4.4.2　鼠标经过图像

实战35+视频：制作网站导航栏

4.5　本章小结

第5章　制作多媒体网页

5.1　在网页中插入动画

5.1.1　在网页中插入Flash动画

实战36+视频：制作Flash欢迎页面

5.1.2　设置SWF动画属性

实战37+视频：插入Shockwave动画

5.2　在网页中插入声音与视频

5.2.1　网页支持的音频格式

实战38+视频：为网页添加背景音乐

5.2.2　使用插件实现嵌入的音频

实战39+视频：在网页中嵌入音频

5.2.3　网页支持的视频格式

实战40+视频：实现网页中视频播放

5.2.4　"插入FLV"对话框

实战41+视频：在网页中插入FLV视频

5.3　在网页中实现其他多媒体效果

5.3.1　插入Applet小程序

实战42+视频：实现网页特效

5.3.2　插入ActiveX控件

5.4　本章小结

第6章　使用CSS样式控制页面元素

6.1　应用CSS样式

6.1.1　CSS样式的优势

实战43+视频：内联CSS样式

6.1.2　CSS样式的不足

实战44+视频：内部CSS样式

6.1.3　CSS样式的基本语法

实战45+视频：链接与导入CSS样式

6.2　CSS样式的类型

6.2.1　标签CSS样式

实战46+视频：创建标签CSS样式

6.2.2　类CSS样式

实战47+视频：创建类CSS样式

6.2.3　ID CSS样式

实战48+视频：创建ID CSS样式

6.2.4　复合CSS样式

实战49+视频：创建复合CSS样式

6.3　使用"CSS规则定义"对话框

6.3.1　文本样式选项

实战50+视频：设置网页文本样式

6.3.2　背景样式选项

实战51+视频：设置网页背景样式

6.3.3　区块样式选项

实战52+视频：设置网页区块样式

6.3.4　方框样式选项

实战53+视频：设置网页方框样式

6.3.5　边框样式选项

实战54+视频：设置网页边框样式

6.3.6　列表样式选项

实战55+视频：设置网页列表样式

6.3.7　定位样式选项

实战56+视频：设置网页定位样式

6.3.8　扩展样式选项

实战57+视频：设置网页扩展样式

6.3.9　过渡样式选项

6.4　CSS样式的特殊应用

6.4.1　CSS类选区

实战58+视频：应用CSS类选区

6.4.2　Web字体

实战59+视频：在网页中实现特殊字体

6.5　CSS 3 实用属性

6.5.1　border-radius属性

实战60+视频：在网页中实现圆角边框

6.5.2　box-shadow属性

实战61+视频：为网页元素添加阴影效果

6.5.3　Opacity属性

实战62+视频：实现网页元素半透明效果

6.5.4　column属性

实战63+视频：在网页中实现文本分栏显示

6.6　本章小结

第7章　制作表单网页

7.1　常用表单元素

7.1.1　认识表单元素

7.1.2　表单域

实战64+视频：插入表单域

7.1.3　文本字段

实战65+视频：插入文本字段

7.1.4　图像域

实战66+视频：插入图像域

7.1.5　选择（列表/菜单）

实战67+视频：制作搜索栏

7.1.6　单选按钮与单选按钮组

实战68+视频：制作网站投票

7.1.7　复选框与复选框组

实战69+视频：制作网站调查

7.2　其他表单元素

7.2.1　跳转菜单

实战70+视频：制作友情链接栏目

7.2.2　文件域

实战71+视频：制作上传照片

7.2.3　隐藏域与按钮

实战72+视频：制作用户注册页面

7.3　Spry 验证表单

7.3.1　Spry 验证文本域

7.3.2　Spry 验证密码域

实战73+视频：使用Spry验证用户登录

7.3.3　其他Spry验证选项

7.4　本章小结

第8章　制作框架页面

8.1　框架页面的制作

8.1.1　创建框架和框架集

实战74+视频：使用预设创建框架集

8.1.2　保存框架和框架集

实战75+视频：保存框架集和框架页面

8.1.3　设置框架属性

实战76+视频：制作框架页面

8.2　IFrame框架

8.2.1　在网页中插入IFrame框架

实战77+视频：创建IFrame框架页面

8.2.2　设置IFrame框架链接

实战78+视频：完成IFrame框架页面制作

8.3　本章小结

第9章 创建网页链接

9.1　创建网页中的基础链接

9.1.1　相对路径

实战79+视频：创建内部链接

9.1.2　绝对路径与根路径

实战80+视频：创建URL绝对地址链接

9.1.3　超级链接对话框

实战81+视频：创建图像链接

9.2　网页中特殊链接的创建

9.2.1　空链接与下载链接

实战82+视频：为网站的内容创建空链接和下载链接

9.2.2　脚本链接

实战83+视频：创建脚本链接

9.2.3　锚记链接

实战84+视频：创建锚记链接

9.2.4　E-mail 链接

实战85+视频：创建E-mail 链接

9.2.5　热点链接

实战86+视频：创建热点链接

9.3　本章小结

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

10.1　创建模板

10.1.1　3种创建模板页面的方法

实战87+视频：创建模板页面

10.1.2 "另存模板"对话框

10.1.3　可编辑区域

实战88+视频：在模板页面中创建可编辑区域

10.1.4　可选区域

实战89+视频：在模板页面中创建可选区域

10.1.5　可编辑可选区域

实战90+视频：在模板页面中创建可编辑可选区域

10.1.6　 重复区域

10.2　应用模板

10.2.1　新建基于模板页面

实战91+视频：创建基于模板的页面

10.2.2　更新模板

10.3　创建与应用库项目

10.3.1　创建库项目

实战92+视频：将网站导航菜单创建为库项目

10.3.2　应用库项目

实战93+视频：应用网站版底库项目

10.3.3　编辑库项目

实战94+视频：自动更新网站导航

10.4　本章小结

第11章　表格与Spry特效的应用

11.1　表格的基本操作

11.1.1　"表格"对话框

实战95+视频：插入表格

11.1.2　表格属性

实战96+视频：选择表格

11.1.3　单元格属性

实战97+视频：选择单元格

11.2　网页中表格应用技巧

11.2.1　排序表格

实战98+视频：对网页中的表格数据排序

11.2.2　导入表格数据

实战99+视频：将外部数据导入到网页中

11.3　创建网页常见Spry特效

11.3.1　Spry菜单栏

实战100+视频：制作网站导航菜单

11.3.2　Spry选项卡式面板

实战101+视频：制作网站新闻模块

11.3.3　Spry折叠式面板

实战102+视频：制作可自由伸缩的新闻公告

11.3.4　Spry可折叠

实战103+视频：制作可折叠栏目

11.3.5　Spry工具提示

实战104+视频：制作商品展示页面

11.4　本章小结

第12章　AP Div与行为在网页中的应用

12.1　AP Div的基础操作

12.1.1　"AP元素"面板

实战105+视频：使用AP Div排版

12.1.2　设置AP Div属性

实战106+视频：使用AP Div溢出制作多行文本框

12.2　使用行为实现网页特效

12.2.1　交换图像

实战107+视频：制作翻转图像

12.2.2　弹出信息

实战108+视频：为网页添加弹出信息

12.2.3　打开浏览器窗口

实战109+视频：为网页添加弹出广告

12.2.4　拖动AP元素

实战110+视频：实现网页中可拖动元素

12.2.5　 改变属性

实战111+视频：在网页中实现鼠标交互

12.2.6　添加效果

实战112+视频：添加网页过渡效果

12.2.7　 显示/隐藏元素

实战113+视频：控制网页元素的显示

12.2.8　 检查插件

实战114+视频：判断浏览器插件

12.2.9　 检查表单

实战115+视频：使用行为实现表单验证

12.2.10　 设置文本

实战116+视频：添加浏览器状态栏文本

12.2.11　 调用JavaScript

实战117+视频：实现JavaScript特效

12.2.12　转到URL

实战118+视频：网页跳转

12.3　本章小结

第13章　测试与上传网站

13.1　测试网站页面

13.1.1　浏览器兼容性

实战119+视频：检查网页在不同浏览器中的兼容性

13.1.2　链接检查

实战120+视频：检查网页中的链接

13.1.3　W3C验证

实战121+视频：验证网页是否符合W3C规范

13.2　上传网站页面

13.2.1　申请域名和空间

实战122+视频：使用Dreamweaver上传网站文件

13.2.2　网站维护

实战123+视频：使用其他工具上传网站文件

13.3　本章小结

第14章　制作儿童类网站页面

14.1　设计分析

14.1 设计分析

14.2　色彩分析

14.3　制作步骤

14.4　本章小结

第15章　制作游戏类网站页面

15.1　设计分析

15.2　色彩分析

15.3　制作步骤

15.4　本章小结

Dreamweaver是Adobe公司推出的网页制作软件，该软件容易上手并且可以快速生成跨平台和跨浏览器页面，深受广大网页设计者的欢迎。全书采用了理论与实践相结合的方式，将基础知识与实例相结合，贯穿整本书，从而达到更加有效的学习效果。全书共分15章，从初学者的角度入手，全面讲解了Dreamweaver CS6中所涉及的知识点，从浅到深，由点到面地对Dreamweaver CS6的使用方法和网页的制作技巧进行全面阐述，其中包括Dreamweaver CS6入门、创建站点、源代码与网页的基础设置、制作图文基础网页等内容。本书附赠1张DVD光盘，其中提供了丰富的练习素材、源文件和最终文件，并为书中所有实例都录制了多媒体教学视频，方便读者学习和参考。本书内容清晰明了、文字通俗易懂，主要面向初、中级读者，包括想进入网页设计领域的读者以及与网页设计相关专业的学生阅读，同时也可作为广大网页设计爱好者的参考书籍以及网页设计制作的理想培训教材。

《网页设计殿堂之路》丛书是由来自一线的专业网页设计人员集多年的技术与经验倾力打造的一套体系最完整、技术最前沿、设计最精美的网页设计系列丛书。
·最完整的体系：针对网页设计师的职业需求量身定做，市面上知识体系最完整的一套网页设计丛书。
·最前沿的技术：紧跟网页技术发展的新潮流，市面上技术新的一套网页设计丛书。
·最精美的设计：来自实践的精美案例和专业的装帧设计，市面上最精美的一套网页设计丛书。
作为励志成为网页设计精英的你，需要掌握哪些知识呢？下表给出了你明确的答案。

该套丛书具有以下独一的特点：
·内容全面，紧贴实际：帮助你解决网页设计中遇到的所有问题，帮助你搞定每一个网页设计项目。
·关注细节，量身打造：技术细节、设计细节，这些在工作中看似细微，但是往往决定成败的关键点，全部为你一一道来。
·海量资源，现场教学：提供了大量的来自于一线项目的案例资源，并通过视频讲解为你一一呈现。