《计算机网络基础》全套PPT电子课件教案-第5章 网站的规划和设计参考.ppt

第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．序列结构 主页面是标题或引言，后面的各页面按顺序排列，前后 有连接。 其结构如图所示 网页的序列结构示意图 3．网状结构 把一些相关内容链接到一起，浏览者可以通过不同的途 径进入到想要的界面。 其结构图如图所示 网页的网状结构示意图 4．复合结构 复合结构是前面提到的几种结构的组合。 5.2.3 网站信息组织的注意事项 在进行网页设计时要注意采用通用符号和标识，尽可 能的使所有浏览器都能够正常浏览。 图像和多媒体信息的使用要适中。 设计好网站的第一个页面。 5.3 网站建设的步骤 网站建设的主要步骤包括项目规划、组织内容、设计页 面、发布消息并推广，网站的反馈及维护。 1．项目规划 明确建站的目的。 考虑浏览者的技术背景、阅读能力、兴趣爱好、消费 习惯、关心的内容等等。 参考其他类似网站的信息内容，确定自己的网站的信 息组织内容。 2．系统规划 系统规划的步骤主要有： ⑴ 明确主题、突出特色 ⑵ 确定网站的栏目和版块 3．组织内容 ⑴ 搜集素材 ⑵ 组织材料 ⑶ 设计页面 关于页面设计风格的考虑： 可以使用同样的版式。 可以采用一致的导航条。 使用同样的图标。 整个网页的总体色彩要保持一致。 4．测试发布 网站测试的主要目的 网站测试的方法：完整性测试和可用性测试 测试网站的下载速度 5．网站信息发布 ⑴ 域名注册方法 中国官方的域名注册管理结构是中国互连网信息中心 CNNIC，其主页如下图所示。 CNNIC域名申请页面 ⑵ 域名注册步骤 ① 填写注册申请表 在浏览器页面上直接填写域名申请表，如下图所示。 域名申请的Web方式 E-mail方式： ② CNNIC对申请进行检查 ③ CNNIC对注册材料进行审核后，申请人交纳域名注 册费用 ④ CNNIC发出“域名注册证” （3）发布网站 用两种方式建立Web站点：采用UNIX平台和在Windows NT 或Windows 2000平台上通过IIS配置Web站点 小 结 建立一个网站之前，首先要进行网站的规划和设计。 网站的总体规划:确定网页结构、确定网页的信息组织和管理方式、确定信息的存储方法、文档版本的控制、确保结构的完整性和一致性。 网站的总体设计:网页的布局、系统的内部结构、网页的开发技术、网站的维护方法、网站的运营模式等。 组成网站信息的最基本元素:文字和图片，动画、音乐、视频等。有些网站还提供留言板、论坛和聊天室。 网页的逻辑结构:层次结构、序列结构、网