山东大学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技术基础
课程性质：
山东大学web技术课程教学ppt2
山东大学计算机科学与技术学院
6
《网站规划与网页设计》
普通高等教育“十一五”国家级规划教材 重点大学计算机专业系列教材
4.站点结构：描述站点在服务器上的目录保存方式； 一个站点对应一个文件夹。文件夹和文 件名一定要“望名知义”,站点结构中的 目录和文件名是大小写敏感的。
山东大学计算机科学与技术学院
7
普通高等教育“十一五”国家级规划教材 重点大学计算机专业系列教材
被引导的导航- ebay的Email确认函
返回
山东大学计算机科学与技术学院
17
《网站规划与网页设计》
普通高等教育“十一五”国家级规划教材 重点大学计算机专业系列教材
浏览器导航
图2.10 浏览器导航
山东大学计算机科学与技术学院
18
历史纪录
普通高等教育“十一五”国家级规划教材 重点大学计算机专业系列教材
网站徽标和名称要放到主页的左上方
返回
山东大学计算机科学与技术学院
32
END
山东大学计算机科学与技术学院
10
《网站规划与网页设计》
普通高等教育“十一五”国家级规划教材 重点大学计算机专业系列教材
网站导航
返回
山东大学计算机科学与技术学院
11
《网站规划与网页设计》
普通高等教育“十一五”国家级规划教材 重点大学计算机专业系列教材
被引导的导航- ebay
山东大学计算机科学与技术学院
《网站规划与网页设计》
普通高等教育“十一五”国家级规划教材 重点大学计算机专业系列教材
山东大学计算机科学与技术学院
19
收藏夹
《网站规划与网页设计》
普通高等教育“十一五”国家级规划教材 重点大学计算机专业系列教材
6
《网站规划与网页设计》
普通高等教育“十一五”国家级规划教材 重点大学计算机专业系列教材
4.站点结构：描述站点在服务器上的目录保存方式； 一个站点对应一个文件夹。文件夹和文 件名一定要“望名知义”,站点结构中的 目录和文件名是大小写敏感的。
山东大学计算机科学与技术学院
7
普通高等教育“十一五”国家级规划教材 重点大学计算机专业系列教材
被引导的导航- ebay的Email确认函
返回
山东大学计算机科学与技术学院
17
《网站规划与网页设计》
普通高等教育“十一五”国家级规划教材 重点大学计算机专业系列教材
浏览器导航
图2.10 浏览器导航
山东大学计算机科学与技术学院
18
历史纪录
普通高等教育“十一五”国家级规划教材 重点大学计算机专业系列教材
网站徽标和名称要放到主页的左上方
返回
山东大学计算机科学与技术学院
32
END
山东大学计算机科学与技术学院
10
《网站规划与网页设计》
普通高等教育“十一五”国家级规划教材 重点大学计算机专业系列教材
网站导航
返回
山东大学计算机科学与技术学院
11
《网站规划与网页设计》
普通高等教育“十一五”国家级规划教材 重点大学计算机专业系列教材
被引导的导航- ebay
山东大学计算机科学与技术学院
《网站规划与网页设计》
普通高等教育“十一五”国家级规划教材 重点大学计算机专业系列教材
山东大学计算机科学与技术学院
19
收藏夹
《网站规划与网页设计》
普通高等教育“十一五”国家级规划教材 重点大学计算机专业系列教材
山东大学计算机网络课件Chapter6
The Real-Time Transport Protocol (2)
The RTP header.
The Internet Transport Protocols: TCP
• • • • • • • • • • • • Introduction to TCP The TCP Service Model The TCP Protocol The TCP Segment Header TCP Connection Establishment TCP Connection Release TCP Connection Management Modeling TCP Transmission Policy TCP Congestion Control TCP Timer Management Wireless TCP and UDP Transactional TCP
Transport Service Primitives (2)
The nesting of TPDUs, packets, and frames.
Transport Service Primitives (3)
A state diagram for a simple connection management scheme. Transitions labeled in italics are caused by packet arrivals. The solid lines show the client's state sequence. The dashed lines show the server's state sequence.
How a user process in host 1 establishes a connection with a time-of-day server in host 2.
山东大学web技术课程教学ppt12
山东大学计算机科学与技术学院
9
《网站设计与建设》
普通高等教育“十一五”国家级规划教材 重点大学计算机专业系列教材
7.导入样式信息：仅适于IE
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>CSS的链入外部样式表示例</title> <style type="text/css"> @import url("sample-1203.css"); </style> </head> <body> CSS的链入外部样式表示例(body背景图) <h2>CSS h2：网站规划与网页设计</h2> <p>CSS P：网站设计与建设</p> <p class="myh2">myh2 网站规划与网页设计</p> </body> </html>
普通高等教育“十一五”国家级规划教材 重点大学计算机专业系列教材
第12章 层叠样式表CSS
山东大学计算机科学与技术学院
《网站设计与建设》
《网站设计与建设》
普通高等教育“十一五”国家级规划教材 重点大学计算机专业系列教材
概 述
介绍样式表的基本概念
CSS1
CSS2 介绍5种使用CSS的方法
山东大学计算机科学与技术学院
13
《网站设计与建设》
普通高等教育“十一五”国家级规划教材 重点大学计算机专业系列教材
大工18秋《Web技术》课程设计
大工18秋《Web技术》课程设计一、教学目标本课程的教学目标旨在帮助学生掌握Web技术的核心知识，提升学生的实际操作能力，并培养学生的创新思维和团队协作精神。
在知识目标方面，学生应能够理解并掌握HTML、CSS和JavaScript等基本Web技术，了解Web开发的流程和规范。
在技能目标方面，学生应能够独立完成静态网页的设计与制作，并掌握使用一种Web框架进行动态网页开发的基本方法。
在情感态度价值观目标方面，学生应能够认识到Web技术在现代社会中的重要性，培养对Web技术的兴趣和热情，并具备良好的团队协作和沟通能力。
二、教学内容本课程的教学内容将根据课程目标进行选择和，确保内容的科学性和系统性。
教学大纲将详细制定，明确教学内容的安排和进度。
具体教学内容如下：1.HTML基础：介绍HTML的基本结构、标签和属性，让学生能够理解并编写基本的HTML页面。
2.CSS样式：讲解CSS的基本语法和使用方法，让学生能够为HTML页面添加样式，提升页面美观度。
3.JavaScript脚本：教授JavaScript的基本语法和操作方法，让学生能够实现页面的动态效果和交互功能。
4.Web框架：介绍一种流行的Web框架，如React或Angular，让学生掌握框架的使用方法，提高开发效率。
5.项目实践：安排学生进行实际项目的开发，培养学生的实际操作能力和解决问题的能力。
三、教学方法为了激发学生的学习兴趣和主动性，本课程将采用多种教学方法。
具体方法如下：1.讲授法：教师对基本概念和理论知识进行讲解，帮助学生理解和掌握。
2.案例分析法：通过分析实际案例，让学生了解Web技术的应用和开发流程。
3.实验法：安排实验课程，让学生亲自动手实践，培养实际操作能力。
4.小组讨论法：学生进行小组讨论，促进学生之间的交流与合作，培养团队协作能力。
四、教学资源为了支持教学内容和教学方法的实施，丰富学生的学习体验，我们将选择和准备以下教学资源：1.教材：选择一本适合本课程的教材，作为学生学习的基础资料。
第1章Web应用基础ppt课件-PPT精品文档
Web服务器
浏览器
浏览器是一个用于文档检索和显示的客户应
用程序，并通过超文本传输协议HTTP（ HyperText Transfer Protocol）与Web服 务器相连 常见的浏览器有：
IE Netscape Mozilla Firefox Opera 其他IE核心浏览器 ，如Maxthon 、
微软Web应用解决方案
Web应用
B/S和C/S结构定义
B/S和C/S的应用场景 Web应用的定义
Web应用相关技术发展历史
客户端技术的发展历史
服务器端技术的成熟与发展
客户端技术的发展历史
HTML的诞生
动态HTML的出现让Web应用变得多姿多彩 客户端脚本语言的产生让Web应用具有人机
交互能力 XML的迅速发展让网页具有信息自我描述的 能力
服务端技术的成熟与发展
静态信息的发布
CGI的诞生 多种服务端脚本技术的出现让服务端应用的
开发变得更轻松 XML的迅速发展催生了Web Service技术 Web 2.0让Web应用变得更精彩
Web浏览器和服务器
浏览器
演示和练习：使用ASP建立一个简 单的网页
多媒体演示
1.X
是运行在服务器端的编译后的CLR代码 利用提前绑定、即时编译、本地优化和缓
存服务来提高性能 在Visual Studio .NET的集成开发环境（IDE）中 ，框架由丰富的工具箱和设计器组成 由于是基于CLR的，因此整个.NET平台功 能强大且富有弹性，同样可以应用于Web应用程序 开发者 使常见工作的执行变得很容易，包括从简 单的表单提交、客户端验证，到部署和站点配置
微软Web应用解决方案
浏览器
浏览器是一个用于文档检索和显示的客户应
用程序，并通过超文本传输协议HTTP（ HyperText Transfer Protocol）与Web服 务器相连 常见的浏览器有：
IE Netscape Mozilla Firefox Opera 其他IE核心浏览器 ，如Maxthon 、
微软Web应用解决方案
Web应用
B/S和C/S结构定义
B/S和C/S的应用场景 Web应用的定义
Web应用相关技术发展历史
客户端技术的发展历史
服务器端技术的成熟与发展
客户端技术的发展历史
HTML的诞生
动态HTML的出现让Web应用变得多姿多彩 客户端脚本语言的产生让Web应用具有人机
交互能力 XML的迅速发展让网页具有信息自我描述的 能力
服务端技术的成熟与发展
静态信息的发布
CGI的诞生 多种服务端脚本技术的出现让服务端应用的
开发变得更轻松 XML的迅速发展催生了Web Service技术 Web 2.0让Web应用变得更精彩
Web浏览器和服务器
浏览器
演示和练习：使用ASP建立一个简 单的网页
多媒体演示
1.X
是运行在服务器端的编译后的CLR代码 利用提前绑定、即时编译、本地优化和缓
存服务来提高性能 在Visual Studio .NET的集成开发环境（IDE）中 ，框架由丰富的工具箱和设计器组成 由于是基于CLR的，因此整个.NET平台功 能强大且富有弹性，同样可以应用于Web应用程序 开发者 使常见工作的执行变得很容易，包括从简 单的表单提交、客户端验证，到部署和站点配置
微软Web应用解决方案
《WEB开发技术》课件
03
JavaScript基础
01
02
03
变量
数据类型
运算符
函数
使用var声明变量，可以使用let和const声明块级作用域变量。
JavaScript有基本数据类型（如Number、String、Boolean、Null、Undefined）和复杂数据类型（如Object）。
包括算术运算符（如+、-、*、/）、比较运算符（如==、===、!=、!==、>、<）、逻辑运算符（如&&、||）等。
网站性能优化的方法
02
常见的网站性能优化方法包括减少页面加载时间、优化数据库查询、使用CDN加速等。这些方法可以有效提高网站性能，减少用户等待时间。
网站性能监控与分析
03
使用网站性能监控工具可以实时监测网站性能，分析瓶颈和问题所在，帮助开发人员针对性地进行优化。
SEO优化的重要性
SEO（搜索引擎优化）是提高网站在搜索引擎结果页排名的一种有效方法。通过SEO优化，网站可以获得更多的曝光和流量，提高品牌知名度和业务收益。
事务处理
非关系型数据库
MongoDB是一个非关系型数据库，采用文档存储数据，具有灵活的数据模型。
数据模型
MongoDB使用类似JSON的格式存储数据，支持丰富的数据类型和结构。
查询语言
MongoDB具有强大的查询语言，支持各种查询操作符和聚合框架。
索引与性能优化
MongoDB支持索引，通过合理使用索引可以显著提高查询性能。
SEO优化的技巧
关键词研究、元标签优化、内容质量提升、外部链接建设等都是常见的SEO优化技巧。了解和运用这些技巧可以帮助网站在搜索引擎中获得更好的排名。
Web技术教程-PPT课程介绍[7页]
![Web技术教程-PPT课程介绍[7页]](https://img.taocdn.com/s3/m/c50836b73c1ec5da50e270e6.png)
Web技术
课程介绍
1 介绍开发Web应用常用的编程工具和技术
2 重点讲授HTTP、JavaScript、 PHP以及基于MySQL的 Web数据库存取等内容
3 通过本课程的学习，让学生掌握Web应用的开发的基本技 术
（1）浏览器端编程 （2）web服务器端编程 （3）web服务器能访问后台数据库
2 个人推荐editplus足够。
3 内容实用，非常有趣，在编程娱乐中随心所欲地创建个人 风格的网站。
学习要求
不迟到，不早退，迟到请勿进 课堂安静，有事自己出去 作业认真完成（1到2次，记成绩） 实验认真完成（3个实验，记成绩） 平时表现（课堂提问等）占30%
掌握四块核心内容
（1）HTML编程 （2）JavaScript编程 （3）PHP编程 （4）MySQL数据库访问
欢迎大家多沟通，掌握技能！
课程介绍
1 本课程共32个学时，2个学分。 2 24个理论课时，8个实验课时。 3 考试题目中实验占到50%，所以大家平时学习一定要自己
动wamp(windows+apache+mysql+php) 或者lamp (linux+apache+mysql+php),再安装一个编辑器 比如frontpage或dreamweave或editplus。
课程介绍
1 介绍开发Web应用常用的编程工具和技术
2 重点讲授HTTP、JavaScript、 PHP以及基于MySQL的 Web数据库存取等内容
3 通过本课程的学习，让学生掌握Web应用的开发的基本技 术
（1）浏览器端编程 （2）web服务器端编程 （3）web服务器能访问后台数据库
2 个人推荐editplus足够。
3 内容实用，非常有趣，在编程娱乐中随心所欲地创建个人 风格的网站。
学习要求
不迟到，不早退，迟到请勿进 课堂安静，有事自己出去 作业认真完成（1到2次，记成绩） 实验认真完成（3个实验，记成绩） 平时表现（课堂提问等）占30%
掌握四块核心内容
（1）HTML编程 （2）JavaScript编程 （3）PHP编程 （4）MySQL数据库访问
欢迎大家多沟通，掌握技能！
课程介绍
1 本课程共32个学时，2个学分。 2 24个理论课时，8个实验课时。 3 考试题目中实验占到50%，所以大家平时学习一定要自己
动wamp(windows+apache+mysql+php) 或者lamp (linux+apache+mysql+php),再安装一个编辑器 比如frontpage或dreamweave或editplus。
山东大学web技术课程教学ppt9
6 山东大学计算机科学与技术学院
《网站规划与网页设计》
普通高等教育“十一五”国家级规划教材 重点大学计算机专业系列教材
5.Web数据库服务器选型
Web数据库管理系统是指基于Web模式的DBMS的信息服
务，充分发挥DBMS高效的数据存储和管理能力，以B/S 模式为平台，将客户端融入统一的Web浏览器，为 Internet用户提供使用简便、内容丰富的服务。 Web技术与数据库管理系统(DBMS)相互融合领域的研究 已成为热点方向之一。 Web数据库为Internet上的电子商务提供技术支持。 当前流行Web数据库： Oracle数据库 Sybase数据库 DB2数据库 SQLServer数据库 MySQL数据库 Access数据库
9.19 什么是LAMP、WAMP网站软件平台选择方案？这些 方案有什么特点？
结束
山东大学计算机科学与技术学院
10
《网站规划与网页设计》
普通高等教育“十一五”国家级规划教材 重点大学计算机专业系列教材
UNIX Server
1969年，Ken Thompson，AT&T贝尔实验室，DEC PDP-
7 山东大学计算机科学与技术学院
《网站规划与网页设计》
普通高等教育“十一五”国家级规划教材 重点大学计算机专业系列教材
6.动态网页设计语言选型
服务器端技术主要有CGI、PHP、ASP、JSP，
CGI不是一种动态网页设计语言，PHP、ASP和 JSP是当今最常用的三种动态网页设计语言。 动态语言的选择在选择了应用服务器(或动态 语言中间件)之后就确定了，例如选择了IIS 之后，动态语言就选择了ASP。 动态网页设计技术包括： CGI PHP ASP JSP
《网站规划与网页设计》
普通高等教育“十一五”国家级规划教材 重点大学计算机专业系列教材
5.Web数据库服务器选型
Web数据库管理系统是指基于Web模式的DBMS的信息服
务，充分发挥DBMS高效的数据存储和管理能力，以B/S 模式为平台，将客户端融入统一的Web浏览器，为 Internet用户提供使用简便、内容丰富的服务。 Web技术与数据库管理系统(DBMS)相互融合领域的研究 已成为热点方向之一。 Web数据库为Internet上的电子商务提供技术支持。 当前流行Web数据库： Oracle数据库 Sybase数据库 DB2数据库 SQLServer数据库 MySQL数据库 Access数据库
9.19 什么是LAMP、WAMP网站软件平台选择方案？这些 方案有什么特点？
结束
山东大学计算机科学与技术学院
10
《网站规划与网页设计》
普通高等教育“十一五”国家级规划教材 重点大学计算机专业系列教材
UNIX Server
1969年，Ken Thompson，AT&T贝尔实验室，DEC PDP-
7 山东大学计算机科学与技术学院
《网站规划与网页设计》
普通高等教育“十一五”国家级规划教材 重点大学计算机专业系列教材
6.动态网页设计语言选型
服务器端技术主要有CGI、PHP、ASP、JSP，
CGI不是一种动态网页设计语言，PHP、ASP和 JSP是当今最常用的三种动态网页设计语言。 动态语言的选择在选择了应用服务器(或动态 语言中间件)之后就确定了，例如选择了IIS 之后，动态语言就选择了ASP。 动态网页设计技术包括： CGI PHP ASP JSP
相关主题
- 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战略：是构建一个可以吸引并留住用户
的网站，并非看起来最好或最有用的网站
结束
山东大学计算机科学与技术学院