网站前台设计 项目化教学实施案例PDF电子书下载

0 引言 1

0.1 职业领域描述 1

0.1.1 公司概况 1

0.1.2 项目概况 1

0.1.3 开发流程 1

0.1.4 人员结构 1

0.1.5 文档模板及质量规范 2

0.1.6 其他说明 2

0.2 学习领域描述 3

0.2.1 课程教学目的 3

0.2.2 课程能力目标 3

0.2.3 课程知识目标 3

0.2.4 课程素质目标 3

项目1 科创资讯网站首页设计 5

任务1 项目分析 5

1.1 项目分析流程 6

1.1.1 网站策划 6

1.1.2 确定网站结构 7

1.1.3 制定网站的规范 9

1.2 任务结果展示 11

1.2.1 科创资讯网布局草图 11

1.2.2 科创资讯网色彩与素材运用 11

1.2.3 科创资讯网网站结构 12

1.2.4 科创资讯网目录结构及命名参考 12

1.3 任务完成情况评估 13

1.3.1 从专业技能方面考核 13

1.3.2 从职业素质方面考核 13

1.4 知识梳理 13

1.4.1 知识导航 13

1.4.2 网站分类 14

1.4.3 网站色彩搭配 16

1.4.4 网站策划六要素 17

任务2 设计网页界面 19

2.1 任务分析 20

2.2 任务实施 20

2.2.1 新建文件并分割页面 20

2.2.2 网站标志和信息发布区域设计 22

2.2.3 切割网页主模板图像 30

2.3 任务结果展示 32

2.4 任务完成情况评估 33

2.4.1 从专业技能方面考核 33

2.4.2 从职业素质方面考核 33

2.5 知识梳理 34

2.5.1 知识导航 34

2.5.2 新建文件设置 34

2.5.3 形状工具 35

2.5.4 剪贴蒙版 36

2.5.5 图层样式 38

2.5.6 网页的切片 42

任务3 制作导航条动画 43

3.1 任务分析 43

3.2 任务实施 44

3.2.1 导航条按钮制作过程 44

3.2.2 导航条菜单制作过程 49

3.3 任务结果展示 56

3.4 任务完成情况评估 56

3.4.1 从专业技能方面考核 56

3.4.2 从职业素质方面考核 56

3.5 知识梳理 56

3.5.1 知识导航 56

3.5.2 导航菜单制作概述 56

3.5.3 元件、实例和库 58

任务4 网站前台页面制作 62

4.1 任务分析 62

4.2 任务实施 63

4.2.1 定义本地站点 63

4.2.2 插入导航条及文字内容 63

4.3 任务结果展示 68

4.4 任务完成情况评估 69

4.4.1 从专业技能方面考核 69

4.4.2 从职业素质方面考核 69

4.5 知识梳理 69

4.5.1 知识导航 69

4.5.2 Dreamweaver软件操作界面 70

4.5.3 制作简单网页 72

项目2 规划展览馆全景展示网站前台设计 79

任务5 项目需求分析 79

5.1 项目需求分析流程 80

5.1.1 客户需求分析 80

5.1.2 项目建设方案 81

5.1.3 项目实施工作计划 83

5.2 任务成果展示 87

5.2.1 客户需求分析表 87

5.2.2 项目建设方案 87

5.2.3 网站建设协议书 87

5.2.4 项目进度计划 87

5.3 任务完成情况评估 87

5.3.1 从专业技能方面考核 87

5.3.2 从职业素质方面考核 87

5.4 知识梳理 87

5.4.1 知识导航 87

5.4.2 项目需求分析 88

5.4.3 签订项目开发协议 89

5.4.4 网站计划 89

任务6 全景漫游展示效果设计 93

6.1 任务分析 94

6.1.1 全景照片拍摄阶段 94

6.1.2 全景漫游制作阶段 94

6.2 任务实施 94

6.2.1 全景图片拍摄 94

6.2.2 全景图片拼接 100

6.2.3 皮肤制作 109

