DreamweaverCS6+HTML+CSS+DIV+JavaScript网站开发案例教程电子书

内容提要

前言

第1章 网页基础知识

本章导读

知识目标

技能目标

1.1 课堂案例：企业网站的规划和站点管理

1.2 准备知识：网页的基础知识

1.2.1 网页元素

1.2.2 网页的分类

1.2.3 常用的术语

1.2.4 常用的网页制作工具软件

1.2.5 网站的开发流程

1.3 Dreamweaver CS6工具介绍和基本操作

1.3.1 Dreamweaver CS6工具介绍

1.3.2 Dreamweaver对网页文档的基本操作

1.4 案例实施过程：企业网站的规划和站点的管理

1.4.1 网站的需求分析阶段

1.4.2 网站的规划

1.4.3 站点管理

1.5 本章小结

第2章 （X）HTML和CSS

本章导读

知识目标

技能目标

2.1 课堂案例：人物介绍网页的制作

2.2 准备知识：HTML语言和XHTML语言

2.2.1 HTML与XHTML概述

2.2.2 HTML文档结构

2.2.3 HTML标签和属性

2.2.4 XHTML与HTML的区别

2.2.5 常用的HTML标签

2.2.6 DOCTYPE（文档类型）的含义和选择

2.3 案例实施过程：人物介绍网页的制作（一）

2.4 准备知识：CSS样式表

2.4.1 CSS样式表简介

2.4.2 CSS的语法规则

2.4.3 Dreamweaver的CSS工具

2.4.4 在网页中引入CSS的方法

2.4.5 CSS选择器

2.4.6 Dreamweaver CS6中的CSS规则定义面板

2.4.7 课堂练习：CSS制作水平菜单

2.5 案例实施过程：人物介绍网页的制作（二）

2.6 本章小结

第3章 图文混排和超链接

本章导读

知识目标

技能目标

3.1 课堂案例：人物主题介绍网站

3.2 准备知识：常用的网页元素

3.2.1 网页中的文本

3.2.2 设置网页的页面属性

3.2.3 课堂练习：水果介绍页面

3.2.4 插入图像

3.3 案例实施过程：人物主题介绍网站（一）

3.4 准备知识：超链接

3.4.1 文本的超链接

3.4.2 图像的超链接

3.4.3 锚记

3.4.4 电子邮件的超链接

3.5 案例实施过程：人物主题介绍网站（二）

3.6 扩展知识：插入多媒体元素

3.6.1 插入音频文件

3.6.2 插入FLV格式的视频文件

3.6.3 插入Flash格式的视频文件

3.6.4 插入其他格式的多媒体文件

3.6.5 课堂练习：制作电影播放网页

3.7 本章小结

第4章 网页布局方式——表格和DIV+CSS

本章导读

知识目标

技能目标

4.1 课堂案例一：电影介绍网页

4.2 准备知识：表格的布局模式

4.2.1 表格

4.2.2 课堂练习：下载图片的表格

4.2.3 单元格的合并与拆分

4.2.4 课堂练习：推荐模块制作

4.2.5 增加或删除行或列

4.2.6 课堂练习：菜单模块

4.3 案例实施过程：电影介绍网页

4.4 课堂案例二：企业网站首页的制作

4.4.1 准备知识：DIV+CSS布局模式

4.4.2 课堂练习：小说文学网

4.5 案例实施过程：企业网站首页的制作

4.6 本章小结

第5章 模板和库

本章导读

知识目标

技能目标

5.1 课堂案例：快速完成企业二级网页的制作

5.2 准备知识：模板

5.2.1 创建模板和保存

5.2.2 创建可编辑区域

5.2.3 修改或删除可编辑区域

5.2.4 应用模板文件新建网页

5.3 案例实施过程：使用模板创建网页

5.4 扩展知识

5.4.1 模板的可选区域和重复区域

5.4.2 脱离模板和应用模板

5.4.3 库文件

5.4.4 课堂练习：环保主题网站

5.5 本章小结

第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 表单中的Spry元素

6.3 案例实施过程：制作用户留言网页

6.4 案例实施过程：制作在线调查问卷页

6.5 本章小结

第7章 框架和浮动框架

本章导读

知识目标

技能目标

7.1 课堂案例：企业邮箱网页的制作

7.2 准备知识：框架和框架集

7.2.1 框架和框架集介绍

7.2.2 创建框架

7.2.3 保存框架

7.2.4 删除框架和增加框架

7.2.5 在框架中使用超链接

7.3 案例实施过程：企业邮箱网页的制作

7.4 扩展知识：浮动框架

7.4.1 浮动框架

7.4.2 浮动框架案例：企业网站产品页制作

7.4.3 课堂练习一：玫瑰分类介绍网页

7.4.4 课堂练习二：网站后台管理页

7.5 本章小结

第8章 网页特效

本章导读

知识目标

技能目标

8.1 课堂案例：在企业网站首页中添加网页特效

8.2 准备知识：JavaScript网页特效

8.2.1 JavaScript的常量和变量

8.2.2 JavaScript的函数

8.2.3 JavaScript的事件

8.2.4 在网页中嵌入JavaScript代码的方法

8.2.5 使用jQuery库

8.2.6 网页中的行为

8.3 准备知识：Dreamweaver中的行为脚本

8.3.1 课堂练习：交换的日历页

8.3.2 课堂练习：网页中弹出信息框

8.3.3 课堂练习：弹出广告页

8.3.4 课堂练习：使用拖动AP元素制作拼图游戏

8.3.5 课堂练习：制作电子图册

8.3.6 课堂练习：制作跳转网页

8.3.7 课堂练习：制作关闭网页的按钮

8.3.8 课堂练习：检查浏览器插件

8.3.9 课堂练习：制作能改变DIV文字颜色和边框效果的网页

8.3.10 课堂练习：制作一个有趣的发帖网页

8.4 准备知识：Dreamweaver中的Spry框架

8.4.1 Spry菜单栏

8.4.2 Spry选项卡式面板

8.4.3 课堂练习：新闻卡式面板

8.4.4 Spry折叠式

8.4.5 课堂练习：折叠菜单的制作

8.4.6 Spry可折叠式

8.4.7 Spry工具提示

8.5 案例实施过程：在企业网站首页中添加网页特效

8.5.1 导航下拉菜单的制作

8.5.2 动感焦点图的制作

8.5.3 横向滚动产品推荐的制作

8.6 本章小结

第9章 网站测试、发布与推广

本章导读

知识目标

技能目标

9.1 网站测试

9.1.1 浏览器的兼容性测试

9.1.2 链接测试

9.1.3 全站测试报告

9.1.4 设置【W3C验证程序】

9.1.5 网页的完整性检查

9.2 网站发布

9.2.1 注册域名

9.2.2 申请虚拟主机

9.2.3 网站发布

9.3 网站推广

9.4 本章小结