Dreamweaver 基础与实战教程电子书

前言

增值服务介绍

第01章 Dreamweaver入门

1.1 什么是网页

1.1.1 网页设计与网页制作

1.1.2 网页设计术语

1.2 Dreamweaver简介

1.3 Dreamweaver的安装与启动

1.3.1 系统要求

课堂案例 安装Dreamweaver

1.3.2 Dreamweaver的启动

1.4 Dreamweaver的工作界面

1.4.1 认识Dreamweaver的工作界面

1.4.2 “插入”面板

1.4.3 状态栏

1.5 网页文件的基本操作

1.5.1 新建网页文件

1.5.2 保存网页文件

1.5.3 打开网页文件

1.5.4 预览网页

课堂练习 新建并保存网页文件

课堂练习 打开并预览网页

课后习题

第02章 创建与管理站点

2.1 创建站点

课堂案例 创建本地静态站点

课堂案例 创建企业站点并设置远程服务器

2.2 站点文件的基本操作

2.2.1 创建页面

2.2.2 创建文件夹

2.2.3 移动和复制文件或文件夹

2.2.4 重命名文件或文件夹

2.2.5 删除文件或文件夹

2.3 管理站点

2.3.1 站点的切换

2.3.2 “管理站点”对话框

课堂练习 在站点中新建文件夹和网页文件

课后习题

第03章 从HTML到HTML5

3.1 HTML基础

3.1.1 HTML概述

3.1.2 HTML文档的特点

3.1.3 HTML文档的结构

3.1.4 HTML的基本语法

3.1.5 HTML代码编写的注意事项

3.2 HTML中常用的重要标签

3.2.1 字符格式标签

3.2.2 区段格式标签

3.2.3 列表标签

3.2.4 表格标签

3.2.5 超链接标签

3.2.6 多媒体标签

3.2.7 表单标签

3.2.8 分区标签

3.3 在Dreamweaver中编写HTML代码

课堂案例 在设计视图中制作HTML页面

课堂案例 在代码视图中制作HTML页面

3.4 HTML 5基础

3.4.1 HTML 5概述

3.4.2 HTML 5的文档结构

3.4.3 HTML 5的优势

3.5 HTML 5中新增的标签

3.5.1 结构标签

3.5.2 文本标签

3.5.3 应用和辅助标签

3.5.4 进度标签

3.5.5 交互性标签

3.5.6 在文档和应用中使用的标签

3.5.7 <ruby>标签

3.5.8 其他标签

3.6 网页中的其他源代码

3.6.1 CSS样式代码

3.6.2 JavaScript脚本

3.6.3 源代码中的注释

课堂练习 使用记事本制作HTML页面

课后习题

第04章 精通CSS样式

4.1 了解CSS样式

4.1.1 什么是CSS样式

4.1.2 CSS样式的发展

4.1.3 CSS样式规则

4.2 认识“CSS设计器”面板

4.2.1 “源”选项区

4.2.2 “＠媒体”选项区

4.2.3 “选择器”选项区

4.2.4 “属性”选项区

4.3 CSS选择器

课堂案例 使用通配符选择器控制网页中的所有标签

课堂案例 使用标签选择器设置网页整体样式

课堂案例 创建和使用ID CSS样式

课堂案例 创建和使用类CSS样式

课堂案例 设置网页中的超链接伪类样式

课堂案例 创建并应用派生选择器

课堂案例 同时定义多个网页元素样式

4.4 使用CSS样式的方法

课堂案例 创建并链接外部CSS样式表文件

4.5 丰富的CSS样式设置

4.5.1 布局样式设置

课堂案例 布局CSS样式

4.5.2 文本样式设置

课堂案例 设置网页中的文字效果

4.5.3 边框样式设置

课堂案例 设置网页元素的边框效果

4.5.4 背景样式设置

课堂案例 为网页元素设置背景图像

4.5.5 其他样式设置

课堂练习 链接外部CSS样式表文件

课堂练习 在网页中设置文字列表效果

课后习题

第05章 CSS 3.0新增属性及应用

5.1 新增的颜色定义方法

5.1.1 HSL颜色的定义方法

5.1.2 HSLA颜色的定义方法

5.1.3 RGBA颜色的定义方法

课堂案例 为网页元素设置半透明背景

5.2 新增的文字设置属性

5.2.1 text-overflow属性

5.2.2 word-wrap属性

5.2.3 word-break和white-space属性

5.2.4 text-shadow属性

课堂案例 为网页文字设置阴影效果

5.2.5＠font-face规则

课堂案例 在网页中实现特殊字体效果

5.3 新增的背景设置属性

5.3.1 background-size属性

课堂案例 实现始终满屏显示的网页背景

5.3.2 background-origin属性

