《Dreamweaver CS6网页设计与制作》第5章 项目实训 刘敏娜 主编.ppt

第5章项目实训 项目实训 在这部分我们从策划 设计到具体实现 宣传茶文化 网站来展示网站的具体开发 制作方法 希望能抛砖引玉 给读者以启示 5 1开发第一步 策划站点 包括需求分析 概要设计 详细设计 项目策划 茶文化项目准备 中国是茶的故乡 也是茶文化的发源地 中国茶的发现和利用 在中国已有四五千年历史 且长盛不衰 传遍全球 现在制作一个宣传茶文化的网站 介绍关于茶道知识和各地茶风茶俗等信息 5 1开发第一步 策划 策划如下 项目的提出 lili作为一个茶文化爱好者 想请专业的网站开发公司开发一个宣传茶文化的网站 旨在普及茶道知识和各地茶风茶俗 需求分析阶段 Lili经过与专业开发人士沟通 大致确定下来如下的策划书 主题 茶文化 其中介绍了关于茶道知识和各地茶风茶俗等 配色方案 以绿色为主 配有文字 图片 营造一种 清新 自然 的古风古韵风格 首页的布局 首页分为四个部分 最上面有网站logo以及一个滚动字幕 接下来是导航条 导航条下面是首页的主体部分 在主体部分的侧面有一个侧边栏 设有到下一级的连接 最后就是最下面的版权说明部分 创意 平日生活中 很多人都有饮茶的习惯 但是 很多人们对关于茶的文化却不是很了解 尤其是当日本的茶道远近闻名 但是作为茶的发源地的中国却对茶道等文化内涵不甚了解 通过这个平台让更多人了解茶的文化 经过反复的斟酌 需求人员确定如下表所示的需求分析资料 表5 1茶文化网站需求设计说明书 茶文化网站需求设计说明书作者 刘敏娜日期 2012 10 10目录1 引言1 1目的 为了更好的记录 分析用户提出的需求 同时指导编辑页面需求采集工作 1 2项目背景 本项目由lili提出 某某开发部门进行开发 1 3参考资料 无 2 技术概述2 1目标 使用静态网页技术将茶品文化网站做成具有友好 亲和力 易于访问 管理的系统 2 2硬件环境 采用用户目前已有的硬件环境 2 3软件环境 操作系统可以是windows linux 3 功能需求3 1功能划分 网站对用户提供的功能有茶史介绍 茶风茶俗普及 品茶论道 联系我们 3 2功能描述 茶史简介 通过从茶树起源 茶字演变 历代名茶 茶的传播这四个方面来介绍茶史 茶风茶俗 分为陕西茶俗 西湖茶俗 扬州茶俗 娄底茶俗这四个地域茶风介绍 品茶论道 从中华茶道 日本茶道开始介绍茶道文化的演变 联系我们 通过表单用户可以输入对网站的建议或者意见 4 性能需求3 1数据精确度 无 3 2时间特性 用户在5秒内可以打开网页 5 操作图 6 其他需求 色彩搭配以绿色为主 显得清新 自然 茶品文化网站页面需求设计说明书作者 刘敏娜日期 2012 10 12目录1 引言目的 为了将茶品文化的网站需求更加细化 特撰写此需求设计文档 2 首页页面样式 页面功能说明 首页制作本着将有特色的信息放在最醒目的位置 能展示网站的分类信息 页面链接说明 首页链接到网站首页 各个栏目链接到相应的栏目页面 3 茶风茶俗页面页面样式 页面功能说明 展示陕西 西湖 娄底 扬州等地的茶风 页面链接说明 通过导航条可以链接到其它栏目首页 4 茶史简介页面页面样式 页面样式与茶风茶俗页面的上部区域 下部区域类似 中间的主体区域不同 页面功能说明 展示茶树的起源 茶字演变 历代名茶 茶的传播历史 页面链接说明 通过导航条可以链接到其它栏目首页 5 品茶论道页面页面样式 页面样式与茶风茶俗页面的上部区域 下部区域类似 中间的主体区域不同 页面功能说明 对中国 日本 英国茶道进行介绍 另外增加了冲泡技术 茶道步骤 由茶品茗人生等知识 页面链接说明 通过导航条可以链接到其它栏目首页 6 联系我们页面页面样式 页面样式与茶风茶俗页面的上部区域 下部区域类似 中间的主体区域不同 页面功能说明 通过栏目中的表单采集用户对网站的建议 页面链接说明 通过导航条可以链接到其它栏目首页 7 其它要求 如用户对颜色的要求 布局的要求 见附录 徽标的要求等 5 1开发第一步 策划 概要设计阶段 由设计人员根据需求说明书确定网站的概要设计资料详细设计阶段 由设计人员根据需求说明书和概要说明书确定网站的详细设计资料 因为这个网站相对比较简单 所以页面详细设计主要把csqy html拿出来做详细说明 5 2开发第二步 制作网站 5 2 1项目1 首页制作任务1表格布局任务2设置 spry折叠式 面板 图首页预览效果图 5 2开发第二步 制作网站 5 2 1项目1 首页制作任务1表格布局任务2设置 spry折叠式 面板 5 2开发第二步 制作网站 5 2 2项目2 品茶论道 栏目首页制作制作此网页具体使用的元素有 模板 文本 图像 行为 样式 任务1栏目模板的制作任务2应用模板 图5 16品茶论道栏目页面效果图 5 2开发第二步 制作网站 5 2 3项目3 意见反馈 栏目的制作要用到的元素有 表单 样式 任务1应用栏目模板任务2插入表单 图意见反馈效果图 5 2 4项目4 茶史简介 栏目制作 任务新建网页并编辑 图预览效果图 5 2 5项目 二级栏目页面框架结构及茶树起源栏目制作 任务1建立框架结构任务2编辑右侧的茶树起源网页 图完成的效果图 5 2 6项目6 品茶论道栏目添加层和动作 任务1添加层 任务2添加时间轴行为 习题 综合练习 建议安排12个上机课时1 使用我们提供的洛