Dreamweaver CS5网页设计与制作宝典

目录

第1篇 网页设计与制作基础篇

第1章 解读网页设计

1.1 网页设计概述

1.1.1 网页与网站

1.1.2 网页基本元素

1.1.3 网页的类型

1.2 网页设计的构成要素

1.2.1 文字的编排与设计

1.2.2 图形图像设计

1.2.3 版式设计与编排

1.2.4 色彩的搭配

1.2.5 多媒体元素的选择

1.3 网站建设的一般流程

1.3.1 网站策划

1.3.2 网页设计

1.3.3 网页制作

1.3.4 网站测试与发布

1.3.5 网站宣传与维护

1.4 网页常用专业术语

第2章 网页色彩搭配

2.1 网页设计与色彩

2.2 色彩理论

2.2.1 色彩与视觉原理

2.2.2 色彩三要素

2.2.3 色相环

2.2.4 三原色

2.3 网页色彩技术

2.3.1 216网页安全色

2.3.2 HTML语言中的颜色值表示

2.4 色彩的冷暖

2.5 色彩对比

2.5.1 色相对比

2.5.2 明度对比

2.5.3 纯度对比

2.5.4 冷暖对比

2.5.5 面积对比

2.6 色彩调和

2.6.1 同种色的调和

2.6.2 类似色的调和

2.6.3 对比色的调和

2.6.4 渐变色的调和

2.7 网页色彩搭配

2.7.1 色彩的功能角色

2.7.2 基于色相的配色

2.7.3 基于色调的配色

2.7.4 标准色配色

2.7.5 渐变配色

第3章 Dreamweaver网页制作快速入门

3.1 初识DreamweaverCS

3.2 熟悉中文版DreamweaverCS5的操作界面

3.2.1 开始页

3.2.2 DreamweaverCS5的操作界面

3.2.3 主菜单、快捷菜单与面板菜单

3.2.4 文档工具栏

3.2.5 中文版DreamweaverCS5面板

3.3 网页文档的基本操作

3.3.1 新建网页

3.3.2 保存网页

3.3.3 设置页面属性

3.3.4 打开网页

3.3.5 预览网页

3.4 关于站点

3.4.1 本地站点和远程站点

3.4.2 站点规划原则

3.5 创建站点

3.5.1 创建本地站点

3.5.2 创建远程站点

3.6 管理本地与远程站点

3.6.1 管理本地站点中的文件

3.6.2 管理本地站点

3.6.3 管理远程站点

第4章 XHTML和CSS基础

4.1 XHTML语言基础

4.1.1 什么是XHTML

4.1.2 XHTML文档的基本结构

4.1.3 标签的书写格式

4.1.4 标签的属性

4.1.5 XHTML语法规范

4.2 XHTML语言的核心标签

4.2.1 文本与段落

4.2.2 图像

4.2.3 超链接

4.2.4 列表元素

4.2.5 Div标签

4.3 CSS概述

4.3.1 CSS的概念

4.3.2 CSS的基本语法

4.3.3 认识【CSS样式】面板

4.4 使用CSS控制页面元素

4.4.1 行内样式表

4.4.2 内部样式表

4.4.3 外部样式表

4.4.4 导入样式表

4.5 选择器类型

4.5.1 标签选择器

4.5.2 类选择器

4.5.3 ID选择器

4.6 设置CSS属性

4.6.1 设置CSS样式类型

4.6.2 设置CSS样式背景

4.6.3 设置CSS样式区块

4.6.4 设置CSS样式的方框

4.6.5 设置CSS样式的边框

4.6.6 设置CSS样式列表

4.6.7 设置CSS样式的定位

4.6.8 设置CSS样式扩展

4.7 管理CSS样式表

4.7.1 查看CSS样式

4.7.2 编辑CSS样式

4.7.3 禁用或启用CSS属性

4.7.4 删除与复制CSS样式

第2篇 网页元素设计篇

第5章 网页中文字的编排与设计

5.1 关于文字编排与设计

5.2 文字在网页中的表现形式

5.2.1 特效文字

5.2.2 内容文字

5.3 用CSS设计文字样式

5.3.1 字体

5.3.2 字号

5.3.3 颜色

5.3.4 字体粗细

5.3.5 斜体

5.3.6 下划线、上划线和删除线

5.3.7 英文字母大小写

5.4 用CSS设计文本的段落样式

5.4.1 行高

5.4.2 水平对齐方式