5.3.3 background-clip属性

5.3.4 background属性

课堂案例 为网页设置多背景图像

5.4 新增的边框设置属性

5.4.1 border-colors属性

5.4.2 border-image属性

5.4.3 border-radius属性

课堂案例 为网页元素设置圆角效果

5.4.4 box-shadow属性

课堂案例 为网页元素设置阴影效果

5.5 新增的多列布局属性

5.5.1 columns属性

5.5.2 column-width属性

5.5.3 column-count属性

5.5.4 column-gap属性

5.5.5 column-rule属性

5.5.6 column-span属性

课堂案例 设置网页内容分栏显示

5.6 新增的盒模型设置属性

5.6.1 opacity属性

课堂案例 设置网页元素的不透明度

5.6.2 overflow-x和overflow-y属性

5.6.3 resize属性

5.6.4 outline属性

5.6.5 content属性

课堂案例 为网页元素赋予文字内容

课堂练习 实现网页元素的任意缩放

课堂练习 为网页元素添加轮廓外边框效果

课后习题

第06章 Div+CSS网页布局

6.1 创建Div

6.1.1 了解Div

6.1.2 如何插入Div

6.1.3 在设计视图中插入Div

6.1.4 块元素与行内元素

6.1.5 Div+CSS布局的优势

6.2 CSS基础盒模型

6.2.1 CSS基础盒模型概述

6.2.2 margin属性——边距

课堂案例 制作欢迎页面

6.2.3 border属性——边框

课堂案例 为图像添加边框效果

6.2.4 padding属性——填充

课堂案例 设置网页元素盒模型效果

6.2.5 空白边叠加

课堂案例 网页中空白边叠加的应用

6.3 网页元素的定位

6.3.1 CSS的定位属性

6.3.2 相对定位relative

课堂案例 实现网页元素的叠加显示

6.3.3 绝对定位absolute

课堂案例 实现网页元素固定在页面右侧

6.3.4 固定定位

课堂案例 实现固定位置的顶部导航栏

6.3.5 浮动定位

课堂案例 制作顺序排列的图像列表

6.4 常用网页布局方式

6.4.1 居中布局

6.4.2 浮动布局

6.4.3 自适应高度的解决方法

课堂练习 CSS盒模型综合应用

课堂练习 设置元素溢出处理

课后习题

第07章 插入文本元素

7.1 设置网页头信息

7.1.1 设置网页标题

7.1.2 设置网页关键字

7.1.3 设置网页说明

7.1.4 插入视口

7.1.5 设置网页META信息

课堂案例 设置网页头信息

7.2 在网页中输入文本

7.2.1 在网页中输入文本的两种方法

课堂案例 制作内容介绍网页

7.2.2 插入段落

7.2.3 插入换行符

7.3 插入特殊的文本对象

7.3.1 插入水平线

课堂案例 在网页中插入水平线

7.3.2 插入时间

7.3.3 插入空格和特殊字符

课堂案例 在网页中插入系统时间和特殊字符

7.4 插入列表

7.4.1 插入ul项目列表

课堂案例 制作新闻列表

7.4.2 插入ol编号列表

课堂案例 制作排行列表

7.4.3 设置列表属性

课堂练习 在网页中实现滚动文本效果

课堂练习 在网页中实现图文混排

课后习题

第08章 插入图像和多媒体元素

8.1 插入图像元素

课堂案例 制作图像欢迎网页

8.1.1 设置图像属性

8.1.2 鼠标经过图像

课堂案例 制作网站导航菜单

8.2 插入Canvas元素

8.2.1 了解Canvas元素

8.2.2 插入Canvas元素

8.2.3 使用JavaScript实现在画布中绘图的流程

课堂案例 在网页中绘制圆形

8.3 插入动画元素

课堂案例 在网页中插入Flash动画

8.3.1 设置Flash SWF属性

8.3.2 插入Flash Video

课堂案例 在网页中插入Flash Video

8.3.3 了解动画合成

课堂案例 在网页中插入动画合成

8.4 插入插件

8.4.1 使用插件嵌入音频

课堂案例 在网页中嵌入音频

8.4.2 使用插件嵌入视频

课堂案例 在网页中嵌入视频

8.5 插入HTML 5 Audio元素

8.5.1 插入HTML 5 Audio元素

8.5.2 HTML 5支持的音频文件格式

课堂案例 在网页中插入HTML 5 Audio元素

8.6 插入HTML 5 Video元素

8.6.1 插入HTML 5 Video元素

8.6.2 HTML 5支持的视频文件格式

8.6.3 Audio与Video元素属性

课堂案例 在网页中插入HTML 5 Video元素

课堂练习 为网页添加背景音乐

课堂练习 实现图片滚动效果

课后习题

第09章 设置网页超链接

