Dreamweaver CS4网页设计案例教程

第1章 初识Dreamweaver CS

1.1 操作界面

1.1.1 【操作目的】

1.1.2 【操作步骤】

1.1.3 【相关工具】

1．开始页面

2．不同风格的界面

3．伸缩自如的功能面板

4．多文档的编辑界面

5．插入面板

6．更完整的CSS功能

1.2 创建网站框架

1.2.1 【操作目的】

1.2.2 【操作步骤】

1.2.3 【相关工具】

1.3 管理站点

1.3.1 【操作目的】

1.3.2 【操作步骤】

1.3.3 【相关工具】

1．站点管理器

2．创建文件夹

3．定义新站点

1.4 网页文件头设置

1.4.1 【操作目的】

1.4.2 【操作步骤】

1.4.3 【相关工具】

1．插入搜索关键字

2．插入作者和版权信息

3．设置刷新时间

4．设置描述信息

5．设置页面中所有链接的基准链接

6．设置当前文件与其他文件的关联性

第2章 文本与文档

2.1 精装别墅网页

2.1.1 【案例分析】

2.1.2 【设计理念】

2.1.3 【操作步骤】

1．设置页面属性

2．输入空格和文字

2.1.4 【相关工具】

1．输入文本

2．设置文本属性

3．输入连续的空格

4．设置是否显示不可见元素

5．设置页边距

6．设置网页的标题

7．设置网页的默认格式

2.1.5 【实战演练】美容精油网页

2.2 西点美食网页

2.2.1 【案例分析】

2.2.2 【设计理念】

2.2.3 【操作步骤】

1．添加字体

2．改变文字外观

2.2.4 【相关工具】

1．改变文本的大小

2．改变文本的颜色

3．改变文本的字体

4．改变文本的对齐方式

5．设置文本样式

6．段落文本

7．插入换行符

8．设置项目符号或编号

9．修改项目符号或编号

10．设置文本缩进格式

11．插入日期

12．特殊字符

2.2.5 【实战演练】顶级数码产品网

2.3 办公用品网页

2.3.1 【案例分析】

2.3.2 【设计理念】

2.3.3 【操作步骤】

2.3.4 【相关工具】

1．水平线

2．显示和隐藏网格

3．标尺

2.3.5 【实战演练】美食回味网页

2.4 综合演练——婚礼策划网页

2.5 综合演练——美味比萨网页

第3章 图像和多媒体

3.1 家具特卖网页

3.1.1 【案例分析】

3.1.2 【设计理念】

3.1.3 【操作步骤】

3.1.4 【相关工具】

1．网页中的图像格式

2．插入图像

3．设置图像属性

4．插入图像占位符

5．跟踪图像

3.1.5 【实战演练】冬季滑雪网页

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.3.4 【相关工具】

1．插入Flash动画

2．插入FLV

3．插入Shockwave影片

4．影片插入Applet程序

5．插入ActiveX控件

3.3.5 【实战演练】营养美食网页

3.4 综合演练——数码冲印网页

3.5 综合演练——野生动物网页

第4章 超链接

4.1 咖啡销售网页

4.1.1 【案例分析】

4.1.2 【设计理念】

4.1.3 【操作步骤】

1．制作特殊的文字超级链接

2．制作下载文件链接

4.1.4 【相关工具】

1．超链接的概念与路径知识

2．创建文本链接

3．文本链接的状态

4．下载文件链接

5．电子邮件链接

4.1.5 【实战演练】车行天下网页

4.2 时尚彩妆网页

4.2.1 【案例分析】

4.2.2 【设计理念】

4.2.3 【操作步骤】

1．制作鼠标经过

2．创建热点链接

4.2.4 【相关工具】

1．图像超链接

2．鼠标经过图像链接

3．命名锚记链接

4．创建热区链接

4.2.5 【实战演练】网购鲜花网页

4.3 综合演练——艺术画廊网页

4.4 综合演练——首饰珠宝网页

第5章 使用表格

