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

第5章 项目实训 项目实训 在这部分我们从策划，设计到具体实现“宣传茶文化”网站来展示网站的具体开发、制作方法。希望能抛砖引玉，给读者以启示。 5.1开发第一步： 策划站点：包括需求分析，概要设计，详细设计。 项目策划：茶文化 项目准备： 中国是茶的故乡，也是茶文化的发源地。中国茶的发现和利用，在中国已有四五千年历史，且长盛不衰，传遍全球。现在制作一个宣传茶文化的网站，介绍关于茶道知识和各地茶风茶俗等信息。 5.1开发第一步：策划 策划如下： 项目的提出：lili作为一个茶文化爱好者，想请专业的网站开发公司开发一个宣传茶文化的网站，旨在普及茶道知识和各地茶风茶俗。 需求分析阶段：Lili经过与专业开发人士沟通，大致确定下来如下的策划书。 经过反复的斟酌，需求人员确定如下表所示的需求分析资料。 表5.1茶文化网站需求设计说明书 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.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\项目素材\蔬菜水果店)，制作一个蔬菜水果展示网站。 * * 主题： 茶文化。其中介绍了关于茶道知识和各地茶风茶俗等。 配色方案：以绿色为主。配有文字，图片，营造一种“清新、自然”的古风古韵风格。 首页的布局：首页分为四个部分。最上面有网站logo以及一个滚动字幕；接下来是导航条；导航条下面是首页的主体部分，在主体部分的侧面有一个侧边栏，设有到下一级的连接；最后就是最下面的版权说明部分。 创意：平日生活中，很多人都有饮茶的习惯，但是，很多人们对关于茶的文化却不是很了解。尤其是当日本的茶道远近闻名，但是作为茶的发源地的中国却对茶道等文化内涵不甚了解，通过这个平台让更多人了解茶的文化。 茶文化网站需求设计说明书 作者：刘敏娜 日期：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.引言 目的：为了将茶品文化的网站需求更加细化，特撰写此需求设计文档。