Dreamweaver CS6网页设计实例教程

图书标准信息

• 作者 李晓歌；许朝侠；王辉；朱坤华；焦阳
• 出版社 清华大学出版社
• 出版时间 2017-07
• 版次 1
• ISBN 9787302472841
• 定价 46.00元
• 装帧 其他
• 开本 12开
• 纸张 胶版纸
• 页数 295页
• 字数 444千字

【内容简介】

本书介绍了运用Dreamweaver CS6进行网页设计的基本方法和常用技巧。全书共分为12个项目。项目1、项目2介绍网页设计的基本知识，使读者理解网页设计的相关概念，掌握网页设计的基本步骤和流程；项目3～项目8介绍用Dreamweaver CS6布局网页的常用方法，主要包括传统的表格布局方法、框架布局方法、目前常用的CSS DIV布局方法，以及使用流体网格布局进行响应式设计的方法；项目9介绍网页中常见的特效行为的制作方法；项目10介绍表单的相关知识；项目11介绍模板的制作和使用方法；项目12详细介绍一个网站开发的综合实例。

   本书既适合作为高职高专院校、培训机构网页设计方面的教学用书，也适合作为网页设计爱好者的自学用书。

【目录】

项目1网页设计基础/1

任务1.1认识网页1

1.1.1网页的分类1

1.1.2网页设计常用术语2

1.1.3网站开发流程5

任务1.2了解HTML5

1.2.1什么是HTML5

1.2.2用HTML编写自己的第一个网页6

1.2.3HTML中的常用标签符号7

任务1.3Dreamweaver CS6的安装与使用11

1.3.1安装Dreamweaver CS611

1.3.2使用Dreamweaver CS615

1.3.3用Dreamweaver CS6建立一个网页16

项目小结20

项目实训20

实训1.1用HTML建立欢迎页面20

实训1.2用Dreamweaver CS6建立欢迎页面21

项目2建立及管理网站/22

任务2.1在计算机上建立本地网站22

2.1.1建立“我的第一个网站”23

2.1.2本地站点的管理24

2.1.3管理和编辑本地站点文件27

任务2.2发布网站29

2.2.1网站空间29

2.2.2设置远程服务器30

2.2.3上传网站33

任务2.3网站的更新和维护33

2.3.1本地和远程文件夹的结构33

〖2〗〖3〗〖4〗2.3.2下载站点中的文件34

2.3.3本地文件和远程文件的同步34

项目小结35

项目实训35

实训2.1为站点申请空间35

实训2.2建立并上传网站“我的家”35

项目3向网页中添加各种元素/37

任务3.1向网页中添加文本37

3.1.1案例导入——建立“班级简介”网页37

3.1.2在Dreamweaver 中创建普通文本38

3.1.3一些特殊文本的输入41

3.1.4文本的常用格式设置41

3.1.5观察文本对应的代码44

任务3.2向网页中添加图像45

3.2.1案例导入——建立“汽车之家”网页45

3.2.2网页中常用的图像格式45

3.2.3插入图像46

3.2.4给无法显示的图像加注释48

3.2.5图像的编辑48

3.2.6观察图像对应的代码50

任务3.3向网页中添加声音50

3.3.1案例导入——建立“音乐播放”网站51

3.3.2向网页中插入可控制播放的声音51

3.3.3在网页中应用背景声音54

任务3.4向网页中添加视频55

3.4.1案例导入——建立“视频播放”网页56

3.4.2向网页中添加Flash动画56

3.4.3向网页中添加FLV视频59

3.4.4向网页中添加其他视频文件60

3.4.5观察各种插入视频的方法对应的代码60

项目小结62

项目实训63

实训3.1建立文字编辑网页63

实训3.2建立“香香美食”网63

项目4实现网页的超链接/64

任务4.1认识超链接64

4.1.1超链接的分类64

4.1.2超链接的路径64

任务4.2创建内部超链接65

4.2.1案例导入——设置“九寨沟四季”系列页面的内部超链接65

4.2.2创建文字超链接65

4.2.3创建图像超链接66

4.2.4鼠标经过图像链接69

4.2.5观察链接对应的代码71

4.2.6设置“九寨沟四季”系列页面的内部超链接72

任务4.3创建锚记链接73

4.3.1案例导入——设置“插花艺术”网页的锚记链接73

4.3.2创建命名锚记73

