第2章网站的设计原则与页面风格.pptVIP

第二节 站点的整体风格 网站的风格的概念： 包括结构布局、色调、文字、标志、图案。 “特别”的网页在于其创意——把网站建设的有自己独特的风格，使人一眼难忘。 一、 商业网站的风格 公司徽标或商标应当出现在页面最上方，尽可能做到色彩醒目，同时占用版面小。 采用主题图形产品广告突出公司形象和风格。 主要栏目采用图文并茂的超链接实现，注意色彩图片文字的配合，同时要和主题图像衬托。 不要把主要栏目和次要栏目显示于同一页。 有固定的栏目页面，如技术支持、服务、关于公司等。 监理站内有哪些信誉好的足球投注网站引擎，让浏览者在站内查找信息。 二、 非商业网站的风格 强调页面的主要色调。 主题图形要求反映单位的风彩，有创意和内涵，庄重中不乏活泼。 超链接的分类清晰，可采用图形，必要时建立站内有哪些信誉好的足球投注网站引擎。 信息查看板要经常更新。 放置信息查看板两方法： 在主页直接放置； 在主页上增加一个快速进入信息查看板的超 链接。 三、 个人网站的风格 个人网站的基本风格： 主题图形式、信息发布、介于这两者之间的形式。 主题图形式网站显著的标志： 主页有一个醒目的图形，反映了制作者希望自己网页具有的一种意境。 主页上的超链接不多，很少出现大段文本。 网站的层次是指主页和二级页面、三级页面之间的结构关系。 任何一个网站均用三级结构： 首页-栏目页-文章页面 页面-二级页面-三级页面 基本原则：采用大主题图形配以少量文字及介绍的方法，除了大公司网站外，不采用制作大量超链接的做法。 主页的制作主要是主题图形和页面构图 二级页面是每个栏目起始页，有该栏目对应的主题图形，标志要小但要醒目。有通向其他栏目的链接和返回首页的标志。 三级页面是文章页，位于底层。文字多而图片少。可为文章设计一些文章主题图形（尽量避免）。文字直接用文本呈现。 三级结构中同等级别之间风格应保持一致——基本布局一致； 第五节 网站目录结构组织 一、站点目录结构的组织 网站的目录是指你建立网站时创建的目录。 规划目录结构的原则： 1、不要将所有文件都存放在根目录下。（将导致文件管理混乱，上传速度慢） 2、按栏目内容分别建立子目录。按站点的主要内容建立子目录，次要栏目和需要经常更新的栏目建立独立子目录，相关性强且不需要经常更新的栏目可以合并方在统一的目录下。相关程序一般放在特定目录。 第五节 网站目录结构组织 3、在每个主目录下都建立独立的images目录。 4、目录的层次不要太深，不要超过三层。 其他：切忌使用中文目录；不要使用过长的目录；尽量使用一一明确的目录。 二、网站链接结构的组织 网站的链接结构是指页面之间相互链接的拓扑结构。它建立在目录结构基础之上，但可以跨越目录。形象说：每个页面都是一个固定点，超链接则是在两个固定点之间的连线。一个点可以和一个点连接，也可以和多个点连接。 研究网站的连接结构的根本目的在于：用最少的链接，使浏览最有效率。 建立网站链接结构的基本方式： 1、树形链接结构。（一对一） 类似dos目录结构，首页链接指向以及页面，以及页面指向二级页面。一级进入，以及退出。 优点：条理清晰，不会迷路。 缺点：浏览效率低，栏目跳转须经首页。 2、星型链接结构。（一对多） 类似互联网结构，每个页面相互之间都建立有链接。 优点：浏览方便。 缺点：链接太多，易于迷路。 实际中是将这两种结构结合起来使用。 最好的方法：守业何一级页面之间用星型链接，一级和二级页面间用树形链接。 第六节　小结　 首先：站点要有自己的风格 其次：有效组织信息 最后：站点的信息载体是文件，信息之间的联系是通过超链接来实现。 * * 第二章 网站的设计原则与页面风格 第一节 网站设计原则 网页制作的核心是：创意。 创意包括内容和样式两个方面； 目前主流的网站使用的制作工具如下： Dreamweaver、 frontpage、 fireworks、 photoshop 等 网页内容要便于阅读。 站点内容要精、专和及时更新。 注重色彩搭配。 考虑带宽。 考虑不同浏览器、不同分辨率的情况。 提供交互性。 简单即为美。 网站设计的其他基本原则: 1、网页内容便于阅读： 网站的最大目的是发布信息，作为信息的载体就必须要便于阅读。 2、站点、页面色彩的搭配： 整个网站风格统一，遵循简单即为美。 3、带宽： 根据访问的对象的不同来确定网页的大小，使用户访问时能够有较高的访问速率。 4、提供与浏览者的交互。 二、网站设计的国际专业流程 初始商讨。 构思。 综合内容。 页面布局和导航。 图像制作。 内容流程。 测试。 验收交付。 一般用1-12月来完成。是一个循环的过程。 第三节 站点的层次 第三