网页设计与制作Dreamweaver CS6标准教程

第1章 网页设计基础

1.1 互联网基础

1.1.1 Internet与Web服务

1.1.2 URL路径

1.1.3 服务器与客户机

1.1.4 互联网数据中心

1.2 网页设计知识

1.2.1 色彩

1.2.2 网页设计元素

1.2.3 页面布局

1.3 网页标准化技术

1.3.1 结构化语言

1.3.2 CSS样式

1.3.3 脚本语言

1.3.4 ASP技术

1.4 网页设计软件

1.4.1 Dreamweaver

1.4.2 Flash

1.4.3 Photoshop

1.5 网站制作流程

1.5.1 前期准备工作

1.5.2 方案实施

1.5.3 后期工作

1.6 HTML语言

1.6.1 文件结构标签

1.6.2 表格标签

1.6.3 块标签

1.6.4 文本段落标签

1.6.5 图形标签

1.6.6 链接标签

1.6.7 框架标签

1.6.8 表单标签

1.6.9 块标签

第2章 Dreamweaver CS6基础

2.1 Dreamweaver CS5工作界面

2.1.1 开始页面

2.1.2 工作环境

2.1.3 工作区布局

2.1.4 多文档的编辑界面

2.2 创建网站站点

2.2.1 创建新站点

2.2.2 新建和保存网页

2.2.3 管理站点文件和文件夹

2.2.4 课堂案例-慈善救助中心

2.3 管理站点

2.3.1 打开站点

2.3.2 编辑站点

2.4.3 复制站点

2.3.4 删除站点

2.4 网页文档头部信息设置

2.4.1 插入搜索关键字

2.4.2 设置描述信息

2.4.3 插入版权信息

2.4.4 设置刷新时间

第3章 页面与文本

3.1 页面属性

3.1.1 课堂案例-香格里湾峰会

3.1.2 网页的标题

3.1.3 文本分段与换行

3.1.4 输入空格

3.1.5 页面文字属性

3.1.6 显示不可见元素

3.1.7 设置页边距

3.1.8 背景属性

3.1.9 跟踪图像置

3.2 文本属性

3.2.1 课堂案例-百货公司

3.2.2 设置文本属性

3.2.3 文本段落

3.2.4 插入日期

3.2.5 插入特殊字符

3.3 项目符号和编号列表

3.3.1 课堂案例-咨询网站

3.3.2 设置项目符号或编号列表

3.3.3 修改项目符号或编号

3.4 练习案例

3.4.1 练习案例-大学生国际电影节

3.4.2 练习案例-移动银行网站

3.4.3 练习案例-化妆品网站

第4章 图像和多媒体

4.1 图像插入

4.1.1 课堂案例-茶叶网站

4.1.2 插入图像

4.1.3 图像源文件

4.1.4 替换文本

4.1.5 图像占位符

4.2 调整图像

4.2.1 课堂案例-墙体装饰

4.2.2 图像效果

4.3 网页中的多媒体

4.3.1 课堂案例-度假村

4.3.2 插入Flash动画

4.3.3 插入Flv影片

4.3.4 插入插件-瑜伽会所

4.3.5 插入Applet程序

4.4 练习案例

4.4.1 练习案例-五金机械

4.4.2 练习案例-心缘咖啡屋

第5章 超链接

5.1 超链接的概念与路径知识

5.1.1 按超链接端点分类

5.1.2 按超链接路径分类

5.2 文本超链接

5.2.1 课堂案例-婚礼公司

5.2.2 创建文本链接

5.2.3 页面文本链接的状态

5.2.4 下载文件链接

5.2.5 电子邮件链接

5.2.6 空链接

5.3 图像超链接

5.3.1 课堂案例-手机商城

5.3.2 创建图像超链接

5.3.3 鼠标经过图像链接

5.4 热点链接

5.4.1 课堂案例-儿童课堂

5.4.2 创建热点链接

5.5 锚点超链接

5.5.1 课堂案例-数码商城

5.5.2 创建锚点链接

5.6 链接管理

5.6.1 课堂案例-百适易得商城

