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