6.2.4 漫游制作 113

6.3 任务结果展示 121

6.4 任务完成情况评估 122

6.4.1 从专业技能方面考核 122

6.4.2 从职业素质方面考核 122

6.5 知识梳理 122

6.5.1 知识导航 122

6.5.2 全景漫游展示技术 124

6.5.3 全景漫游制作软件“造景师”、“漫游大师”简介 124

任务7 网站前台页面设计 126

7.1 界面设计与布局分析 127

7.1.1 栏目规划 127

7.1.2 网页动画设计 127

7.2 任务实施 127

7.2.1 搜集制作素材 127

7.2.2 页面设计 128

7.2.3 生成网站首页面 131

7.2.4 站点的建立与管理 134

7.2.5 规范化网页素材 138

7.3 任务结果展示 144

7.4 工作完成情况评估 144

7.4.1 从专业技能方面考核 145

7.4.2 从职业素质方面考核 145

7.5 知识梳理 145

7.5.1 知识导航 145

7.5.2 基本概念 145

7.5.3 CSS样式分类 146

7.5.4 附加样式表的方法 146

7.5.5 创建新的样式表 147

7.5.6 将类样式应用到文本 147

任务8 网页动态特效设计 148

8.1 任务分析 149

8.2 任务实施 149

8.2.1 网页动态特效参考资源 149

8.2.2 网页动态特效的类型 149

8.2.3 网页动态特效设计 156

8.3 任务结果展示 160

8.3.1 导航条图像翻转效果 160

8.3.2 “跑马灯”效果 160

8.4 任务完成情况评估 160

8.4.1 从专业技能方面考核 160

8.4.2 从职业素质方面考核 160

8.5 知识梳理 160

8.5.1 知识导航 160

8.5.2 图层的应用 161

8.5.3 行为面板的应用 163

任务9 网站FLASH动画制作 169

9.1 任务分析 170

9.1.1 引导页面设计要求 170

9.1.2 引导页面设计思路 170

9.2 任务实施 170

9.2.1 搜集制作素材 170

9.2.2 引导页面设计 170

9.2.3 网页Banner条设计 179

9.3 任务结果展示 180

9.3.1 引导页面设计效果 180

9.3.2 Banner条最终设计效果 180

9.4 任务完成情况评估 180

9.4.1 从专业技能方面考核 180

9.4.2 从职业素质方面考核 181

9.5 知识梳理 181

9.5.1 知识导航 181

9.5.2 补间动画的设置 181

9.5.3 Banner条设计规范 181

任务10 网站模块化设计 183

10.1 任务分析 184

10.2 任务实施 184

10.2.1 批量设计网页 184

10.2.2 模板更新 189

10.3 任务结果展示 190

10.4 任务完成情况评估 191

10.4.1 从专业技能方面考核 192

10.4.2 从职业素质方面考核 192

10.5 知识梳理 192

10.5.1 知识导航 192

10.5.2 模板 192

10.5.3 库 194

任务11 网页交互设计 197

11.1 任务分析 198

11.2 任务实施 198

11.2.1 表单工作过程 198

11.2.2 制作表单页面 199

11.3 任务结果显示 209

11.4 任务完成情况评估 209

11.4.1 从专业技能方面考核 210

11.4.2 从职业素质方面考核 210

11.5 知识梳理 210

11.5.1 知识导航 210

11.5.2 表单概述 210

11.5.3 创建表单 211

11.5.4 设置表单对象属性 212

任务12 网站测试、发布与推广 215

12.1 任务分析 216

12.2 任务实施 216

12.2.1 站点测试 216

12.2.2 发布站点 218

12.2.3 网站推广 219

12.3 任务结果展示 220

12.4 任务完成情况评估 221

12.4.1 从专业技能方面考核 221

12.4.2 从职业素质方面考核 221

12.5 知识梳理 221

12.5.1 知识导航 221

12.5.2 网站测试 222

12.5.3 网站发布 223

12.5.4 网站更新 224

参考文献 226