第1章 网页设计与Dreamweaver CC基础知识

1.1认识网页

1.1.1什么是网页

1.1.2网页与网站的关系

1.1.3静态网页与动态网页

1.1.4网络基本术语

1.1.5认识网站类型

1.2网站建设的基本流程

1.2.1选择网站主题

1.2.2规划网站栏目和目录结构

1.2.3设计网页布局

1.2.4整合网页内容

1.3移动端（手机/平板）网页的设计

1.3.1移动端网页与PC端网页设计的区别

1.3.2移动端网页设计的原则

1.3.3规划不同产品上的功能

1.4Dreamweaver CC工作界面

1.5Dreamweaver CC的参数设置

1.5.1常规参数

1.5.2代码格式

1.5.3代码颜色

1.5.4复制/粘贴

1.5.5在浏览器中预览

1.5.6字体

课堂范例——使网页中的图片紧贴浏览器左上角

课堂问答

问题1：网页是由什么组成的？

问题2：如何自定义窗口中的面板布局？

上机实战——自定义快捷键

同步训练——自定义代码视图

知识能力测试

第2章 站点的创建与管理操作

2.1【文件】面板简介

2.1.1打开【文件】面板

2.1.2认识【文件】面板

2.2创建、导出和导入站点

2.2.1创建站点

2.2.2导出站点

2.2.3导入站点

2.3管理站点

2.3.1编辑站点

2.3.2复制站点

2.4网站开发筹备与上传

2.4.1申请域名

2.4.2申请网站空间

2.4.3网站的管理

2.4.4网站的上传

2.4.5网站的日常维护

2.4.6网站的推广

课堂问答

问题1：如何方便快捷地打开【站点】面板？

问题2：在创建站点时，如果没有指明本地根文件夹会怎样？

问题3：如何规划站点？

上机实战——管理站点

同步训练——删除与切换站点

知识能力测试

第3章 网页内容的基本编辑操作

3.1网页的创建与保存

3.1.1创建网页

3.1.2保存网页

3.2网页的打开与关闭

3.2.1打开网页

3.2.2关闭网页

3.3插入水平线与特殊符号

3.3.1插入水平线

3.3.2插入特殊符号

3.4添加网页文本

3.4.1直接在网页窗口中输入文本

3.4.2复制粘贴外部文本

课堂范例——导入Word中的文本到网页中

3.5标尺和网格的使用

3.5.1在网页中使用标尺

3.5.2在网页中使用网格

3.6项目列表与编号列表

3.6.1插入项目列表

3.6.2插入编号列表

课堂问答

问题1：如何在制作网页的过程中快速显示辅助线？

问题2：有哪些影响文字版式的因素？

问题3：如何快速地关闭所有的网页？

上机实战——制作公司业务网页

同步训练——在网页中插入多彩的水平线

知识能力测试

第4章 网页中的图像创建与编辑

4.1网页中常用的图像格式

4.1.1GIF

4.1.2JPG

4.1.3PNG

4.2插入图像

4.2.1在网页中插入图像

4.2.2设置图像属性

4.3设置交互式图像与网页背景

4.3.1在网页中插入交互式图像

4.3.2设置网页背景

课堂范例——制作网站入口

4.4图像映射与外部图像编辑器

4.4.1设置图像映射

4.4.2设置外部图像编辑器

课堂范例——制作热卖产品网页

课堂问答

问题1：为何在预览网页时不显示图像？

问题2：为确保图像文件正常使用，需要将图像怎样存放呢？

问题3：如何让网页背景呈条纹状显示？

上机实战——制作网站炫酷导航

同步训练——将网页图像链接到不同网站

知识能力测试

第5章 表格的创建与编辑操作

5.1插入表格

5.1.1在网页中创建表格

5.1.2设置表格与单元格属性

5.2输入表格内容

5.2.1输入文本

5.2.2插入图像

5.3选定表格元素

5.3.1选定整行

5.3.2选定整列

5.3.3选择不连续的多行或多列

5.3.4选择连续的单元格

5.3.5选择不连续的单元格

5.3.6选定整个表格

5.4添加和删除行或列

5.4.1在表格中添加一行

5.4.2在表格中添加一列

5.4.3在表格中添加多行或多列

5.4.4删除行或列

5.5单元格的合并和拆分

5.5.1合并单元格

5.5.2拆分单元格

课堂范例——制作小游戏网页

5.6导入和导出表格数据

5.6.1导入表格数据

5.6.2导出表格数据

课堂范例——通过导入数据制作网页

课堂问答

问题1：创建表格后，怎样调整表格的大小呢？

问题2：像素和百分比分别在什么情况下使用？

问题3：可以在已经创建的表格中无限地插入嵌套表格吗？

上机实战——制作产品推荐网页

同步训练——制作装饰公司网页

知识能力测试

第6章 运用多媒体对象丰富网页

6.1插入Flash动画与设置动画属性

6.1.1插入Flash动画

6.1.2设置Flash动画属性

6.2为网页添加音频

6.2.1使用〈bgsound〉标签

6.2.2使用〈embed〉标签

6.3插入FLV视频

6.3.1FLV视频简介

6.3.2在网页中插入FLV

课堂范例——在网页中播放FLV视频

课堂问答

问题1：【累进式下载视频】选项有什么作用？

问题2：使用〈bgsound〉标签和〈embed〉标签添加音乐的方法有什么区别？

上机实战——制作商品销售网页

同步训练——制作在线视频教学网页

知识能力测试

第7章 网页中的超级链接应用与设置

7.1认识超级链接

7.1.1URL简介

7.1.2超级链接路径

7.2网站内部与外部链接

7.2.1网站内部链接