5.1 时尚购物网页

5.1.1 【案例分析】

5.1.2 【设计理念】

5.1.3 【操作步骤】

5.1.4 【相关工具】

1．表格的组成

2．插入表格

3．表格各元素的属性

4．在表格中插入内容

5．选择表格元素

6．缩放表格

7．复制、粘贴表格

8．删除表格和表格内容

9．合并和拆分单元格

10．增加和删除表格的行和列

5.1.5 【实战演练】房产信息网页

5.2 电子科技网页

5.2.1 【案例分析】

5.2.2 【设计理念】

5.2.3 【操作步骤】

1．导入表格式数据

2．排序表格

5.2.4 【相关工具】

1．导入和导出表格的数据

2．排序表格

3．复杂表格的排版

5.2.5 【实战演练】设计家园网页

5.3 综合演练——百货折扣网页

5.4 综合演练——手机频道网页

第6章 使用框架

6.1 快餐订购网页

6.1.1 【案例分析】

6.1.2 【设计理念】

6.1.3 【操作步骤】

1．新建框架并修改框架

2．插入表格和图像

6.1.4 【相关工具】

1．建立框架集

2．为框架添加内容

3．保存框架

4．框架的选择

5．修改框架的大小

6．拆分框架

7．删除框架

6.1.5 【实战演练】吉他网页

6.2 礼品商店网页

6.2.1 【案例分析】

6.2.2 【设计理念】

6.2.3 【操作步骤】

1．设置保存文档

2．添加框架元素

6.2.4 【相关工具】

1．框架属性

2．框架集的属性

3．框架中的链接

6.2.5 【实战演练】摩托车俱乐部网页

6.3 综合演练——时尚素材网页

6.4 综合演练——香茶公司网页

第7章 使用层

7.1 沐浴产品网页

7.1.1 【案例分析】

7.1.2 【设计理念】

7.1.3 【操作步骤】

7.1.4 【相关工具】

1．创建层

2．选择层

3．设置层的默认属性

4．AP元素面板

5．更改层的堆叠顺序

6．更改层的可见性

7．调整层的大小

8．嵌套层

9．移动层

10．对齐层

11．层靠齐到网格

7.1.5 【实战演练】无限音乐网页

7.2 化妆公司网页

7.2.1 【案例分析】

7.2.2 【设计理念】

7.2.3 【操作步骤】

7.2.4 【相关工具】

1．将AP Div转换为表格

2．将表格转换为AP Div

7.2.5 【实战演练】卡玫摄影网页

7.3 综合演练——家庭汽车网页

7.4 综合演练——美礼包装网页

第8章 CSS样式

8.1 旅游出行网页

8.1.1 【案例分析】

8.1.2 【设计理念】

8.1.3 【操作步骤】

8.1.4 【相关工具】

1．CSS样式的概念

2．“CSS样式”控制面板

3．CSS样式的类型

4．创建重定义HTML标签样式

5．创建CSS选择器

6．创建和应用自定义样式

7．创建和引用外部样式

8．编辑样式

8.1.5 【实战演练】抒情散文网页

8.2 电子商务网页

8.2.1 【案例分析】

8.2.2 【设计理念】

8.2.3 【操作步骤】

1．插入表格并输入文字

2．设置CSS属性

8.2.4 【相关工具】

1．类型

2．背景

3．区块

4．方框

5．边框

6．列表

7．定位

8．扩展

8.2.5 【实战演练】彩妆美舍网页

8.3 地球在线网页

8.3.1 【案例分析】

8.3.2 【设计理念】

8.3.3 【操作步骤】

1．插入图片

2．制作图片黑白效果

8.3.4 【相关工具】

1．可应用过滤的HTML标签

2．CSS的静态过滤器

3．CSS的动态过滤器

8.3.5 【实战演练】时尚数码技术网页

8.4 综合演练——绿色食品网页

8.5 综合演练——户外摄影网页

第9章 模板和库

9.1 食用菌类网页

9.1.1 【案例分析】

