网站设计步骤.ppt

《网站设计步骤.ppt》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、第二章网站设计步骤网站的设计与建设是需要一系列步骤来完成的，能否遵循网站的设计步骤直接影响一个网站质量，也直接影响网站发布后是否能成功运行。2.1总体概述2.2网站的规划与设计2.3站点建设2.4站点发布和网站的管理与维护习题第二章网站设计步骤2.1总体概述网站建设总的来说需要经历四个步骤，分别是网站的规划与设计、站点建设、网站发布和网站的管理与维护，如图2-1所示。图2-1网站建设的步骤网站的规划与设计是网站建设的第一步。在这—步中需要对网站进行整体的分析，明确网站的建设目标，确定网站的访问对象、网站应提供的内容与服务及网站的域名，设计网站的标志、网站的风格、网站

2、的目录结构等各方面的内容。这一步是网站建设成功与否的前提，因为所有的后续步骤都必须按照第一步的规划与设计来进行实施。网站的规划与设计完成之后，接着进入具体的站点建设步骤。这个步骤主要包括域名注册、网站配置、网页制作和网站测试四个部分。除了网站测试必须要在其他三项内容开始之后才能进行之外，域名注册、网站配置和网页制作相对独立，可以同时进行。相关的内容都建设好后，就可以正式地发布网站，也就是说将网站放到Internet上允许用户通过网站的域名进行访问。网站的管理与维护虽然是最后一个步骤，但实际上贯穿网站建设的全过程，只要网站没有停止运行，就需要对其进行管理和维护，所以这

3、一步也是最为费劲的一步。网站的管理和维护主要包括安全管理、性能管理和内容管理三个方面。另外从图2-1也可以看到，网站建设是一个循环的过程，并不是说一次过后就结束了。它需要随着需求的变化不断地对网站进行再次规划与设计，进而不断地建设和发布新的内容与服务，不断地升级服务器和网络环境以保障网站的运行性能。2.2网站的规划与设计在网站建设之前，需要对网站进行一系列的分析和估计，然后根据分析的结果提出合理的建设方案，这就是网站的规划与设计。网站的规划与设计可分为网站定位、内容收集、栏目规划、目录结构设计、网站标志设计、风格设计、导航系统设计七个环节。如图2-1所示。图2－2“

4、淡蓝的天空”个人网站下面我们就以建立一个名为“淡蓝的天空”的个人网站为例来进行栏目规划。如图2－2所示。案例假设：如你是一个开朗幽默、喜欢交友、喜欢音乐、喜欢上网、喜欢读书的人，你已经收集网上很多好的资源和音乐，同时在网络和书刊中摘录了许多好的文章，现在你要为自己建立一个网站。目的是介绍自己、张扬自己的个性、与所有爱好者分享你收集的资源，同时给爱好者提供一个交流的平台。实例2－1“淡蓝的天空”个人网站的栏目规划（－）要求与目的掌握网站的定位掌握栏目规划掌握逻辑结构设计掌握目录结构设计二、规划分析过程1．网站定位通过上述案例假设，从中可对网站做出定位：极具个性化的个

5、人网站，根据个人兴趣爱好，分享资源，以期通过网络平台结识更多的同好者。网站访问群体定位：所有志趣相投的朋友，共同交流和资源共享。为了表达一种心境，凸现自己的个性，将要建立的网站取名为“淡蓝的天空”。2．网站栏目划分对网站及其访问群体做了定位后，接着需要做的是确定网站所必需的栏目，依案例假设，确定栏目及其名称如下：（1）平凡的陌生人：此栏目主要是为了在网络上展现自己，让别人了解自己。（2）感动你的心灵：此栏目主要是把自己平时收集的文摘、网络文学、杂文、幽默等共享出来，与有共同兴趣的朋友一同来欣赏，以期望在心灵深处有所触动。（3）请聆听：此栏目主要是把自己喜欢的音乐呈现

6、给同好者或浏览者，来共同欣赏这美妙的乐曲。（4）那笨拙的脚印：此栏目主要是提供收集的网络资源，起名“那笨拙的脚印”主要是为了体现设计者在网络和相关技术上的欠缺，同时也隐含设计者此方面虽然“脚印笨拙”，但仍孜孜不倦的追求的心境，也包含谦逊的成分在内。（5）同心结：此栏目主要是给有着共同兴趣的朋友提供相互链接的平台，以达到能和同类的网站进行相互推荐，建立良好的合作关系的目的。（6）晚安：此栏目主要是留言本，提供浏览者与浏览者、浏览者与作者间共同交流的地方，起名“晚安”主要是考虑到同好者多位全职，晚上上网较多，同时也体现设计者不拘一格的设计思想，表达个性，问候朋友。在所有

7、栏目中，“感动你的心灵”和“那笨拙的脚印”是重要的栏目，其中“感动你的心灵”需要对它进行更细的划分，根据自己兴趣和所收集的相关文章，本栏目又被划分为：“文摘”、“网文”、“杂文”、“幽默”、“测验”、“专栏”等子栏目。3.网站逻辑结构设计由于本网站属于个人网站。一般情况下栏目不是太多，结构不是太复杂，层次不是太多，为了能使相关内容划分的很清楚，便于理解和浏览，本网站采用层次型逻辑结构。如图2－3所示。图2-3层次型逻辑结构将网站所有栏目及其子栏目连在一起，本网站的逻辑目录结构如图2－4所示图2-4“淡蓝的天空”网站层次型目录结构图4．网站目录结构设计为了便于网站