7.2.2网站外部链接

7.3创建超级链接

7.3.1创建电子邮件链接

7.3.2创建下载链接

7.3.3创建空链接

7.3.4创建脚本链接

课堂范例——创建外卖网页

课堂范例——创建网页对浏览者的提示信息

课堂问答

问题1：能直接在【属性】面板中创建电子邮件链接吗？

问题2：怎样才能使单击空链接时页面不自动跳转到页面顶端？

上机实战——在网页中下载和发送电子邮件

同步训练——使用超级链接为网页图像添加不同颜色的边框

知识能力测试

第8章 模板和库的应用与管理

8.1模板和库的概念

8.1.1模板的概念

8.1.2库的概念

8.2使用模板

8.2.1创建模板

8.2.2设计模板

8.2.3定义模板区域

8.3定制库项目

8.3.1创建库项目

8.3.2库项目【属性】面板

8.3.3编辑库项目

课堂范例——在网页中添加库项目

课堂问答

问题1：模板的优点是什么？

问题2：如何删除模板的可编辑区域？

问题3：库和模板分别存放在什么地方？它们的扩展名是什么？

上机实战——使用模板制作网页

同步训练——使用库项目更新网页

知识能力测试

第9章 网页中表单的创建与编辑

9.1表单概述

9.2创建表单

9.3创建表单对象

9.3.1创建文本域

9.3.2创建单选按钮

9.3.3创建复选框

9.3.4创建下拉菜单

9.3.5创建表单按钮

9.3.6创建密码域

课堂范例——制作在线调查表

课堂问答

问题1：什么是动态表单对象？

问题2：什么是表单的客户端角色？

问题3：插入表单后，为何页面中没有出现红色虚线框？

上机实战——创建网站注册页面

同步训练——创建网站登录页面

知识能力测试

第10章 网页行为的应用与设置

10.1认识行为

10.1.1行为简介

10.1.2【行为】面板

10.2内置行为的使用

10.2.1交换图像

10.2.2恢复交换图像

10.2.3打开浏览器窗口

10.2.4弹出信息

10.2.5转到URL

课堂范例——网站中放大商品图像效果

10.3【行为】面板的操作

10.3.1行为参数的修改

10.3.2行为排序

课堂问答

问题1：为何创建的交换图像大小失真，很难看？

问题2：如何删除行为？

问题3：如何自行安装其他的行为？

上机实战——制作网站弹出广告

同步训练——创建弹出信息

知识能力测试

第11章 使用HTML代码辅助制作网页

11.1HTML简介

11.1.1什么是HTML

11.1.2创建HTML代码

11.2HTML的基本结构

11.2.1单标签

11.2.2双标签

11.2.3标签属性

11.3常用标签

11.3.1〈html〉…〈/html〉

11.3.2〈head〉…〈/head〉

11.3.3〈body〉…〈/body〉

11.3.4〈title〉…〈/title〉

11.3.5〈hn〉…〈/hn〉

11.3.6〈br〉

11.3.7〈p〉…〈/P〉

11.3.8〈hr〉

11.3.9〈font〉…〈/font〉

课堂范例——制作网站公告

课堂问答

问题1：〈title〉…＜/title〉标签对什么情况没有作用呢？

问题2：在浏览器中输入网址时，很多网站都会在前面出现小图标，这是怎么制作的呢？

问题3：如何清理HTML代码？

上机实战——制作网页中文字放大镜效果

同步训练——检测用户屏幕分辨率

知识能力测试

第12章 使用CSS样式表修饰美化网页

12.1CSS概述

12.1.1什么是CSS

12.1.2CSS的基本语法

12.2伪类、伪元素及样式表的层叠顺序

12.2.1伪类和伪元素

12.2.2样式表的层叠顺序

12.3CSS中的属性

12.3.1CSS中的字体及文本控制

12.3.2CSS中的颜色及背景控制

12.3.3CSS中方框的控制属性

课堂问答

问题1：什么是CSS中的id属性？

问题2：什么是class属性？

问题3：什么是span元素？

上机实战——制作热卖商品图文列表

同步训练——制作电商产品边框阴影与折角效果

知识能力测试

第13章 使用CSS＋DIV布局网页

13.1认识DIV

13.1.1DIV概述

13.1.2创建DIV

13.1.3选择DIV

13.2关于DIV＋CSS盒模型

13.2.1盒模型的概念

13.2.2margin（边界）

13.2.3border（边框）

13.2.4padding（填充）

13.3DIV＋CSS布局定位

13.3.1relative（相对定位）

13.3.2absolute（绝对定位）

13.3.3float（浮动定位）

课堂范例——创建精美六边形导航

13.4DIV＋CSS布局理念

13.4.1将页面用DIV分块

13.4.2设计各块的位置

13.4.3用CSS定位

课堂问答

问题1：现在常说的Web标准是什么？

问题2：Web标准的构成是怎样的？

问题3：DIV与CSS在网页中各自的工作是什么呢？

上机实战——使用DIV＋CSS布局网页

同步训练——使用DIV布局网页

知识能力测试

第14章 网页制作综合案例

14.1企业形象宣传网站

14.1.1制作企业形象宣传网站PC端

14.1.2制作企业形象宣传网站手机/平板端

14.2制作交互式在线娱乐网站

14.2.1制作交互式在线娱乐网站PC端

14.2.2制作交互式在线娱乐网站手机/平板端

14.3制作电商网站

14.3.1制作女包电商网站PC端

14.3.2制作女包电商网站手机/平板端

附录A Dreamweaver CC常用快捷键索引

附录B CSS层叠样式表属性

附录C HTML代码的标签

附录D 综合上机实训题

附录E 知识与能力总复习题1