9.1.2 【设计理念】

9.1.3 【操作步骤】

1．创建模板

2．创建可编辑区域

9.1.4 【相关工具】

1．“资源”控制面板

2．创建模板

3．定义和取消可编辑区域

4．创建基于模板的网页

5．管理模板

9.1.5 【实战演练】室内设计网页

9.2 鲜果批发网页

9.2.1 【案例分析】

9.2.2 【设计理念】

9.2.3 【操作步骤】

1．把经常用的图标注册到库中

2．利用库中注册的项目制作网页文档

9.2.4 【相关工具】

1．创建库文件

2．向页面添加库项目

3．更新库文件

9.2.5 【实战演练】珍美礼品网页

9.3 综合演练——美女购物网页

9.4 综合演练——精品沙发网页

第10章 表单与行为

10.1 留言板网页

10.1.1 【案例分析】

10.1.2 【设计理念】

10.1.3 【操作步骤】

1．插入表单和表格并设置表格的属性

2．插入文本域

10.1.4 【相关工具】

1．创建表单

2．表单的属性

3．单行文本域

4．隐藏域

5．单选按钮

6．单选按钮组

7．复选框

8．创建列表和菜单

9．创建跳转菜单

10．创建文件域

11．创建图像域

12．提交、无、重置按钮

10.1.5 【实战演练】会员注册表网页

10.2 数码世界网页

10.2.1 【案例分析】

10.2.2 【设计理念】

10.2.3 【操作步骤】

1．在网页中显示指定大小的弹出窗口

2．添加导航条和菜单栏

10.2.4 【相关工具】

1．“行为”控制面板

2．应用行为

3．调用JavaScript

4．打开浏览器窗口

5．转到URL

6．检查插件

7．检查表单

8．交换图像

9．设置容器的文本

10．设置状态栏文本

11．设置文本域文字

12．设置框架文本

10.2.5 【实战演练】旅游资讯网页

10.3 综合演练——公告栏界面网页

10.4 综合演练——超酷音乐网页

第11章 网页代码

11.1 商业公司网页

11.1.1 【案例分析】

11.1.2 【设计理念】

11.1.3 【操作步骤】

11.1.4 【相关工具】

1．使用“参考”面板

2．代码提示功能

3．使用标签库插入标签

4．使用标签选择器插入标签

5．使用标签检查器编辑代码

6．使用标签编辑器编辑代码

11.1.5 【实战演练】旅游度假网页

11.2 电子商情网页

11.2.1 【案例分析】

11.2.2 【设计理念】

11.2.3 【操作步骤】

1．制作浏览器窗口永远都不出现滚动条

2．制作禁止使用单击右键

11.2.4 【相关工具】

1．常用的HTML标签

2．脚本语言

3．响应HTML事件

11.2.5 【实战演练】国画艺术网页

11.3 综合演练——精品房产网页

11.4 综合演练——篝火订餐网页

……

《中等职业教育数字艺术类规划教材：边做边学Dreamweaver CS4网页设计案例教程》全面系统地介绍Dreamweaver CS4的基本操作方法和网页设计制作技巧，包括初识Dreamweaver CS4、文本与文档、图像和多媒体、超链接、使用表格、使用框架、使用层、CSS样式、模板和库、表单与行为和网页代码。
　　《中等职业教育数字艺术类规划教材：边做边学Dreamweaver CS4网页设计案例教程》内容以课堂案例为主线，通过各案例的实际操作，学生可以快速上手，熟悉软件功能和艺术设计思路。书中的软件功能解析部分使学生能够更深入地学习软件功能。课堂实战演练和课后综合演练，可以拓展学生的实际应用能力，提高学生的软件使用技巧。《中等职业教育数字艺术类规划教材：边做边学Dreamweaver CS4网页设计案例教程》配套光盘中包含了书中所有案例的素材及效果文件，以利于教师授课和学生练习。
　　本书可作为职业学校艺术类专业课程的教材，也可作为Dreamweaver CS4自学者的参考用书。