5.6.2 自动更新链接

5.6.3 链接检查

5.6.4 修复链接

5.7 练习案例

5.7.1 练习案例-室内设计网

5.7.2 练习案例-多美味餐厅

5.7.3 练习案例-生物科普网

第6章 表格

6.1 表格的简单操作

6.1.1 表格的组成

6.1.2 插入表格

6.1.3 表格属性

6.1.4 表格单元格属性

6.1.5 在表格中插入内容

6.1.6 选择表格元素

6.1.7 合并和拆分单元格

6.2 简单表格的排版

6.2.1 课堂案例-融通室内装饰

6.2.2 复制和粘贴表格

6.2.3 删除表格和清除表格内容

6.2.4 增加和减少表格的行和列

6.3 复杂表格的排版

6.3.1 课堂案例-江雨桥的博客

6.3.2 表格的嵌套

6.3.3 单元格与表格背景

6.3.4 细线表格

6.4 表格数据功能

6.4.1 课堂案例-远景苑小区

6.4.2 导入Word或Excel数据

6.4.3 排序

6.5 练习案例

6.5.1 练习案例-爱丽丝家具

6.5.2 练习案例-逸购鲜花速递网

第7章 CSS样式

7.1 CSS样式

7.1.1 CSS样式标准

7.1.2 CSS样式构造规则

7.1.3 CSS样式种类

7.1.4 CSS样式应用范围

7.2 CSS样式控制面板

7.2.1 CSS样式选择器

7.2.2 课堂案例-美好摄影

7.2.3 CSS样式的使用

7.2.4 编辑样式

7.3 CSS的属性

7.3.1 课堂案例-走进台湾

7.3.2 类型

7.3.3 背景

7.3.4 区块

7.3.5 方框和边框

7.3.6 列表

7.3.7 定位

7.3.8 扩展

7.3.9 过渡

7.4 过滤器

7.4.1 课堂案例-养生美容

7.4.2 CSS静态过滤器

7.4.3 CSS动态过滤器

7.5 练习案例

7.5.1 练习案例-航空旅游

7.5.2 练习案例-狗狗俱乐部

7.5.3 练习案例-鲜花店

第8章 CSS+Div布局

8.1 盒子模型

8.1.1 盒子结构

8.1.2 盒子属性

8.2 布局方法

8.2.1 < div >标签

8.2.2 position定位属性

8.2.3 浮动方式

8.3 “上中下”布局

8.3.1 课堂案例-网页设计大赛

8.3.2 在Dreamweaver中插入< div >标签

8.4 “左中右”布局

8.4.1 课堂案例-连锁餐厅

8.4.2 使用CSS样式布局

8.5 练习案例

8.5.1 练习案例-电子产品

8.5.2 练习案例-装修公司

第9章 框架

9.1 框架与框架集

9.1.1 概述

9.1.2 课堂案例-婴幼儿健康网

9.1.3 创建框架

9.1.4 保存框架

9.1.5 框架选择

9.1.6 修改框架

9.1.7 拆分框架

9.1.8 删除框架

9.2 框架应用

9.2.1 课堂案例-名胜度假村

9.2.2 框架属性

9.2.3 为框架添加内容

9.2.4 框架中的链接

9.2.5 框架居中

9.3 练习案例

9.3.1 练习案例-美丽境界

9.3.2 练习案例-美容与化妆

第10章 AP Div和Spry

10.1 AP Div的基本操作

10.1.1 课堂案例-少儿培训

10.1.2 创建AP Div

10.1.3 选择AP Div

10.1.4 AP Div的大小和位置

10.1.5 AP Div的背景颜色和图像

10.1.6 AP Div的可见性

10.1.7 AP Div溢出

10.2 使用AP Div的基本操作 10.2.1 课堂案例-Window Phone

10.2.2 靠齐到网格

10.2.3 AP Div叠放

10.2.4 对齐AP Div

10.2.5 AP Div与表格的相互转换

10.2.6 AP Div嵌套

10.3 Spry菜单

10.3.1 课堂案例-西式餐厅

