项目1 网页设计基础 1
任务1.1 认识网页 1
1.1.1 网页的分类 2
1.1.2 网页设计常用术语 2
1.1.3 网站开发流程 5
任务1.2 了解HTML 5
1.2.1 什么是HTML 5
1.2.2 用HTML编写自己的第一个网页 6
1.2.3 HTML中的常用标签符号 7
任务1.3 Dreamweaver CS5的安装与使用 11
1.3.1 安装Dreamweaver CS5 12
1.3.2 使用Dreamweaver CS5 16
1.3.3 用Dreamweaver CS5建立一个网页 16
项目小结 20
项目实训 21
实训1.1 用HTML建立欢迎页面 21
实训1.2 用Dreamweaver CS5建立欢迎页面 21
项目2 建立及管理网站 22
任务2.1 在计算机上建立本地网站 22
2.1.1 建立“我的第一个网站” 23
2.1.2 本地站点的管理 24
2.1.3 管理和编辑本地站点文件 27
任务2.2 发布网站 28
2.2.1 网站空间 28
2.2.2 设置远程服务器 30
2.2.3 上传网站 32
任务2.3 网站的更新和维护 33
2.3.1 本地和远程文件夹的结构 33
2.3.2 下载站点中的文件 33
2.3.3 本地文件和远程文件的同步 34
项目小结 35
项目实训 35
实训2.1 为站点申请空间 35
实训2.2 建立并上传网站“我的家” 35
项目3 向网页中添加各种元素 36
任务3.1 向网页中添加文本 36
3.1.1 案例导入——建立“班级简介”网页 36
3.1.2 在Dreamweaver中创建普通文本 37
3.1.3 一些特殊文本的输入 40
3.1.4 文本的常用格式设置 41
3.1.5 观察文本对应的代码 42
任务3.2 向网页中添加图像 43
3.2.1 案例导入——建立“汽车之家”网页 43
3.2.2 网页中常用的图像格式 44
3.2.3 插入图像 44
3.2.4 给图像描边 46
3.2.5 给无法显示的图像加注释 47
3.2.6 图像的编辑 47
3.2.7 图文混排 49
3.2.8 观察图像对应的代码 50
任务3.3 向网页中添加声音 50
3.3.1 案例导入——建立“音乐播放”网站 51
3.3.2 向网页中插入可控制播放的声音 51
3.3.3 在网页中应用背景声音 54
任务3.4 向网页中添加视频 56
3.4.1 案例导入——建立“视频播放”网页 56
3.4.2 向网页中添加Flash动画 56
3.4.3 向网页中添加FLV视频 60
3.4.4 向网页中添加其他视频文件 60
3.4.5 观察各种插入视频的方法对应的代码 62
项目小结 62
项目实训 62
实训3.1 建立文字编辑网页 63
实训3.2 建立“香香美食”网 64
项目4实现网页的超级链接 65
任务4.1 认识超级链接 65
4.1.1 超级链接的分类 65
4.1.2 超级链接的路径 66
任务4.2 创建内部超级链接 67
4.2.1 案例导入——设置“九寨沟四季”系列页面的内部超级链接 67
4.2.2 创建文字超级链接 67
4.2.3 创建图像超级链接 68
4.2.4 鼠标经过图像链接 70
4.2.5 观察链接对应的代码 72
4.2.6 设置“九寨沟四季”系列页面的内部超级链接 73
任务4.3 创建锚记链接 75
4.3.1 案例导入——设置“插花艺术”网页的锚记链接 75
4.3.2 创建命名锚记 75
4.3.3 链接到命名锚记 75
4.3.4 创建虚链接 75
4.3.5 观察锚记链接对应的代码 76
4.3.6 设置“插花艺术”网页的锚记链接 76
任务4.4 创建其他超级链接 78
4.4.1 案例导入——向“九寨沟四季”网页添加超级链接 78
4.4.2 创建外部超级链接 78
4.4.3 创建E-ma链接 78
4.4.4 创建下载文件超级链接 79
4.4.5 创建脚本链接 79
4.4.6 为“九寨沟四季”网页添加外部和电子邮件等链接 80
任务4.5 编辑超级链接 81
4.5.1 设置超级链接的外观 81
4.5.2 删除超级链接 82
项目小结 82
项目实训 83
实训4.1 制作“犬类美容”网页的导航条 83
实训4.2 制作“黄山四绝”系列页面 83
项目5 用表格布局页面 84
任务5.1 表格的基本操作 84
5.1.1 案例导入——制作“全球经典电影TOP 10”网页 84
5.1.2 创建表格 85
5.1.3 调整表格的结构 86
5.1.4 表格输入内容 89
5.1.5 利用“属性”面板设置表格的外观效果 90
5.1.6 观察表格对应的代码 91
5.1.7 制作“全球经典电影TOP 10”网页 91
任务5.2 表格中数据处理 93
5.2.1 案例导入——制作“各专业毕业生人数统计”网页 93
5.2.2 数据的导入与导出 93
5.2.3 数据的排序 96
5.2.4 制作“各专业毕业生人数统计”网页 98
任务5.3 使用表格布局网页 102
5.3.1 案例导入——制作“毕业生就业信息网”首页 102
5.3.2 嵌套表格 102
5.3.3 表格制作技巧 103
5.3.4 表格布局网页的设计要点 105
5.3.5 制作“毕业生就业信息网”首页 106
项目小结 110
项目实训 110
实训5.1 制作“信息工程系图形图像11—2班课程表”网页 110
实训5.2 制作“花影袭人”网站中“菊花简介”的网页 111
实训5.3 制作“信息工程系教学评估网”首页 111
项目6 用框架布局页面 113
任务6.1 创建框架网页 113
6.1.1 案例导入——制作“信息工程系课程表”网页 113
6.1.2 认识框架网页 114
6.1.3 创建框架网页 114
6.1.4 保存框架网页 116
6.1.5 观察框架集文件对应的代码 119
6.1.6 制作“信息工程系课程表”框架网页 119
任务6.2 框架和框架集的基本操作 122
6.2.1 案例导入——制作“花卉护理——牡丹”网页 122
6.2.2 选择框架和框架集 123
6.2.3 编辑框架集的属性 123
6.2.4 编辑框架的属性 124
6.2.5 调整框架的大小 125
6.2.6 删除框架 125
6.2.7 制作“花卉护理——牡丹”网页 125
任务6.3 设置框架网页的链接 128
6.3.1 框架内的链接 128
6.3.2 关键字的链接 130
项目小结 131
项目实训 131
实训6.1 用框架技术制作“暗香盈袖”网站系列页面 131
实训6.2 用框架技术制作“心情驿站”个人博客的首页 132
项目7 用CSS美化网页 134
任务7.1 认识CSS 134
7.1.1 案例导入——对“影迷俱乐部”网站中的网页应用CSS 134
7.1.2 打开“新建CSS规则”的几种方法 137
7.1.3 CSS常用属性 138
任务7.2 建立和管理CSS样式 143
7.2.1 建立可应用于任何HTML元素的CSS样式 144
7.2.2 建立应用于一个HTML元素的CSS样式 145
7.2.3 建立应用于指定标签的CSS样式 147
7.2.4 建立应用于指定范围内标签的CSS样式 149
7.2.5 建立应用于多个标签的CSS样式 151
7.2.6 建立定义超级链接的CSS样式 153
7.2.7 观察CSS样式对应的代码 155
7.2.8 用“CSS样式”面板管理CSS样式 157
任务7.3 建立并应用外部CSS样式 158
7.3.1 建立外部CSS样式定义页面文字和背景 159
7.3.2 在一个网页中应用已建好的外部样式 162
任务7.4 CSS常见应用 163
7.4.1 用CSS控制段落样式 163
7.4.2 用CSS控制图片样式 164
7.4.3 用CSS控制背景图片的样式 167
7.4.4 用CSS美化列表 168
7.4.5 应用CSS滤镜 169
项目小结 171
项目实训 172
实训7.1 为“影迷俱乐部”网站中的网页设置格式 172
实训7.2 设置“茶文化”网页 172
实训7.3 设置“新闻公告”网页 173
项目8 用CSS+Div布局页面 174
任务8.1 认识Div与CSS盒模型 174
8.1.1 Div标签 174
8.1.2 CSS盒模型 176
任务8.2 应用CSS实现定位 180
8.2.1 CSS的定位方式 180
8.2.2 相对定位 181
8.2.3 绝对定位 182
8.2.4 固定定位 184
8.2.5 浮动 185
8.2.6 清除浮动 186
任务8.3 CSS+Div布局实例 188
8.3.1 案例导入——个人博客页面 188
8.3.2 用CSS+Div布局网页的步骤 188
8.3.3 用CSS+Div布局个人博客网页 190
项目小结 199
项目实训 199
实训8.1 了解DreammweaverCS5中的预设布局 199
实训8.2 用CSS+Div布局“园林设计”网页 199
项目9 向网页添加行为 201
任务9.1 了解行为 201
9.1.1 认识行为 202
9.1.2 附加行为 202
任务9.2 使用DreamweaverCS5内置的行为 204
9.2.1 用“行为”面板实现交换图像行为 204
9.2.2 制作页面打开时弹出广告信息 205
9.2.3 制作打开浏览器窗口 206
9.2.4 制作可移动的面板 207
9.2.5 下拉菜单的制作 208
9.2.6 为元素添加特殊的动画效果 210
任务9.3 JavaScript行为的应用 211
9.3.1 认识JavaScript 211
9.3.2 调用JavaScript 211
9.3.3 单击按钮背景颜色变换 212
9.3.4 添加到收藏夹和设为首页 214
9.3.5 制作滚动文字 215
9.3.6 实现鼠标跟随特效 216
9.3.7 实现悬浮广告特效 220
9.3.8 滚动图片特效 221
项目小结 223
项目实训 223
实训9.1 制作下拉菜单 223
实训9.2 实现JavaScript特效 223
实训9.3 给校园新闻网添加行为 224
项目1 O 表单和Spry构件 225
任务10.1 认识表单 225
10.1.1 案例导入——制作会员登记表 225
10.1.2 表单的组成 225
10.1.3 创建表单域 226
任务10.2 表单对象 228
10.2.1 插入表单对象的方法 228
10.2.2 文本域 228
10.2.3 按钮 230
10.2.4 复选框 230
10.2.5 单选按钮 232
10.2.6 列表／菜单 233
10.2.7 跳转菜单 234
10.2.8 文件域 235
10.2.9 图像域 235
10.2.1 0制作会员登记表 236
任务10.3 Spry框架 238
10.3.1 案例导入——制作“中原在线注册”页面 238
10.3.2 认识Spry构件 239
10.3.3 验证文本域构件 239
10.3.4 验证文本区域构件 242
10.3.5 验证复选框构件 243
10.3.6 验证选择构件 244
10.3.7 验证密码构件 245
10.3.8 验证确认构件 245
10.3.9 用Spry验证构件制作“中原在线注册”页面 246
项目小结 248
项目实训 248
实训10.1 利用表单制作个人简介页面 248
实训10.2 利用Spry验证表单制作个人注册页面 249
项目11 制作网站模板并使用模板创建网页 250
任务11.1 了解DreamweaverCS5模板 250
任务11.2 模板区域的类型 251
11.2.1 认识模板区域 251
11.2.2 模板区域的3种类型 251
任务11.3 模板的使用 251
11.3.1 案例导入——通过模板创建“中原在线”网站 251
11.3.2 创建“中原在线”模板 252
11.3.3 使用模板创建“中原在线”子页面 254
任务11.4 更新模板 257
项目小结 258
项目实训 258
实训11.1 修改模板导航条 258
实训11.2 创建院系网页模板，并创建院系网站 259
项目12 网站制作实例 260
任务12.1 网站布局规划分析 260
12.1.1 案例导入——制作“海南旅游”网站 260
12.1.2 网页布局规划 260
任务12.2 制作主页 263
12.2.1 页面的全局布局 263
12.2.2 制作logo部分 265
12.2.3 制作上部导航栏 266
12.2.4 制作主体内容区 268
12.2.5 制作弹出式子菜单 272
12.2.6 制作图片循环播放效果 274
12.2.7 制作版权信息部分并使用分隔线 275
任务12.3 制作子页 276
12.3.1 进行页面的全局布局 276
12.3.2 布局主体内容区 277
12.3.3 制作主体内容区左侧图片链接 278
12.3.4 制作主体内容区右侧图片链接 281
项目小结 282
项目实训 282
实训 完成本项目网页的制作 282
参考文献 283