网站建设完整案例

《网站建设完整案例》由会员上传分享，免费在线阅读，更多相关内容在学术论文-天天文库。

1、案例1：英语等级考试专题学习网站虽然每个Web站点在内容、规模、功能等方面都各有不同，但是有一个基本设计流程可以遵循。从国内的大的门户站点如搜狐、新浪到一个微不足道的个人主页，都要以基本相同的步骤来完成。首先是网站前期策划与内容组织（需求分析、风格定位、内容组织），然后效果图设计，网页编辑，动画设计，接下来是技术实现，最后是站点的发布与维护。这几个阶段完整地结合在一起，直到完成整个站点的工作，如图1-1所示。前期策划内容组织包括（需求分析、风格定位、内容组织）效果图设计网页编辑与动画设计动态编程或代码融合发布测试（域名空间）网站维护图

2、1-1网站的制作流程下面我们结合企业网站的开发工作过程对本项目进行阶段分析与演示。1.1英语等级考试专题学习网站前期策划与内容组织1.1.4网站需求分析要进行网站的整体设计，用户分析是第一步。众所周知，进行任务和用户分析，以及相关调研的必要性和重要性。用户是计算机资源、软件界面信息的使用者，由于目前计算机系统以及相关的信息技术应用范围很广，其用户范围也遍及各个领域。设计者必须了解各类用户的习惯、技能、知识和经验，以便预测不同类别的用户对网站界面有什么不同的需求与反映，为最终的设计提供依据和参考，使设计出的网站更适合于各类用户的使用。由

3、于用户具有知识、视听能力、智能、记忆能力、可学习性、动机、受训练程度不同，以及又有些用户有易遗忘、易出错等特性，使得对用户的分类、分析和设计变得更加复杂化。另外，为了设计友好而又人性化的界面，也必须考虑各类不同类型用户的人文因素。许多人不愿花费时间来完成这个阶段，因为认为他们没有必要，但是必须把初始计划加入工作过程中，否则到最后当进行到已经无法再做计划的时候，就要遇到巨大的麻烦。在一开始就进行合适的计划和组织是建立一个有效的站点最重要的工作步骤。英语等级考试专题学习网站旨在教学的改革创新、服务教学，利用网络平台构建39开放式学习方式：

4、所有教学资源可在网上浏览和下载，任何学生在任何时候、任何地方都能借助网络自主学习。英语等级考试专题学习网站的功能示意图如图1-2所示。公告与通知考试动态考试介绍与动态听力训练考试指南模拟试题经验交流单项训练模块友情链接计数器试题库英语等级考试专题学习网站的功能高分突破精选汇总成绩查询考试咨询考试论坛考试词汇网站辅助模块图1-2英语等级考试专题学习网站的功能示意图1.1.4风格定位首先要了解网站的类型，确定一个大致的风格走向，不同网站的风格肯定是不尽相同的，营造出各种类型的氛围，需要对各种行业有敏感的洞察力，如果设计者还不是很熟悉这个行

5、业，不知什么样的风格是适合它的，大致该用什么样的色调和笔触，那么花一定时间先做一些调查和学习是必要的。这样可以保证在设计者的脑海里有一个较为确定的概念，并不一定会马上或明显地显露到工作中去，但是必然会对设计者的工作产生专业的影响。英语等级考试专题学习网站是高校教育类网站，他的主要用户为青年学生，同时也是信息行业的网站，所以主色采用蓝色为主色调，因为蓝色具有清凉、自由的感觉，使人们容易联想到天空、海洋、科技，通过本站传达个使用的用户以轻松、愉快、舒适的感觉。391.1.4规划草图对于一般的网站来说，一个项目往往从一个简单的界面开始，但要

6、把所有的东西组织到一起并不是件容易的事情。首先，要先画一个站点的草图，勾画出所有客户想要看到的东西。然后，将它详细的描述交给美工人员，让他们知道在每一屏上都要显示那些内容。如图1-3所示的是本站的草图。网站Logo标志辅助导航模块公告与通知考试指南模拟试题版权信息课程动画展示考试介绍与动态经验交流　阅读训练听力训练完型、改错、翻译、简答写作训练图1-3英语等级考试专题学习网站的草图1.1.4规划站点结构站点结构将决定如何去引导浏览者在站点中漫游。要结构清晰、易于导航。网站结构就像人的骨骼，构筑起网站的整体框架，虽然表现形式各异，但让

7、人迷失终归不好，尤其是内容丰富的网站更应注意，如何合理地组织自己要发布的信息内容，以便浏览者能够快速、准确地检索到要找的内容，否则它就很难吸引浏览者。而且，这一步骤还将决定将要使用的命名规则。导航图和命名规则都是建立项目的主干。以后所有的工作都要由此展开。网站的目录是指建立网站时创建的目录。目录的结构是一个容易忽略的问题，大多数设计者都是未经规划、随意创建子目录。目录结构的好坏对浏览者来说并没有什么太大的感觉，但是对于站点本身的上传维护、内容未来的扩充和移植有着重要的影响。下面是建立目录结构的一些建议：l不要将所有文件都存放在根目录下

8、有人为了方便，将所有文件都放在根目录下。这样造成的不利影响在于：首先，文件管理混乱。常常搞不清哪些文件需要编辑和更新，哪些无用的文件可以删除，哪些是相关联的文件，最终影响工作效率。39其次，上传速度慢。服务器一般都会为根