网站内容规划(东莞事业单位面试：网站的规划与设计（一）)

　　网站内容规划(东莞事业单位面试：网站的规划与设计（一）)

　　网站的规划设计

　　[日期：2010-03-07] 来源：东莞中学 作者：[字体：] 学习目的：了解开发网站的意义和作用。了解开发网站的基本流程。掌握网站规划设计流程和方法。苦学难学：网站规划设计

　　教学方法：教师讲解指导；学生通过欣赏作品、听解说和练习来感受和理解。

　　学习内容：

　　一、网站的应用

　　如今，网站已经广泛应用于各行各业，渗透到各个领域。例如，政府部门利用网站提供政策建议、发布政府信息、交流社会状况和舆论；企业利用网站树立企业形象，推广企业产品，寻找合作伙*敏*感*词*等服务。

　　那么我们可以用 网站 做什么呢？

　　- 提升班级和学校的形象；

　　- 展示学习成果；

　　- 进行研究；

　　——结交志同道合的朋友；

　　--……

　　让我们先欣赏几个优秀的网站：

　　◎ 2005年“全国中小学计算机制作活动”高中组网页制作获奖作品：

　　——

　　

　　——

　　

　　

　　◎ 我们优秀班的主页：

　　◎ 其他优秀网站欣赏：

　　二、开发网站的基本流程

　　开发网站的目的不同，其内容和表达形式也不同，但基本流程是一样的。从系统设计的角度来看，开发网站的基本过程一般会经历五个阶段：

　　

　　三、网站 规划

　　1、网站的计划是什么

　　在网络上，有成千上万的网站，而观众往往持怀疑态度，擦肩而过。只有精彩绝伦的网站才能吸引观众。这个结果首先要感谢网站的策划者和设计者。独特的网站规划设计，犹如一座宏伟建筑的初步规划设计。“破土动工”前，需要认真、科学的统筹规划。网站该计划有两个主要部分：

　　（1)策划涉及的内容，包括每一步的目标和内容；每一步的人力安排；每一步产生的文件。

　　（2)网站的元素包括网站的内容、网站的功能和网站的表达式。

　　2、网站规划设计基本原则

　　(1)明确建设目的网站

　　在建立网站之前，必须有一个明确的目的，即要建立的网站的功能是什么，服务的对象是哪些组，要提供什么样的服务为观众。只有准确识别出网站的定位，才能构建成功的网站。

　　(2) 进行可行性分析

　　可行性分析就是分析你是否有能力和财力来建设和维护这个网站；分析网站成立后是否会产生一定的经济效益或社会效益；分析网站建设需要多少时间，能源、人力、性价比是否合算。

　　(3)网站 内容设计

　　网站的建设是为了服务用户。根据网站的构建目的，分析观众的需求，确定网站的内容。例如，在电子商务网站中，需要根据消费者的需求、购买力、购买习惯等因素来设计网站各个网页的功能，以满足客户的需求。

　　(4)网站表情设计

　　有好的内容，也要有好的表现形式。这是网站本身的设计，比如设计网站的CI logo、网站的文字排版、平面设计、立体设计、静态无声图文、动态声音图像等。

　　3、网站主题确定

　　网站的选题是根据网站的发展目标和访问网站的用户群建立网站的主题，给网站一个简洁响亮的名字，一个好的网站名字可以为网站画龙点睛。

　　网站名称的确定需要相关。一个好的网站名字可以简单，也可以富有想象力，容易引起联想。避免使用太稀有和难的词。一个独特而吸引人的网站名字会让人印象深刻，不仅能让用户对网站的主题感兴趣，还能吸引更多的观众。

　　4、网站运行环境的确定

　　我校校园网提供高带宽稳定的网站运行环境，为学生提供存储网站的磁盘空间。学生可在“信息技术教学网”的“个人空间”申请个人空间。完成网站后，使用FTP软件将网站上传到个人空间，然后申请开通外链。管理员批准后，每个人都可以享受您的网站。

　　5、Web Builders 的选择

　　制作网站的软件有很多。常用且易于学习的制作软件包括 Frontpage 和 Dreamweaver。当然，为了使网页具有良好的视觉效果，需要有图像处理软件对图片进行处理，如Photoshop、Fireworks等；如果还需要*敏*感*词*效果，还需要*敏*感*词*制作软件如Flash和Gif*敏*感*词*制作软件。