4.3.3链接到命名锚记74

4.3.4创建虚链接74

4.3.5观察锚记链接对应的代码74

4.3.6设置“插花艺术”网页的锚记链接74

任务4.4创建其他超链接76

4.4.1案例导入——向“九寨沟四季”网页添加超链接76

4.4.2创建外部超链接76

4.4.3创建E?mail链接77

4.4.4创建下载文件超链接77

4.4.5创建脚本链接78

4.4.6为“九寨沟四季”网页添加外部和电子邮件等链接78

任务4.5编辑超链接80

4.5.1设置超链接的外观80

4.5.2删除超链接80

项目小结81

项目实训81

实训4.1制作“犬类美容”网页的导航条81

实训4.2制作“黄山四绝”系列页面81

项目5用表格布局页面/82

任务5.1表格的基本操作82

5.1.1案例导入——制作“经典电影TOP 10”网页82

5.1.2创建表格82

5.1.3调整表格的结构84

5.1.4表格输入内容87

5.1.5利用属性面板设置表格的外观效果87

5.1.6观察表格对应的代码88

5.1.7制作“经典电影TOP 10”网页89

任务5.2表格中的数据处理91

5.2.1案例导入——制作“各专业毕业生统计”网页91

5.2.2数据的导入与导出92

5.2.3数据的排序94

5.2.4制作“各专业毕业生统计”网页96

任务5.3使用表格布局网页100

5.3.1案例导入——制作“毕业生就业信息网”首页100

5.3.2嵌套表格100

5.3.3表格制作技巧101

5.3.4表格布局网页的设计要点102

5.3.5制作“毕业生就业信息网”首页103

项目小结107

项目实训107

实训5.1制作“信息工程系图形图像11?2班课程表”网页107

实训5.2制作“花影袭人”网站中“菊花简介”的网页108

实训5.3制作“信息工程系教学评估网”首页108

项目6用框架布局页面/110

任务6.1创建框架网页110

6.1.1案例导入——制作“信息系课程表”网页110

6.1.2认识框架网页110

6.1.3创建框架网页111

6.1.4保存框架网页112

6.1.5观察框架集文件对应的代码116

6.1.6制作“信息系课程表”框架网页117

任务6.2框架和框架集的基本操作119

6.2.1案例导入——制作“花卉护理——牡丹”网页119

6.2.2选择框架和框架集120

6.2.3编辑框架集的属性120

6.2.4编辑框架的属性121

6.2.5调整框架的大小122

6.2.6删除框架（合并框架）122

6.2.7制作“花卉护理——牡丹”网页122

任务6.3设置框架网页的链接125

6.3.1框架内的链接125

6.3.2关键字的链接126

项目小结127

项目实训128

实训6.1制作“暗香盈袖”网站的系列网页128

实训6.2制作“心情驿站”个人博客首页129

项目7用CSS美化网页/130

任务7.1认识CSS130

7.1.1案例导入——对“影迷俱乐部”网站中的网页应用CSS130

7.1.2打开“新建CSS规则”的几种方法133

7.1.3CSS常用属性134

任务7.2建立和管理CSS样式140

7.2.1建立可应用于任何HTML元素的CSS样式140

7.2.2建立应用于一个HTML元素的CSS样式142

7.2.3建立应用于指定标签的CSS样式144

7.2.4建立应用于指定范围内标签的CSS样式146

7.2.5建立应用于多个标签的CSS样式147

7.2.6建立定义超链接的CSS样式149

7.2.7观察CSS样式对应的代码151

7.2.8用“CSS样式”面板管理CSS样式151

任务7.3建立并应用外部CSS样式154

7.3.1建立外部CSS样式定义页面文字和背景154

7.3.2在一个网页中应用已建好的外部样式157

任务7.4CSS常见应用158

7.4.1用CSS控制段落样式158

7.4.2用CSS控制图片样式160

7.4.3用CSS控制背景图片的样式162

7.4.4用CSS美化列表163

7.4.5应用CSS滤镜164

项目小结166

项目实训167

实训7.1为“影迷俱乐部”网站中的网页设置格式167

实训7.2设置“茶文化”网页167

实训7.3设置“新闻公告”网页168

项目8用CSS DIV布局页面/169

任务8.1认识DIV与CSS盒模型169

8.1.1标签169

8.1.2CSS盒模型171

