图书目录

项目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<div>标签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