2012年5月
《动态网页制作》课程组提供
随着Internet的发展，网站的作用越来越重要，网站和传统媒体的不同就在于交互性，留言板是Internet上最常见的一种在线互动服务，也是最典型的交互式网页。留言板是用户之间互通信息、相互交流的平台，通常访问者可以在留言板上发表留言，访问者留言越多，网站内容越丰富，同时也会吸引更多的访问者前来参与活动。留言板作为网站交流互动的中心，对企业与客户交流、企业网络营销、企业网站推广起到至关重要的作用。
留言板系统开发主要分为前台和后台两部分，本项目主要是进行前台开发。前台开发是利用客户端开发技术来完成的，主要职责是通过进行网站VI设计、样式设计、特效设计等来完成网站网页设计与制作。。
本项目通过XHTML语言和客户端脚本等客户端开发技术，完成留言板系统网页设计，为PHP应用程序开发打下良好的项目开发基础。
2.1项目准备
每个项目阶段通常都规定了一系列工作任务，设定这些工作任务使得管理控制能达到既定的水平。本项目准备阶段主要工作任务是了解项目背景、进行调研、组织活动（报告会、交流会、项目队伍培训）等，为建立富有思想力和执行力的项目组织和项目启动做准备。
圆极化天线
本项目中的队伍培训主要是让参与项目开发人员重点掌握HTML基础、XHTML代码规范、XHTML常用标记以及CSS样式表等必备知识，为后期的项目开发提供知识积累，为下一步工作做好铺垫。在培训互动过程中，强化项目开发人员的信心。
2.2项目分析
项目分析是项目开发过程中最为重要的一环。主要从当前市场需求、研究背景、客户需求及可行性等
多方面进行的分析和研究，需求分析和项目计划书均在此阶段形成。明确了要做的工作，指明了项目开发的方向，是进行项目开发的重要依据。
2.2.1项目背景
留言板是Internet上最常见的一种在线互动服务，随着网站的发展，留言板在网站中的重要性越来越突出。留言板现在有很多形式，有留言直接显示在留言板的、有管理回复之后才会出现的、有管理员审核之后才能出现的。经调研分析，从科学性、安全性、信息的有效性等方面考查和论证，结果表明用户留言，在管理员审核通过后方可在前台页面上显示更加科学有效，这样能够提高信息的可信度。 本项目是应某某公司要求，本工作室承接了该二次开发项目中的留言板项目，搭建公司与客户间的网络平台，解决公司的燃眉之急。
2.2.2需求分析
目前互联网上许多网站都具有留言板模块，具有留言功能，很好地解决了网站与用户的交流目的。因此本项目应具有以下要求：
采光天窗（1）开发项目以“留言板系统”为名称，主要内容包括：查看留言、我要留言、留言管理。
（2）页面宽度自定，参考分辨率为1024*768。
（3）各页面均要有标题、版权提示，页面中不得包含违法内容、不健康内容。
（4）网站各板块均要结构清晰、规范；彩使用搭配合理、美观。
（5）查看留言页面。能分页显示用户留言信息，主要包括留言主题、留言内容、回复内容、留言者名称、用户头像、留言时间以及用户一些其他的状态信息，例如，留言IP、用户主页、等信息。
（6）用户发表留言页面。要以表单的形式呈现，主要包括留言昵称、留言标题、、留言QQ、电话、来自哪里、选择头像、留言表情、留言内容等元素。
（7）用户登录页面。以表单的形式展现，能提供用户名和密码等元素。
（8）后台管理页面。以框架（2行2列）的形式展现，便于操作管理。
2.2.3项目计划书
根据《GB8567－88计算机软件产品开发文件编制指南》中的项目开发计划要求，结合单位实际情况，设计项目计划书如下：
1．引言
（1）编写目的
英姿带为了保证项目开发人员按时保质地完成预定目标，更好地了解项目实际情况，按照合理的顺序开展工作，现以书面的形式将项目开发生命周期中的项目任务范围、项目团队组织结构、团队成员的工作责任、团队内外沟通协作方式、开发进度、检查项目工作等内容描述出来，作为项目相关人员之间的共识和约定、项目生命周期内的所有项目活动的行动基础。
（2）背景荧光灯支架
留言板系统网页设计就是通常说的前台制作，在网站设计公司一般是由网站美工来完成效果图制作，然后再根据效果图完成网页制作。在这里是教师指导，由学生完成美工的工作，项目周期为10天。项目背景规划，如表2.1所示。
表2.1 项目背景规划
2．概述
（1）项目目标
本项目开发主要针留言板系统的前台制作部分，为后续的程序开发提供页面基础性服务，直接决定留言板系统的整体视觉效果。整个项目需要在10天的时间内交付给程序员使用。
（2）产品目标
网站各页面均要结构清晰、规范，彩使用搭配合理、美观，符合用户的需求。主要使用XHTML、CSS等技术完成所有网页的制作。
（3）应交付成果
在项目完后，交付内容为“查看留言”、“我要留言”、“留言管理”等多个页面源码及相应素材。
（4）项目开发环境
操作系统为Windows XP，使用集成开发工具Adobe Dreamweaver，项目运行环境为IE 等浏览器。
（5）项目验收方式与依据
开关信号项目验收分为内部验收和外部验收两种方式。在项目开发完成后，首先进行内部验收，由测试人员根
据用户需求和项目目标进行验收。项目在通过内部验收后，交给客户进行验收，验收的主要依据为所有网页是否达到客户预期的制作效果。
3．项目团队组织
（1）组织结构
为了完成在留言板系统网页设计的项目开发，组建了一个临时的项目团队，由副经理（教师）、项目经理、网页设计师（美工）构成，如图2.1所示。
图2.1 项目团队组织结构
（2）人员分工
为了明确项目团队中每个人的任务分工，现制定人员分工表，如表2.2所示。
表2.2 人员分工
2.3项目设计
本阶段主要工作任务是在项目分析阶段的基础上，经过网页设计人员的研讨，形成网站的整体设计方
案（草图）。可视化设计方案（草图）的产生，可以帮助设计者解释其对设计目标的设计看法，也是设计团队间最佳的沟通介质。
本阶段的主要阶段成果为项目设计方案（说明书）。本阶段的组织活动可采取项目设计报告会、设计大赛等形式来激励设计者设计出更好的作品。
2.3.1设计目标
根据客户的需求分析，结合目前互联网上留言板系统的基本功能和页面设计，特制定以下设计目标：
（1）页面设计要依据客户需求，严格按照XHTML规范设计。
（2）页面颜搭配合理，风格统一，效果好。交通事故现场图
（3）页面布局合理，层次清晰，便于程序开发人员修改。
（4）文件、文件夹、样式表、XHTML元素命名规划，见名知义。
（5）文件结构、页面结构清晰、规范。
2.3.2业务流程图
由于留言板系统包括两种操作用户：管理员和普通用户。因此从两个用户角度分析业务流程。管理员用户成功登录后，进入后台管理界面，实现对留言的相关管理操作；普通用户从留言板主页进入，可以发布留言和查看留言。由于本项目主要是前台页面的实现，后台功能业务流程在第4章讨论。本项目业务流程图，如图2.2所示。
图2.2 业务流程图
2.3.3网页效果图
1．留言板主页面
留言板主页面是网络用户访问留言板系统遇到的第一个网页，从这个页面可以跳转到我要留言页面、查看留言页面和留言管理页面，主页页面效果，如图2.3所示。
图2.3 留言板主页面
2．查看留言页面
查看留言页面能分页显示用户留言信息，主要包括留言主题、留言内容、回复内容、留言者名称、用户头像、留言时间以及用户一些其他的状态信息，例如，留言IP、用户主页、等信息，如图2.4所示。
豫公网安备41160202000603
站长QQ:729038198
关于我们
投诉建议