网站规划与设计ppt课件

网站设计与维护 第2章网站规划与设计 24 04 2020 2 知识回顾 前面章节学习了以下内容 网站的分类企业与网站网站设计的一般原则和步骤 24 04 2020 3 通过本章的学习 主要掌握以下知识点 建设前的准备工作域名策略选择网站运行平台内容实现结构设计风格和创意 24 04 2020 4 2 1网站建设前的准备工作 确定目标准备建设网站所需软件 硬件选择合适的Internet接入方式估算成本 24 04 2020 5 2 1 1确定目标 1 确定目标的依据 需求分析业务流程分析与竞争者的对比分析分析服务方式 24 04 2020 6 2 1 1确定目标 2 确定目标的方法 否是 24 04 2020 7 2 1 1确定目标 调研一般采用问卷调查的方式 例如 24 04 2020 8 2 1 1确定目标 3 确定网站目标的原则 客户喜欢目标的确定受到多方面因素的制约 总之要根据客户的需求 市场的状况 企业自身的情况等进行综合分析 牢记以消费者为中心 24 04 2020 9 2 1 2准备建站所需软硬件 一 硬件 组成网站的各种设备的集合 主要有两大部分 网络设备 服务器 1 网络设备 有3种 路由器 交换机和安全设备 1 路由器路由器是一种连接多个网络或网段的网络设备 是将电子商务网站联入广域网的重要设备 2 交换机交换机是局域网组网的重要设备 多台不同的计算机可以通过交换机组成网络 3 防火墙防火墙是一个由软件 硬件或软硬件结合的系统 是电子商务网站内部网络和外部网络之间的一道屏障 可限制外界未经授权用户访问内部网络 管理内部用户访问外部网络的权限 24 04 2020 10 2 1 2准备建站所需软硬件 一 硬件 组成网站的各种设备的集合 主要有两大部分 网络设备 服务器 2 服务器服务器选择方案如下 1 建立自己独立的站点 2 服务器托管 3 租用服务器 4 租用虚拟主机 24 04 2020 11 2 1 2准备建站所需软硬件 选择主机时注意的问题 1 性能 2 价格 3 售后服务选择主机的原则 合适就好 24 04 2020 12 2 1 2准备建站所需软硬件 二 软件 服务器上运行的程序及后台支持的数据类型 主要有 操作系统 WEB服务器 数据库三部分 数据库 24 04 2020 13 2 1 2准备建站所需软硬件 1 操作系统软件 1 WindowsNT 2000 xp支持多种硬件平台和多种网络协议 可以与多种服务器操作系统进行互操作 2 UNIX是一个具有不同硬件平台的多用户操作系统 具有多种不同的版本 3 Netware操作系统是世界上第一个真正的微机局域网操作系统 4 Linux操作系统是UNIX在微机上的完整实现 它性能稳定 功能强大 技术先进 是目前最流行的微机操作系统之一 24 04 2020 14 2 1 2准备建站所需软硬件 2 WEB服务器 1 IIS InternetInformationServer 只能在Windows下运行 是Windows操作系统下的首选 和微软的SQLServer数据库结合性能最好 2 Apache是一个自由软件 支持多种操作系统平台和数据库 是目前最流行的WEB服务器之一 3 iPlanetWebServer是Netscape公司生产的Web服务器软件 支持多种操作系统平台和数据库 24 04 2020 15 2 1 2准备建站所需软硬件 3 数据库 1 SQLServer 2 MySQL 3 Oracle 24 04 2020 16 2 1 2准备建站所需软硬件 4 下面是几种比较常见的搭配方式 1 windows2000 IIS ASP SQLServer 2 Linux Apache PHP MySQL 3 NetWare NovellWebServer 4 SolarisforIntel iPlanetWebServer JSP Oracle 24 04 2020 17 2 1 2准备建站所需软硬件 软硬件平台的性能指标 1 响应能力 2 与后端服务器的集成 3 管理的难易程度 4 信息开发的难易程度 5 稳定性 6 可靠性 7 安全性 8 与其它系统的搭配 24 04 2020 18 2 1 3接入Internet的方式 Internet接入技术的目的在于将用户的局域网或计算机与公用网络连接在一起 主要采用的技术有以下几种 1 PSTN电话拨号入网 电话拨号入网是最常用 最简单的接入Internet的方法 目前最高速率为56kbps 24 04 2020 19 PSTN拨号 24 04 2020 20 2 ISDN 综合业务数字网 IntegratedServiceDigitalNetwork ISDN 俗称 一线通 用户利用一条ISDN用户线路 可以在上网的同时拨打电话 收发传真 就像两条电话线一样 ISDN基本速率接口有两条64kbps的信息通路和一条16kbps的信令通路 简称2B D 当有电话拨入时 它会自动释放一个B信道来进行电话接听 24 04 2020 21 ISDN拨号 24 04 2020 22 3 DDN 数字数据网 DigitalDataNetwork DDN 专线接入 可以向用户提供点对点 点对多点透明传输的数据专线出租电路 为用户传输数据 图像 声音等信息 DDN的通信速率可根据用户需要在N 64kbps N 1 32 之间进行选择 当然速度越快租用费用也越高 主要面向集团公司等需要综合运用的单位 24 04 2020 23 DDN专线 24 04 2020 24 4 CableModem CableModem 线缆调制解调器 是利用现成的有线电视网进行数据传输 是访问Internet的一种高速接入方式 接入图与ISDN相似 5 ADSL 非对称数字用户环路 AsymmetricDigitalSubscriberLoop ADSL 能够在现有的双绞线 即普通电话线上根据当地线路状况提供2M 8Mbps下行速率和640Kbps 1Mbps的上行速率 接入图与ISDN相似 还有一种更高速的宽带接入VDSL 短矩高速 24 04 2020 25 VDSL 24 04 2020 26 6 光缆接入技术 光缆接入技术可分光纤接入 SDH 可实现FTTB 光纤到楼 FTTZ 光纤到小区 技术和光纤同轴电缆混合 HFC 接入技术 24 04 2020 27 7 无线接入 无线接入技术分微波 短波和卫星三类 微波被称为无线电网 是一种性能优异的宽带用户接人网 卫星接入是利用卫星通信系统提供的接入服务 它由人造卫星和地面站组成 用卫星作为中继站转发地面传入的无线电信号 与微波接入技术类似 利用专用的短波设备也可以接入Internet 且接入速率和距离都较理想 24 04 2020 28 无线接入 24 04 2020 29 2 1 4建站费用估算 对建设网站进行预算 主要是进行经济可行性分析 经济可行性分析主要是对开发项目的成本与效益作出评估 即分析新系统所带来的经济效益是否超过开发和维护网站所需要的费用 24 04 2020 30 2 1 4建站费用估算 1 网站费用网站费用包括以下几项内容 1 设备费用它包括计算机硬件 软件 输入输出设备 空调 电源及其他机房设施 设备的安装及调试费用等 2 开发费用系统开发所需要的劳务费及其他有关开支 3 运行费用它包括运行所需的各种材料费用 例如电 纸张等费用 以及设备的维护费用 其他与运行有关的费用开支也应包括在内 24 04 2020 31 2 1 4建站费用估算 4 维护费用在估计费用时 维护费用是一个经常被忽略的问题 一些单位只考虑购买设备的费用 每年的维护费用却没有预算在内 结果出现买得起 用不起的局面 5 培训费用它包括用户管理人员 操作人员及维护人员培训等费用 24 04 2020 32 2 1 4建站费用估算 建立并运行一个网站需要投资 网站建设是一项新技术 可供选择的方案很多 所以成本高低可能不大一样 企业最好在建站前进行一些调查工作 调查工作可以包括以下几个方面的内容 企业是否有必要拥有和运行自己的服务器 企业的网站或服务器怎样与Internet连接 谁为企业设计网站 谁为企业管理维护网站 管理维护的内容和范围是什么 企业是否愿意接受在线订货 企业的网站是否有必要与现有的数据库 订货系统和财务系统接口连接 24 04 2020 33 第三次课 24 04 2020 34 2 2域名策略 关于域名如何选择域名域名注册需注意的问题 24 04 2020 35 2 2 1域名 域名是一种基于IP地址的层次化的主机命名方式 1 域名在全世界具有惟一性 2 域名采用分层结构 如主机名三级二级顶级3 域名被存放在服务器中 运行时由DNS服务器将其转换成对应的IP地址 4 域名是一切网络活动的开始 一个网站的域名代表了这个网站的无形资产 是企业的网上 商标 5 域名由字母 数字或 组成 字母不区分大小写 24 04 2020 36 域名结构 24 04 2020 37 常用顶级域名 AC科研机构 COM工 商 金融等企业 EDU教育机构 GOV政府部门 NET互联网络 接入网络的信息中心 NIC 和运行中心 NOC ORG各种非盈利性的组织 MIL军事机构 aero航空运输业专用 museum博物馆专用 coop商业合机构 info可以替代 net biz可以替代 com的通用域名 name是个人网站的专用域名 pro医生和律师等职业 24 04 2020 38 2 2 2如何选择域名 1 企业注册域名的好处 域名注册可以将企业的网站放置在任何一个ISP的服务器上 如果企业对其服务不满意或认为连线速度过慢 可以立即更换 可以让客户很容易记忆企业的地址 并方便地为他们服务 能够让客户直接了解企业的产品或服务 即企业域名可以简单概括出企业所提供的产品或服务 因此 如果企业想长期在Internet上开展自己的业务 那么 就非常有必要登记一个属于自己的独立域名 它会始终为企业忠实地工作 24 04 2020 39 2 2 2如何选择域名 2 如何选择域名 符合公司的性质或信息内容的性质 如顶级域名 简洁 易记 标识性强 如8848 具有一定的内涵 如51job 一般采用企业名谐音 拼音 数字等 或通用公司名 公司名缩写 长度不超过20个字符 24 04 2020 40 2 2 3域名注册 域名是网站的 商标 其惟一性使域名资源有限 谁先注册 谁就有权使用 从某种意义上说 域名就是财富 域名注册一般要经过以下程序 查询 申请 审核 开通1 查询 whois 了解你想注册的域名是否已被注册 国际域名 国内域名 24 04 2020 41 Internic 24 04 2020 42 cnnic 24 04 2020 43 2 2 3域名注册 2 注册 填写申请资料并递交 国内域名 CNNIC的注册服务机构国际域名 INTERNIC 可通过WEB在线填写 或下载相关表格后填写再用E mail发送 也可传真等 递交申请方相关身份证明材料 国内域名注册申请人必须是依法登记并且能够独立承担民事责任的组织 注册时须出示营业执照复印件 然后填写在线定单 国际域名注册则没有条件限制 单位和个人均可以申请 企业只要填写在线订单 告知域名即可 24 04 2020 44 根据 中国互联网络域名管理办法 的规定 CNNIC在2002年12月16日全面变革域名管理服务模式 CNNIC作为CN域名注册管理机构 不再直接面对最终用户提供CN域名注册相关服务 域名注册服务将转由CNNIC认证的域名注册服务机构提供 注册商管理体系结构图如下 24 04 2020 45 2 2 3域名注册 3 审核 管理机构对申请者的资料进行核实 4 开通 通过ISP注册的免费域名一般可马上开通 付费域名需先交费 再开通 逾期不交者将取消其域名服务 5 域名申请的注意事项a 选择好的ISPb 有效解决域名冲突 如被抢注 已使用 c 尽早申请 和申请的域名相同的其它类域名一起注册 及时续费 24 04 2020 46 例如 中国万网的申请流程 24 04 2020 47 附 域名争议案例 1 2005年7月9日美国国家仲裁法院做出最终裁决 对Google的域名保护请求给予支持 同时将与类似域名 如googkle等 所的有权判归Google所有 2 2006年11月戴尔在向义乌民企讨回域名官司败诉 此前8月戴尔公司曾赢得域名官司从一公司夺走3 北京国网信息公司注册的域名达到5000多个 包括杜邦 宜家 护舒宝 玉兰油及陶氏等这些位列世界500强企业的商标同名符号 认定法院认定为 恶意抢注 数个域名被撤消 在国内单位或个人与国外公司的域名争议多以国内单位败诉告终 这主要是因为受到诉讼程序和语言的限制 24 04 2020 48 2 3架构平台 1 了解常用操作系统的特点 2 确定平台架构方式 3 虚拟主机的利弊分析4 自有服务器的利弊分析 24 04 2020 49 Windows 1 由Microsoft 微软 公司开发的 其网络操作系统主要有 WindowsNT4 0Serve Windows2000Server AdvanceServer 以及最新的Windows2003Server AdvanceServer 2 较高的可靠性和安全性 3 采用Windows家族统一的图形界面 使用户学习 使用起来更加容易 也最易受到攻击 24 04 2020 50 Unix 1 目前常用的UNIX系统版本主要有 UnixSUR4 0 HP UX11 0 SUN的Solaris8 0等 版本较多 互不兼容 2 系统稳定和安全性能非常好 3 内核用C语言编写 具有较好的二次开发能力 4 但由于它多数是以命令方式来进行操作的 初级用户不容易掌握 24 04 2020 51 关于UNIX 1969年 Bell实验室的KenThompson开始利用一台闲置的PDP 7计算机开发了一种多用户 多任务操作系统 很快 DennisRichie加入了这个项目 在他们共同努力下诞生了最早的UNIX Richie受一个更早的项目 MULTICS的启发 将此操作系统命名为Unix 早期UNIX是用汇编语言编写的 但其第三个版本用一种崭新的编程语言C重新设计了 C是Richie设计出来并用于编写操作系统的程序语言 通过这次重新编写 Unix得以移植到更为强大的DECPDP 11 45与11 70计算机上运行 后来发生的一切 正如他们所说 已经成为历史 Unix从实验室走出来并成为了操作系统的主流 现在几乎每个主要的计算机厂商都有其自有版本的Unix 24 04 2020 52 Linux 1 是一种类Unix操作系统 目前也有中文版本的Linux 如REDHAT 红帽子 红旗Linux等 2 最大的特点就是源代码开放 可以免费得到许多应用程序 3 有很好的安全性和稳定性 4 支持图形界面和命令方式 适合不同的用户 但目前使仍主要应用于中 高档服务器中 24 04 2020 53 关于LINUX Linux起源于一个学生的简单需求 LinusTorvalds Linux的作者与主要维护者 在其上大学时所买得起的唯一软件是Minix 是一个类似Unix 被广泛用来辅助教学的简单操作系统 Linus对Minix不是很满意 于是决定自己编写软件 他以学生时代熟悉的Unix作为原型 在一台Intel386PC上开始了他的工作 他的进展很快 受工作成绩的鼓舞 他将这项成果通过互连网与其他同学共享 主要用于学术领域 有人看到了这个软件并开始分发 每当出现新问题时 有人会立刻找到解决办法并加入其中 很快的 Linux成为了一个操作系统 24 04 2020 54 Linix界面 24 04 2020 55 Linux2 24 04 2020 56 虚拟主机的利弊分析 24 04 2020 57 虚拟主机的定义 虚拟主机 VirtualHostVirtualServer 是使用特殊的软硬件技术 把一台计算机主机分成一台台 虚拟 的主机 每一台虚拟主机都具有独立的域名和IP地址 或共享的IP地址 具有完整的Internet服务器功能 在同一台硬件 同一个操作系统上 运行着为多个用户打开的不同的服务器程序 互不干扰 而各个用户拥有自己的一部分系统资源 IP地址 文件存储空间 内存 CPU时间等 虚拟主机之间完全独立 在外界看来 每一台虚拟主机和一台独立的主机的表现完全一样 由于多台虚拟主机共享一台真实主机的资源 每个用户承受的硬件费用 网络维护费用 通信线路的费用均大幅度降低 Internet真正成为人人用得起的网络 现在 几乎所有的美国公司 包括一些家庭 均在网络上设立了自己的WEB服务器 其中有相当的部分采用的是虚拟主机 24 04 2020 58 自有服务器的利弊分析 24 04 2020 59 2 4网站内容开发 决定网站内容的关键是一个好的定位 从一开始就明确站点的目标 规划站点的主要构成部分及各部分的功能和风格 建站前要对市场进行调研 根据网站定位来策划网站内容 24 04 2020 60 网站主题 1 什么是网站主题 网站主题即网站的题材 如学习类 娱乐类等 2 确定网站主题的原则定位要小 内容要精 即准确 要结合自身特点和优势目标不易太高 24 04 2020 61 名称设计 名称设计原则 名称在正 合法 简洁易记 不多于6个字 有特色 但符合网站主题 24 04 2020 62 定位网站的CI形象 CI 通过视觉来统一企业的形象 1 LOGO设计利用网站的代表性人物 图案 商标 或适当变形 专业网站可选择其有代表性的标志 网站的英文名称 采用不同的字体 字母的变形 字母的组合 24 04 2020 63 定位网站的CI形象 2 色彩 物体对一定波长的光的反射 使人们能识别色彩 为了在实际工作中更方便地运用色彩 必须将色彩按照一定的规律和秩序排列起来 这就是色相环 24 04 2020 64 定位网站的CI形象 凡两种色光相加呈现白光 两种颜色相混呈现灰黑色 那么这两种色光和这两种颜色即互为补色 24 04 2020 65 十种基本配色设计 24 04 2020 66 十种基本配色设计 24 04 2020 67 十种基本配色设计 24 04 2020 68 十种基本配色设计 24 04 2020 69 单色的功能 红色 热情 喜庆 胜利 流血 危险黄色 辉煌 柔和 充满希望 轻薄 软弱橙色 明亮 华丽 温暖 辉煌 最易动人绿色 青春 旺盛 不成熟 没有经验蓝色 深远 纯净 单纯 冷漠 缺少生命紫色 高贵 奢华 幽雅 流动 不安白色 明亮 干净 朴素 直率 圣洁黑色 安静 深思 坚毅 神秘 阴森 恐怖 甚至死亡 24 04 2020 70 定位网站的CI形象 网站色彩设计的要求 体现网站形象和内涵 标志 标题 菜单和banner的色系要统一 主要色系 蓝 黄 橙 黑 灰 白 24 04 2020 71 定位网站的CI形象 3 字体标准字体为宋体 网页字体大小最好使用CSS样式指定 特别的地方可用其它的特殊字体点缀 但最好做成图片 以保证显示效果 4 宣传语口号 一般出现在主页面的标题栏或页面的banner中有冲击力 煽动性 24 04 2020 72 hao1231 24 04 2020 73 招商银行 24 04 2020 74 内容策划应包含的信息 1 网站的名称 2 网页的标题 3 网站的脊梁 结构 4 内容 5 指向网页的连接或指向网站其他网页的链接 6 网站的联络方法 7 网站的建立或更新日期 8 版权说明 24 04 2020 75 网站内容开发的要点 HTML文档的效果由其自身的质量和浏览器解释HTML的方法决定 要让所有的浏览器都能够正常浏览 网站信息的组织的关键在于总体结构的层次分明 否则不仅不利于用户查找感兴趣的内容 而且在信息不断增多后还会使维护工作非常困难 图像和多媒体信息的使用要适中 减少文件数量和大小是必要的 有一个好的主页 因为它们会给用户留下第一印象 好的第一印象能够吸引用户再次光临这个网站 24 04 2020 76 网站内容开发的要点 网站内容应是动态的 随时进行修改和更新 以使自己的网站紧跟市场潮流 网页中应该提供 些联机帮助功能 比如输入查询关键词就可以提供一些简单的例子 千万不能让用户不知所措 网页的文本内容应简明扼要 通俗易懂 所有内容都要针对设计目标而编写 不要节外生枝 文字要正确 不能有语法错误和错别字 24 04 2020 77 WEB站点的典型内容 企业的Web站点应包括以下典型内容 1 企业的基本背景介绍企业的背景介绍材料 如果有条件 最好能够提供相应的英文版 简介文字最好提供简单和详实两个版本 专业的电子版企业简介应该具有图文混排的非HTML格式 例如可以使用Acrobat的PDF格式供客户下载 因为Acrobat文件能够保持图文排列的整体观感 2 详细的产品资料或服务介绍企业应该把自己的主要产品的全貌反映在网站上 让客户能够查询到产品的主要技术规格 照片和其他可公开的信息 服务类企业应该通过各种手段把详尽的服务内容和条款列出 为使企业产品能够在网站上用更形象的手段体现 可以采用VRML编辑器构筑一些虚拟现实场景 24 04 2020 78 WEB站点的典型内容 3 技术支持资料除了产品说明书之外 企业还应该掌握自己产品的更多信息 比如常见故障处理 计算机产品的编程接口等 这些资料如果能够公开 可放入网站 以减轻企业技术支持人员的工作量 4 企业营销网络很多企业在总部以外都有其他分支机构 为此企业应该在网站上列出全球范围内所有可接洽到的办公场所 包括它们的电话 传真 电子邮件 并列出它们各自的职能 5 收集客户反馈在企业网站上应该至少带有一个客户反馈表单 用于收集客户和普通访问者对企业改进产品和服务的意见或建议 网络管理员应该经常检查提交上来的内容 并及时转交给企业决策部门使用 6 其他针对企业经营特点的内容加入与本网站有关的链接 如音响制品厂商可以加入音乐站点链接 但是 千万不要直接链接到竞争厂商的网站 24 04 2020 79 dell 24 04 2020 80 ibm 24 04 2020 81 haier 24 04 2020 82 常用版面布局的形式 T 结构布局所谓 T 结构就是指页面顶部为横条网站标志 广告条 下方左面为主菜单 右面显示内容的布局 因为菜单条背景较深 整体效果类似英文字母 T 所以称为 T 形布局 如HAO等 优点 是页面结构清晰 主次分明 且是初学者最容易掌握的布局方法 缺点 是规矩呆板 如果色彩细节上再不注意 很容易让人看后乏味 24 04 2020 83 hao123 24 04 2020 84 常用版面布局的形式 国 字形布局这是一个象形的说法 就是页面一般上下各有一个广告条 左面是主菜单 右面放友情链接等 中间是主要内容 优点 是充分利用版面 信息量大 缺点 是页面拥挤 不够灵活 也有将四边空出 只用中间的窗口型设计 例如CCTV 24 04 2020 85 cctv 24 04 2020 86 常用版面布局的形式 POP布局POP引自广告术语 就是指页面布局像一张宣传海报 以一张精美图片作为页面的设计中心 此类布局常用于时尚类站点 比如ELLE com 优点 显而易见 漂亮吸引人缺点 速度慢 24 04 2020 87 pop 24 04 2020 88 常用版面布局的形式 还有其它的一些布局方式 如 三