9.1 创建超链接

9.1.1 创建文字和图像超链接

9.1.2 设置超链接属性

9.1.3 相对路径和绝对路径

课堂案例 设置网页中的文字和图像超链接

9.2 锚点链接

9.2.1 插入锚点

9.2.2 创建锚点链接

课堂案例 制作锚点链接页面

9.3 创建特殊的超链接

9.3.1 空链接

9.3.2 文件下载链接

课堂案例 创建空链接和文件下载链接

9.3.3 脚本链接

课堂案例 创建关闭浏览器窗口的链接

9.4 理解超链接属性

9.4.1 a:link

9.4.2 a:active

9.4.3 a:hover

9.4.4 a:visited

课堂练习 在网页中创建E-mail链接

课堂练习 使用CSS样式美化网页超链接

课后习题

第10章 插入表单元素

10.1 表单概述

10.1.1 表单的作用

10.1.2 常用表单元素

10.1.3 HTML 5表单元素

10.2 常用表单元素的应用

10.2.1 表单域

10.2.2 文本域

10.2.3 密码域

10.2.4 按钮、提交和重置

10.2.5 图像按钮

课堂案例 制作登录页面

10.2.6 文本区域

10.2.7 文件域

10.2.8 隐藏域

10.2.9 选择域

10.2.10 单选按钮和单选按钮组

10.2.11 复选框和复选框组

课堂案例 制作注册页面

10.3 HTML 5表单元素的应用

10.3.1 电子邮件

10.3.2 Url

10.3.3 Tel

10.3.4 搜索

10.3.5 数字

10.3.6 范围

10.3.7 颜色

10.3.8 时间日期相关表单元素

课堂案例 制作留言表单页面

课堂练习 制作投票表单

课堂练习 制作发表日志表单页面

课后习题

第11章 表格和iFrame框架

11.1 认识表格

11.1.1 插入表格

11.1.2 在网页中插入表格

11.1.3 表格标题

课堂练习 创建数据表格

11.2 表格的基本操作

11.2.1 选择表格和单元格

11.2.2 表格和单元格属性设置

11.3 表格数据处理

11.3.1 排序表格

课堂案例 对表格数据进行排序

11.3.2 导入和导出表格数据

课堂案例 在网页中导入外部数据

11.4 iFrame框架

课堂案例 制作iFrame框架页面

11.5 使用HTML 5结构元素

11.5.1 Header

11.5.2 Navigation

11.5.3 Main

11.5.4 Section

11.5.5 Article

11.5.6 Aside

11.5.7 Footer

课堂案例 使用HTML 5结构元素制作网页

课堂练习 设置表头、表主体和表尾

课堂练习 iFrame框架页面链接

课后习题

第12章 模板和库的应用

12.1 使用模板

12.1.1 模板的特点

12.1.2 创建模板

课堂案例 将网页创建为模板

12.1.3 嵌套模板

课堂案例 定义模板页面中的可编辑区域

课堂案例 定义模板页面中的可选区域

课堂案例 定义模板页面中的可编辑可选区域

12.1.4 定义重复区域

12.1.5 设置可编辑标签属性

12.2 应用模板

课堂案例 创建基于模板的网页

12.2.1 更新模板及基于模板的网页

12.2.2 删除网页中使用的模板

课堂练习 创建网站库项目

课堂练习 在网页中插入库项目

课后习题

第13章 使用行为创建动态效果

13.1 了解行为

13.1.1 什么是事件

13.1.2 什么是行为

13.1.3 为网页元素添加行为的方法

13.2 为网页添加行为

课堂案例 应用“交换图像”行为

课堂案例 为网页添加弹出信息

13.2.1 恢复交换图像

课堂练习 为网页添加弹出信息窗口

课堂案例 在网页中实现元素的拖动

课堂练习 改变网页元素属性

课堂案例 实现网页元素的显示和隐藏

13.2.2 检查插件

课堂练习 实现表单验证

13.2.3 调用JavaScript

课堂练习 在网页中插入跳转菜单

13.2.4 跳转菜单开始

课堂案例 实现网页跳转

13.2.5 预先载入图像

13.3 为网页添加文本行为

13.3.1 设置容器的文本

课堂案例 设置文本域默认文字内容

13.3.2 设置框架文本

课堂案例 设置网页状态栏文本

13.4 为网页添加jQuer y效果

课堂案例 实现网页元素的动态隐藏

课堂练习 实现网页元素的高光过渡

课堂练习 为网页添加“调用JavaScript”行为

课堂练习 实现网页元素的渐隐和渐显

课后习题

第14章 综合案例

14.1 制作企业宣传网站页面

14.2 制作房地产宣传网站页面

14.3 制作儿童教育网站页面

课后习题答案