任务8.2应用CSS实现定位175

8.2.1CSS的定位方式175

8.2.2相对定位175

8.2.3绝对定位177

8.2.4固定定位178

8.2.5浮动180

8.2.6清除浮动181

任务8.3CSS DIV布局实例183

8.3.1案例导入——个人博客页面183

8.3.2用CSS DIV布局网页的步骤183

8.3.3用CSS DIV布局个人博客网页184

任务8.4实现响应式网页设计194

8.4.1案例导入——响应式网页设计： 佳莓生态食品194

8.4.2Dreamweaver CS6中的流体网格布局194

8.4.3制作“佳莓生态食品”网页196

项目小结204

项目实训204

实训8.1了解Dreamweaver CS6中的预设布局204

实训8.2用CSS DIV布局“园林设计”网页205

实训8.3实现响应式页面设计205

项目9向网页添加行为/206

任务9.1了解行为206

9.1.1认识行为206

9.1.2附加行为207

任务9.2使用Dreamweaver CS6内置的行为209

9.2.1用“行为”面板实现交换图像行为209

9.2.2制作页面打开时弹出广告信息210

9.2.3“打开浏览器窗口”行为211

9.2.4制作可移动的面板212

9.2.5下拉菜单的制作213

9.2.6为元素添加特殊的动画效果215

任务9.3JavaScript行为的应用216

9.3.1认识JavaScript216

9.3.2调用JavaScript216

9.3.3单击按钮背景颜色变换217

9.3.4添加到收藏夹和设为首页219

9.3.5在网页中嵌入JavaScript脚本220

9.3.6JavaScript脚本在文档中的位置221

9.3.7实现悬浮广告特效222

9.3.8实现滚动图片特效223

9.3.9实现鼠标跟随特效225

项目小结226

项目实训226

实训9.1制作下拉菜单226

实训9.2实现JavaScript特效226

实训9.3给校园新闻网添加行为226

项目10制作表单/228

任务10.1认识表单228

10.1.1案例导入——制作“注册会员申请”页面228

10.1.2插入表单和表单对象228

10.1.3设置常用表单对象的属性231

10.1.4用CSS美化表单238

任务10.2使用Spry构件241

10.2.1案例导入——制作“驴友会员申请”页面241

10.2.2Spry构件的基本操作242

10.2.3设置常用Spry构件的属性243

任务10.3练习布局页面时常用的Spry构件249

10.3.1案例导入——制作“QQ好友”页面249

10.3.2使用Spry选项卡式面板250

10.3.3使用Spry折叠式面板251

10.3.4Spry可折叠面板252

10.3.5使用Spry菜单栏252

项目小结254

项目实训254

实训10.1利用表单制作个人简介页面254

实训10.2利用Spry验证表单制作个人注册页面254

实训10.3利用Spry页面布局构件制作页面导航255

项目11模板和库的应用及资源管理/256

任务11.1模板的应用256

11.1.1案例导入——制作“毕业生就业信息网”就业指导系列网页256

11.1.2认识模板256

11.1.3创建模板258

11.1.4定义模板区域259

11.1.5使用模板制作“毕业生就业信息网”就业指导系列网页262

11.1.6更新模板及模板的其他操作268

任务11.2定制库项目270

11.2.1案例导入——定制毕业生就业信息网的库项目270

11.2.2认识库270

11.2.3库项目的应用270

11.2.4定制毕业生就业信息网库项目272

任务11.3资源管理274

11.3.1资源类型274

11.3.2“资源”面板275

项目小结275

项目实训275

实训11.1为“中原在线”网站设计模板，并应用模板创建系列网页275

实训11.2自行设计创建所在院系网站275

项目12网站制作实例/277

任务12.1网站布局规划分析277

12.1.1案例导入——制作海南旅游网站277

12.1.2网页布局规划277

任务12.2制作主页279

12.2.1页面的全局布局279

12.2.2制作logo部分282

12.2.3制作上部导航栏282

12.2.4制作主体内容区284

12.2.5制作弹出式子菜单287

12.2.6制作图片循环播放效果288

12.2.7制作版权信息部分并使用分隔线289

任务12.3制作子页290

12.3.1进行页面的全局布局290

12.3.2布局主体内容区292

12.3.3制作主体内容区左侧图片链接292

12.3.4制作主体内容区右侧链接294

参考文献/296