DREAMWEAVER CC 网页设计与制作(微课版)

第1章　网页设计基础知识　1

1.1　互联网基础　2

1.1.1　Internet与Web服务　2

1.1.2　URL路径　2

1.1.3　服务器与浏览器　2

1.1.4　互联网数据中心　3

1.2　网站建设基本流程　3

1.2.1　前期准备工作　3

1.2.2　方案实施　4

1.2.3　后期工作　5

1.3　网站建设基础　5

1.3.1　什么是静态网页　5

1.3.2　什么是动态网页　6

1.3.3　常见网站类型　6

1.3.4　申请域名和购买空间　8

1.4　网页设计基础　9

1.4.1　网页版面布局的原则和方法　9

1.4.2　常见的版面布局形式　10

1.4.3　网页配色基础　11

1.5　网页制作常用软件　14

1.5.1　Photoshop　14

1.5.2　Fireworks　15

1.5.3　Flash　15

1.5.4　Dreamweaver　16

1.6　网页制作标准技术　16

1.6.1　网页标记语言HTML　16

1.6.2　页面修饰语言CSS　17

1.6.3　网页脚本语言JavaScript　17

1.6.4　动态网页编程语言ASP、PHP和JSP　17

第2章　初识Dreamweaver CC　18

2.1　Dreamweaver CC的工作界面　19

2.1.1　友善的开始页面　19

2.1.2　不同风格的界面　20

2.1.3　伸缩自如的功能面板　20

2.1.4　多文档的编辑界面　20

2.1.5　新颖的“插入”面板　21

2.1.6　更完整的CSS功能　22

2.2　创建网站框架　23

2.2.1　站点管理器　23

2.2.2　创建文件夹　24

2.2.3　定义新站点　24

2.2.4　创建和保存网页　25

2.3　管理站点　26

2.3.1　打开站点　27

2.3.2　编辑站点　27

2.3.3　复制站点　27

2.3.4　删除站点　27

2.3.5　导入和导出站点　27

2.4　网页文件头设置　28

2.4.1　插入搜索关键字　28

2.4.2　插入作者和版权信息　29

2.4.3　设置刷新时间　30

2.4.4　设置描述信息　30

第3章　文本与文档　31

3.1　文本与文档　32

3.1.1　课堂案例——数码产品网页　32

3.1.2　输入文本　34

3.1.3　设置文本属性　34

3.1.4　输入连续的空格　35

3.1.5　设置是否显示不可见元素　36

3.1.6　设置页边距　36

3.1.7　设置网页的标题　37

3.1.8　设置网页的默认格式　37

3.1.9　课堂案例——机电设备网页　38

3.1.10　改变文本的大小　40

3.1.11　改变文本的颜色　41

3.1.12　改变文本的字体　42

3.1.13　改变文本的对齐方式　43

3.1.14　设置文本样式　44

3.1.15　段落文本　45

3.2　项目符号和编号列表　46

3.2.1　课堂案例——电器城网页　46

3.2.2　设置项目符号或编号　48

3.2.3　修改项目符号或编号　49

3.2.4　设置文本缩进格式　49

3.2.5　插入日期　49

3.2.6　特殊字符　49

3.2.7　插入换行符　50

3.3　水平线、网格与标尺　51

3.3.1　课堂案例——摄影艺术网页　51

3.3.2　水平线　53

3.3.3　显示和隐藏网格　54

3.3.4　标尺　55

3.4　课堂练习——有机果蔬网页　56

3.5　课后习题——休闲旅游网页　56

第4章　图像和多媒体　58

4.1　图像的插入　59

4.1.1　课堂案例——节能环保网页　59

4.1.2　网页中的图像格式　60

4.1.3　插入图像　61

4.1.4　设置图像属性　61

4.1.5　给图片添加文字说明　62

4.1.6　跟踪图像　62

4.2　多媒体在网页中的应用　63

4.2.1　课堂案例——五谷杂粮网页　63

