web-第1章基本概念
- 格式：ppt
- 大小：1.13 MB
- 文档页数：37
下载文档原格式
合集下载
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 开发技术 第一章 绪论
14/42
TCP/IP模型
• TCP/IP参考模型是4层结构：
– 网络接口层：也称数据链路层，通常包括操作系统中的设备驱 动程序和计算机中的网卡，一起处理与电缆 (或其他任何传输 媒介) 的物理接口细节 – 互联网层：也称网络层，其作用是处理分组在网络中的活动， 例如分组的选路。在TCP/IP协议族中，网络层协议包括IP协 议 (网际协议) ，ICMP协议 (互联网控制报文协议) ，以及 IGMP协议 (互联组管理协议)
Web是一种体系结构,通过它可以访问遍布于Internet主机上的链接文档
Web是存储在全世界Internet主机中数量巨大的文档的集合
Web 上的信息由彼此关联的文档组成,这些文档称为主页或页面 Web的内容保存在Web站点中,用户可通过浏览器访问站点
3/42
1.2 Web的架构（B/S模式）
通过这些文字或图象，可以跳转至其它位置。
超文本链接
超文本链接（Hypertext Link）是指超文本中用以链接到其它文件的 文字或图像，简称超链接；超文本中的任何文字或图像都可以被指定 为超链接。
IP地址和域名
IP地址和域名是Internet使用的网络地址，符合TCP/IP协议规定的地址 方案，与日常生活中涉及的通信地址和电话号码相似。TCP/IP协议要 求每一个主机都有惟一的一个网络地址，简称IP地址。在Internet中， 域名可以通过域名服务系统 (DNS) 映射为IP地址，以方便人们记忆。
7/42
• HTTP
超文本传输协议HTTP(Hypertext Transport Protocol)是Web浏 览器与Web服务器之间进行数据传输的应用层通信协议， 它建立在TCP/IP协议的基础上，用以传输超文本文档。 在WWW中，“客户”与“服务器”是一个相对的概念， 只存在于一个特定的连接期间，即在某个连接中的客户在 另一个连接中可能作为服务器。 基于HTTP协议的客户/服务器模式的信息交换过程，它分 四个过程：建立连接、发送请求信息、发送响应信息、关 闭连接。
Web基础知识
2）客户端动态技术3
插件技术（1996年）
1996年的Netscape 2.0引入了对QuickTime插件的支持，在 HTML页面中实现音频、视频等多媒体应用，插件这种开发 方式也迅速风靡了浏览器的世界。 1996年，IE 3.0正式支持在HTML页面中插入ActiveX控件的 功能 1999年，RealPlayer插件先后在Netscape和IE浏览器中取 得了成功 1996年，Macromedia公司收购了FutureWave，并将Jonatha n Gay的发明改名为我们熟悉的Flash。从此，Flash动画成 了Web开发者表现自我、展示个性的最佳方式。
16
1.1 Web基本概念—12.Web开发技术概述
1）静态页面时代
从Web架构的技术层面，其特点主要有3：
用超文本技术（HTML）实现信息与信息的连接； 用统一资源定位技术（URL）实现全球信息的精确定位； 用新的应用层协议（HTTP）实现分布式的信息共享。
这一时期的Web设计更像是平面设计，而不是程 序设计。这样设计出来的页面，只能呈现静态的 文本和图像，无法提供满足用户需求的交互模式， 也无法展示动态的信息。 第2章将重点介绍静态页面设计技术
返回的HTML文档（包含嵌入的程序代码）
客户机
服务器 24
1.1 Web基本概念—13.Web开发工具
网页设计工具
1. FrontPage 2. Dreamweaver MX 3. Fireworks MX 4. Flash MX 5. Visual Studio 2005 /2008 6. 记事本/Word等
Web服务器向浏览器提供服务的步骤 ： 1、用户打开计算机（客户机），启动浏览器程序，在浏览器中指定一个 URL，浏览器便向该URL所指向的Web服务器发出请求。 2、Web服务器接到浏览器请求后，把URL转换成页面所在服务器上的文 件路径名。 3、如果URL指向的是普通的HTML文档，Web服务器直接将它送给浏览 器。 4、如果HTML文档中嵌有ASP或CGI程序Web服务器就运行ASP或CGI程 序，并将结果传送至浏览器
插件技术（1996年）
1996年的Netscape 2.0引入了对QuickTime插件的支持，在 HTML页面中实现音频、视频等多媒体应用，插件这种开发 方式也迅速风靡了浏览器的世界。 1996年，IE 3.0正式支持在HTML页面中插入ActiveX控件的 功能 1999年，RealPlayer插件先后在Netscape和IE浏览器中取 得了成功 1996年，Macromedia公司收购了FutureWave，并将Jonatha n Gay的发明改名为我们熟悉的Flash。从此，Flash动画成 了Web开发者表现自我、展示个性的最佳方式。
16
1.1 Web基本概念—12.Web开发技术概述
1）静态页面时代
从Web架构的技术层面，其特点主要有3：
用超文本技术（HTML）实现信息与信息的连接； 用统一资源定位技术（URL）实现全球信息的精确定位； 用新的应用层协议（HTTP）实现分布式的信息共享。
这一时期的Web设计更像是平面设计，而不是程 序设计。这样设计出来的页面，只能呈现静态的 文本和图像，无法提供满足用户需求的交互模式， 也无法展示动态的信息。 第2章将重点介绍静态页面设计技术
返回的HTML文档（包含嵌入的程序代码）
客户机
服务器 24
1.1 Web基本概念—13.Web开发工具
网页设计工具
1. FrontPage 2. Dreamweaver MX 3. Fireworks MX 4. Flash MX 5. Visual Studio 2005 /2008 6. 记事本/Word等
Web服务器向浏览器提供服务的步骤 ： 1、用户打开计算机（客户机），启动浏览器程序，在浏览器中指定一个 URL，浏览器便向该URL所指向的Web服务器发出请求。 2、Web服务器接到浏览器请求后，把URL转换成页面所在服务器上的文 件路径名。 3、如果URL指向的是普通的HTML文档，Web服务器直接将它送给浏览 器。 4、如果HTML文档中嵌有ASP或CGI程序Web服务器就运行ASP或CGI程 序，并将结果传送至浏览器
第1章_Web数据库技术概述
模型1：JSP+JavaBean阶段
把业务处理代码从JSP中提取出来，然后形成 JavaBean；JSP完成输入、输出和控制功能； 需要的时候JSP调用JavaBean的功能。
JSP页面
JavaBean
优点：处理功能从JSP页面中分离出来，由 JavaBean完成，减少了页面中的代码。 缺点：页面中仍然存在用于控制的代码。
Java企业级应用架构
Java Web技术的发展历史
Servlet技术 JSP技术 模型1：JSP+JavaBean 模型2：JSP+JavaBean+Servlet 框架 可视化开发
Servlet技术阶段
Java技术中最早的Web解决方案，页面中的所 有信息需要通过输出语句来生成。
基于Java的Web数据库访问技术 Java Applet：将Java 小程序（Applet）从服务 器端下载到客户端Web浏览器中执行，通过 JDBC驱动程序访问服务器端的数据库。 Java servlet：Java Servlet是运行于Web服务器 端的小程序，其作用类似于CGI程序，但比 CGI程程序的效率更高。利用Java Servlet可以 实现网页中很多交互式效果，在动态网页设计 中具有广泛应用。用户通过Web浏览器访问服 务器端的Java servlet程序，Java servlet负责实 现对数据库的访问，并动态生成HTML格式的 结果文件，交给Web浏览器显示。
--Servlet技术：用于系统流程控制。 -- JavaBean技术：完成核心功能，是一个比较特 殊的Java类，编写方法与普通Java类相同。 --JDBC技术：Java访问数据库的中间件，完成与 数据库的交互。 --XML技术： Java Web应用中的配置文件采用 XML文件的形式，另外JSP页面也可以采用 XML文档的形式。
第一章Web技术概述
13.通道(Tunnel)：是作为两个连接中继的中介程序。一旦激活，通道 便被认为不属于HTTP通讯，尽管通道可能是被一个HTTP请求初始化的。 当被中继的连接两端关闭时，通道便消失。当一个门户(Portal)必须存 在或中介(Intermediary)不能解释中继的通讯时通道被经常使用。
14.缓存(Cache)：反应信息的局域存储。
Internet（Inter Network）译为“因特网”， 也称国际互 联网，简称互联网。因特网是一个把世界范围内的众多计算 机、人、数据库、软件和文件连接在一起的，通过一个共同 的通信协议(TCP/IP协议)相互会话的网络。
14
Web技术基础
Internet主要技术： ·采用标准协议——TCP/IP协议，使网上各种不同的 计算机进行通信 ·通过路由器将不同网络互连 ·建立在TCP/IP协议基础之上的WWW浏览服务 ·应用DNS域名解析系统完成计算机和用户之间的地 址解析工作
网络病毒、保密、黑客(Huckman)
16
路由器 路由器
R
校园网子网
校园网
R
路由器 路由器
电子商务网站
R R
路由器
路由器
Internet
具有上网功能的手机 PDA掌上电脑 卫星接收系统
路由器
路由器
ISP网络
R R
路由器
路由器
企业子网
路由器
路由器
R
企业网
R
个人电脑
17
WWW的核心-HTTP
HTTP协议简介
20
10.源服务器(Originserver)：是一个给定资源可以在其上驻留或被创 建的服务器。
11.代理(Proxy)：一个中间程序，它可以充当一个服务器，也可以充当 一个客户机，为其它客户机建立请求。请求是通过可能的翻译在内部或 经过传递到其它的服务器中。一个代理在发送请求信息之前，必须解释 并且如果可能重写它。
网页设计与制作- 第01章_网页设计概述
14
网页设计与制作
1.1 网页基本概念
– 7．导航栏：导航栏的作用是引导浏览者准确、 方便地查看当前网站的不同内容并在相关页面之 间自由跳转。实际上，导航栏就是一组相对固定 的超链接，链接的目标就是站点中的主要网页。
– 8．表单：网页中的表单类似于Windows程序的 窗体，主要用来将浏览者输入的信息提交给服务 器端程序进行处理。表单是提供交互功能的基本 元素，例如问卷调查、信息查询、用户注册、网 上订购等，都需要通过表单进行客户端信息的收 集工作。
7
网页设计与制作
1.1 网页基本概念
• 例1.1 打开记事本（notepad.exe），输入如
下内容，将文件保存为ep1_1.html，然后双击
ep1_1.html在浏览器中打开并预览。效果如图
所示。
<html> </html>
<head> </head> <body>
</body>
<title>我的HTML网页</title>
– 9．其他常见元素：网页中除了以上几种最基本 的元素之外，还有一些其他的常见元素，包括悬 停按钮、Java特效和ActiveX特效等。这些元素 使网页更加丰富多彩和生动有趣。
15
网页设计与制作
1.2 网页浏览的基本原理
• 1.2.1 WWW服务器工作模式 • 1．客户机和服务器
– Web服务是建立在客户机/应用服务器/数据 库服务器（Client/ Server/ Database Server，C/S/DS）三层结构模型之上的， 在网络环境中，客户机向服务器发出服务请 求，服务器接收并处理客户的请求，最后将 结果返回到客户机。
网页设计与制作
1.1 网页基本概念
– 7．导航栏：导航栏的作用是引导浏览者准确、 方便地查看当前网站的不同内容并在相关页面之 间自由跳转。实际上，导航栏就是一组相对固定 的超链接，链接的目标就是站点中的主要网页。
– 8．表单：网页中的表单类似于Windows程序的 窗体，主要用来将浏览者输入的信息提交给服务 器端程序进行处理。表单是提供交互功能的基本 元素，例如问卷调查、信息查询、用户注册、网 上订购等，都需要通过表单进行客户端信息的收 集工作。
7
网页设计与制作
1.1 网页基本概念
• 例1.1 打开记事本（notepad.exe），输入如
下内容，将文件保存为ep1_1.html，然后双击
ep1_1.html在浏览器中打开并预览。效果如图
所示。
<html> </html>
<head> </head> <body>
</body>
<title>我的HTML网页</title>
– 9．其他常见元素：网页中除了以上几种最基本 的元素之外，还有一些其他的常见元素，包括悬 停按钮、Java特效和ActiveX特效等。这些元素 使网页更加丰富多彩和生动有趣。
15
网页设计与制作
1.2 网页浏览的基本原理
• 1.2.1 WWW服务器工作模式 • 1．客户机和服务器
– Web服务是建立在客户机/应用服务器/数据 库服务器（Client/ Server/ Database Server，C/S/DS）三层结构模型之上的， 在网络环境中，客户机向服务器发出服务请 求，服务器接收并处理客户的请求，最后将 结果返回到客户机。
WEB-1 web基础知识
重 点
掌握Web的结构、Web资源的定位方式，HTML的 定义、HTML和Web的关系，网页的类型。
10
1、 Internet介绍
Internet，中文正式译名为因特网，又叫做国际 互联网。 Internet是由成千上万个网络、上亿台计算机通 过特定的网络协议相互连接而成的全球计算机网 络，是提供信息资源查询和信息资源共享的全球 最大的信息资源平台。
期末成绩=平时成绩+实验成绩+课程设计成绩
考试方式：上机考试、课数据库原理 Java程序设计
6
参考资料
Web程序设计（第6版）（国外计算机科学经典教材）
第1章 基础知识 作者：（美）塞巴斯塔著，王春智，刘伟梅译 第2 章社：清华大学出版社 XHTML 简介 出 版 第3章 层叠样式表 出版时间： 2011-1-1 第4章 JavaScript 基础知识 IS 9787302242499 第 5B 章N： JavaScript 与XHTML文档 定价：￥ 69.00 第 6章 利用 JavaScript开发动态文档 第7章 XML简介 第8章 Flash简介 第9章 PHP简介 第10章 Ajax简介 第11章 Java Web软件 第12章 简介 第13章 基于Web的数据库访问 第14章 Ruby简介 第15章 Rails简介
Internet的迅猛发展始于20世纪90年代。
12
Internet的用途
WWW E-mail 文件传输服务(FTP) 电子公告栏(BBS) 远程登录 网络通讯服务：如在线聊天，飞信 网上购物、旅行预订
13
（一）Web基础知识
1. Internet介绍 2. 万维网（WWW） 3. Web浏览器 4. Web服务器 5. 统一资源定位符（URL） 6. 超文本传输协议 7. Web开发语言及工具
web的课程设计
web的课程设计一、课程目标知识目标：1. 学生能够理解Web的基本概念，掌握HTML、CSS和JavaScript的基础知识。
2. 学生能够运用Web技术构建静态网页，实现页面布局、样式设计和基本交互功能。
3. 学生了解Web前端框架的使用，能够使用至少一种框架进行网页开发。
技能目标：1. 学生能够运用HTML标签创建网页结构，使用CSS进行页面样式设计，运用JavaScript实现动态交互效果。
2. 学生能够使用Web开发工具，如VS Code、Sublime Text等，编写和调试代码。
3. 学生掌握基本的网络通信原理，能够实现前后端数据交互。
情感态度价值观目标：1. 培养学生对Web技术的兴趣和热情，激发他们主动探索新技术的精神。
2. 培养学生团队协作意识，使他们能够在项目开发中与他人沟通、协作，共同解决问题。
3. 培养学生遵守网络安全规范，养成良好的网络道德素养。
课程性质：本课程为信息技术课程，旨在帮助学生掌握Web开发基础，培养实际操作能力。
学生特点：本课程针对初中生，学生对计算机操作有一定基础，对新事物充满好奇，喜欢动手实践。
教学要求：教师应以实践为主，理论联系实际，注重激发学生兴趣，鼓励学生主动探究，培养实际操作能力。
同时，关注学生个体差异，因材施教，使每个学生都能在原有基础上得到提高。
通过课程学习，使学生能够独立完成简单的Web页面开发，为后续学习打下坚实基础。
二、教学内容1. Web基础知识：包括Web概念、浏览器工作原理、网络基础等，使学生了解Web技术的基本原理。
- 教材章节：第一章 Web概述，第二章 网络基础2. HTML：HTML标签、属性、页面结构，使学生掌握构建网页的基本方法。
- 教材章节：第三章 HTML基础，第四章 HTML页面结构3. CSS：选择器、样式属性、盒模型、布局方式，使学生能够进行网页样式设计。
- 教材章节：第五章 CSS基础，第六章 CSS布局4. JavaScript：基本语法、函数、事件处理、DOM操作，使学生实现网页的动态交互。
第1章 网站与网页概述
• 对于静态网页HTML或XML，服务器直接返
回给客户。
• 对于动态网页ASP或JSP ， Web服务器则与数
据库服务器建立连接 ,运行脚本程序，最后生 成新的、包含动态数据的HTML或XML文档 返回客户端浏览器 。
1.1.2 Web的工作原理
图1-1 Web的工作原理
XML为可扩展标记语言，它与HTML一样都是标准通 用标记语言。
为美工设计人员提供了广阔的创意空间，
• Photoshop广泛应用于网页图像编辑、桌面出版、广
告设计、婚纱摄影等各行各业，成为许多涉及图像处 理的行业的事实标准。
小结
•
本章介绍网站与网页的相关概念和基础知识， 重点讲解网站建立的方法和管理技术，分析网站 设计要则及建站前的准备工作。设计者需要具备 一定的网络基础知识、掌握各种多媒体处理技术， 才能从容地应对开发过程中遇到的各种问题。
/k/2011-06-01/10055601835.shtml
1.1.4 静态网页与动态网页
• 动态网页中除了普通网页中的元素外，还包括一些
应用程序，这些应用程序使浏览器与Web服务器之 间发生交互行为，而且应用程序的执行需要应用程 序服务器框架 第6章：AP Div 第7章：表单
•
• •
第1章 网站与网页概述
学习目标：
• 了解Internet、Web、网站、网页的基本概念 • 了解网站、网页与主页之间的相互关系 • 掌握网站建立及管理方法 • 了解网站的开发设计应遵循的基本原则 • 了解网页设计的常用工具软件
1.1网站与网页基础知识
Internet是世界上覆盖面最广、规模最大、信息 资源最丰富的计算机网络。
•
Internet提供了许多受大众欢迎的服务，包括：
第1章 Web前端开发基础-Web前端开发-刘敏娜-清华大学出版社
1.4 Web页面在地址栏中输入要访问的网 页的url，通过http协议向url 所在的服务器发起服务请求
服务处理请求
根据浏览器发起的请求，把 url地址转换成网页所在服务 器上的实际路径，找到相应 的网页文件
3
反馈网页
网页中仅包含html标记，服 务器直接通过http协议将文 档发送到客户端，如果还包 括jsp程序或者其他动态网站 程序，则通过服务器执行后 将运行结果发送给客户端
3
1.1 web介绍
Web起源
WWW的开发阶段 WWW的发展阶段 WWW商业化阶段 无所不在的WWW
Web版本
Web 1.0 Web 2.0 Web 3.0
4
Web前端开发基础 Contents
1 Web介绍 2 Web开发 3 Web基本概念 4 Web页面浏览过程 5 Web前端开发技术 6 主流Web浏览器 7 Web前端开发流程 8 Web前端开发工具 9 Web前端工程师从业要求 10 网站鉴赏能力培养
Web也称万维网。Web的英文全称是“World Wide Web”，简称 WWW。 Web是基于“超文本”的信息查询和发布系统。万维网将Internet 上众多的Web服务器提供的资源连接起来，组成一个海量的信 息网。 Web是英国的TimBerners-Lee 1980年在欧洲共同体的一个大型 科研机构任职时发明的。 通过Web平台，互联网上的资源在一个网页里展示出来，而且 资源之间可以建立链接。
4
客户端显示网页
浏览器解释html文档，将结 果显示在客户端浏览器
1
2
3
4
10
Web前端开发基础 Contents
1 Web介绍
2 Web开发 3 Web基本概念 4 Web页面浏览过程 5 Web前端开发技术 6 主流Web浏览器 7 Web前端开发流程 8 Web前端开发工具 9 Web前端工程师从业要求 10 网站鉴赏能力培养
Web前端开发(初级)-第1章 Web简介-Ver 1.0
1+X 证书试点 - web前端开发 课程组
1.1 Web的诞生
Internet的主要服务 E-mail：电子邮件，具有速度快、成本低、方便灵活的优点，用户 之间通过发送/接受电子邮件可以向实现信息的交换； FTP：文件传输，主要用于文件的分享，由于安全问题，使用场景有 所减少； BBS：电子公告牌，主要用以信息的共享和用户之间的互动，现代已 发展成为功能前的社区，可以实现信息公告、线上交谈、分类讨论、 经验交流、文件共享等； WWW：World Wide Web,简称WWW，也称Web,是Internet上集文本、声 音、图像、视频等多媒体信息于一身的全球信息资源网络，是 Internet上的重要组成部分。
Opera
Presto，2013年换成Blink（Chromium）
Safari
Webkit
Firefox
Gecke
Google Chrome 之前为Webkit,2013年换成Blink
联盟);
1+X 证书试点 - web前端开发 课程组
1.2 Web 相关概念
WWW World Wide Web的缩写，简写为W3、Web,中文名为万维网， 它是Internet上最核心的部分，是Internet上哪些支持WWW 服务和HTTP协议的服务器的集合； WWW在使用上分为Web服务器和Web客户端，用户通过Web客 户端可以访问Web服务端的页面；
现状 成为libwww库
技术出售、诞生Netscape
和IE竞争失败，正式退出历 史舞台 2016-1-12停止维护，历史 原因，依然留存 现存 现存 现存 现存 现存
1+X 证书试点 - web前端开发 课程组
1.2 Web 相关概念
1.1 Web的诞生
Internet的主要服务 E-mail：电子邮件，具有速度快、成本低、方便灵活的优点，用户 之间通过发送/接受电子邮件可以向实现信息的交换； FTP：文件传输，主要用于文件的分享，由于安全问题，使用场景有 所减少； BBS：电子公告牌，主要用以信息的共享和用户之间的互动，现代已 发展成为功能前的社区，可以实现信息公告、线上交谈、分类讨论、 经验交流、文件共享等； WWW：World Wide Web,简称WWW，也称Web,是Internet上集文本、声 音、图像、视频等多媒体信息于一身的全球信息资源网络，是 Internet上的重要组成部分。
Opera
Presto，2013年换成Blink（Chromium）
Safari
Webkit
Firefox
Gecke
Google Chrome 之前为Webkit,2013年换成Blink
联盟);
1+X 证书试点 - web前端开发 课程组
1.2 Web 相关概念
WWW World Wide Web的缩写，简写为W3、Web,中文名为万维网， 它是Internet上最核心的部分，是Internet上哪些支持WWW 服务和HTTP协议的服务器的集合； WWW在使用上分为Web服务器和Web客户端，用户通过Web客 户端可以访问Web服务端的页面；
现状 成为libwww库
技术出售、诞生Netscape
和IE竞争失败，正式退出历 史舞台 2016-1-12停止维护，历史 原因，依然留存 现存 现存 现存 现存 现存
1+X 证书试点 - web前端开发 课程组
1.2 Web 相关概念
第1章 Web应用开发概述
客户端脚本技术 客户端脚本技术是指嵌入到Web页面中的程序代码，这些程序代码是一种解释性的语言，浏览器 可以对客户端脚本进行解释。通过脚本语言可以实现以编程的方式对页面元素进行控制，从而增加 页面的灵活性。常用的客户端脚本语言有JavaScript和VBScript。 说明： 目前，应用最为广泛的客户端脚本语言是JavaScript脚本，它是Ajax的重要组成部分。在本书 的第2章将对JavaScript脚本语言进行详细介绍。
图1-2 B/S体系结构 说明：B/S由美国微软公司研发，C/S由美国Borland公司最早研发。
1.1.3
两种体系结构的比较
C/S结构和B/S结构是当今世界网络程序开发体系结构的两大主流。目前，这两种结构都有自己 的市场份额和客户群。但是，这两种体系结构又各有各的优点和缺点，下面将从以下3个方面进行 比较说明。 1．开发和维护成本方面 C/S结构的开发和维护成本都比B/S高。采用C/S结构时，对于不同客户端要开发不同的程序， 而且软件的安装、调试和升级均需要在所有的客户机上进行。例如，如果一个企业共有10个客户站 点使用一套C/S结构的软件，则这10个客户站点都需要安装客户端程序。当这套软件进行了哪怕很 微小的改动后，系统维护员都必须将客户端原有的软件卸载，再安装新的版本并进行配置，最可怕 的是客户端的维护工作必须不折不扣的进行10次。若某个客户端忘记进行这样的更新，则该客户端 将会因软件版本不一致而无法工作。而B/S结构的软件，则不必在客户端进行安装及维护。如果我 们将前面企业的C/S结构的软件换成B/S结构的，这样在软件升级后，系统维护员只需要将服务器的 软件升级到最新版本，对于其他客户端，只要重新登录系统就可以使用最新版本的软件了。
图1-3 Web的工作流程图
第1章Web应用基础
客户端动态WEB页面
❖ 动态地改变网页的内容，为不同用户提供 个性化的服务。
客户端的动态Web页面工作原理
Web服务器 3、Web服务器定位HTML文件和指令文件
1、作者编写 的网页文件
4、HTML和指令被返回到浏览器
2、客户请求网页
5、浏览器处理 指令并将指令 转换为HTML
6、浏览器处理HTML
例如： <body bgcolor="silver" text="blue" link= "red " >
常用HTML标记符及其功能
❖ <head>…</head>：首部标记符，不包含网页 的内容，仅提供一些与网页相关的信息。
❖ <body>…</body>：主体标记符，包含网页内 的所有内容，如文字、图片及超链接等。
DB2
调用 JavaBean J2EE/EJB
调用
DLL
XML
的历史
❖ ASP（Active Server Pages），是Microsfot公司 1996年11月推出的WEB应用程序开发技术，它既 不是一种程序语言，也不是一种开发工具，而是一 种技术框架。因其简单的语法和嵌入HTML的编辑 方法在很短的时间内便取得了巨大的成功，成为 Windows平台上Web开发技术的霸主，在当时地 位难以动摇。此外，它可通过ActiveX等组件技术 实现更强大的功能，如使用ADO可以轻松地访问 数据库。
提供了一个新的 ListView 数据控件，该控件可用于显示数据， 还可提供具有高度可自定义性的用户界面。
提供了一个新的 LinqDataSource 控件，该控件通过 数据源控件结构公开语言集成查询 (LINQ)。
第1章 网站概述PPT课件
Page 14
【案例1-2】认识网站
按照构建网站的主体，可以将网站划分为 以下几个基本类型： 个人网站 企业网站 行业网站 政府网站 服务机构电子商务网站
Page 15
【案例1-2】认识网站
按照网站的功能，可以大概分为 资讯网站 商务网站 前者以提供新闻、娱乐和信息资源为主， 后者以实现电子商务为主。
Page 9
【案例1-2】认识网站
Page 10
【案例1-2】认识网站
Page 11
【案例1-2】认识网站
Page 12
【案例1-2】认识网站
网站是在软硬件基础设施的支持下，由一 系列网页、资源和后台数据库等构成，具 有多种网络功能，能够实现诸如广告宣传、 经销代理、金融服务、信息流通等商务应 用。
Page 16【案例1-2】认 Nhomakorabea网站按照电子商务的模式，电子商务网站又可以分为以下几种 类型： B to B（Business to Business）商务网站，交易双方均为 企业，如采购类网站和批销类网站。 B to C（Business to Customer）商务网站，从事网上零售 业务的网站。 C to C（Customer to Customer）商务网站，从事网上拍 卖活动，交易双方均为消费者。 B to G（Business to Government）商务网站，从事政府 与企业之间的交易活动，如电子通关、电子纳税以及政府 网上采购等。 C to G（Customer to Government）商务网站，从事政府 与个人之间的事务活动，如福利费发放、个人报税及征收 等。
第1章 网站概述
1.1
Internet与网站
1.2
IIS的安装
1.3
配置Web站点
【案例1-2】认识网站
按照构建网站的主体，可以将网站划分为 以下几个基本类型： 个人网站 企业网站 行业网站 政府网站 服务机构电子商务网站
Page 15
【案例1-2】认识网站
按照网站的功能，可以大概分为 资讯网站 商务网站 前者以提供新闻、娱乐和信息资源为主， 后者以实现电子商务为主。
Page 9
【案例1-2】认识网站
Page 10
【案例1-2】认识网站
Page 11
【案例1-2】认识网站
Page 12
【案例1-2】认识网站
网站是在软硬件基础设施的支持下，由一 系列网页、资源和后台数据库等构成，具 有多种网络功能，能够实现诸如广告宣传、 经销代理、金融服务、信息流通等商务应 用。
Page 16【案例1-2】认 Nhomakorabea网站按照电子商务的模式，电子商务网站又可以分为以下几种 类型： B to B（Business to Business）商务网站，交易双方均为 企业，如采购类网站和批销类网站。 B to C（Business to Customer）商务网站，从事网上零售 业务的网站。 C to C（Customer to Customer）商务网站，从事网上拍 卖活动，交易双方均为消费者。 B to G（Business to Government）商务网站，从事政府 与企业之间的交易活动，如电子通关、电子纳税以及政府 网上采购等。 C to G（Customer to Government）商务网站，从事政府 与个人之间的事务活动，如福利费发放、个人报税及征收 等。
第1章 网站概述
1.1
Internet与网站
1.2
IIS的安装
1.3
配置Web站点
第1章Web应用程序开发技术基础.ppt
三、演化模型
1. 什么是演化模型
它遵迭代的思想方法，使开发的软件在迭代过程中 逐步得到完善，一般适用于大型软件的开发。常见的 演化模型又有增量模型和螺旋模型两种。
2. 增量模型
(1) 基本思想：增量模型是瀑布模型的顺序特征与快 速原型法的迭代特征相结合的产物，该模型把软件看 作一系列相互联系的增量，每个增量是小而可运行的 程序，在开发过程的各次迭代中，每次完成一个增量。
②软件危机，使许多产业界人士认识到必须把软件生
产从个人化方式改变为工程化方式，从而导致了软件 工程的诞生。
二、软件工程
1. 软件工程的概念
软件工程的基本理念是“按工程的概念、原理、技 术和方法开发与维护计算机软件”。
“软件工程”一词，首先是1968年北大西洋公约组 织（NATO）在联邦德国召开的一次会议上提出的。
1.2.1 Web应用程序的含义 1.2.2 Web应用程序的特点
1.2.1 Web应用程序的含义
1.2.2 Web应用程序的特点
（1）基于HTTP （2）简单、统一的用户接口 （3）非对称、概率性的访问模式
1.3 Web应用程序的体系结构
1.3.1 2层体系结构 1.3.2 3层体系结构 1.3.3 4层体系结构
人们从不同的角度，给软件工程下过各种定义。但 是不论有多少种说法，它的中心思想，是把软件当作 一种工业产品，要求“采用工程化的原理与方法对软 件进行计划、开发和维护”。
软件工程的三个要素：方法、工具、过程
2. 软件工程的基本原则
软件工程围绕工程设计、工程支持以及工程管理， 提出了以下四条基本原则：
第1章 Web应用程序开发技术基础
1.1 Web发展历史 1.2 Web应用程序的基本概念 1.3 Web应用程序的体系结构 1.4 Web应用程序的工作环境 1.5 Web应用程序开发的技术内容 1.6 Web应用程序开发模型 1.7 Web应用程序开发的环境配置
第1章 Web编程基础知识
1）安装IIS ； 2）建立虚拟目录； 3）配置IIS 。
例如:/default.shtml
4 Web访问工作原理
浏览器结构
从鼠标和键盘输入 输出至显示器
控制程序
HTML解释程序 … 可选解释程序
驱 动 程 序
缓存
HTTP 客户程序 …
网 络
可选客户程序
接
口
与远地 服务器通信
5、网页与网站
Internet上各种超文本文件称为网页（Page）。 超文本（Hypertext）是一种文本格式，是一种对信息的描述方 法，这种描述方法不受系统平台的限制，可以在不同的平台上 使用，用户也可以在各种操作系统上浏览这些超文本文件。 每个超文本文件中可以包含文字、图片、表格、表单等多种组 件。在每一个页面上，可以有一些词、语句或图片等作为“链 接点（Link）”，通过这些链接点可以快速地跳转到本网站的 其它页面或其它网站上的页面。这种“链接点”方式称为超链 接。正是因为这些超链接的存在才使得Internet上的无数页面能 够关联到了一起。 网站是一个包含多个由超链接连在一起的网页的集合，它包含 的网页可以是一个也可以是多个，甚至上千个。 Internet上的网站是通过地址进行定位的，就像网络中的一个节 点，通常也称之为站点。
常用动态技术
2
PHP(Hypertext Preprocessor,超文本预处理器)
1. 利用服务器端脚本创建动态网站的技术，包括 一个完整的编程语言、支持Internet的各种 协议、提供与多种数据库直接互联的能力。 2. PHP是一种跨平台技术，可在多种平台运行。 3. 适用于开发中小型企业网站，网站运行效率佳 ，安全性高、可靠性及稳定性都很好。 4. PHP脚本可在Tomcat，Apache，Jboss等 Web服务器上运行。 5. 开发工具： Zend Studio 、 EditPlus
例如:/default.shtml
4 Web访问工作原理
浏览器结构
从鼠标和键盘输入 输出至显示器
控制程序
HTML解释程序 … 可选解释程序
驱 动 程 序
缓存
HTTP 客户程序 …
网 络
可选客户程序
接
口
与远地 服务器通信
5、网页与网站
Internet上各种超文本文件称为网页（Page）。 超文本（Hypertext）是一种文本格式，是一种对信息的描述方 法，这种描述方法不受系统平台的限制，可以在不同的平台上 使用，用户也可以在各种操作系统上浏览这些超文本文件。 每个超文本文件中可以包含文字、图片、表格、表单等多种组 件。在每一个页面上，可以有一些词、语句或图片等作为“链 接点（Link）”，通过这些链接点可以快速地跳转到本网站的 其它页面或其它网站上的页面。这种“链接点”方式称为超链 接。正是因为这些超链接的存在才使得Internet上的无数页面能 够关联到了一起。 网站是一个包含多个由超链接连在一起的网页的集合，它包含 的网页可以是一个也可以是多个，甚至上千个。 Internet上的网站是通过地址进行定位的，就像网络中的一个节 点，通常也称之为站点。
常用动态技术
2
PHP(Hypertext Preprocessor,超文本预处理器)
1. 利用服务器端脚本创建动态网站的技术，包括 一个完整的编程语言、支持Internet的各种 协议、提供与多种数据库直接互联的能力。 2. PHP是一种跨平台技术，可在多种平台运行。 3. 适用于开发中小型企业网站，网站运行效率佳 ，安全性高、可靠性及稳定性都很好。 4. PHP脚本可在Tomcat，Apache，Jboss等 Web服务器上运行。 5. 开发工具： Zend Studio 、 EditPlus
第1章 Web网站概述
© 2011.5 电子工业出版社 新编计算机类本科规划教材 2013-10-8 第5页，共69页
第1章 Web网站概述
Web的基本知识 TCP/IP基本知识 IPv4地址与域名 IPv6地址与域名 Web系统的组成与模式 Web系统安全
© 2011.5 电子工业出版社 新编计算机类本科规划教材 2013-10-8 第6页，共69页
© 2011.5 电子工业出版社 新编计算机类本科规划教材 2013-10-8 第17页，共69页
数据多层封装与拆封
信源 应用层 表示层 会话层 传输层 网络层 数据链路层 物理层 封装 数据 数据 数据 段头 网络头 幀头 数据 段头 网络头 数据 段头 数据 幀尾 拆封 信宿 应用层 表示层 会话层 传输层 网络层 数据链路层 物理层
011101000011000010100101111010110
© 2011.5 电子工业出版社
新编计算机类本科规划教材
2013-10-8
第18页，共69页
1.2.3 TCP/IP体系结构
1. TCP/IP协议 (1)协议集
FTP HTTP SMTP DNS SNMP TFTP
TCP
UDP
IP
Internet
© 2011.5 电子工业出版社
新编计算机类本科规划教材
2013-10-8
第10页，共69页
1.1.4 HTML和XML
超文本标识语言（HTML, Hyper Text Markup Language） 是编制Web页面文档的标准通用型标识语言（SGML, Standard Generalized Markup Language，）的一种。HTML 的标识符定义了文档结构、字形字体、版面布局、超链接等 超文本文档结构，使Web浏览器能够阅读和重新格式化任何 Web页面。HTML缺乏对结构化数据的表示能力，采用单一 固定语法，缺乏可扩展性。 SGML是定义结构化文本类型和标识这些文本类型的标识 语言系统。 SGML是ISO在1986年推出的用来创建标记语言 的语言标准，它提供了一种将数据内容与显示分离开来的数 据表示方法，使得数据独立于机器平台和处理程序。但它的 复杂性使其难以直接应用到Internet上。
第1章 Web网站概述
Web的基本知识 TCP/IP基本知识 IPv4地址与域名 IPv6地址与域名 Web系统的组成与模式 Web系统安全
© 2011.5 电子工业出版社 新编计算机类本科规划教材 2013-10-8 第6页，共69页
© 2011.5 电子工业出版社 新编计算机类本科规划教材 2013-10-8 第17页，共69页
数据多层封装与拆封
信源 应用层 表示层 会话层 传输层 网络层 数据链路层 物理层 封装 数据 数据 数据 段头 网络头 幀头 数据 段头 网络头 数据 段头 数据 幀尾 拆封 信宿 应用层 表示层 会话层 传输层 网络层 数据链路层 物理层
011101000011000010100101111010110
© 2011.5 电子工业出版社
新编计算机类本科规划教材
2013-10-8
第18页，共69页
1.2.3 TCP/IP体系结构
1. TCP/IP协议 (1)协议集
FTP HTTP SMTP DNS SNMP TFTP
TCP
UDP
IP
Internet
© 2011.5 电子工业出版社
新编计算机类本科规划教材
2013-10-8
第10页，共69页
1.1.4 HTML和XML
超文本标识语言（HTML, Hyper Text Markup Language） 是编制Web页面文档的标准通用型标识语言（SGML, Standard Generalized Markup Language，）的一种。HTML 的标识符定义了文档结构、字形字体、版面布局、超链接等 超文本文档结构，使Web浏览器能够阅读和重新格式化任何 Web页面。HTML缺乏对结构化数据的表示能力，采用单一 固定语法，缺乏可扩展性。 SGML是定义结构化文本类型和标识这些文本类型的标识 语言系统。 SGML是ISO在1986年推出的用来创建标记语言 的语言标准，它提供了一种将数据内容与显示分离开来的数 据表示方法，使得数据独立于机器平台和处理程序。但它的 复杂性使其难以直接应用到Internet上。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
④ XML （Extensible Markup Language，可扩展的标记语言） 是一套定义语义标记的规则，描述的是数据的实际内容，不描述数据显示方式。 应用XML制作页面的基本思想是：将内容与内容的显示方式分别定义，以使内容组织人员将精力集中于内 容本身。
⑤ XHTML （The Extensible Hyper Text Markup Language，可扩展超文本标记语言） 实际上是HTML向XML过渡过程中产生的一种标签语言。结合了HTML和XML的优点，由于它和HTML 很相似，所以可以很容易把以前的HTML进行简化和改装，形成新的XHTML文档，这要比直接重新构建 XML文档简单的多。
2. 获取动态网页过程
① 客户端动态网页
JavaScript+DOM+CSS实现动态网页 微软的ActiveX技术 Sun的Java Applet技术 MicroMedia Flash技术
② 服务器端动态页面
• 简单的讲是服务器需要执行相关代码才能返回的页面。 • 动态内容能够为单个用户的每次访问量身定制的内容。 • 动态网页允许双向的交流。
JavaScript是由 Netscape公司开发的一种脚本语言，借助JavaScript等脚本语言，可以在Web页面实现客户 端与服务器的动态交互。
JavaScript短小精悍，又是在客户机上执行，大大提高了网页的浏览速度和交互能力。它是专门为制作Web 页面而量身定做的一种简单的编程语言，如今JavaScript越来越广泛地使用于Web开发上。Jquery是辅助 JavaScript开发的库。
Java
Java是Sun Microsystems公司于1995年5月推出的程序设计语言(Java语言)和Java平台的总称。它最初 的名字是Oak，被设计用来在嵌入式系统中运行，后来被用做了基于Web的技术。
Java平台由Java虚拟机和Java 应用编程接口(Java API)构成。Java API为Java应用提供了一个独立于操 作系统的标准接口，使得Java具备了平台无关性。
4）Web服务器 将本地的信息用超文本组织，为用户在Internet上搜索和浏览信息提供服务。
1.2 Web 工作机制
一、C/S模式与B/S模式
1. C/S模式(Client/Server) C/S计算模式将应用一分为二：前端是客户机，几乎所有的应用逻辑都在客户端进行和表达，客户机完成 与用户的交互任务。后端是服务器，它负责后台数据的查询和管理、大规模的计算等服务。通常客户端 的任务比较繁重，称作“肥”客户端，而服务器端的任务较轻，称作“瘦”服务器。
第一层为客户端表示层，客户层只保留一个Web浏览器，不存放任何应用程序，其运行代码可以从位于 第二层Web服务器下载到本地的浏览器中执行，几乎不需要任何管理工作。第二层是应用服务器层， 由一台或多台服务器（Web服务器也位于这一层）组成，处理应用中的所有业务逻辑，包括对数据 库的访问等工作，该层具有良好的可扩充性，可以随着应用的需要任意增加服务的数目。第三层是 数据中心层，主要由数据库系统组成。
3）超链接
有了美妙的文字、精致的图片和生动的动画的网页还不能称之为网站，还要通过一种方式把这些独立的网 页连接在一起，使之构成一个统一的整体，而这种连接各个页面的功能叫超链接。可以说超链接是网站 的脉络。
三、什么是Web应用? Web应用(Web Application)，也称Web应用系统。是利用各种动态Web技术开发的基于浏览器/服务器 （Browser/Server，B/S)模式的事务处理系统。其事务逻辑处理和数据的逻辑运算由Web服务器、数据库服 务器和客户端共同提供，用户借助浏览器在客户端运行，运行结果通过浏览器返回给用户。
C/S模式的结构如图所示 ：
C/S计算模式具有以下几个方面的优点： 通过异种平台集成，能够协调现有的各种基础结构：分布式管理；能充分发挥客户端PC的处理能力，安 全、稳定、速度快，且在适当情况下可脱机操作。
2. B/S模式
B/S模式是一种基于Web的协同计算模式，是一种三层架构的瘦客户机/肥服务器的计算模式。
三、Web的工作过程
Web开发平台 客户端技术 服务端技术
1.3 Web开发技术介绍
一、Web开发平台
.NET开发平台 2000年6月，微软公司宣布其.NET战略。2001年，ECMA通过了Microsoft提交的C#语言和CLI标准，这两
个技术标准构成了.NET平台的基石。2002年，Microsoft正式发布.NET Framework和Visual Studio .NET开发工具。 微软公司的.NET战略揭示了一个全新的境界，提供了一个新的软件开发模型。.NET战略的一个关键特性在 于它独立于任何特定的语言或平台。它不要求程序员使用一种特定的程序语言。相反，开发者可使用 多种.NET兼容语言的任意组合来创建一个.NET应用程序。多个程序员可致力于同一个软件项目，但分 别采用自己最精通的.NET语言编写代码。
五、其他常见概念 1）网站（Web Site） 又称Web站点，是Internet中提供信息服务的机构，可以提供等服务。
2）Web页（Web page） Web页是指Web服务器上的一个个超文本文件。Web页中往往包含指向其他Web页面的超级链接。
3）主页（Home page） 用户在Web服务器上看到的第一个Web页，该Web页一般的名称为default.htm或index.htm。 首页中往往列出了网站的信息目录，或指向其他站点的超链接。
跨平台、动态的Web、Internet计算是Java的主要特征，它经常被Web服务器使用以发布复杂的交互式 应用。
IBM的WebSphere、BEA的WebLogic都是这一领域里最为成功的商业软件平台。
二、Web客户端开发技术
① HTML（Hypertext Markup Language，超文本标记语言） HTML是最基本的网页设计语言，它是一种文本形式的标记符号语言，可以使用任何文字处理软件编辑处 理。 HTML文档的扩展名通常是html或htm。
1）什么是URL （Universal Resource Locator）? URL中文名为“统一资源定位器”。每一个站点及站点上的每个网页都有一个唯一的地址，向浏览器输入 URL，可以访问URL指出的Web网页。
URL的基本结构为： 通信协议://服务器名称[:通信端口号]/文件夹…/文件名
例如：
课程介绍
3 教学目的
通过本课程的学习，使学生掌握常用的Web开发的基础知识、常用的技术与方法，能独立开发小型、中型 的Web应用系统，并了解最新的Web技术及其应用。
第一章 Web技概述
1.1 基本概念 1.2 Web工作机制 1.3 Web开发技术介绍
一、什么是Web（WWW）?
1.1 基本概念
它是通过网络浏览器来运行的，并通过服务器处理数 据以提供业务计算或信息服务。
四、Web网站与Web应用（续）
共同点： 基于B/S模式，都要求有好的可用性和用户体验。都是由页面(Page)组成的。 区别： 对于一个网站，用户关注的是它的内容、查询的效率和界面的效果。而对于一个Web应用，用户更关心的 是它的功能，也就是它所能提供的服务，并对其交互性有更高的要求。
它是作为静态视图存储在服务器中，并通过浏览 器下载到客户端显示，这些页面文档通过链接 (Links)形成一个Web网站。
Web应用是一种经由Internet或Intranet、以Web 方式访问的应用程序，属于软件工程的范畴。它应具 有以下显著的特点：
它是作为单一实体、具有特定功能的计算机软件应用 程序；
B/S模式的结构如图所示:
B/S模式与传统的C/S模式相比体现了集中式计算的优越性：
具有良好的开放性，利用单一的访问点，用户可以在任何地点使用系统；用户可以跨平台以相同的 浏览器界面访问系统；因为在客户端只需要安装浏览器，取消了客户端的维护工作，有效地降低了整 个系统的运行和维护成本。
二、浏览器与Web服务器的工作原理 1. 获取静态网页过程
常见的网络计算器、留言板、聊天室和论坛BBS等，都是Web应用程序，不过这些应用相对比较简单， 而Web应用的真正核心和动力应该是对企业的业务进行处理。
四、Web网站与Web应用
Web网站是伴随Internet技术而出现的一种由 Web页面组成的、用于图文信息发布的网络媒体。 每个Web页面是一个由各种文字、图片等信息组 成的页面文档(Document)
Wide Web的缩写，中文译名“万维网”。 Web是Internet提供的一种服务，是基于Internet、采用Internet协议的一种体系结构。
二、Web三要素: 统一资源定位（URL）：解决网上资源在何处的问题。 资源访问方式（HTTP）：解决用什么方法访问资源的问题。 超链接：提供在资源之间自由访问的手段。
三、Web服务器端开发技术
1. CGI技术 2. JSP(Java Server Pages)技术 3. ASP(Active Server Pages)与技术 4. PHP(Personal Homepage Tools)技术
1. CGI技术 CGI（Common Gateway Interface，公共网关接口）是Web开发应用中使用最早的一种技术。是在Web Server端运行的一个可执行程序。CGI就是为了扩展页面的功能而设立的，CGI是动态Web页面的基础，也 是Web与其他应用交互的基础。
1. 课时安排 上课时间1-14周，其中上课36学时，上机20学时。
2. 考试 期末成绩70%+平时成绩30%（考勤、实验报告）。
3. 实验报告 统一实验报告纸，每次实验结束，认真书写报告。占期末成绩20%，其中大实验占10%。4. 云盘 账号： 密码：webdesign
1. Web基本知识 2. Web站点规划 3. Web服务器的配置 4. Html5（重点） 5. CSS3（重点） 6. XML简介 7. Javascript（重点） 8. jQuery简介 9. Json和Ajax