　　6、网站开发任务管理

　　为了让网站顺利高效地完成开发设计，还需要有详细的任务分工和日程安排。当需要合作完成任务时，各小组成员除相互配合外，还要有明确的分工，做到“各尽其责，各尽所能，分工合作，兼顾各方利益”。顾全大局”。在网站的规划中，也应该安排好需要完成工作的时间，然后严格按照它来进行工作。

　　四、网站设计

　　网站设计的目的是将需要在互联网上表达的信息以适当的方式组织和呈现，尽量吸引人们的注意力，并为观看者提供方便的访问。网站设计一般包括网站栏目结构设计、网页布局设计、网页链接设计（导航设计）等。

　　请看一下本课开头提供的优秀网站，思考以下问题：

　　（1）这些网站是如何围绕主题展示内容的？

　　（2）这些网站 提供了哪些列和功能？

　　（3）网站的链接有什么特点，方便吗？

　　(4）网站首页的布局和颜色有什么特点？

　　1、网站 结构设计

　　经验告诉我们，构建一个网站就像写一个文章，首先要画一个大纲，文章可以有明确的主题和清晰的层次；这也好比建造高层建筑，首先要设计好框架图纸，才能使建筑结构合理。

　　在制作网站之前，需要先设计好网站的栏目。网站 的栏目可以有多个层，但并不是层数越多越好，这样也能很好的体现 网站 的主题。此外，每个栏目都应该有一个概括的内容描述，以表达该栏目的设计思想。

　　下面是“”网站的*敏*感*词*：

　　

　　2、网页布局

　　网页的排版效果对于吸引访问者浏览网页起着重要的作用。网页布局设计主要是设计网页的样式和布局。一个色彩搭配合理、布局清新的网站，会让参观者留恋回馈。

　　(1)风格设计

　　风格是指网站的整体形象给观众的整体感觉。有的严肃，有的清爽温暖，有的深沉厚重，有的活泼，有的古朴典雅，有的豪放奔放。风格设计与主题密不可分，起到突出主题的作用。

　　一个风格的形成需要从多方面进行设计，包括网页布局的整体造型、色彩搭配、字体和图片的风格设置、网站的logo设计等。保持一致。

　　(2)版面设计

　　一个网页上要呈现的内容很多，可以概括为标题信息、栏目信息、内容信息、附加信息等，需要合理放置，使人看起来井井有条，有条不紊。

　　网页的布局通常在屏幕中央最引人注目，其次是屏幕顶部，不太重要或固定的信息通常放在屏幕的左右两侧，附加信息（如版权信息）通常放在底部。

　　布局的整体造型和色彩搭配的灵活运用，也会影响人们的注意力，产生不同的视觉效果。版面布局没有绝对统一的方法，要根据需要来确定，有创意的布局会给人耳目一新的感觉。

　　3、网页交互设计

　　网站它不是“被动”媒体。与电视、广播和其他媒体不同，网页需要我们用鼠标点击。查看者点击链接，网页显示所需内容，然后将其传递给查看者。这就是网页的交互性。

　　网页中的交互通常通过链接来实现。链接点的设计是考虑到人们在浏览网站时通常有什么需求，帮助他们快速跳转到想要的页面，方便浏览。.

　　以下是 网站 的“Web 交互设计”表：

　　

　　（点击查看大图）

　　五、任务分配

　　◎网站整体建设任务：

　　邀请每位学生（或同桌两人合作，合作成员不超过两人）设计制作网页。

　　1、要求：

　　(1）主题是自定义的；

　　（2）总共 10 页或更多。

　　（3）网页内容应与作者的学习、现实生活或社会实践紧密结合。

　　（4）在水平分辨率为1024（或以上）像素的电脑屏幕上浏览时，页面保持整洁，不允许出现水平滚动条。

　　2、评价指标：

　　

　　◎ 本课任务：

　　邀请网站的每位作者使用Word创作一本《网站规划设计书》，其中包括：

　　（1）网站的主题；

　　（2）网站（一级栏目和二级栏目）收录哪些栏目；

　　(3）你打算用哪种颜色作为你的网站原色；

　　（4）如果两个同学合作，请写下分工；

　　(5）网站制作进度表，也就是你打算用多少周来制作这个网站。

　　六、补充阅读材料