山东大学web技术课程教学ppt6
合集下载
Web概述本章主要内容精品PPT课件
1.2 Web工作原理
静态网页与动态网页： 1. 静态网页仅仅使用HTML语言编写； 2. 动态网页需要使用脚本语言编写，根据网页内容依赖于数据库的内容。
1.3 Web服务
Web服务定义： • W3C（国际标准化组织）定义 • Microsoft定义 • IBM定义 • UDDI规范中定义
定义内容详见PP7-12。
1.3 Web服务
Web服务
UDDI Web服务&WSDL
SOAP、XML HTTP、HTTPS、SMTP、FTP
图1-2 Web服务的多层构成
服务发现层 服务描述层 基于XML的消息层 网络层
1.3 Web服务
UUID等于的四种基本结构： • 商业实体（Business entiy）：描述商业信息，如名称和类
器； 4. 如果URL指向脚本语言文本*（或HTML文档中嵌入有脚本语言文本），
则Web服务器运行脚本语言的程序（一般是解释执行脚本程序），将 其输出结果送浏览器； 5. URL也可以执行其他的脚本语言程序，例如：VRML和Ruby等等。
* 常用的脚本语言有PHP、ASP、和每一个人，既是信息 的接收者，也是信息的传播者，大家通过相互协作 来完成各自的任务和实现各自的目的。
分享精神指接入互联网的每一个人，将各自拥 有的信息分享在互联网上，使得任何人都可以使用。
1.1 Web概念
Web的五要素： •URL •HTTP •HTML •Web浏览器 •Web服务器
第1 章Web概述
Web应用举例（续）： •Social networking service（SNS，社会化网络服务） •Online shopping（在线购物） •Web search engine（搜索引擎） •Internet governance（网络政务） •Browse game（页游，网页游戏） •Webcam（网络摄像） •Electronic business（e-business，电子商务）
Web技术应用基础(第一章)精品PPT课件
国家级精品课程 —Web技术应用基础
● IP地址的表示方法
IPv4地址采用“点分十进制”表示法。 按照TCP/IP协议规定，IP地址用二进制来表示，每个IP 地 例如：一个采用二进制形式的IP地址是“1110101000”， 为了方便记忆和使用，IP地址经常被写成十进制的形式， 中间使用符号“.”分开不同的字节。
计算机网络 ●
Web环境
通过通信线路和通信设备，将分布在不同地理位置、 具有独立功能的计算机系统连接起来，在网络协议 和网络管理软件的支持下，实现彼此之间数据通信 和资源共享的系统。
计算机网络为网络用户提供了两个主要功能：
连通和共享
连通功能共把享网功上能计使上算网用户可 机连接起以来使，用使网人上所们有公享资 可了以地交域换的源软、信遥件游，息远、戏例，。如硬等忘信件等、息记娱、乐文节档、目
在因特网上与其他用户通信或查找资源，先要找 到用户或资源所在的主机，然后才可以进行通信 或查询存储于该主机上的资源。 在因特网上使用IP地址或域名标识网上的主机或 者设备，使用URL来定位网上的资源。
国家级精品课程 —Web技术应用基础
● IP地址
Internet是网络的网络，连接了海量主机（或设 备），为了识别网上主机（或设备），人们为每 台主机（或设备），分配了一个在Internet唯一 的32位的二进制数，即主机的IP地址。
国家级精品课程 —《Web技术应用基础》
第1章 Web技术概述
本章主要内容
Web应用的基础知识和基本概念，主要包括计算 机网络、Internet、 Web基本概念， Web开发技 术和Web方式访问数据库技术等。 学习目标：
– 掌握Web开发的基本知识、主要技术和工作原理 – 理解Web开发常用架构，会画B/S三层结构图 – 熟练应用IP地址、域名和URL网上查找资源 – 理解JSP访问数据库技术
● IP地址的表示方法
IPv4地址采用“点分十进制”表示法。 按照TCP/IP协议规定，IP地址用二进制来表示，每个IP 地 例如：一个采用二进制形式的IP地址是“1110101000”， 为了方便记忆和使用，IP地址经常被写成十进制的形式， 中间使用符号“.”分开不同的字节。
计算机网络 ●
Web环境
通过通信线路和通信设备，将分布在不同地理位置、 具有独立功能的计算机系统连接起来，在网络协议 和网络管理软件的支持下，实现彼此之间数据通信 和资源共享的系统。
计算机网络为网络用户提供了两个主要功能：
连通和共享
连通功能共把享网功上能计使上算网用户可 机连接起以来使，用使网人上所们有公享资 可了以地交域换的源软、信遥件游，息远、戏例，。如硬等忘信件等、息记娱、乐文节档、目
在因特网上与其他用户通信或查找资源，先要找 到用户或资源所在的主机，然后才可以进行通信 或查询存储于该主机上的资源。 在因特网上使用IP地址或域名标识网上的主机或 者设备，使用URL来定位网上的资源。
国家级精品课程 —Web技术应用基础
● IP地址
Internet是网络的网络，连接了海量主机（或设 备），为了识别网上主机（或设备），人们为每 台主机（或设备），分配了一个在Internet唯一 的32位的二进制数，即主机的IP地址。
国家级精品课程 —《Web技术应用基础》
第1章 Web技术概述
本章主要内容
Web应用的基础知识和基本概念，主要包括计算 机网络、Internet、 Web基本概念， Web开发技 术和Web方式访问数据库技术等。 学习目标：
– 掌握Web开发的基本知识、主要技术和工作原理 – 理解Web开发常用架构，会画B/S三层结构图 – 熟练应用IP地址、域名和URL网上查找资源 – 理解JSP访问数据库技术
Web技术应用ppt_06
当前窗口名字 当前窗口父窗口 当前打开窗口
属性名称
范例
name parent self top status
self.status=“你 好” 窗口集合中最顶层窗口
设置当前打开窗口状态 self.status=“欢 栏的显示数据 迎”
脚本应用
<body> <form> <input type="button" name="ControlButton“ value="鼠标移过来，看状态栏！" onMouseOver=“writeStatus(„欢迎学习Web技术！’); return true;"> </form> </body> </html window对象的事件
document对象及其应用
window对象的下层又有location、history、 event和document等, 使用最多document对象
18
脚本应用
6.5.6 window对象应用案例 －对象信息的获取 例：任务要求：用户用鼠标在页面不同位置上点击时， 弹出对话框，显示在该位置触发的onClick事件对象的 标记名和它的id。
22
document 对象应用案例 －文本框内容互换 任务要求：页面上有2个文本框，用户在第1 个文本框输入内容后，点击第2个文本框， 将在第2个文本框内显示第1个文本框的内 容。
23
<html> <head><title>document对象应用</title></head> <body> 将文字输入文本框 1 <form> <input type=text onChange="document.my.elements[0].value=this.value;"> <!--输入文本框元素[0]=输入的内容//--><br> </form> 单击文本框 2显示文本框 1内容 <form name="my"> <input type=text > <!--输出文本框元素[0]=输入的内容//--> </form> </body></html> 24
属性名称
范例
name parent self top status
self.status=“你 好” 窗口集合中最顶层窗口
设置当前打开窗口状态 self.status=“欢 栏的显示数据 迎”
脚本应用
<body> <form> <input type="button" name="ControlButton“ value="鼠标移过来，看状态栏！" onMouseOver=“writeStatus(„欢迎学习Web技术！’); return true;"> </form> </body> </html window对象的事件
document对象及其应用
window对象的下层又有location、history、 event和document等, 使用最多document对象
18
脚本应用
6.5.6 window对象应用案例 －对象信息的获取 例：任务要求：用户用鼠标在页面不同位置上点击时， 弹出对话框，显示在该位置触发的onClick事件对象的 标记名和它的id。
22
document 对象应用案例 －文本框内容互换 任务要求：页面上有2个文本框，用户在第1 个文本框输入内容后，点击第2个文本框， 将在第2个文本框内显示第1个文本框的内 容。
23
<html> <head><title>document对象应用</title></head> <body> 将文字输入文本框 1 <form> <input type=text onChange="document.my.elements[0].value=this.value;"> <!--输入文本框元素[0]=输入的内容//--><br> </form> 单击文本框 2显示文本框 1内容 <form name="my"> <input type=text > <!--输出文本框元素[0]=输入的内容//--> </form> </body></html> 24
大工09秋《Web技术》辅导资料一
计算机应用基础辅导资料三主题：第2章计算机基础知识的辅导资料（二）学习时间：2014年10月13日—10月19日内容：第二章计算机的基础知识（4-12），本章的学习要求及周我们主要学习课件．．需要掌握的重点内容如下：基本要求：一、掌握计算机系统的组成；二、掌握计算机的基本工作原理；三、掌握计算机中常用数制的表示及转换方法；四、了解字符编码；五、了解指令、程序、软件的概念以及软件的分类。
五、理解微型机的硬件组成，主要部件的性能指标。
重点掌握内容：重点：计算机系统组成、计算机基本工作原理、数据在计算机中的表示及数制转换。
难点：数据在计算机中的表示及数制转换。
一、微型计算机概述计算机分为巨型计算机、大型计算机、小型计算机和微型计算机。
微型计算机包含了多种系列、不同档次、型号的计算机，微型计算机的体系结构采用总线结构，其硬件系统包括主板、微处理器、存储器和各种外设等。
微型计算机性能飞速提高，不同种类计算机之间界限变得模糊，大、小、微型计算机的工作原理和系统结构相类似。
微型计算机可分为IBM-PC兼容机和苹果机两大类。
二、信息存储常用术语字长较长的计算机在相同的时间内能处理更多的数据。
三、微型计算机的性能指标四、微机系统结构示意图微型计算机硬件系统是由中央处理器、存储器、I/O（输入/输出）设备及其接口电路和总线组成。
1.微型计算机硬件系统中央处理器：即CPU（Central Processing Unit)，主要由运算器和控制器两部分组成。
也称中央处理单元、微处理器。
CPU是微机中一块集成电路芯片，是组成微型计算机的核心部件，承担着的运算和控制任务。
运算器（arithmetic-logic unit）：处理在控制单元控制下从内存中得到的数据；控制器（control unit）：协调和控制计算机系统的其他部件。
它从计算机系统的内存中提取指令，解释这些指令并通知系统中其他的相应部件执行。
主频是CPU的工作频率，也称时钟频率，用来表示CPU的运算速度。
山东大学web技术课程教学ppt4
山东大学计算机科学与技术学院
14
《网站规划与网页设 计》
普通高等教育“十一五”国家级规划教材 重点大学计算机专业系列教材
7.视频文件的几个主要格式 – 续3
RealVideo格式(.RA/.RM/.RMVB)：RealNetworks公司开
发的RealVideo 能把影像信息从视频服务器经流式传输 向用户计算机连续、实时传送。在RealMedia规范中主要 包括三类文件：RealAudio（用以传输接近CD音质的音频 数据）、RealVideo（用来传输连续视频数据）和 RealFlash（RealNetworks公司与Macromedia公司合作推 出的新一代高压缩比动画格式）。
山东大学计算机科学与技术学院
12
《网站规划与网页设 计》
普通高等教育“十一五”国家级规划教材 重点大学计算机专业系列教材
7.视频文件的几个主要格式 – 续1
FLV格式(.flv)：是FLASH VIDEO的简称，是一种新的视
频格式，原是Macromedia公司(现在是Adob公司)的流式 视频格式。由于文件极小、加载速度极快，特别适于 Internet视频，它有效地解决了视频文件导入Flash后， 使导出的SWF文件体积庞大，不能在网络上很好的使用等 缺点。目前各在线视频网站均采用此视频格式，如新浪 博客、56、土豆、酷6、youtube等，无一例外。FLV已经 成为当前视频文件的主流格式。 SWF格式(.swf)：Swf (shock wave flash) 原是 Macromedia公司（现是ADOBE公司）的动画设计软件 Flash的专用格式，是一种支持矢量和点阵图形的动画文 件格式，广泛应用于网页设计、动画制作等领域，swf文 件通常也被称为Flash文件。swf普及程度很高，现在超 过99%的网络使用者都可以读取swf档案，但浏览器必须 安装Adobe Flash Player插件。
14
《网站规划与网页设 计》
普通高等教育“十一五”国家级规划教材 重点大学计算机专业系列教材
7.视频文件的几个主要格式 – 续3
RealVideo格式(.RA/.RM/.RMVB)：RealNetworks公司开
发的RealVideo 能把影像信息从视频服务器经流式传输 向用户计算机连续、实时传送。在RealMedia规范中主要 包括三类文件：RealAudio（用以传输接近CD音质的音频 数据）、RealVideo（用来传输连续视频数据）和 RealFlash（RealNetworks公司与Macromedia公司合作推 出的新一代高压缩比动画格式）。
山东大学计算机科学与技术学院
12
《网站规划与网页设 计》
普通高等教育“十一五”国家级规划教材 重点大学计算机专业系列教材
7.视频文件的几个主要格式 – 续1
FLV格式(.flv)：是FLASH VIDEO的简称，是一种新的视
频格式，原是Macromedia公司(现在是Adob公司)的流式 视频格式。由于文件极小、加载速度极快，特别适于 Internet视频，它有效地解决了视频文件导入Flash后， 使导出的SWF文件体积庞大，不能在网络上很好的使用等 缺点。目前各在线视频网站均采用此视频格式，如新浪 博客、56、土豆、酷6、youtube等，无一例外。FLV已经 成为当前视频文件的主流格式。 SWF格式(.swf)：Swf (shock wave flash) 原是 Macromedia公司（现是ADOBE公司）的动画设计软件 Flash的专用格式，是一种支持矢量和点阵图形的动画文 件格式，广泛应用于网页设计、动画制作等领域，swf文 件通常也被称为Flash文件。swf普及程度很高，现在超 过99%的网络使用者都可以读取swf档案，但浏览器必须 安装Adobe Flash Player插件。
山东大学web技术课程教学ppt3
于展现窗口即可。 图像尽量避免使用高分辨率的真彩照片 使用Web标准调色板，避免抖动 尽可能使用纯色，混合颜色会加大文件 在网页中勿滥用图像 Internet和Intranet的图像区别 切割大幅图像
山东大学计算机科学与技术学院
5
《网站规划与网页设计》
普通高等教育“十一五”国家级规划教材 重点大学计算机专业系列教材
普通高等教育“十一五”国家级规划教材 重点大学计算机专业系列教材
图像(图片)颜色要与网站色系协调一致
返回
山东大学计算机科学与技术学院
17
《网站规划与网页设计》
普通高等教育“十一五”国家级规划教材 重点大学计算机专业系列教材
网站-图形尺寸尽可能小
返回
山东大学计算机科学与技术学院
18
《网站规划与网页设计》
山东大学计算机科学与技术学院
13
《网站规划与网页设计》
普通高等教育“十一五”国家级规划教材 重点大学计算机专业系列教材
7.图像其他文件格式
.bmp：Microsoft，支持高达 24 位的图像，无损格式无压
缩图形文件，占用磁盘空间过大，是不适用于 Web页的。 .tif：是Mac中广泛使用的图像格式，它由Aldus和微软联合 开发，最初是出于跨平台存储扫描图像的需要而设计的。 .PSD：Adobe公司的Photoshop的专用格式，包含图层、通道 、遮罩等多种设计的样稿，便于修改上一次的设计。可轻易 转化为其他格式。 .swf：Flash制作矢量动画的后缀。可以边下载边观看，因 此特别适合网络传输。高清晰度的画质和小巧的体积，网上 动画的事实标准。 .SVG：目前最火热的图像文件格式，可缩放的矢量图形。它 是基于XML，由W3C联盟进行开发的。可用任何文字处理工具 打开SVG图像，通过改变部分代码来使图像具有互交功能， 并可以随时插入到HTML中通过浏览器来观看。
《Web技术基础》课程内容与要求31页PPT
《Web技术基础》课程内容与要求
16、人民应该为法律而战斗，就像为 了城墙 而战斗 一样。 ——赫 拉克利 特 17、人类对于不公正的行为加以指责 ，并非 因为他 们愿意 做出这 种行为 ，而是 惟恐自 己会成 为这种 行为的 牺牲者 。—— 柏拉图 18、制定法律法令，就是为了不让强 者做什 么事都 横行霸 道。— —奥维 德 19、法律是社会的习惯和思想的结晶 。—— 托·伍·威尔逊 20、人们嘴上挂着的法律，其真实含 义是财 富。— —财富 ❖ 丰富你的人生
71、既然我已经踏上这条道路，那么，任何东西都不应妨碍我沿着这条路走下去。——康德 72、家庭成为快乐的种子在外也不致成为障碍物但在旅行之际却是夜间的伴侣。——西塞罗 73、坚持意志伟大的事业需要始终不渝的精神。——伏尔泰 74、路漫漫其修道远，吾将上下而求索。——屈原 75、内外相应，言行相称。——韩非
《Web技术基础》PPT课件
11
Web技术基础
Internet主要技术： ·采用标准协议——TCP/IP协议，使网上各种 不同的计算机进行通信 ·通过路由器将不同网络互连 ·建立在TCP/IP协议基础之上的WWW浏览服务 ·应用DNS域名解析系统完成计算机和用户之间 的地址解析工作
12
Web技术基础
Internet基本服务
路由器
路由器
企业子网
路由器
路由器
R
企业网
R
个人电脑
14
Web技术基础
1.2.3 OSI参考模型 网络协议（Protocol) ：计算机之间的数据通信必须 遵守某种约定和规程，这些约定和规程就是网络通信 协议（翻译官）。协议三要素：
语法(syntax)：数据和控制信息的结构或格式 （“如何讲”） 语义(semantics)：需要发出何种控制信息，完成 何种动作和做出何种响应。 （“讲什么”） 时序(timing)：实体通信实现顺序的详细说明。 国际标准化组织(ISO)提出的“开放系统互连模型” 是计算机网络通信的基本协议。TCP/IP是Internet
16
Web技术基础
网络层次结构示意图
我们希望 退货
经理们 的想法
他们要退货
尊敬的John: 由于...方面
的原因
我们希望 退货
公司之间的 正规书信
尊敬的John: 由于...方面
的原因
我们希望 退货
FAX#...
尊敬的John: 由于...方面
的原因
我们希望 退货
利用信函、 传真等传 递的公文
FAX#...
Web技术基础
计算机系（图517） 李智敏
Web技术基础
课程性质：
Web技术基础
Internet主要技术： ·采用标准协议——TCP/IP协议，使网上各种 不同的计算机进行通信 ·通过路由器将不同网络互连 ·建立在TCP/IP协议基础之上的WWW浏览服务 ·应用DNS域名解析系统完成计算机和用户之间 的地址解析工作
12
Web技术基础
Internet基本服务
路由器
路由器
企业子网
路由器
路由器
R
企业网
R
个人电脑
14
Web技术基础
1.2.3 OSI参考模型 网络协议（Protocol) ：计算机之间的数据通信必须 遵守某种约定和规程，这些约定和规程就是网络通信 协议（翻译官）。协议三要素：
语法(syntax)：数据和控制信息的结构或格式 （“如何讲”） 语义(semantics)：需要发出何种控制信息，完成 何种动作和做出何种响应。 （“讲什么”） 时序(timing)：实体通信实现顺序的详细说明。 国际标准化组织(ISO)提出的“开放系统互连模型” 是计算机网络通信的基本协议。TCP/IP是Internet
16
Web技术基础
网络层次结构示意图
我们希望 退货
经理们 的想法
他们要退货
尊敬的John: 由于...方面
的原因
我们希望 退货
公司之间的 正规书信
尊敬的John: 由于...方面
的原因
我们希望 退货
FAX#...
尊敬的John: 由于...方面
的原因
我们希望 退货
利用信函、 传真等传 递的公文
FAX#...
Web技术基础
计算机系（图517） 李智敏
Web技术基础
课程性质：
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
返回
山东大学计算机科学与技术学院
14
《网站规划与网页设计》
普通高等教育“十一五”国家级规划教材 重点大学计算机专业系列教材
山东大学计算机科学与技术学院
15
《网站规划与网页设计》
普通高等教育“十一五”国家级规划教材 重点大学计算机专业系列教材
普通高等教育“十一五”国家级规划教材 重点大学计算机专业系列教材
第6章 思考问题
6.7 什么是门户网站？请访问网站，概 括其主要功能。 6.9 一般网站与电子商务网站有什么主要区别？
6.11 什么是网站CI？网站CI主要包括哪些内容？
6.13 什么是网站定位、Web蓝图、Web战略和Web策略？
山东大学计算机科学与技术学院
16
《网站规划与网页设计》
普通高等教育“十一五”国家级规划教材 重点大学计算机专业系列教材
返回
山东大学计算机科学与技术学院
17
《网站规划与网页设计》
普通高等教育“十一五”国家级规划教材 重点大学计算机专业系列教材
山东大学计算机科学与技术学院
18
《网站规划与网页设计》
普通高等教育“十一五”国家级规划教材 重点大学计算机专业系列教材
中华网
山东大学计算机科学与技术学院
19
《网站规划与网页设计》
普通高等教育“十一五”国家级规划教材 重点大学计算机专业系列教材
新华网
山东大学计算机科学与技术学院
22
《网站规划与网页设计》
普通高等教育“十一五”国家级规划教材 重点大学计算机专业系列教材
央视国际
返回
山东大学计算机科学与技术学院
23
《网站规划与网页设计》
普通高等教育“十一五”国家级规划教材 重点大学计算机专业系列教材
普通高等教育“十一五”国家级规划教材 重点大学计算机专业系列教材
第6章 网站规划基本概念
山东大学计算机科学与技术学院
《网站规划与网页设计》
《网站规划与网页设计》
普通高等教育“十一五”国家级规划教材 重点大学计算机专业系列教材
概 述
网站设计团队
网站定位
网站CI形象 Web蓝图、战略与策略 网站心理映射过程 网站开发方法 网站客户群
和功能，形成网站的大致轮廓(模板)，再 递交给用户，根据用户意见再修改网站设 计，直到满足要求即可。适于中小型、个 人网站或类似网站以及客户对需求不明确 等情况。缺点是修改次数太多。 由下至上：首先进行详细的需求功能分析， 在对网站主题、蓝图有深刻的认识基础上， 再设计网站的外观、内容和功能。
山东大学计算机科学与技术学院
教育网
山东大学计算机科学与技术学院
26
《网站规划与网页设计》
普通高等教育“十一五”国家级规划教材 重点大学计算机专业系列教材
浪潮
返回
山东大学计算机科学与技术学院
27
《网站规划与网页设计》
普通高等教育“十一五”国家级规划教材 重点大学计算机专业系列教材
的及网站功能 网站名称是网站的一个关键要素，它能 体现网站的主题，例如“人民网” 等。 网站分类： *门户网站 普及型网站 办公事务管理网站 商务管理网站 *电子商务网站 娱乐性网站 媒体信息类网站
山东大学计算机科学与技术学院
《网站规划与网页设计》
普通高等教育“十一五”国家级规划教材 重点大学计算机专业系列教材
返回
山东大学计算机科学与技术学院
24
《网站规划与网页设计》
普通高等教育“十一五”国家级规划教材 重点大学计算机专业系列教材
政府网
山东大学计算机科学与技术学院
25
《网站规划与网页设计》
普通高等教育“十一五”国家级规划教材 重点大学计算机专业系列教材
返回
山东大学计算机科学与技术学院
20
《网站规划与网页设计》
普通高等教育“十一五”国家级规划教材 重点大学计算机专业系列教材
人民网
山东大学计算机科学与技术学院
21
《网站规划与网页设计》
普通高等教育“十一五”国家级规划教材 重点大学计算机专业系列教材
山东大学计算机科学与技术学院
《网站规划与网页设计》
普通高等教育“十一五”国家级规划教材 重点大学计算机专业系列教材
5. 网站蓝图
定义网站范围和意图的基本框架：网站轮廓框
架和一个可以测量的目标
考虑的三个重要因素是：受众、内容以及导航
结构。
例如：
网站轮廓框架
建成一个国内一流、省内第一的Internet网络电子超市；
Web策略：是实施战略的方法
试看、试听、试玩
提供小奖励物品，例如屏保、软件或书 籍等 奖赏第一次购物的客户：折扣或奖金
山东大学计算机科学与技术学院
8
《网站规划与网页设计》
普通高等教育“十一五”国家级规划教材 重点大学计算机专业系列教材
7.心理映射过程
心理映射：打破大脑形成想法时常用的线
山东大学计算机科学与技术学院
11
《网站规划与网页设计》
普通高等教育“十一五”国家级规划教材 重点大学计算机专业系列教材
第6章 小结
网站设计团队
图、战略与策略 网站心理映射过程 网站开发方法 网站客户群
山东大学计算机科学与技术学院
12
《网站规划与网页设计》
电子商务类网站：
利用计算机技术、网络技术和远程
通信技术，实现整个商务(买卖)过程 电子化、数字化和网络化。
分类：
B2B：商家对商家 B2C：商家对客户
山东大学计算机科学与技术学院
28
《网站规划与网页设计》
普通高等教育“十一五”国家级规划教材 重点大学计算机专业系列教材
电子商务与一般网站的区别：
电子商务网站 B2C - 注册成功进入商城购物
山东大学计算机科学与技术学院
34
《网站规划与网页设计》
普通高等教育“十一五”国家级规划教材 重点大学计算机专业系列教材
性顺序，而在纸张上构建想法的过程。 首先将想法从脑海中移到纸上 修改、提炼或者删除某些想法
心理映射技术：
纸张 黑板 白板 电脑
山东大学计算机科学与技术学院
9
《网站规划与网页设计》
普通高等教育“十一五”国家级规划教材 重点大学计算机专业系列教材
8.网站开发方法
由上之下： 首先定义并设计网站的外观
30
返回
山东大学计算机科学与技术学院
《网站规划与网页设计》
普通高等教育“十一五”国家级规划教材 重点大学计算机专业系列教材
电子商务网站 B2B:
返回
山东大学计算机科学与技术学院
31
《网站规划与网页设计》
普通高等教育“十一五”国家级规划教材 重点大学计算机专业系列教材
《网站规划与网页设计》
普通高等教育“十一五”国家级规划教材 重点大学计算机专业系列教材
电子商务与一般网站的区别：
表6.1 一般网站与电子商务网站比较表 – 续
特 性 描 述 一般网站 电子商务网站
广告
宣传网站，提高网站的知名度 不用
需要
须要，客户信息、 可选，新闻、 购物信息、支付信 BBS、论坛 存储和检索数据，易对数据进 息、货品信息等必 数据库 等一般使用 行管理及维护 须使用高安全性、 免费数据库 高可靠性的大型数 居多 据库 Web数 获得网站Web分析数据，提高 据统计 网站点击率和网站服务质量 分析 可选 须要，可以获得销 售、库存和客户信 息等情况
山东大学计算机科学与技术学院
2
《网站规划与网页设计》
普通高等教育“十一五”国家级规划教材 重点大学计算机专业系列教材
1.网站设计团队
网站设计开发是一个复杂的综合工程，往
往需要一个设计团队协作才能够完成。 网站设计团队角色：项目管理、系统分析、 规划设计、文字编辑、网页设计、平面设 计、动画设计、音乐设计、视频设计、程 序开发、网站测试、后期培训和网站维护 等。 一个角色可以有多个人共同承担，一个人 也可以承担多个角色。 网站设计：不只是一门科学，而是一门艺 术。
普及型网站：向浏览公众提供推介自身、树
立形象和提供服务的网站。
政府网站：电子政府公共服务的核心平台，是政府实 现政务信息公开、服务企业和社会公众、方便公众参 与的重要渠道。 企业网站：发布企业基本信息、业绩、树立企业精神 、企业文化乃至企业的整体形象、产品发布、服务信 息、供求信息等。 事业网站：宣传企业形象、介绍业绩和组织等。 大学网站：介绍大学悠久的历史和文化、学科教育、 科学研究、招生信息、院系设置和管理机构等。 个人网站：展现自己的才华、发表自己的观点、介绍 自己某一方面的技能等。
《网站规划与网页设计》
普通高等教育“十一五”国家级规划教材 重点大学计算机专业系列教材
9.网站客户群：网站主要服务的用户对象
网站一般都有相对固定的客户群，因为针
对不同的客户群，设计网站的风格和多媒 体等技术是不一样的。 网站设计团队应该了解网站的客户群和相 关信息：年龄、教育和位置。 老人、中年、青年、中学生、小学生、 儿童； 高等教育、中等教育； 大城市、中小城市、农村及偏远地区； 企业内部网用户还是企业外用户；
一年之后，每天的销售额将超过5000万元。
可以测量的目标
山东大学计算机科学与技术学院
7
《网站规划与网页设计》
普通高等教育“十一五”国家级规划教材 重点大学计算机专业系列教材
6.Web战略和Web策略
Web战略支持提出的蓝图
Web战略：是构建一个可以吸引并留住用户
的网站，并非看起来最好或最有用的网站
结束
山东大学计算机科学与技术学院
山东大学计算机科学与技术学院
14
《网站规划与网页设计》
普通高等教育“十一五”国家级规划教材 重点大学计算机专业系列教材
山东大学计算机科学与技术学院
15
《网站规划与网页设计》
普通高等教育“十一五”国家级规划教材 重点大学计算机专业系列教材
普通高等教育“十一五”国家级规划教材 重点大学计算机专业系列教材
第6章 思考问题
6.7 什么是门户网站？请访问网站，概 括其主要功能。 6.9 一般网站与电子商务网站有什么主要区别？
6.11 什么是网站CI？网站CI主要包括哪些内容？
6.13 什么是网站定位、Web蓝图、Web战略和Web策略？
山东大学计算机科学与技术学院
16
《网站规划与网页设计》
普通高等教育“十一五”国家级规划教材 重点大学计算机专业系列教材
返回
山东大学计算机科学与技术学院
17
《网站规划与网页设计》
普通高等教育“十一五”国家级规划教材 重点大学计算机专业系列教材
山东大学计算机科学与技术学院
18
《网站规划与网页设计》
普通高等教育“十一五”国家级规划教材 重点大学计算机专业系列教材
中华网
山东大学计算机科学与技术学院
19
《网站规划与网页设计》
普通高等教育“十一五”国家级规划教材 重点大学计算机专业系列教材
新华网
山东大学计算机科学与技术学院
22
《网站规划与网页设计》
普通高等教育“十一五”国家级规划教材 重点大学计算机专业系列教材
央视国际
返回
山东大学计算机科学与技术学院
23
《网站规划与网页设计》
普通高等教育“十一五”国家级规划教材 重点大学计算机专业系列教材
普通高等教育“十一五”国家级规划教材 重点大学计算机专业系列教材
第6章 网站规划基本概念
山东大学计算机科学与技术学院
《网站规划与网页设计》
《网站规划与网页设计》
普通高等教育“十一五”国家级规划教材 重点大学计算机专业系列教材
概 述
网站设计团队
网站定位
网站CI形象 Web蓝图、战略与策略 网站心理映射过程 网站开发方法 网站客户群
和功能，形成网站的大致轮廓(模板)，再 递交给用户，根据用户意见再修改网站设 计，直到满足要求即可。适于中小型、个 人网站或类似网站以及客户对需求不明确 等情况。缺点是修改次数太多。 由下至上：首先进行详细的需求功能分析， 在对网站主题、蓝图有深刻的认识基础上， 再设计网站的外观、内容和功能。
山东大学计算机科学与技术学院
教育网
山东大学计算机科学与技术学院
26
《网站规划与网页设计》
普通高等教育“十一五”国家级规划教材 重点大学计算机专业系列教材
浪潮
返回
山东大学计算机科学与技术学院
27
《网站规划与网页设计》
普通高等教育“十一五”国家级规划教材 重点大学计算机专业系列教材
的及网站功能 网站名称是网站的一个关键要素，它能 体现网站的主题，例如“人民网” 等。 网站分类： *门户网站 普及型网站 办公事务管理网站 商务管理网站 *电子商务网站 娱乐性网站 媒体信息类网站
山东大学计算机科学与技术学院
《网站规划与网页设计》
普通高等教育“十一五”国家级规划教材 重点大学计算机专业系列教材
返回
山东大学计算机科学与技术学院
24
《网站规划与网页设计》
普通高等教育“十一五”国家级规划教材 重点大学计算机专业系列教材
政府网
山东大学计算机科学与技术学院
25
《网站规划与网页设计》
普通高等教育“十一五”国家级规划教材 重点大学计算机专业系列教材
返回
山东大学计算机科学与技术学院
20
《网站规划与网页设计》
普通高等教育“十一五”国家级规划教材 重点大学计算机专业系列教材
人民网
山东大学计算机科学与技术学院
21
《网站规划与网页设计》
普通高等教育“十一五”国家级规划教材 重点大学计算机专业系列教材
山东大学计算机科学与技术学院
《网站规划与网页设计》
普通高等教育“十一五”国家级规划教材 重点大学计算机专业系列教材
5. 网站蓝图
定义网站范围和意图的基本框架：网站轮廓框
架和一个可以测量的目标
考虑的三个重要因素是：受众、内容以及导航
结构。
例如：
网站轮廓框架
建成一个国内一流、省内第一的Internet网络电子超市；
Web策略：是实施战略的方法
试看、试听、试玩
提供小奖励物品，例如屏保、软件或书 籍等 奖赏第一次购物的客户：折扣或奖金
山东大学计算机科学与技术学院
8
《网站规划与网页设计》
普通高等教育“十一五”国家级规划教材 重点大学计算机专业系列教材
7.心理映射过程
心理映射：打破大脑形成想法时常用的线
山东大学计算机科学与技术学院
11
《网站规划与网页设计》
普通高等教育“十一五”国家级规划教材 重点大学计算机专业系列教材
第6章 小结
网站设计团队
图、战略与策略 网站心理映射过程 网站开发方法 网站客户群
山东大学计算机科学与技术学院
12
《网站规划与网页设计》
电子商务类网站：
利用计算机技术、网络技术和远程
通信技术，实现整个商务(买卖)过程 电子化、数字化和网络化。
分类：
B2B：商家对商家 B2C：商家对客户
山东大学计算机科学与技术学院
28
《网站规划与网页设计》
普通高等教育“十一五”国家级规划教材 重点大学计算机专业系列教材
电子商务与一般网站的区别：
电子商务网站 B2C - 注册成功进入商城购物
山东大学计算机科学与技术学院
34
《网站规划与网页设计》
普通高等教育“十一五”国家级规划教材 重点大学计算机专业系列教材
性顺序，而在纸张上构建想法的过程。 首先将想法从脑海中移到纸上 修改、提炼或者删除某些想法
心理映射技术：
纸张 黑板 白板 电脑
山东大学计算机科学与技术学院
9
《网站规划与网页设计》
普通高等教育“十一五”国家级规划教材 重点大学计算机专业系列教材
8.网站开发方法
由上之下： 首先定义并设计网站的外观
30
返回
山东大学计算机科学与技术学院
《网站规划与网页设计》
普通高等教育“十一五”国家级规划教材 重点大学计算机专业系列教材
电子商务网站 B2B:
返回
山东大学计算机科学与技术学院
31
《网站规划与网页设计》
普通高等教育“十一五”国家级规划教材 重点大学计算机专业系列教材
《网站规划与网页设计》
普通高等教育“十一五”国家级规划教材 重点大学计算机专业系列教材
电子商务与一般网站的区别：
表6.1 一般网站与电子商务网站比较表 – 续
特 性 描 述 一般网站 电子商务网站
广告
宣传网站，提高网站的知名度 不用
需要
须要，客户信息、 可选，新闻、 购物信息、支付信 BBS、论坛 存储和检索数据，易对数据进 息、货品信息等必 数据库 等一般使用 行管理及维护 须使用高安全性、 免费数据库 高可靠性的大型数 居多 据库 Web数 获得网站Web分析数据，提高 据统计 网站点击率和网站服务质量 分析 可选 须要，可以获得销 售、库存和客户信 息等情况
山东大学计算机科学与技术学院
2
《网站规划与网页设计》
普通高等教育“十一五”国家级规划教材 重点大学计算机专业系列教材
1.网站设计团队
网站设计开发是一个复杂的综合工程，往
往需要一个设计团队协作才能够完成。 网站设计团队角色：项目管理、系统分析、 规划设计、文字编辑、网页设计、平面设 计、动画设计、音乐设计、视频设计、程 序开发、网站测试、后期培训和网站维护 等。 一个角色可以有多个人共同承担，一个人 也可以承担多个角色。 网站设计：不只是一门科学，而是一门艺 术。
普及型网站：向浏览公众提供推介自身、树
立形象和提供服务的网站。
政府网站：电子政府公共服务的核心平台，是政府实 现政务信息公开、服务企业和社会公众、方便公众参 与的重要渠道。 企业网站：发布企业基本信息、业绩、树立企业精神 、企业文化乃至企业的整体形象、产品发布、服务信 息、供求信息等。 事业网站：宣传企业形象、介绍业绩和组织等。 大学网站：介绍大学悠久的历史和文化、学科教育、 科学研究、招生信息、院系设置和管理机构等。 个人网站：展现自己的才华、发表自己的观点、介绍 自己某一方面的技能等。
《网站规划与网页设计》
普通高等教育“十一五”国家级规划教材 重点大学计算机专业系列教材
9.网站客户群：网站主要服务的用户对象
网站一般都有相对固定的客户群，因为针
对不同的客户群，设计网站的风格和多媒 体等技术是不一样的。 网站设计团队应该了解网站的客户群和相 关信息：年龄、教育和位置。 老人、中年、青年、中学生、小学生、 儿童； 高等教育、中等教育； 大城市、中小城市、农村及偏远地区； 企业内部网用户还是企业外用户；
一年之后，每天的销售额将超过5000万元。
可以测量的目标
山东大学计算机科学与技术学院
7
《网站规划与网页设计》
普通高等教育“十一五”国家级规划教材 重点大学计算机专业系列教材
6.Web战略和Web策略
Web战略支持提出的蓝图
Web战略：是构建一个可以吸引并留住用户
的网站，并非看起来最好或最有用的网站
结束
山东大学计算机科学与技术学院