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

第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.使用我们提供的洛川苹果素材文件(book\项目素材\洛川苹果)，制作一个洛川苹果的网站，该网站旨在宣传洛川苹果，让更多的人了解这个品牌，关注这个品牌。2.使用我们提供的蔬菜水果店网站的素材文件(book\项目素材\蔬菜水果店)，制作一个蔬菜水果展示网站。