10.3.2 Spry菜单栏

10.4 其他Spry

10.4.1 Spry选项卡面板

10.4.2 Spry折叠式面板

10.5 练习案例

10.5.1 练习案例-产品设计

10.5.2 练习案例-摄影作品集

10.5.3 练习案例-高尔夫俱乐部

第11章 行为

11.1 行为

11.1.1 事件

11.1.2 动作

11.1.3 行为控制面板

11.2 制作图像特效

11.2.1 课堂案例-吉太美食

11.2.2 交换图像

11.2.3 显示-隐藏元素

11.3 拖动AP元素

11.3.1 课堂案例-卡通人物

11.3.2 拖动AP元素

11.4 启用浏览器窗口

11.4.1 课堂案例-儿童摄影

11.4.2 打开浏览器窗口

11.4.3 转到URL调用

11.5 效果

11.5.1 课堂案例-绿野网站建设

11.5.2 增大／收缩

11.5.3 显示／渐隐

11.5.4 晃动

11.4.5 挤压

11.5.6 滑动

11.6 JavaScript代码

11.7 练习案例

11.7.1 练习案例-甜品饮料吧

11.7.2 练习案例-美达人寿

11.7.3 练习案例-我们爱猫网

第12章 模板和库

12.1 模板

12.1.1 课堂案例-花仙子园艺

12.1.2 创建模板

12.1.3 定义可编辑区域

12.1.4 定义可编辑重复区域

12.1.5 创建基于模板的网页

12.1.6 管理模板

12.2 库

12.2.1 课堂案例-时尚女性网

12.2.2 创建库项目

12.2.3 向页面添加库项目

12.2.4 更新库文件

12.3 练习案例

12.3.1 练习案例-旗袍文化

12.3.2 练习案例-恒生国际老年公寓

……

第13章 表单

第14章 动态网页技术

第15章 综合实训

参考文献

《网页设计与制作·Dreamweaver CS6标准教程（第2版）/21世纪高等院校数字艺术类规划教材》全面系统地讲解了网页设计与制作的相关知识，全书共有15章，系统地讲述了网页设计基础、Dreamweaver CS6基础、页面与文本、图像和多媒体、超链接、表格、CSS样式、CSS+Div布局、框架、AP Div和Spry、行为、模板和库、表单、动态网页技术和综合实训等内容。

1.《网页设计与制作·Dreamweaver CS6标准教程（第2版）/21世纪高等院校数字艺术类规划教材》突出“完善知识体系，引导艺术创意，面向实际应用，促进艺工融合”的特点，让学生熟悉完整的软件设计平台，在实际应用场景中进行艺术创意，并完成网站的工程设计。
　　2.《网页设计与制作·Dreamweaver CS6标准教程（第2版）/21世纪高等院校数字艺术类规划教材》面向网页技术的发展，全面引入CSS技术，归纳出“上中下”和“左中右”两种CSS+Div布局技术，提供一个CSS+Div布局的商业网站设计和制作过程，实战性强。
　　3.《网页设计与制作·Dreamweaver CS6标准教程（第2版）/21世纪高等院校数字艺术类规划教材》中引入“布局图”概念，提供了表格布局、CSS+Div布局、框架布局和AP Div布局等多种方式，同时在模板和页面背景的设置与实现中，也融入了布局概念和方法，帮助初学者真正掌握网页设计技术。
　　4.《网页设计与制作·Dreamweaver CS6标准教程（第2版）/21世纪高等院校数字艺术类规划教材》以创意效果好、应用背景全的案例为载体，为学生构建知识体系，提炼操作和创意技巧，使初学者学会网站制作的同时，学会网页艺术创意的方法和技巧；教材以网站客户端技术为主体，兼顾服务器端技术，使学生全面理解网站设计与制作技术。
　　5.利用《网页设计与制作·Dreamweaver CS6标准教程（第2版）/21世纪高等院校数字艺术类规划教材》的多媒体资源和精品课网站资源，向广大教师和学生提供丰富的教学资源和全天候的教学和自主学习环境。