第一篇 网站前期规划篇

第1章 网站企划概念

1-1网站概念

1-2网页界面的组成元素

1-3网站制作流程

1-3-1规划时期

1-3-2设计时期

1-3-3上传时期

1-3-4 维护及更新时期

课后习题与练习

第2章 网站建设要领

2-1页面内容布局

2-2网页配色概念

2-3网页安全色

2-4常用网页图像格式

2-4-1 JPG

2-4-2 GIF

2-4-3 PNG

课后习题与练习

第二篇网页设计基础篇

第3章 站点的建立与基本操作

3-1认识Dreamweaver

3-1-1启动Dreamweaver

3-1-2认识Dreamweaver的工作环境

3-2 Dreamweaver的面板操作

3-2-1显示与隐藏面板

3-2-2展开与折叠面板

3-2-3调整面板大小

3-2-4 使用面板菜单

3-2-5新建工作区

3-2-6切换“插入”面板的类型

3-3以Dreamweaver建立站点

3-3-1开始建立站点

3-3-2站点的管理

3-3-3多个站点之间的切换

3-3-4 站点的导入方式

3-3-5建立Business Catalyst站点

3-4 Dreamweaver的基本操作

3-4-1新建网页文档

3-4-2新建站点文件夹

3-4-3新建网页或文件夹的注意事项

3-4-4网页文档的编辑与打开

3-4-5切换页面的编辑模式

3-4-6设置页面的编码方式

3-4-7设置页面字体大小

3-4-8设置页面背景

3-4-9设置页面标题文字

3-4-10新建流体网格布局

3-4-11建立jQuery Mobile起始页面

3-4-12使用jQuery Mobile色板

3-5以站点架构图建立网页文档

3-6设置预览画面的浏览器

3-7相对路径与绝对路径

3-7-1图片与路径的关系

3-7-2超链接与路径的关系

3-8 Creative Cloud账户管理（新增功能）

3-8-1管理同步化设置

3-8-2同步设置

3-8-3管理Creative Cloud账户

课后习题与练习

第4章 设置文字以强化重点：“最新消息”页面设计

4-1文字输入技巧

4-1-1输入文字内容

4-1-2输入连续空格

4-1-3加入日期时间

4-1-4加入特殊字符

4-1-5粘贴纯文本文档

4-1-6粘贴Word文档内容

4-1-7清除Word的HTML

4-2文字效果设置

4-2-1由右键快捷菜单做设置

4-2-2由“属性”面板设置文字格式

4-2-3由“页面属性”设置文字格式

4-3网页字体的管理（新增功能）

4-3-1 Adobe Edge Web Fonts

4-3-2自定义字体堆栈

4-4项目符号及编号

4-4-1设置项目效果

4-4-2改变符号及编号

4-4-3多层次的项目效果

4-5加入水平线

4-6文字的查找及替换

4-7范例实战：“最新消息”页面设计

4-7-1设置网页背景色

4-7-2复制与粘贴文字内容

4-7-3使用水平线进行分隔

4-7-4加入页面更新日期

4-7-5修改文字格式

4-7-6加入项目符号

课后习题与练习

第5章 加入表格以编排页面：“成绩查询”页面设计

5-1表格的组成

5-2表格创建方式

5-2-1创建基本表格

5-2-2导入Excel文档

5-2-3导入表格式数据

5-3表格的编辑操作

5-3-1表格选取技巧

5-3-2重设表格的行列数

5-3-3调整表格宽度

5-3-4 调整边距／间距／边框

5-3-5行列的插入／删除

5-3-6调整行宽／行高

5-3-7单元格的拆分／合并

5-3-8清除表格的宽度／高度

5-3-9单元格的其他设置

5-3-10排序表格数据

5-4表格的CSS样式

5-4-1以CSS新增表格的边框样式

5-4-2编辑表格样式

5-4-3编辑单元格的CSS样式

5-5扩展表格版面

5-6范例实战：“成绩查询”页面设计

5-6-1加入表格数据

5-6-2使用表格排序来创建名次

5-6-3美化表格

课后习题与练习

第6章 图片编排以美化网页：“网络艺廊”页面设计

6-1添加网页图片

6-2图片编辑调整

6-2-1调整图片大小

6-2-2加入图片边框

6-2-3加入方块阴影（新增功能）

6-2-4设置图片对齐

6-2-5设置图片超链接

6-2-6改变图片图像

6-2-7图片编辑功能

6-3背景图像使用技巧

6-3-1设置背景图像

6-3-2背景图像拼贴方式

6-3-3固定不动的背景图像

6-4鼠标经过图像

6-5范例实战：“网络艺廊”页面设计

6-5-1在表格中插入图片

6-5-2加入图像超链接

课后习题与练习

第7章 设置超链接以畅行无阻：“好站相连”页面设计

7-1各种链接方式

7-1-1网站内部链接

7-1-2网站外部链接

7-1-3电子邮件链接

