网站的规划与建设.ppt

第三章网站的规划与建设 一 内容简介各种类型网站的分析网站的功能网站建设的规划网站建设的基本步骤网站建设的技术实现方式 二 学习目标与重点了解 web网站的有关概念 规划与建设一个小型网站的基本步骤与方法 掌握 能利用网页制作工具实现网站建设的目的 并掌握创建网站的方法 重点 以网站规划与建设的总体框架为线索 重点了解在每个不同的阶段要解决什么问题 3 1网站的基本概念 掌握 所谓网站 是指基于web应用为基础 提供信息和服务的internet网络站点 网站的基本组成网页和网站资源 1 网页 一个web站点包含一组可供访问的页面 这些页面用html语言编写 其中可包含文本 图形 声音和其它多媒体信息 这些页面通过超链接相互连接在一起 一个网站所包含的页面数量从几张到几百张不等 2 网页空间 指用来存放网页的web服务器的硬盘空间 3 网址 指网站web服务器在internet上的ip地址 4 域名 从技术上讲 域名是ip地址的符号表示 它采用一种层次命名的机制 从internet文化角度看 域名是属于internet文化的组成部分 3 1 1网站的基本组成部分 3 2网站的分类 了解 由于网站的建设是一个新的话题 所以在规划和建设网站时 目前并没有一个固定的模式和准则 我们要想设计好一个网站 首先应该从认识已有的网站出发 分析总结各类网站建设的成功与失败经验 在此基础上来进行归纳 创意 下面介绍一般网站的分类 并对某些具体网站进行一些简单的分析 3 2 1政府网站 1 在internet上发生的信息需求与供给总量中 80 与政府信息有关 各级政府是重要的权威信息的提供者 同时又是信息的最大使用者 从目前已建成的政府网站看 政府网站的主要功能是 动态信息发布 在线调查 动态检索 网上办公 3 2 1政府网站 2 1 动态信息发布网上的政府信息具有规模大 信息量大 权威性强等特点 这些信息大致可分为 综合类 此类信息规模大 覆盖面广 综合性强 在国内网上的信息服务中起主导作用 行业类 此类信息规模大 专业性强 在政府信息中占主导作用 服务对象为本行业 信息没有完全开放 宣传类 由于某些政府机构的特殊性和保密性等原因 政府网站一般只是对本部门的职能做了简单的介绍 3 2 1政府网站 3 2 在线调查由于因特网具有实时交互性 政府可通过网站及时地获取社会公众的意见 作为政府工作和决策的参考意见 3 动态检索政府制定的大量法律 法规 政策信息必须具有方便的检索功能 这也是衡量政府网站对社会的开放程度以及对公众提供信息服务质量的标准之一 4 网上办公网上办公包括数据库查询 公文传送 资金转移等内容 它的逐步推广必然带来政府机构办公程序和方式的转变 新闻性网站 尤其是实时播发新闻的网站 越来越成为网民愿意光顾的站点 如新浪网 很多受欢迎的大型或商业性站点 都拥有经常更新的新闻栏目 完善的新闻播发系统可以为站点吸引一批忠实的用户 因此拥有一套好的新闻系统是吸引用户的重要手段 3 2 2新闻性网站 新闻性网站的主要功能 实时动态新闻发布新闻资料检索 企业网站是具有商业目标 符合网络营销模式 促进电子商务发展的重要支撑性网站 这类网站一般都提供企业文化宣传 商品介绍网上营销 技术支持等多种服务 也是企业内部网 intranet 对外展示的重要窗口 3 2 3企业网站 企业网站的主要功能 商品介绍宣传技术支持服务网上营销电子认证 许多网站为了生存和发展 提出了建立 门户网站 的设想 门户网站 即用户在上网时所选择浏览的第一个网站 很多门户网站都在自己的网页中加入了搜索引擎的功能 搜索引擎使广大用户在信息海洋中自由快捷地浏览使用户可以方便的找到有关的资料 3 2 4搜索引擎网站 搜索引擎网站的一般检索功能 布尔逻辑检索词组检索截词检索字段检索 搜索引擎网站的特殊检索功能 自然语言检索多语种检索区分大小写的检索 提供综合性服务是目前许多网站的发展趋势 这种服务通常有 免费 和 收费 两种方式 如免费email和免费的软件下载等 此外 免费获得各种信息 软件 书籍 音乐及图片 是许多网民上网的主要目的 采用提供免费信息的手段 已造就了许多知名的站点 3 2 5综合性网站 综合性服务网站的主要功能 提供电子信箱服务提供个人主页服务提供其它的网上服务 这类网站主要以提供各种形式的网上远程教育为主 这也是目前网站建设的热点 从目前大多数教育网站看 限于网络的带宽 一般还只能提供教育信息查询 网上注册 电子邮件答疑 文本课件浏览及下载等服务 3 2 6教育类网站 教育类网站的主要功能 网上注册视频点播课件下载虚拟课堂网上测验 考核电子图书借阅 目前网上拍卖 购物等活动越来越体现出网络的强大发展势头 越来越多的网民都相信网上购物能为生活带来更大的方便和实惠 在技术条件能够保证网民能得到便捷以及安全服务的基础上 用户一般是会积极参与到网上购物的 3 2 7网上拍卖 购物等电子商务网站 电子商务类网站的主要功能 电子交易电子认证电子支付安全性 这类网站一般是出于个人兴趣和爱好由少数人或个人建立的 个人主页制作的特点是业余化 但许多个人主页发布的信息已经相当专业化 制作水平也越来越高 3 2 8个人网站 个人网站的主要功能 介绍个人的情况提供网上信息资源服务 3 3网站评析 了解 对网站进行评析是一项复杂的任务 不但没有现成的评判标准 而且随着个人文化素养的不同 评析的结果也可能五花八门 各不相同 此外 在网上还有一些专门品评网站的网站 如 热讯品网 网风品网 百佳品网 评价 分析一个网站的要点1 网站的目标定位2 版面的总体设计和栏目设置3 提供的内容4 网页的制作5 网站浏览的速度 交互设计6 网站扩展的前景 评价 分析一个网站的原则我们在具体进行分析时 切记不要孤立地对单个网站进行评析 一定要将同类型的网站相互加以比较 这样才能看出其中的差别 此外 要养成经常浏览各种网站 细心分析的好习惯 日积月累 看得多了 必然对网站设计的 关窍 心领神会 3 3 1案例1cctv网站评析1 cctv网站概况2 cctv网络版的技术特点3 cctv网络版的版面特色4 cctv网络版的内容特点 1 总体设计特色2 北京青年报 网络版与传统报纸相比较3 北京青年报 网络版与国外中文网络报纸的比较 3 3 2案例2 北京青年报 网络版评析 1 网站概况2 设计思想和方法3 收入模式4 华夏旅游网和携程旅行网的比较5 网站前景 3 3 3案例3华夏旅游网评析 3 4网站建设的整体规划 掌握 在网站建设的全过程中 网站的整体策划及其开发是其中一个重要的环节 也是网站成功与否的重要因素 网站的规划是对网站功能 结构 内容 外观四个方面的总体规划 而整个网站的规划与建设 大致上可以分为 策划 设计 制作 宣传推广 运行维护五个阶段 而在策划阶段 必须首先确定网站的主题与目标 即明确网站的定位 网站的规划 3 4 1网站的主题 1 网站的主题就是该网站要表达的内容 网站的主要内容的选定应该有一定的针对性 要进行前期调查 并进行可行性分析之后才能确定 1 前期调查前期调查的结果是形成调查分析报告 它是对调查工作的总结与分析 3 4 1网站的主题 2 前期调查的目的前期调查的目的主要有以下几点 1 分析了解目前各网站的发展情况 那些最符合潮流 受欢迎的原因 发展前景和趋势 2 根据调查结果 结合自身特点 进行可行性分析 初步确定本网站的内容 3 根据网站内容 初步考虑卡采用的实现技术 3 4 1网站的主题 3 前期调查采用的方式前期调查的方式主要有以下几点 1 网上调查 2 问卷调查 3 对一定数量的网站进行研究在调查过程中 要对收集到的数据进行分析比较 确定哪类网站是最受欢迎的 在根据分析结果并结合自身特点 逐步修改网站内容 最后确定网站的主题 3 4 1网站的主题 4 调查分析报告的主要内容 a 进行了什么样的调查b 调查规模c 调查的对象d 调查的覆盖率e 调查的结果f 调查的结论g 对主题选择的建议 3 4 1网站的主题 5 2 主题的定位所谓主题就是网站的题材 网络上的网站题材千奇百怪 琳琅满目 3 4 1网站的主题 6 1999年排名前100位的全美知名网站的10类题材如下 第1类 网上求职 第2类 网上聊天 即时信息 icq第3类 网上社区 讨论 邮件列表第4类 计算机技术 第5类 网页 网站开发第6类 娱乐网站 第7类 旅行第8类 参考 信息 第9类 家庭 教育第10类 生活 时尚 3 4 1网站的主题 7 3 主题选择的原则对众多的主题选择时应依据以下原则选定 主题要小而精 定位要小 内容要精 题材应结合本身的特点和优势 题材勿滥 目标不要太高 3 4 1网站的主题 8 3 4 2网站名称的设计 1 网站的名称是网站主题的组成部分 而且是很关键的一个要素 网站的名称是否响亮 易记 对网站的形象和宣传推广 网站主题的表现也有很大的影响 1 确定网站名称的原则网站名称一般可以按下列原则而定 名称要合理 符合人类社会公认的文明标准和规范 要容易记 中文网站应使用中文名称 字数在6个以内名称要有特色 能体现一定的文化内涵 给人有视觉冲击和空间想象力 总之 主题和名称的确立是设计网站的第一步 如能设计出一个既有特色又令人满意的名称 花费再多的时间和精力都是值得的 3 4 2网站名称的设计 2 3 4 3网站的视觉形象的建立 1 一个好的网站 需要整体的形象包装和设计 在主题与名称确定后 就要对网站的整体形象进行构思 1 网站的标志首先要设计一个网站的标志 logo 标志可以用中文 英文字母 还可以是符号 各种图案等 标志要设计的既有特色 醒目 又要符合网站的内涵 3 4 3网站的视觉形象的建立 2 2 网站的整体颜色基调其次 还要对网站的整体的颜色基调或标准色彩进行设计 对网民来说 网站给人的第一印象是来自色彩的冲击 所谓 标准色彩 是指能体现网站形象和延伸内涵的色彩 一般来说 一个网站的标准色彩不宜超过三种 标准色彩要用于网站的标志 标题 主菜单和主色块要给人一种整体统一的感觉 3 4 3网站的视觉形象的建立 3 3 网站标准字体的设计网站的标准字体主要用于标志 标题 主菜单 在选用非默认字体 默认为宋体 时要考虑浏览者的计算机内不一定安装有该字体 这时可以考虑采用图片的形式 3 4 3网站的视觉形象的建立 4 4 其余工作完成主题和视觉形象的确定工作后 应编写网站主题说明的文档 它是网站建设的主要依据之一 3 4 3网站的视觉形象的建立 5 3 4 4网站发展的目标 1 1 制定网站发展目标需要考虑的因素建设一个网站从一开始就应该有一个明确的发展目标 制定网站发展目标需要考虑的因素主要有以下几点 目标一定要切合实际 要适合网站的实际情况 目标要随市场的需要而变化 制定目标时一定要有前瞻性 确定发展目标后 应编写网站目标说明的文档 它包含对近期目标 中期目标和最终目标的详细说明 3 4 4网站发展的目标 2 3 5网站内容与功能的设计 掌握 网站发布的内容是网站设计的一项重点 它直接影响到一个网站的受欢迎程度 很显然最基本的要求是用户必须能够有效的使用网站和浏览网站的内容 当整个网站的主题和目标确定之后 就可在此基础上来确定网站的内容 3 5 1确定网站的访问者 由于网站的内容是提供给浏览者看的 浏览者的访问量是网站存在地基础 因此首先应确定网站的访问者 网站的访问者的确定一般可以依据以下几个因素而定 网站的定位网上调查对已建成的同类型网站进行比较 3 5 1确定网站的访问者 2 完成确定访问者的工作后 应编写访问者来源的分析报告 主要包括 确定的网站访问者的类型 规定网站的定位和发展方向 3 5 1确定网站的访问者 3 3 5 2确定网站的内容和功能 1 网站内容的分类网站内容很多 但一般可分为两大部分 静态内容 静态内容指网站相对不变的部分 其主要作用是维持整个网站的风格 给访问者一个熟悉的浏览环境 动态内容 是网站的主体部分 经常更新的内容 也是访问者主要浏览的内容 并以交互方式呈现 动态内容通常放在网站的后台数据库中 并用asp语言编写服务器端的程序 进行网站内容的设计时 一般应考虑以下几个方面 1 及时从用户得到有关网站内容的反馈信息 并尽快对网站内容加以修改 2 网站上必须要有能够留住用户的动态内容 并随时修改和更新 主页上要注明更新日期 2 网站内容的设计 3 网站的内容结构必须清晰 使用户可以尽快获得信息 4 注意突出网站的形象 5 不要包括一般化的web参考信息和已非热点的链接 2 网站内容的设计 续 6 网页应由多种成分组成 如多媒体的链接 但图像和多媒体信息的使用要适中 文本内容应简明扼要 通俗易懂 文字编辑要正确 7 注意网页的结构应使用户能方便迅速的浏览 8 在页内增加与其他网站的链接 以便有效地推广网站 2 网站内容的设计 续 9 凡是提供下载的内容 应该提醒用户下载的时间以及文件的大小 10 尽量增加一些内容精彩的文章 11 注意要为主页加一个描述性的标题 2 网站内容的设计 续 网站的功能大致有以下几种 1 提供各种信息库查询 咨询 服务 2 提供软件等各种媒体资源的下载服务 3 提供技术支持服务 3 网站功能的设计 4 提供各种消息的宣传 发布服务 5 提供各类电子商务的功能 6 提供各类远程教育服务 7 提供网络出版服务 3 网站功能的设计 续 将已经分好组的内容和功能清单重新交有关人员讨论 最后确定各个分组的名称 作为网站主要部分的分类和分类名称的基础 4 确定分组及分组的名称 5 确定网站的风格 从美工设计角度来看 网站的风格是指通过一定的颜色及图案组合 布局安排等设计来体现网站经营者的思想和倾向 具体制作时有三个方面的工作要作 第一步 设置背景颜色或图案第二步 设置文本的颜色第三步 设置链接点的颜色 6 建立网站的结构层次图 网站的结构层次图是一种有关网站结构和组织方式的示意图 各主要内容或题目的详细内容被列在其下的副标题中 用这种方式组织起来的信息可以使访问者迅速找到所需信息的位置 网站的结构层次图用可视化结构图形表示出来就是结构化蓝图 是能精确反映网站中各元素如何分组和联系的图表 p151 结构层次图 网站的结构层次图是一种有关网站结构 组织方式的示意图 结构化蓝图 网站的结构化蓝图是网站结构层次图的可视化表示 7 定义导航结构 导航系统是引导访问者如何从本网页到达指定网页 并能方便地在不同部分之间跳转 以及能根据需要快速返回的超链接结构 根据其作用地不同 可分为全局导航栏和局部导航栏 p151下图 导航系统主要有以下元素构成 1 导航栏目2 小型导航条3 导航目录导航系统设计完成后 一定要为全局导航系统和局部导航系统做文档 这些文档应能反映导航系统的各项细节 导航目录是最完整的导航系统 它反映了网站的逻辑结构 是网站内容的分类列表 设计导航栏时应主要以下几点 1 图表比文字效果好 图表下应附有文字说明 2 应该使用标准醒目的常用颜色 3 屏幕当前页面所对应的按钮应该相应变为灰色或以其它方式表示 4 每个页面应包含 返回 或 前进 的按钮 最后是编写网站内容与功能的设计文档 文档中应包含 网站的结构说明网站的功能说明网站的层次结构表 结构蓝图全局导航栏与局部导航系统 3 6网站结构的设计 要求掌握 在完成了网站的策划或信息结构分析后就可以对网站进行更具体的分析和定位 即网站的结构设计 网站的目标 内容和功能是结构设计的决定因素 3 6 1网站结构的设计原则 1 网站结构的类别及其关系网站的结构可以分为网站的物理结构和逻辑链接结构 两者之间既有联系又有区别 网站的物理结构 是指网站文件的物理存储结构或存储的目录结构 也就是网站文件在服务器上存储的方式 网站的逻辑链接结构 是网站在运行时抽象出来的拓扑结构 它是建立在物理结构之上的 网站的物理结构是指网站全部文件在服务器上存储时的目录结构 网站的目录结构对站点本身的维护 内容的更新 未来的扩充和移植都有重要的影响 1 网站的物理结构 为了建立一个清晰简明的目录结构 应主要如下几点 1 主页文件一般置于web服务器的虚拟根目录上 2 不要将所有文件都放在虚拟根目录下 3 按栏目内容建立子目录 并首先按主菜单栏目建立 4 在每个主目录下建立独立的images目录 5 目录层次不可过深 一般在三层以内 6 全局资源应放在根目录下的global目录中 7 不要使用过长的目录名和中文目录名 8 尽量使用意义明确的目录名 2 网站的逻辑链接结构是指页面之间相互链接的拓扑结构 一般采用超链接的方式 它是建立在目录结构之上 但可以跨越目录结构 一般链接结构有以下几种方式 树状结构 采用一对一的形式 类似于dos的目录结构 首页链接指向一级页面 一级链接指向二级等等 条理清晰 但效率较低 星状链接结构 采用一对多的形式 每个页面相互之间都建立有链接 浏览方便高效 但结构不清晰 访问者易迷路 混合链接结构 是以上两种结构方式的混合 使访问者既可快速方便到达所需页面 又可清楚知道自己的位置 3 7网站建设的技术实现 了解 3 7 1域名的注册 1985年 dns一直受美国政府控制 1992年美国政府授权networksolutions公司成立internic 管理和维护com net org gov edu五个通用顶级域名的数据库服务器 并受理其下的二级域名的注册 1999年美国商业部成立icann 并由它来管理域名系统 根服务器和ip地址的分配 国内域名注册的权威机构是中国互联网络信息中心 用户可通过该网站在线注册 3 7 2网站硬件 软件平台的选择 网站的软 硬件平台产品很多 选型时应综合考虑扩展性 安全性 易维护性等多种因素来进行选择 1 网站的组成 一个网站 尽管它们的形式 内容和规模千差万别 但它们的硬件结构组成基本类似 从逻辑上看都是由以下部件组成 p156图 网络接入设备 如 路由器 服务器 如 www ftp email等服务器 数据存储设备 如磁盘阵列等 中间件 介于服务器和数据存储设备之间的部分 如网站中的各种应用和控制服务器 研发 制作和维护部分 一般由工作站组成 安全部分 主要在接入部分设置 2 选择接入方式和接入设备 广域线路服务 多种 见p157 接入方式与接入设备 7种 p158 web服务器的选择 用sun和pc服务器两大类 系统软件的选择 主要包括网络操作系统 web服务器软件 后台数据库软件等 群集 cluster 指一组被称为节点的相互独立的计算机由一网络互联 并通过特殊的软件结合组成一个单一的计算机系统 为客户端提供一个单一的 可程序正常工作的服务系统 例如 多服务器技术中的服务器群集 选择服务器时应考虑的因素在选择服务器时主要应考虑以下因素 可管理性 包括是否方便快捷 界面是否友好 应用软件是否丰富等方面 可用性 指服务器可供用户正常使用的时间百分比 安全性 指系统能消除错误 确保系统安全稳定运行的性能 高性能 指服务器具有较高的综合性能指标 可扩展性 指服务器为扩展其性能所留有的余地 模块化 指组成服务器的各功能部件具有模块化的结构 有些甚至还具有拔插的功能 3 7网站应用软件开发工具的选择 如果网站是运行在linux平台上 则有c c perl php等多种开发工具 如果是windowsnt 2000 xp平台 则应用程序的开发工具有 vbscript javascript asp等 其中asp是目前开发交互式应用程序最流行的一种 asp技术特点和工作过程 asp activeserverpage 即动态服务器页面 技术的特点和工作过程如下 当用户浏览器浏览页面时 向服务器发出asp页面请求 服务器逐行解释asp脚本和html页面内容 动态生成纯html页面发回客户浏览器进行显示 asp与cgi 公共网关接口 技术的比较 调用cgi的过程 客户端发出请求 服务器端根据其请求启动一个cgi服务程序 执行完后 由服务器将结果送回浏览器显示 3 8网站技术人员的构成 了解 一个大型网站应该由如下技术人员构成 网页设计师 网络维护工程师 数据库管理工程师 网站编辑 采编等 网络程序员 项目开发工程师 系统管理工程师 网络协调工程师 资料录入人员 3 9网站的功能 技术 成本 效益的综合分析 了解 网站建设的一个重要方面是对网站实现技术和解决方案的选择 主要应考虑以下因素 1 要有足够的带宽来保证用户的快速访问 选择适合自身特点的网络结构和设备 合理分配带宽是很重要的 2 要保证有足够的制作费用 包括美工制作费 布局规划费 网站维护费