5.4.3 首行缩进

5.4.4 字间距

5.4.5 首字下沉

5.5 使用CSS滤镜设计特效文字

5.5.1 滤镜概述

5.5.2 阴影

5.5.3 模糊

5.5.4 光晕

5.5.5 遮罩

5.5.6 波浪

5.5.7 射线

5.6 实例应用--网页文字的排版

第6章 网页中图形图像的设计

6.1 网页图形图像概述

6.1.1 图形图像在网页中的应用

6.1.2 网页中图形图像的使用原则

6.1.3 网页中常用图像格式

6.2 在网页中添加图像

6.3 用CSS设置网页图像样式

6.3.1 设置图像的边框

6.3.2 图片缩放

6.3.3 图文混排

6.4 用CSS设置网页的背景

6.4.1 背景颜色

6.4.2 背景图像

6.4.3 设置背景图像的属性

6.5 实例应用

6.5.1 图文混排效果

6.5.2 设计网页背景图像

第7章 网页导航设计

7.1 网页导航概述

7.1.1 网页导航分类

7.1.2 导航位置

7.1.3 导航方向

7.2 关于超链接

7.2.1 什么是超链接

7.2.2 链接路径

7.3 创建超链接

7.3.1 创建文本链接

7.3.2 创建图像地图链接

7.3.3 创建锚记链接

7.3.4 创建电子邮件链接

7.3.5 创建空链接和脚本链接

7.4 用CSS设计网站导航

7.4.1 链接样式的控制

7.4.2 设计横向导航

7.4.3 设计竖排导航

7.5 实例应用--宝庆动漫网导航设计

第8章 网页多媒体与特效设计

8.1 插入多媒体对象

8.1.1 插入SWF动画

8.1.2 插入FLV视频

8.1.3 添加声音

8.2 使用行为创建网页特效

8.2.1 【行为】面板

8.2.2 动作和事件

8.2.3 添加行为

8.3 Dreamweaver中的常用行为介绍

8.3.1 交换图像

8.3.2 弹出信息

8.3.3 打开浏览器窗口

8.3.4 Spry效果

8.3.5 显示-隐藏元素

8.3.6 检查插件

8.3.7 设置状态栏文本

8.3.8 调用JavaScript

8.3.9 转到URL

8.3.10 预先载入图像

8.4 行为实例应用

8.4.1 制作闪烁图像特效

8.4.2 制作有弹出窗口的网页

8.5 关于JavaScript

8.5.1 什么是JavaScript语言

8.5.2 JavaScript语言的写入方式

8.6 实例应用

8.6.1 广告图片切换效果

8.6.2 跟随滚动条滚动的对联广告

第3篇 网页版式设计与布局篇

第9章 网页版式设计

9.1 版式设计概述

9.1.1 网页版面大小

9.1.2 第一屏

9.2 版式设计的形式原理

9.2.1 比例

9.2.2 重复与渐变

9.2.3 对称与均衡

9.2.4 节奏与旋律

9.2.5 对比与统一

9.2.6 虚实与留白

9.3 版式设计的视觉因素

9.3.1 符合人的视觉习惯

9.3.2 避免视觉疲劳

9.3.3 注重主从关系

9.4 网页版式构成的基础结构

9.4.1 栏式结构

9.4.2 区域结构

9.4.3 非规律框架

第10章 表格布局网页

10.1 使用表格

10.1.1 创建表格

10.1.2 选择表格

10.2 设置表格与单元格的属性

10.2.1 设置表格属性

10.2.2 设置单元格属性

10.3 编辑表格

10.3.1 调整表格和单元格的大小

10.3.2 设置表格对齐方式

10.3.3 插入行或列

10.3.4 删除行或列

10.3.5 拆分和合并单元格

10.3.6 表格的嵌套

10.4 实例应用--制作Models俱乐部网站

10.4.1 使用表格布局页面

10.4.2 使用CSS美化页面

第11章 深入理解CSS+DIV布局

11.1 CSS+DIV布局概述

11.1.1 什么是CSS+DIV布局

11.1.2 CSS的优势

11.1.3 传统的table布局与CSS布局的区别

11.2 关于div和span

11.2.1 认识div

11.2.2 div的并列与嵌套结构

11.2.3 div与span的区别

11.3 盒子模型

11.3.1 盒子模型的概念

11.3.2 border

11.3.3 padding

11.3.4 margin

11.4 元素的定位方式

11.4.1 float定位

