网站的规划及设计.docxVIP

网站的规划与设计 [ 日期： 2010-03-07] 来源： 莞中学 作者： [ 字体： ] 学 目的： 了解开 网站的意 和作用。了解开 网站的基本 程。掌握网站 划和 的 程和方法。 学 重 点 ：网站 划和 教学方式： 老 解、引 ；学生通 欣 作品、聆听 解来感受和理解，并 手 践 。 学 内容： 一、网站的 用 如今， 网站已 广泛 用到社会的各行各 ，渗透到各个 域。 如政府部 借助网站提供政策咨 ， 布政 信息，沟通社情民意；公司企 借助网站 立企 形象，推广企 品， 找合作伙伴；各种服 机构借助网站提供新 、教育、 、旅游等各 服 。 那我 可以借助网站来做什么呢？ 宣 班 、学校形象； 展示学 成果； 开展研究性学 ； 交志趣相投的朋友； ?? 先 我 一起来欣 几个 秀网站吧： 2005 年“全国中小学 制作活 ”高中 网 制作 作品： —— —— —— ◎ 我校优秀班级主页： ◎ 其他优秀网站欣赏： 二、开发网站的基本过程 开发网站的目的不同， 其内容和表现的形式也就不同，但基本过程是相同的。 从系统设计的观点来看，一般开发网站的基本过程经历五个阶段： 三、网站的规划 1、什么是网站的规划 在互联网中，网站成千上万，浏览者常常是走马观花，一带而过，只有精彩、内容极其丰富的网站，能吸引住浏览者。这种结果首先要归功于网站的规划和设计者。独具匠心的网站规划设计就象一幢宏伟的建筑前期的规划设计一样，要进行认真、科学总体规划，之后才可以“破土动工”。网站规划主要有两大部分： 规划涉及的内容 ，包括每一步的目标、内容；每一步的人力安排；每一步生成的文档。 ( 2) 网站的要素 ，包括网站的内容、网站的功能和网站的表现形式。 2、网站规划设计的基本原则 明确建设网站的目的 建立网站之前，要有明确的目的，即所要建立的网站的作用是什么，服务的对象是那些群体，要为浏 览者提供怎样的服务。有只有找准了网站的定位，才可能建成一个成功的网站。 进行可行性分析 可行性分析就是分析是否有能力有财力建设和维护这个网站； 分析网站建立以后是否有一定的经济效 益或社会效益；分析网站建设需要花费多少时间、精力、人力，性价比是否合算。 网站的内容设计 建设网站就是要为用户服务的，根据网站建设的目的，分析浏览者的需求，确定网站的内容。比如一 个电子商务网站，就要根据消费者的需求、购买力、购买习惯等要素设计网站每个网页的功能，以满足客 户的需要。 (4) 网站的表现形式设计 有了好的内容，还要有好的表现形式，这就是网站本身的设计比如设计网站的  CI  标志、网站的文字 排版、平面设计、三维立体设计、静态无声图文、动态有声影像等。 3、网站主题的确定 网站的选题，就是要根据网站的开发目标和访问网站的用户群，确立网站的主题，并给网站 起一个简 练响亮的名字 ，一个好的网站名称可以给一个网站起到画龙点睛的作用。 网站名称的确定需要切题， 一个好的网站名称可以朴实的或者是想象力丰富的、 容易引起联想的， 要 避免使用过于生僻难懂的词汇。一个别具一格、琅琅上口的网站名称能令人印象深刻，不但能让用户了角 网站的主题内容，而且还能吸引更多的浏览者。 4、网站运行环境的确定 我校的校园网提供了高带宽、平稳的网站运行环境，为同学们提供存放网站的磁盘空间。同学们可以 “信息技术教学网”的“个人空间”处申请个人空间，做好网站后再用 FTP软件将网站上传到个人空间处，然后再申请开通外部链接，管理员审批之后，大家就可以欣赏到你的网站了。 5、网页制作工具的选择 制作网站的软件有很多，常见易学的制作软件有 Frontpage 和 Dreamweaver。当然要让网页有好的视 觉效果，还必须要有图像处理软件来对图片进行处理，如 Photoshop 、Fireworks ；如果还需要动画效果，还需要运用动画制作软件，如 Flash 、Gif 动画制作软件等。 6、网站开发任务的管理 要让网站顺利、 高效地完成开发和设计，还必须要有详细的 任务分工和时间安排 。要协作完成任务时，各小组成员除相互协作之外还要有明确的任务分工，做到“专司其责，各尽其能，分工协作，顾全大局”。 在网站规划中，还应对需要完成工作的时间进行安排，然后严格按照来开展工作。 四、网站设计 网站设计的目的在于把需要表达的信息以恰当的方式组织并呈现在网上，设法吸引人们的关注，并为 浏览者提供方便的访问。网站设计一般包括 网站栏目结构设计 、网页版面设计 、网页的链接设计 （导航设计）等。 请同学们再看看本课开头提供的几个优秀网站，并思考以下几个问题： 1）这些网站是怎样围绕主题展现内容的？ 2）这些网站提供了哪些栏目及功能？ 3）网站的链接有哪些特色，是否便捷？ 4）网站主页的布局