第1部分 Photoshop——网页界面设计 1
1.1 学习情境一 博客界面背景制作 1
1.1.1 任务一:新建网页文件 2
1.1.2 任务二:制作博客界面背景 5
1.1.3 任务三:保存博客界面文件 10
1.1.4 能力拓展 12
1.1.5 项目经验小结 18
1.2 学习情境二 网页Banner设计与制作 18
1.2.1 任务一:绘制Banner矢量图背景 19
1.2.2 任务二:合成Banner装饰图像 31
1.2.3 任务三:修饰Banner装饰图像 32
1.2.4 能力拓展 33
1.2.5 项目经验小结 35
1.3 学习情境三 网站导航设计与制作 36
1.3.1 任务一:制作网页导航 36
1.3.2 能力拓展 40
1.3.3 项目经验小结 41
1.4 学习情境四 网站首页内容区制作 41
1.4.1 任务一:制作网页栏目条 43
1.4.2 任务二:制作网页左侧和右侧“文章列表”版块 45
1.4.3 任务三:制作留言板栏目版块 50
1.4.4 能力拓展 50
1.4.5 项目经验小结 54
1.5 学习情境五 网站首页版权区制作 55
1.5.1 任务一:输入(导入)版权区内容 55
1.5.2 任务二:设计版权区内容效果 57
1.5.3 能力拓展 68
1.5.4 项目经验小结 76
1.6 学习情境六 网站频道页面制作 76
1.6.1 任务一:制作网站“我的日志”频道页面 77
1.6.2 任务二:制作网站“我的相册”频道页面 86
1.6.3 任务三:制作网站“我的资料”频道页面 94
1.6.4 任务四:制作网站“留言本”频道页面 100
1.6.5 能力拓展 107
1.6.6 项目经验小结 114
第2部分 Dreamweaver——网页制作 115
2.1 学习情境一 简单网页制作 115
2.1.1 任务一:搭建建设网站的基本工作环境 116
2.1.2 任务二:制作博客日志页面基本结构 123
2.1.3 任务三:制作博客首页 150
2.1.4 能力拓展 170
2.1.5 项目经验总结 175
2.2 学习情境二 交互式网页制作 175
2.2.1 任务一:制作博客留言页面基本结构 175
2.2.2 能力拓展 185
2.2.3 项目经验小结 187
2.3 学习情境三 层叠样式网页制作 187
2.3.1 任务一:制作首页样式 188
2.3.2 任务二:制作日志页面样式 200
2.3.3 任务三:制作留言页面样式 202
2.3.4 能力拓展 203
2.3.5 项目经验小结 209
2.4 制作学习情境四 简单特效网页 209
2.4.1 任务一:制作浮动广告图片网页 209
2.4.2 任务二:制作设为首页、加为收藏的网页效果 214
2.4.3 能力拓展 216
2.4.4 项目经验小结 219
第3部分 Flash——简单动画制作 220
3.1 学习情境一 制作基本的Flash矢量元素 220
3.1.1 任务一:Flash图形设计制作的知识准备 221
3.1.2 任务二:设计制作直线和曲线 224
3.1.3 任务三:设计制作立体几何图形(一) 225
3.1.4 任务三:设计制作立体几何图形(二) 226
3.1.5 能力拓展 227
3.1.6 项目经验小结 227
3.2 学习情境二 制作及编辑复杂矢量图形图标 227
3.2.1 任务一:设计制作矢量卡通表情 228
3.2.2 任务二:设计制作圆形水晶效果中国国旗图标 230
3.2.3 任务三:设计制作圆形水晶效果德国国旗图标 231
3.2.4 任务四:设计制作正方形水晶效果中国国旗图标 232
3.2.5 任务五:设计制作水晶效果水果图标 233
3.2.6 能力拓展 234
3.2.7 项目经验小结 235
3.3 学习情境三 设计制作形状动画、动作动画、逐帧动画、文字动画 235
3.3.1 任务一:设计制作基本的形状动画 236
3.3.2 任务二:使用元件设计制作基本的动作动画 237
3.3.3 任务三:设计制作基本的逐帧动画 246
3.3.4 任务四:设计制作基本的GIF图片动画 250
3.3.5 任务五:设计制作基本的文字动画 251
3.3.6 能力拓展 257
3.3.7 项目经验小结 258
3.4 学习情景四 设计制作引导线动画及遮罩动画 258
3.4.1 任务一:设计制作引导线动画 258
3.4.2 任务二:设计制作遮罩动画 261
3.4.3 任务三:设计制作复合型动画 263
3.4.4 能力拓展 265
3.4.5 项目经验小结 266
3.5 学习情境五 设计制作带按钮与交互功能的动画 268
3.5.1 任务一:制作简单的按钮 268
3.5.2 任务二:整合与影片发布 273
3.5.3 能力拓展 279
3.5.4 项目经验小结 280
第4部分 CMS——博客内容管理 281
4.1 学习情境一 CMS运行环境搭建 281
4.1.1 任务一:了解CMS系统 281
4.1.2 任务二:安装CMS系统 282
4.1.3 任务三:设置后台系统 286
4.1.4 任务四:栏目设置 287
4.1.5 能力拓展:配置IIS运行CMS 289
4.1.6 项目经验小结 296
4.2 学习情境二 套用博客首页 297
4.2.1 任务一:添加首页模板 297
4.2.2 任务二:设置导航条 300
4.2.3 任务三:使用标签制作 302
4.2.4 能力拓展:套用自己的博客首页 311
4.2.5 项目经验小结 311
4.3 学习情境三 套用博客列表页 311
4.3.1 任务一:套用博文列表页 311
4.3.2 任务二:套用个人相册列表页 319
4.3.3 能力拓展 322
4.3.4 项目经验小结 322
4.4 学习情境四 套用博客内容页 323
4.4.1 任务一:套用博文内容页 323
4.4.2 任务二:套用个人相册展示页 326
4.4.3 能力拓展 328
4.4.4 项目经验小结 328