11.4.2 position定位

11.4.3 z-index空间位置

第12章 CSS+DIV布局网页

12.1 CSS布局技法

12.1.1 将页面用div分块

12.1.2 设计各个块的位置

12.1.3 用CSS定位

12.2 常用布局类型

12.2.1 一列固定宽度

12.2.2 一列自适应

12.2.3 一列固定宽度居中

12.2.4 两列固定宽度

12.2.5 两列宽度自适应

12.2.6 两列右列宽度自适应

12.2.7 两列固定宽度居中

12.2.8 三列浮动中间列宽度自适应

12.2.9 高度自适应

12.3 使用CSS预设布局创建页面

12.4 实例应用--制作蝴蝶摄影工作室网站

12.4.1 搭建HTML框架

12.4.2 制作网页头部

12.4.3 制作网页的主要内容和页尾

12.4.4 制作“蝴蝶作品”页面

第4篇 经典案例篇

第13章 艺萃商业网站的设计与制作

13.1 商业网站的策划

13.1.1 明确创建网站的目的和用户需求

13.1.2 分析材料

13.1.3 出具网站策划书

13.2 艺萃商业网站的设计

13.2.1 设计定位

13.2.2 确定网站结构布局

13.3 艺萃商业网站的制作

13.3.1 创建本地站点与远程站点

13.3.2 定义页面通用样式

13.4 制作首页

13.4.1 新建文档并链接样式表文件

13.4.2 使用div搭建页面框架

13.4.3 用CSS定位并添加内容

13.4.4 插入关键字和网页说明

13.5 栏目页面的制作

13.5.1 新建文档并链接样式表文件

13.5.2 使用div搭建页面框架

13.5.3 制作头部内容

13.5.4 制作主体内容

13.5.5 制作页脚

13.6 测试与发布网站

13.6.1 网站的测试

13.6.2 网站的发布

第14章 省客网的设计与制作

14.1 省客网的设计

14.2 省客网的制作

14.2.1 创建本地站点与远程站点

14.2.2 新建样式表并设置通用样式

14.3 制作首页

14.3.1 新建网页并调用Style.css样式表

14.3.2 使用div搭建页面框架

14.3.3 制作网站头部

14.3.4 制作网站导航

14.3.5 制作网页主体

14.3.6 制作网页脚注

第15章 希艺欧家居网的设计与制作

15.1 案例预览

15.2 创建与编辑模板

15.2.1 认识【模板】面板和【模板】菜单

15.2.2 创建模板

15.2.3 编辑模板

15.2.4 管理模板

15.3 应用模板制作网页

15.3.1 从模板新建网页文件

15.3.2 使用【模板】面板创建网页文档

15.3.3 页面与模板脱离

15.3.4 更新页面

15.4 使用库

15.4.1 库的概念

15.4.2 创建和应用库项目

15.4.3 修改库

15.5 制作希艺欧家居网站

15.5.1 创建站点并定义页面通用样式

15.5.2 创建模板并链接样式表文件

15.5.3 使用div搭建页面框架

15.5.4 定位块并添加内容

15.5.5 应用模板制作“公司简介”页面

15.5.6 应用模板制作“人才中心”页面

本书是专门讲解Dreamweaver网页设计与制作的专业类图书，按照网页设计与制作基础篇、网页元素设计篇、网页版式设计与布局篇、经典案例篇4部分内容来展开，完美整合了Dreamweaver 网页设计与制作的设计原则、行业经验和实战技法以及软件应用技巧等各种知识和技能，以培养和提升读者的综合设计能力，使之快速、便捷地达到优秀网页设计师的水平。本书融入了作者丰富的网页设计经验和教学心得，内容全面、结构合理、讲解翔实精到，采用了由易到难、深入浅出的讲解方式，非常符合读者的学习心理。本书适合作为Dreamweaver网页设计与制作的基础培训和进阶教程，也可作为网页设计爱好者、中小学教师、大中专院校学生的自学教程和参考用书。

全面解读网页设计的设计理念，详尽讲解色彩、文字、图形图像、导航、版式等网页元素的设计秘诀，以及CSS+DlV的布局技法。50多个精彩实例融入了作者丰富的网页设计经验和教学心得，帮助读者全方位了解商业网站的行业规范、设计原则和网页标准化的实现方法，提高实战能力，灵活应对不同工作需求。100分钟的实例制作视频，全程语音讲解，学习起来更加轻松愉快。