4.2.2　插入Flash动画　65

4.2.3　插入FlV　66

4.2.4　插入Edge Animate作品　68

4.2.5　插入音频　68

4.2.6　插入插件　70

4.3　课堂练习——时尚先生网页　71

4.4　课后习题——房源网页　71

第5章　超链接　72

5.1　超链接的概念与路径知识　73

5.2　文本超链接　73

5.2.1　课堂案例——实木地板网页　73

5.2.2　创建文本链接　76

5.2.3　文本链接的状态　77

5.2.4　下载文件链接　78

5.2.5　电子邮件链接　78

5.3　图像超链接　79

5.3.1　课堂案例——温泉度假网页　79

5.3.2　图像超链接　81

5.3.3　鼠标经过图像链接　82

5.4　命名锚点超链接　82

5.4.1　课堂案例——男士服装网页　82

5.4.2　命名锚点链接　86

5.5　热点链接　86

5.5.1　课堂案例——口腔护理网页　87

5.5.2　创建热点链接　88

5.6　课堂练习——家装设计网页　90

5.7　课后习题——建筑设计网页　90

第6章　使用表格　91

6.1　表格的简单操作　92

6.1.1　课堂案例——租车网页　92

6.1.2　表格的组成　96

6.1.3　插入表格　97

6.1.4　表格各元素的属性　98

6.1.5　在表格中插入内容　99

6.1.6　选择表格元素　99

6.1.7　复制、粘贴表格　101

6.1.8　删除表格和表格内容　102

6.1.9　缩放表格　102

6.1.10　合并和拆分单元格　103

6.1.11　增加和删除表格的行和列　104

6.2　网页中的数据表格　105

6.2.1　课堂案例——绿色粮仓网页　105

6.2.2　导入和导出表格的数据　108

6.2.3　排序表格　110

6.3　复杂表格的排版　111

6.4　课堂练习——火锅餐厅网页　111

6.5　课后习题——茶文化网页　112

第7章　ASP　113

7.1　ASP动态网页基础　114

7.1.1　课堂案例——摄像世界网页　114

7.1.2　ASP服务器的安装　115

7.1.3　ASP语法基础　118

7.1.4　数组的创建与应用　120

7.1.5　流程控制语句　122

7.2　ASP内置对象　125

7.2.1　课堂案例——网球俱乐部网页　125

7.2.2　Request请求对象　127

7.2.3　Response响应对象　132

7.2.4　Session会话对象　134

7.2.5　Application应用程序对象　135

7.2.6　Server服务对象　137

7.2.7　ObjectContext事务处理对象　139

7.3　课堂练习——挖掘机网页　140

7.4　课后习题——牛奶饮料网页　140

第8章　CSS样式　142

8.1　CSS样式的概念　143

8.2　CSS样式　143

8.2.1　“CSS样式”控制面板　143

8.2.2　CSS样式的类型　144

8.3　样式的类型与创建　144

8.3.1　创建重定义HTML标签样式　145

8.3.2　创建CSS选择器　146

8.3.3　创建和应用自定义样式　146

8.3.4　创建和引用外部样式　147

8.4　编辑样式　148

8.5　CSS的属性　149

8.5.1　课堂案例——极速赛车网页　149

8.5.2　类型　153

8.5.3　背景　154

8.5.4　区块　155

8.5.5　方框　156

8.5.6　边框　156

8.5.7　列表　157

8.5.8　定位　157

8.5.9　扩展　158

8.5.10　过渡　158

8.6　过滤器　159

8.6.1　课堂案例——汽配商城网页　159

8.6.2　可应用过滤的HTML标签　161

8.6.3　CSS的静态过滤器　162

8.6.4　CSS的动态过滤器　163

8.7　课堂练习——爱美化妆品网页　163

8.8　课后习题——咖啡屋网页　164

第9章　模板和库　165

9.1　“资源”面板　166

9.2　模板　166

9.2.1　课堂案例——飞越天空网页　167

9.2.2　创建模板　168