7-1-4文件下载链接

7-1-5图像地图

7-2超链接的其他设置

7-2-1取消链接下划线

7-2-2超链接的文字格式

7-2-3快速创建超链接

7-2-4删除超链接

7-3范例实战：“好站相连”页面设计

7-3-1页面加入表格

7-3-2创建超链接内容

课后习题与练习

第8章 网站上传与管理

8-1申请网站空间

8-1-1付费网站空间

8-1-2申请免费网站空间

8-2网站资料上传

8-3上传文件的操作

8-4检查网站的使用状况

8-4-1检查整个网站的链接

8-4-2更改网站链接

8-4-3网站报告

8-4-4 FTP记录

8-5 PhoneGap服务

课后习题与练习

第三篇 运用美感决胜：多媒体建设篇

第9章 DIV设置以灵活页面：规划网页区块与按钮区

9-1以DIV标签规划区块

9-1-1插入DIV标签

9-1-2以CSS设置DIV标签大小／背景色

9-1-3同时设置DIV标签与CSS规则

9-1-4 编辑DIV标签的CSS样式

9-1-5为DIV区块加入圆角／渐变色／阴影

9-1-6标签中插入网页元素

9-2跟踪图像

9-3范例实战：规划网页区块与按钮区

9-3-1创建区块的CSS文件

9-3-2附加现有的CSS文件

9-3-3加入左侧链接按钮

9-3-4 加入页眉画面

9-3-5加入页脚文字

9-3-6在区块置中设置背景图像

9-3-7页面整合设置

课后习题与练习

第10章 插入多媒体对象：“Flash首页”页面设计

10-1插入Flash SWF

10-1-1加入Flash SWF

10-1-2设置影片属性

10-1-3设置透明背景的影片

10-2插入Flash Video

10-3插入HTML 5 Video

10-4插入HTML 5 Audio

10-5范例实战：首页动画设置

课后习题与练习

第11章 CSS样式效果：CSS样式规划

11-1 CSS的概念

11-2在页面中定义CSS样式

11-2-1新建CSS样式

11-2-2应用样式效果

11-2-3认识“CSS设计器”面板

11-2-4 修改与增添样式内容

11-2-5启用／停用CSS属性

11-3外部样式表链接

11-3-1外部样式的概念

11-3-2创建外部样式表

11-3-3存储外部样式表文件

11-3-4链接外部样式表

11-4设计时间样式表

11-4-1设计时间时隐藏的样式

11-4-2只在设计时显示的样式

11-5 CSS样式使用技巧

11-5-1设置水平分隔线样式

11-5-2设置文字超链接效果

11-5-3居中对齐的背景图片

11-5-4 项目符号的样式

11-6 CSS过渡效果

11-6-1新建CSS过渡效果

11-6-2编辑选取的过渡效果

11-6-3移除规则／类型或过渡效果

11-7范例实战：CSS样式规划

11-7-1设置“标题文字”的CSS样式

11-7-2设置“水平线”的CSS样式

课后习题与练习

第四篇 交互、优化及轻松管理网站篇

第12章 资源库与模板：“讲师介绍”页面设计

12-1使用资源面板

12-1-1“资源”面板介绍

12-1-2资源面板操作管理

12-2活用库功能

12-2-1库内容的创建

12-2-2使用库内容

12-2-3库内容的更新

12-2-4创建空白库项目

12-3使用模板功能

12-3-1模板的概念

12-3-2创建模板文件

12-3-3应用模板效果

12-3-4创建可编辑区域

12-3-5删除应用到页面的模板

12-3-6管理模板文件

12-4范例实战：“讲师介绍”页面设计

12-4-1加入页面标题与图像图片

12-4-2设计模板文件

12-4-3新建可编辑区域

12-4-4设置各讲师页面

12-4-5创建网页超链接

课后习题与练习

第13章 增加交互性表单技巧：“讨论园地”页面设计

13-1表单的创建

13-2各种表单组件的使用

13-2-1文本／密码／文本区域

13-2-2电子邮件／电话

13-2-3单选类型组件

13-2-4日期时间类型组件

13-2-5按钮组件

13-2-6表单的提交设置

13-2-7其他类型组件

13-3范例实战：“讨论园地”页面设计

13-3-1设计表单界面

13-3-2加入表单组件

课后习题与练习

第14章 使用行为命令

14-1行为命令简介

14-2弹出式信息窗口

14-2-1添加与启动行为命令

14-2-2修改行为命令内容

14-2-3行为事件解说

14-3 设置状态栏文字

14-3-1鼠标滑过时

14-3-2鼠标滑出时

14-3-3行为事件补充

14-4打开浏览器窗口

14-4-1设置行为命令

14-4-2相关设置介绍

14-5前往URL

14-6交换图像效果

14-7自动信息窗口

14-7-1网页加载时的自动信息窗口

14-7-2网页离开时的自动信息窗口

课后习题与练习