专题二网站规划ppt课件.ppt

《专题二网站规划ppt课件.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、专题二网站的规划本讲内容一、网页组织结构1二、网页内容组织2三、网页设计流程3四、网站规划与建设61、综述网页的内容和组织取决于网站的主题和定位。确定了网站的定位和模式，就可以对网页的内容进行组织、规划和布局。2、首页的结构首页(又称主页)是网站的脸面,是企业、商家或政府机构等形象代表。首页一般包含主题、徽标、企业精神、经营理念、旗帜广告、首页链接、最新报道、联系方式、招贤纳士和栏目简介等。首页应视一件艺术品，精雕细琢，供浏览者欣赏和享用。特别注意不应该放广告，特别不能放很多。不应虎头蛇尾。不要机关重重。3、一般页面的结

2、构一般页面也称子页面，其结构往往是依据要表现的内容而定，形式比较单一。页面的主题突出，取向性强，主要用于描述同一类事情，如图片或文字，其表现力可以弱于首页，但是风格、模式和色彩上应与首页保持一致。4、网站页面的组织结构页面的内容取决于网站的类型,而网站又是由一帧帧的页面有机组合而成。网站除了内容丰富、可读性强以外，在内容的组织上应该做到层次分明、严谨清晰。一般来说，设计网站常常采用顺序结构、层次结构、网状结构或复合结构来组织页面。1顺序结构它适合组织一些顺序性较强的页面内容，如电子图书，产品描述等，只需要简单地按照一定的

3、顺序浏览即可，这样的结构很象幻灯片的演示。X1.HTMX2.HTMX3.HTM2层次结构是最基本的一种网页组织形式。其优点是前后顺序清楚，关系明确。每一个页面在水平方向有极为密切的上下级关系，在竖直方向上具有并列关系。X1.htmlX6.htmlX4.htmlX5.htmlX2.htmlX3.htmlX7.html3网状结构是网页之间连接灵活，是一种较为人性化的设计。X1.htmlX6.htmlX4.htmlX5.htmlX2.htmlX3.htmlX7.html4复合结构在网页设计中页面之间的组织结构通常是不会采用以上

4、单一的结构。而是使用两种或两种以上的结构，称为复合结构。第二节网页内容组织3.2.1综述建设网站的第一步是收集资料，分门别类，将这些素材合理地分配到由超级连接组织的不同的网页中，使得自己的网页能够吸引众多的浏览者，网页的内容的有效组织是必不可少的。网站的内容丰富，信息量大，应该运用一定的方式将其条理化，同时在一定程度上加以归纳重复利用，使得网页较为整齐，脉络清晰，重点突出。3.2.2组织网页的方法1.突出个性：要使所设计的网页内容独特、个性鲜明，在网页的设计初期要仔细斟酌每一帧网页的性质，突出本页面的核心内容。2.具有可

5、读性：每个网页的内容要精练，避免长篇累赘；背景颜色不可以太艳，背景图案不可以花哨，不能喧宾夺主，要与正文适当的搭配，易于阅读。3.完整性强：应当尽量把联系紧密的内容放在同一帧页面中，使得每一帧的内容相对较为独立，具有较好的完整性。4.布局合理：网页设计作为一种视觉语言，必定要讲究编排和布局，虽然网页设计不同平面设计，但是两者有许多相近之处，可以充分加以利用和借鉴。网页设计通过文字、图片的恰当组合，表达和谐与美，使得整体布局合理、有序，做到既丰富多样又简洁明了。可以通过视觉要素的理性分析和严格的形式构成，来提高对整体页面的

6、把握能力和审美能力，使得页面达到最佳的视觉表现效果，较完美地体现设计者的思想和本页面的主题。5.重要信息放置在首页：眼睛是心灵的窗户。我们把报纸的最显眼的地方称报眼----报纸的眼睛。网页也是一样有最显眼的地方-----此处也是应该较为重要的或是最新的内容的放在主要的地方。可以通过导航栏或将重点信息、论点等置于页面的醒目位置，还可以通过弹出窗口来发布重要要信息。确定目标和风格内容组织网页制作反馈、评测发布、推广测试3.3.1网页目标和风格网站包含着众多内容各异，错综复杂的网页，这些网页的内容组织，材料收集和处理工作通常可

7、以从两个方面入手。一是根据所需发布的信息确定主题，每个主题由专人负责收集相关资料和内容。二是组织、精选一些能突出本网页特色的内容，烘托和突出主题，使本页面与网站其他网页有明显的不同。11。组织的内容确实对浏览者有用，确实围绕所定义的目标和所定向的群体，不要大而全覆盖面过广；22。内容有特色，有自己的独到见解，尽量避免平淡乏味；33。所提供的内容、超链接等要保证正确无误，设计完成之后一定要认真测试3.3.4网页内容的组织、整理遵从原则3.3.5测试当所有网站页面制作完成之后，我们需要对每一帧页面进行审查和测试，测试内容主要

8、包括功能性测试和完整性测试两个方面。所谓功能性测试就是要保证网页的可用性，是否达到最初的设计目标和所要表达的内容，实现所规定的功能；浏览者是否可以方便、快速地寻找到所需要的内容。完整性测试就是保证页面内容显示正确，链接准确无误，无差错无遗漏。3.3.6发布、推广整个网站设计、测试完成以后，就可以去寻找ISP(Inte