网站基础知识10413

1 11 1网络基础知识网络基础知识 在学习网站规划设计之前 应对计算机网络的相关知识进行初步了解 如 Internt TCP IP WWW 等 1 1 11 1 1 计算机网络简介计算机网络简介 计算机网络计算机网络 是指将地理位置不同的具有独立功能的多台计算机及其外部设备 通过通信线路连接起来 在网络 操作系统 网络管理软件及网络通信协议的管理和协调下 实现资源共享和数据通信的计算机系统 1 计算机网络的组成计算机网络的组成 计算机网络整体可以划分为通信子网和资源子网通信子网和资源子网两大部分 2 计算机网络的分类计算机网络的分类 1 局域网局域网 所谓局域网 local area netwok LAN 就是在局部地区范围内的网络 它所覆盖的地理范围较小 在几米至 10 千米以内 局域网在计算机数量上没有太多的限制 少的可以只有两台 多的可达几百台 局域网一般位于一个建 筑物或一个单位内 不存在寻径问题 不包括网络层的应用 2 城域网城域网 城域网 metropolitan area network MAN 一般是由位于一个城市的计算机互连而成的网络 城域网的覆盖范 围通常在 10 千米至 100 千米 采用 IEEE 802 6 标准 MAN 与 LAN 相比扩展的距离更长 连接的计算机数量更多 在 地理范围上可以说是 LAN 的延伸 一个 MAN 通常连接着多个 LAN 3 广域网广域网 广域网 wide area Network WAN 也称远程网 通常跨接很大的物理范围 所覆盖的范围从几十千米到几千千 米 它能连接多个城市或国家 或横跨几个洲并能提供远距离通信 形成国际性的远程网络 在广域网内 用于通信 的传输设备和介质一般由电信部门提供 网络则由多个部门联合或由国家组建 网络规模大 能实现较大范围的资源 共享 国际互联网 Internet 就是全球最大的广域网 3 计算机网络的功能 计算机网络的功能主要表现在资源共享和数据通信两个方面 1 资源共享 2 数据通信 1 1 21 1 2 InternetInternet 简介简介 Internet 是一个采用 TCP IP 传输控制协议 因特网互联协议 把各个国家 各种机构的内部网络连接起来的数 据通信网 起源于 20 世纪 70 年代的 ARPANET 阿帕网 Internet 提供了丰富的服务 主要包括以下内容 1 万维网服务 2 电子邮件服务 3 文件传输服务 4 远程登录 1 1 31 1 3 TCP IPTCP IP 简介简介 计算机网络中的计算机和网络设备数量巨大 种类繁多 为了能够正确而有序地进行数据交换 必须遵守一些事 先约定好的规则 这些规则就是协议协议 协议是一组控制数据通信的规则 这些规则明确规定了所交换的数据格式 时一组控制数据通信的规则 这些规则明确规定了所交换的数据格式 时 序 为进行数据交换而建立的规则 标准或约定的集合就称为网络协议序 为进行数据交换而建立的规则 标准或约定的集合就称为网络协议 通常所说的 TCP IPTCP IP 是一组协议的总称 它包括众多相互关联的协议 其中网际协议 Internet protocol IP 是网络层最重要的协议 传输控制协议传输控制协议 transmission control protocol TCP 是传输层中最主要的协议 TCP 是提供可靠服务 面向链接的协议 确保数据报可以完整地进行接收 IPIP 定义了数据按照数据报传输的格式和规则 将来自传输层的数据封装成定义了数据按照数据报传输的格式和规则 将来自传输层的数据封装成 IPIP 数据包 送往作为目的地的接收端 数据包 送往作为目的地的接收端 IPIP 最重要的作用就是将数据传送到目的计算机上最重要的作用就是将数据传送到目的计算机上 1 1 41 1 4 WWWWWW WWWWWW 是环球信息网是环球信息网 world wide Web 的缩写 也可以简称为 Web 中文名字为 万维网万维网 1 21 2 网站相关概念网站相关概念 为了更好地学习网站规划设计 必须了解网站的相关概念 如网站 网页 URL 浏览器等 1 2 11 2 1 网站和网页网站和网页 1 1 网站网站 网站网站 website 是指根据一定的规则将相关网页有机组合起来形成的集合 所有网页都可以通过超链接相互访 问 2 2 网页网页 网页网页是构成网站的基本元素 网页实际上是一个文件 它存放在 Internet 上的某一台计算机中 而这台计算机 必须是与互联网相连的 1 2 21 2 2 URLURL 统一资源定位符统一资源定位符 universal resource locator URL 也称为网页地址 是因特网上标准的资源地址 用于完 整地描述 Internet 上网页和其他资源的地址的一种标识方法 URL 由 3 3 部分组成部分组成 格式如下 协议类型 主机域名或主机域名或 IPIP 地址地址 路径路径 文件名文件名 1 2 31 2 3 IPIP 地址和域名地址和域名 1 IP1 IP 地址地址 每个连接 Internet 的计算机 服务器以及其他网络实体都有自己唯一的 IP 地址 使用 IP 地址区分 Internet 上 的每台计算机和网络设备 每个 IPIP 地址的长度为地址的长度为 3232 位 位 bitbit 分 分 4 4 段 每段段 每段 8 8 位 位 1 1 个字节 个字节 常用十进制数字表示 每段数字范围为 常用十进制数字表示 每段数字范围为 0 0 255255 段与段之间用 段与段之间用 分隔分隔 如 202 101 10 1 使用 IP 地址可以直接访问该 IP 地址代表的网站 但是 对于普通用户而言 IP 地址非常难以记忆 因此 在 Internet 上使用了一套和 IP 地址对应的域名系统 domain name system DNS 域名系统使用与主机位置 作用 行业有关的一组字符组成 既容易理解又方便记忆 域名与 IP 地址一一对应 TCP 是提供可靠服务 面向链接的协议 确保数据报可以完整地进行接收 IP 协议定义了数据按照数据报传输的 格式和规则 将来自传输层的数据封装成 IP 数据包 送往作为目的地的接收端 最重要的作用就是将数据传送到目 的计算机上 2 2 域名域名 在 Internet 上使用了一套和 IP 地址对应的域名系统 域名系统 domaindomain namename systemsystem DNSDNS 域名系统使用与主机位置 作用 行业有关的一组字符组成 既容易理解又方便记忆 域名与 IP 地址一一对应 域名的一般格式格式为 主机主机 网络名称网络名称 子域子域 一级域一级域 1 2 41 2 4 浏览器浏览器 浏览器浏览器是指可以显示 Web 服务器的网页文件内容 并让用户与这些文件交互的一种软件 浏览器主要通过 HTTP 与 Web 服务器交互并获取网页 这些网页由 URL 指定 浏览器属于客户端浏览程序 向 Web 服务器发送各种请求 并 对从服务器发来的超文本信息和各种多媒体数据格式进行解释 显示和播放 目前常见的浏览器有 IE Internet Explorer Firefox Netscape Navigator 等 1 2 51 2 5 ISPISP ISPISP Internet service provider 的意思是互联网服务提供商互联网服务提供商 是向广大用户综合提供互联网接入业务 信息 业务和增值业务的电信运营商 是经国家主管部门批准的正式运营企业 如中国电信等 一台计算机要通过一台计算机要通过 ISPISP 提供的接入服务 根据提供的接入服务 根据 ISPISP 提供的帐号接入提供的帐号接入 InternetInternet 才能访问 才能访问 InternetInternet 上的资源 上的资源 1 2 61 2 6 HTTPHTTP HTTPHTTP 英文英文 HypertextHypertext transfertransfer protocolprotocol 的缩写的缩写 中文译为超文本传输协议 中文译为超文本传输协议 它是一种详细规定了浏览器和万 维网服务器之间互相通信的规则 HTTP 是非常可靠的协议 它具有强大的自检能力 所有用户请求的文件到达客户端 时 一定是准确无误的 1 2 7Web1 2 7Web Web 本意是蜘蛛网和网的意思 对于普通用户来说 Web 仅仅只是一种环境 互联网的使用环境 氛围 内容 等 而对于网站设计 制作者来说 它是一系列技术的复合总称 包括网站的前台布局 后台程序 美工 数据库开 发等 我们称它为网页 1 2 81 2 8 W3CW3C W3CW3C 英文 英文 WorldWorld WideWide WebWeb ConsortiumConsortium 的缩写 中文译为的缩写 中文译为 万维网联盟万维网联盟 万维网联盟是国际最著名的标准化组 织 W3C 最重要的工作是发展 Web 规范 自 1994 年成立以来 已经发布了 200 多项影响深远的 Web 技术标准及实施指 南 如超文本标记语言 HTML 可扩展标记语言 XML 等 这些规范有效地促进了 Web 技术的兼容 对互联网的发 展和应用起到了基础性和根本性的支撑作用 WebWeb 标准并不是某一个标准 而是一系列标准的集合 主要包括结构 标准并不是某一个标准 而是一系列标准的集合 主要包括结构 StructureStructure 表现 表现 PresentationPresentation 和行 和行 为 为 BehaviorBehavior 三个方面 具体如下 三个方面 具体如下 1 1 结构标准 结构标准 结构用于对网页元素进行整理和分类 主要包括结构用于对网页元素进行整理和分类 主要包括 XMLXML 和和 XHTMLXHTML 两个部分 两个部分 具体区别如下 XML 英文 The Extensible Markup Language 的缩写 是一种可扩展标记语言 XML 最初的目的是为了弥补 HTML 的不足 它具有强大的扩展性 可用于数据的转换和描述 XHTML 英文 The Extensible HyperText Markup Language 的缩写 是可扩展超文本标识语言 XHTML 是基于 XML 的标识语言 是在 HTML4 0 的基础上 用 XML 的规则对其进行扩展建立起来的 它实现了 HTML 向 XML 的过渡 2 2 表现标准 表现标准 表现用于设置网页元素的版式 颜色 大小等外观样式 主要指的是 CSSCSS 具体介绍如下 CSS 英文 Cascading Style Sheet 的缩写 是层叠样式表 CSS 标准建立的目的是以 CSS 为基础进行网页布局 控制网页的表现 CSS 布局与 XHTML 结构语言相结合 可以实现表现与结构的分离 使网站的访问及维护更加容易 3 3 行为标准 行为标准 行为是指网页模型的定义及交互的编写 主要包括行为是指网页模型的定义及交互的编写 主要包括 DOMDOM 和和 ECMAScriptECMAScript 两个部分 具体区别如下 两个部分 具体区别如下 DOM 英文 Document Object Model 的缩写 是文档对象模型 W3C 文档对象模型 DOM 是中立于平台和语言 的接口 它允许程序和脚本动态地访问和更新文档的内容 结构和样式 ECMAScript 是 ECMA 英文 European Computer Manufacturers Association 的缩写 国际以 JavaScript 为基础 制定的标准脚本语言 JavaScript 是一种基于对象和事件驱动 并具有相对安全性的客户端脚本语言 广泛用于 Web 开发 常用来给 HTML 网页添加动态功能 比如响应用户的各种操作 1 2 91 2 9 HTMLHTML HTML 英文 Hyper Text Markup Language 的缩写 中文译为 超文本标记语言 主要是通过 HTML 标记对网页 中的文本 图片 声音等内容进行描述 HTML 提供了许多标记 如段落标记 标题标记 超链接标记 图片标记等 网页中需要定义什么内容 就用相应的 HTML 标记描述即可 HTML 之所以称为超文本标记语言 不仅是因为它通过标记描述网页内容 同时也由于文本中包含了所谓的 超级 链接 点 通过超链接将网站与网页以及各种网页元素链接起来 构成了丰富多彩的 Web 页面 超链接超链接是指 Web 页面中从一个页面跳转到另一个页面或从页面的一个位置跳转到另一位置的链接关系 链接的目 标通常是一个 Web 页面 也可以是图片 多媒体 电子邮件甚至一个程序 在 Web 页中可以设置指向其他 Web 页或其 自身特定位置的超链接 单击被设置为超链接的文本或图片就可以从一个 Web 页跳转到另一个 Web 页 或从网页的一 处跳转到另一处 或者转到不同的站点 1 2 101 2 10 CSSCSS CSS 通常称为 CSS 样式或样式表 主要用于设置 HTML 页面中的文本内容 字体 大小 对齐方式等 图片的外 形 宽高 边框样式 边距等 以及版面的布局等外观显示样式 JavaScript 是 Web 页面中的一种脚本语言 通过 JavaScript 可以将静态页面转变成支持用户交互并响应相应事 件的动态页面 CSS 的全称为 cascading style sheets 中文意思为 层叠样式表 是能制作出各种样式网页的技术统称 CSS 是一种定义样式 如字体 颜色和位置 的语言 用于描述如何格式化和显示网页中的信息 CSS 样式可直接存储在 HTML 网页中 也可存储为独立的样式表文件 不管以哪种方式保存 样式表都包含将样式应用于特定类型元素的样式 规则 在外部使用时 样式规则放在外部样式表文档中 文件扩展名为 css 2 CSS 语法由 selector 选择符 property 属性 和 value 值 3 部分构成 语法格式如下 selector property value selector 通常是希望定义的 HTML 元素或标签 property 是希望改变的属性 每个属性都有一个值 1 31 3 建站前的准备工作建站前的准备工作 1 3 11 3 1 申请网站空间申请网站空间 网站必须存放到 Web 服务器中 而且 Web 服务器必须接入 Internet 网站才能发布成功 把网站放到 Web 服务器 上又可以分为以下两种情况 1 自建 Web 服务器 2 将网站上传到专门的 Web 服务器上 1 3 21 3 2 申请域名申请域名 网站有了域名才能被访问 在我国 工业和信息化部负责中国互联网络域名的管理工作 用户可以通过域名注册 服务商申请和购买域名 目前域名有英文域名和中文域名两种 申请域名的一般步骤如下 1 准备域名 2 注册域名 3 网站备案 1 41 4 网站规划设计网站规划设计 1 网站建设流程是指一个网站从提出建设到网站建设完成并投入运行的各个环节 也包括后期的维护等工作 网站的类型多种多样 但无论哪种类型的网站 其建设过程大致相同 一般都经过 4 个阶段 网站策划 网站规划与 设计 网站实现及网站维护 2 明确建站目的和类型 确定技术解决方案 网站内容及结构 网页设计要求等 3 根据网站主体分类 政府网站 企业网站 教育科研机构网站 个人网站和非盈利机构网站等 根据网站提 供的服务分类 资讯类网站 交易类网站 互动游戏类网站 功能型网站 综合类网站和办公类网站等 4 网站的形象是通过许多方面来体现的 包括网站的定位 网站的主题和名称 网站的布局 网站标志设计 色彩搭配 版面布局 浏览方式 交互方式等 5 公司统一标志 corporate identity CI 的意思是通过视觉来统一企业的形象 准确而有创意的 CI 设计 对网站的宣传推广有事半功倍的效果 6 网站的栏目规划 网站的版块设计 网站的目录结构设计 网站的链接结构设计 7 建设网站前的市场分析 建设网站目的及功能定位 网站技术解决方案 网站内容及实现方式 网页设计 网站测试方案 网站维护方案 网站推广方案 网站开发的进度 网站建设费用预算 1 51 5 网页设计网页设计 1 在网页设计中遵循一些普遍适用的设计准则 对于指导设计过程 培养良好的设计风格 体现设计者的意图 并最终得到符合用户需求的网页作品有着指导作用 应该遵循以下原则 明确的网站定位 鲜明的设计主题 清晰的导航结构 统一的页面风格 快捷的下载速度 良好的可兼容性 2 页面尺寸需要从横向和纵向两个方向确定 通常以 屏 或 像素 为单位 用户在浏览网页时 浏览器窗 口中显示的有效面积会受到显示器尺寸以及分辨率设置的影响 分辨率越高 页面尺寸越大 设计页面空间时需要界 定网页的尺寸大小 采用合适的尺寸才能保证用户浏览网页的有效面积 一般而言 分辨率在分辨率在 800 600800 600 像素的情况像素的情况 下页面宽度控制在下页面宽度控制在 778778 像素内 分辨率在像素内 分辨率在 1024 7681024 768 像素的情况下页面宽度控制在像素的情况下页面宽度控制在 10021002 像素内 像素内 这样不会出现水平 滚动条 可以将页面内容完整地显示在一屏的宽度中 3 视觉流程是指人的视觉在接受外界信息时的流动过程 视觉流程的形成是由人类的视觉特性所决定的 受生 理结构限制 人眼只能产生一个视觉焦点 不能同时把视线停留在两处或更多的地方 通过视线移动进行浏览和观察 来感知外部世界 视觉流程可以分为直线视觉流程 曲线视觉流程 焦点视觉流程和反复视觉流程 4 种 4 常见的网页空间结构包括有框架式分割和自由式分割两种 框架式分割借助框架或表格界定的方形区域对页 面空间进行分割 分割所得的版式结构有以下几种 1 国字结构 2 上下结构 3 左右结构 4 上下左右 结构 具体实例读者可参考教材中所举例的网站说明 5 网站导航从本质上来说是一组将信息分类的超链接 通过首页或主要页面的超链接为浏览者提供以下功能 使浏览者迅速了解网站的整体结构 使浏览者明确当前所处位置 使浏览者能够进入网站其他页面 使浏览者可以随 时回到首页 如菜单导航 主要用于功能复杂 栏目众多的网站 网站中需要导航的内容很多 用其他导航形式会显 得冗长 而下拉式菜单便于用户直接进入更深的层级 减少二次选择 也节省了占用网页的空间 参看教材图 3 20 所示 6 色彩具有色相 纯度 明度 3 个属性 也称为色彩的三要素 无彩色只有明度属性 色相 也叫色调 是指 色彩的相貌或种类 是色彩最基本的特征 通常所说的红 橙 黄 绿 青 蓝 紫就是不同的色相 它们之间的差 别属于色相的差别 纯度 也叫浓度 饱和度 是指色彩的鲜艳程度 纯净程度 任何一种颜色加入黑 白 灰等无 彩色都会降低其饱和度 明度 也叫亮度 指色彩的深浅 明暗程度 明度越大 色彩越亮 7 信息设计是如何面向用户合理组织页面中的文字 图片 动画 表单等元素 以实现信息的高效传播 需要 在信息设计上遵循一些基本的原则 信息设计的基本原则是 避免使用陈旧或不完整的信息 否则将影响网站的形象 良好的版面设计非常重要 避免使用过多的色彩 色彩应作为线索 用于标志不同类型的信息 避免使用过多的图形 和动画 保持一致性 1 61 6 网站测试网站测试 网站开发人员完成网站系统的设计开发工作之后 都必须保证网站系统的所有组成部分能够正常工作 因此 网 站系统的测试工作十分重要 网站开发人员完成网站系统的设计开发工作之后 都必须保证网站系统的所有组成部分能够正常工作 因此 网 站系统的测试工作十分重要 1 1 在不同浏览器中测试在不同浏览器中测试 网站系统的设计开发人员通过使用不同的浏览器 把设计和制作完成的网站系统从主页开始 逐页地进行检查 以便保证所有的网页在各种浏览器上都有不错的显示效果 而且没有任何错误 有时候 在 Internet Explore 系列 浏览器 FireFox Opera 和 Maxthon 浏览器中显示的效果可能并不一样 但只要能够做到兼顾显示 不影响网页内容 的表达 就可以认为通过了浏览器的测试 2 2 在不同分辨率设置环境下测试在不同分辨率设置环境下测试 鉴于当前用户的习惯和计算机主流屏幕的大小 推荐使用 1024 768 像素的分辨率进行网页设计 同时 现在宽 屏显示器的市场份额也在提升 所以有的网站又提供了宽屏版 3 3 链接测试链接测试 发布网站之前 应该测试所有的超链接 如果网站包含断开的超链接 即具有无效目标 URL 的超链接 则当网 站访问者单击该超链接时 浏览器会显示一条错误消息 原因可能仅仅是 URL 输入错误或 URL 指向的网页已经从网站 中删除了 如果目标是 WWW 上的另一网页 则该网页可能被移动或删除了 因此超级链接的正确性测试是网站系统测 试的重要环节 1 71 7 网站发布前的准备工作网站发布前的准备工作 1 1 网站服务器的选择网站服务器的选择 前面已经介绍过 可以选择虚拟主机或者自备服务器进行托管 根