9.2.3　定义和取消可编辑区域　169

9.2.4　创建基于模板的网页　173

9.2.5　管理模板　173

9.3　库　175

9.3.1　课堂案例——建达康集团网页　175

9.3.2　创建库文件　180

9.3.3　向页面添加库项目　180

9.3.4　更新库文件　181

9.4　课堂练习——租车网页　183

9.5　课后习题——爱家纺网页　183

第10章　CSS DIV布局方法　185

10.1　CSS DIV的概述　186

10.1.1　CSS DIV的优势　186

10.1.2　CSS DIV缺点　186

10.2

标记与标记　186

10.2.1　概述　186

10.2.2

与的区别　186

10.3　盒子模型　186

10.3.1　盒子结构　187

10.3.2　盒子属性　187

10.4　盒子的定位与浮动　188

10.4.1　课堂案例——绿色农场网页　188

10.4.2　盒子的定义　195

10.4.3　盒子的浮动　195

10.5　课堂练习——浪漫花屋网页　198

10.6　课后习题——旅游网页　199

第11章　使用表单　200

11.1　使用表单　201

11.1.1　课堂案例——用户登录界面　201

11.1.2　创建表单　204

11.1.3　表单的属性　204

11.1.4　单行文本域　205

11.2　应用复选框和单选按钮　207

11.2.1　课堂案例——会员注册页面　208

11.2.2　单选按钮　210

11.2.3　单选按钮组　211

11.2.4　复选框　211

11.3　创建列表和菜单　212

11.3.1　课堂案例——留言板网页　212

11.3.2　创建列表和菜单　214

11.3.3　创建文件域　215

11.3.4　创建图像域　216

11.3.5　插入按钮　217

11.3.6　插入提交按钮　217

11.3.7　插入重置按钮　218

11.4　创建HTML5表单元素　218

11.4.1　课堂案例——动物乐园网页　218

11.4.2　插入Url文本域　221

11.4.3　插入Tel文本域　221

11.4.4　插入搜索文本域　221

11.4.5　插入数字文本域　222

11.4.6　插入范围文本域　222

11.4.7　插入颜色　223

11.4.8　课堂案例——国际航空网页　223

11.4.9　插入月表单　225

11.4.10　插入周表单　226

11.4.11　插入日期表单　226

11.4.12　插入时间表单　227

11.4.13　插入日期时间　228

11.4.14　插入日期时间（当地）　228

11.5　课堂练习——创新生活网页　229

11.6　课后习题——美食在线网页　229

第12章　行为　231

12.1　行为概述　232

12.1.1　“行为”面板　232

12.1.2　应用行为　232

12.2　动作　233

12.2.1　课堂案例——婚戒网页　233

12.2.2　调用JavaScript　236

12.2.3　打开浏览器窗口　237

12.2.4　转到URL　238

12.2.5　课堂案例——开心烘焙网页　239

12.2.6　检查插件　241

12.2.7　检查表单　242

12.2.8　交换图像　243

12.2.9　课堂案例——献爱心网页　243

12.2.10　显示-隐藏层　245

12.2.11　设置容器的文本　247

12.2.12　设置状态栏文本　247

12.2.13　设置文本域文字　248

12.2.14　跳转菜单　248

12.2.15　跳转菜单开始　249

12.3　课堂练习——摄影网页　250

12.4　课后习题——美味蛋糕网页　251

第13章　网页代码　252

13.1　网页代码　253

13.1.1　课堂案例——安享爱晚网页　253

13.1.2　代码提示功能　254

13.1.3　使用标签库插入标签　255

13.2　常用的HTML标签　256

13.3　脚本语言　257

13.4　响应HTML事件　258

13.5　课后习题——时尚儿童服饰网页　259

第14章　商业案例实训　260

14.1　乐卡丝家居网页　261

14.1.1　案例分析　261

14.1.2　案例设计　261

14.1.3　案例制作　261

14.2　课后习题——美食网页　290