网站的规划与设计.pptVIP

第5章 网站的规划和设计 知识点： 网站的总体规划和设计 网页信息的组织要素 网页信息的组织结构 网站建设的步骤 难点： 网页的整体造型设计 网站信息发布 要求： 熟练掌握以下内容： 网站的总体规划和设计 网页信息的组织要素 第一页，共十七页。 网页信息的组织结构 网站建设的步骤 了解以下内容： 网页信息的组织结构 网站信息组织的注意 5.1 网站的总体规划和设计 一个好的网站应该具备： 一个好的网页结构 好的信息组织形式 方便浏览者查阅 它所涉及到的内容是人们所感兴趣的 第二页，共十七页。 网站的规划涉及到的内容： 网站的总体形象设计 网页的组织结构 网站的信息发布 网站的安全防护 5.1.1 网站的总体规划 网站的总体规划主要涉及以下几个方面的内容： 1．确定网页结构。 2．确定网页的信息组织和管理方式。 3．确定信息的存储方法。 第三页，共十七页。 4．文档版本的控制。 5．确保结构的完整性和一致性。 5.1.2 网站的总体设计 网站的总体设计包括网页的布局、系统的内部结构、网 页的开发技术、网站的维护方法、网站的运营模式等。 1．网页的布局 ⑴ 页面尺寸: 影响页面尺寸的因素 页面尺寸设计的基本要求 ⑵ 整体造型:整体造型的意义 整体造型的基本方法 ⑶ 页眉:页眉的作用 页头的作用 ⑷ 文本:文本设计的意义 ⑸ 页脚:页脚的意义 ⑹ 图片:使用图片的意义 第四页，共十七页。 ⑺ 多媒体:使用多媒体的意义 2．网站的设计方式和内容 不同类型的网站，其设计方式和内容各不相同 为网站建立一个所需的内容和功能的清单 3．网页开发技术 选择自己所熟悉的系统及其相应工具软件 4．网站的维护 使用适当的网站维护方法 第五页，共十七页。 5.1.3 影响网站成功的主要因素 影响网站成功的主要因素： 1．网页结构的合理性 2．网页结构的直观性 3．网页中的多面体效果 4．用户等待的时间 5.2网站信息的组织要素和组织结构 5.2.1网站信息的组织要素 1．文字和图片:文字和图片的比例要适中 2．多媒体技术 使用多媒体技术，以增加网站的可读性和娱乐性 网站流行的声音格式： 3．留言版、论坛、聊天室的使用 第六页，共十七页。 5.2.2 网页信息的组织结构 1．层次结构 网页的层次结构 主页面 一级页面 一级页面 一级页面 二级页面 二级页面 二级页面 第七页，共十七页。 2．序列结构 主页面是标题或引言，后面的各页面按顺序排列，前后 有连接。 其结构如图所示 网页的序列结构示意图 主页面 页面1 页面2 页面3 第八页，共十七页。 3．网状结构 把一些相关内容链接到一起，浏览者可以通过不同的途 径进入到想要的界面。 其结构图如图所示 网页的网状结构示意图 主页面 页面1 页面2 页面3 页面4 页面6 页面7 页面5 第九页，共十七页。 4．复合结构 复合结构是前面提到的几种结构的组合。 5.2.3 网站信息组织的注意事项 在进行网页设计时要注意采用通用符号和标识，尽可 能的使所有浏览器都能够正常浏览。 图像和多媒体信息的使用要适中。 设计好网站的第一个页面。 5.3 网站建设的步骤 网站建设的主要步骤包括项目规划、组织内容、设计页 面、发布消息并推广，网站的反馈及维护。 第十页，共十七页。 1．项目规划 明确建站的目的。 考虑浏览者的技术背景、阅读能力、兴趣爱好、消费 习惯、关心的内容等等。 参考其他类似网站的信息内容，确定自己的网站的信 息组织内容。 2．系统规划 系统规划的步骤主要有： ⑴ 明确主题、突出特色 ⑵ 确定网站的栏目和版块 第十一页，共十七页。 3．组织内容 ⑴ 搜集素材 ⑵ 组织材料 ⑶ 设计页面 关于页面设计风格的考虑： 可以使用同样的版式。 可以采用一致的导航条。 使用同样的图标。 整个网页的总体色彩要保持一致。 4．测试发布 网站测试的主要目的 网站测试的方法：完整性测试和可用性测试 测试网站的下载速度 第十二页，共十七页。