Embed Size (px)
DESCRIPTION
理由. JavaScript 是属于网络的脚本语言！ JavaScript 被数百万计的网页用来改进设计、验证表单、检测浏览器、创建 cookies ，以及更多的应用。 JavaScript 是因特网上最流行的脚本语言。 JavaScript 很容易使用！. 输出文本. document.write("Hello World!") . 弹出窗口. - PowerPoint PPT Presentation
Citation preview
理由JavaScript 是属于网络的脚本语言！JavaScript 被数百万计的网页用来改进
设计、验证表单、检测浏览器、创建cookies ，以及更多的应用。
JavaScript 是因特网上最流行的脚本语言。
JavaScript 很容易使用！
23/4/21 1
输出文本<html><body>
<script type="text/javascript">document.write("Hello World!")</script>
</body></html>
23/4/21 2
弹出窗口<html><head><script type="text/javascript">function message(){alert(" 该提示框是通过 onload 事件调用的。 ")}</script></head>
<body onload="message()">
</body></html>
23/4/21 3
查看浏览器版本<html><body><script type="text/javascript">var browser=navigator.appNamevar b_version=navigator.appVersionvar version=parseFloat(b_version)document.write(" 浏览器名称： "+ browser)document.write("<br />")document.write(" 浏览器版本： "+ version)</script></body></html>
23/4/21 4
<html>
<head>
<script type="text/javascript">
function detectBrowser()
{
var browser=navigator.appName
var b_version=navigator.appVersion
var version=parseFloat(b_version)
if ((browser=="Netscape"||browser=="Microsoft Internet Explorer") && (version>=4))
{alert(" 您的浏览器够先进了！ ")}
else
{alert(" 是时候升级您的浏览器了！ ")}
}
</script>
</head>
<body onload="detectBrowser()">
</body>
</html>
23/4/21 5
参考http://www.w3school.com.cn/js/i
ndex.asp安装参考手册
23/4/21 6
第一章 WEB 技术概述本章简要介绍 Web 基础知识、技术和标
准INTERNET 简述WEB 基本知识WEB 浏览器与 WEB 服务器动态网页及相关技术WEB 标准化网页制作工具23/4/21 7
1.1 Internet 简述1.1.1 Internet 定义Internet ，中文正式译名为因特网，又
叫做国际互联网。互联网是二十世纪的重大科技发明。
它是由那些使用公用语言互相通信的计算机连接而成的全球网络。一旦你连接到它的任何一个节点上，就意味着您的计算机已经连入 Internet 网上了。
23/4/21 8
在互联网发展史上，通常把１９６９年９月２日视为互联网的“诞生日”。那一天，由美国军方研发的“阿帕网”首次在加州大学洛杉矶分校实现了两台计算机间的数据交换测试。
Internet 的迅猛发展始于 20 世纪 90 年代。由欧洲原子核研究组织 CERN 开发的万维网WWW 被广泛使用在 Internet 上，大大方便了广大非网络专业人员对网络的使用，成为Internet 发展的指数级增长的主要驱动力。
23/4/21 9
全球“网民”的数量已经超过了 20 亿。调研公司 ForresterResearch2009 年发布的报告显示， 2013 年全球网民数量将达到 22 亿，其中 17% 来自中国。
23/4/21 10
1.1.2 IP 地址与域名一、 IP 地址：标识 Internet 每台主机的唯一地址，被写作点分十进制的形式，即四个字节被分开用十进制写出，中间用点分隔。其格式： 202.108.9.16
23/4/21 11
IPv4 使用 32位（ 4 字节）地址，因此地址空间中只有 4,294,967,296 （ 232）个地址。不过，一些地址是为特殊用途所保留的，如专用网络（约 18 百万个地址）和多播地址（约 270 百万个地址），这减少了可在互联网上路由的地址数量。
23/4/21 12
IPv4依然是使用最广泛的互联网协议版本，直到 2011 年， IPv6仍处在部署的初期。IPv6 是新一代的地址标准，提供了数量远远超过 IPv4 的公用地址池。
23/4/21 13
二、域名：通过为主机建立 IP 地址与域名之间的映射关系，使用户可以直接使用域名来访问主机。其格式： 四级域名 . 三级域名 .二级域名 . 顶级域名 www.sysu.edu.cn因特网最高层域名分为机构性域名和地理性域名两大类，目前主要有 14 种机构性域名。
23/4/21 14
1.1.3 TCP/IP 协议TCP/IP 协议是针对 Internet 开发的一种网络协议标准。包括以下两个子协议：
IP 协议：互连网协议，其基本任务是在 Internet 中传送 IP 数据包。 IP 数据包包含数据、发送主机和接收主机的 IP 地址等。TCP 协议：传输控制协议，保证信息能够无差错地传输到目的主机上。
端口号：区分同一台主机上不同的 Internet 应用程序。例如
80 表示 HTTP 任务21 表示 FTP 任务。
23/4/21 15
1.2 Web 基本知识1.2.1 Web 定义
Web ：是以 HTML 语言和 HTTP 协议为基础、提供面向 Internet 服务、支持一致用户界面的全球信息网络，具有交互性、动态性和多平台等特性。Web 包括 Web 客户机和 Web 服务器，其访问过程：用户输入网址（ HTTP 请求）→传输服务器→ 接收、处理→返回网页
中山大学计算机科学系23/4/21 16
1.2.2 HTTP 协议HTTP 协议是 Web 浏览器和服务器用来交换信息的一种 Internet 应用协议HTTP 协议的两个显著特性：
无连接性：是指 Web 服务器对客户机的每次连接只处理一个请求。无状态性： HTTP 协议不保存事务或状态，后续事务所需的状态信息必须在协议之外完成。
23/4/21 17
1.2.3 HTML 文档超文本：也是普通文本，通过标签控制文本的显示格式，嵌入链接、声音、图像、视频、动画等多媒体信息超链接：是指从一个网页指向另一个目的端的链接HTML 语言：超文本标记语言，用于描述网页。HTML 文档：常称为网页、页面，是符合 HTML 语言规则的超文本文件，其最常见扩展名是“ .htm” 和“ .html”
23/4/21 18
1.2.4 网站网站是多个网页的集合4 类网站：
门户网站：综合性网站，如： www.163.com个人网站：以个人名义创建的网站专业网站：具有很强专业性的网站，如：www.pconline.com.cn职能网站：具有专门功能（如政府职能、电子商务、搜索引擎等）的网站，如：阿里巴巴、当当网上商城
主页（首页）：只使用域名就可浏览到的第 1 个页面， 如 http://www.sysu.edu.cn内页：通过主页中的超链接浏览的内部页面
23/4/21 19
1.2.5 网址URL ：统一资源定位符，唯一确定 Web 资源的位置。格式：Protocol://Host:Port/Pathhttp://www.sysu.edu.cn/2003/xxgk/xxgk.htm URN ：统一资源名，为 Web 资源给出一个唯一名。与 URL 不同， URN 与地址无关。URI ：统一资源标识符，唯一标识 Web 中的资源。 URI 是 URL 和 URN 的统称
23/4/21 20
1.3 Web 浏览器与 Web 服务器1.3.1 Web 浏览器
Web 浏览器：显示网页、允许用户与网页互动的 Web 客户端程序。常用 IE 、 Firefox 、Opera 、 Safari 、 Maxthon 和 Mosaic 等IE ： IE 6.0 （ 2001 年 8 月）→ IE 7.0 （ 2006 年 11 月） → IE 8.0 （ 2009 年3 月）Firefox ：火狐，由 Mozilla 基金会 与开源团体共同开发的 Web 浏览器。跨平台特色，常用 Firefox 3.X （ 2008 年 6 月）
23/4/21 21
http://brow.data.cnzz.com/
23/4/21 22
评价浏览器：基本性能、常见功能、辅助功能、安全防护和高级性能五个方面
23/4/21 23
1.3.2 Web 服务器程序Web 服务器程序（ HTTP 服务器）：是指在 Web 服务器主机上运行的、提供 Web 信息服务的程序。最著名的 web 服务器是微软的 IIS 和免费的 Apache 。它们都支持 ASP 、 PHP 和 JSP 等主流动态网站技术，但相对来说， Apache 支持的开发语言更多，而 IIS 则偏重于支持 ASP 。
23/4/21 24
1.4 动态网页及相关技术1.4.1 客户端动态网页
DHTML ：是一种即使在网页下载到浏览器以后仍然能够随时变换的网页。3 个主要特征
动态样式：改变网页的外部显示特征动态内容：更换显示的文本或图像动态定位：移动文本、图像等页面元素
DHTML 技术：脚本语言（如 JavaScript 、 VBScript）、 DOM 和CSS 等
23/4/21 25
1.4.2 服务器端动态网页基于 Web 服务器角度，动态网页是指采用动态网站技术实时动态生成的网页常用的动态网站技术
ASP ：微软，传统 ASP→ ASP.NET （ aspx ）PHP ： 具有开源、免费、简单、易扩展等特点，扩展名是 php 。版本： PHP 5.XJSP ：具有简单易用、完全面向对象、跨平台和安全可靠等特点。与 ASP 类似， JSP 在 HTML 中嵌入 Java 程序段，从而形成 JSP 动态网页文件（ *.jsp）。版本： JSP 2.X
23/4/21 26
1.5 Web 标准化1.5.1 什么是 Web 标准？
Web 标准是指由 W3C 、 ECMA 等标准化组织制订的一系列 Web 技术规范总称
23/4/21 27
网页主要由三部分组成：结构（ Structure ）、表现（ Presentation）和行为（ Behavior ）。
对应的标准也分三方面：结构化标准语言主要包括XHTML 和 XML ，表现标准语言主要包括CSS ，行为标准主要包括对象模型（如W3C DOM ）、 ECMAScript等。这些标准大部分由W3C起草和发布，也有一些是其他标准组织制订的标准，比如 ECMA （ European Computer Manufacturers Association）的ECMAScript 标准。
23/4/21 28
1.5.2 制作符合 Web 标准的网页
Web 标准化：在制作网页时遵循 Web 规范并采用相关理念方法：
采用 XHTML + CSS + JavaScript 技术，以实现网页结构、表现和行为的分离正确使用 HTML 标签，即编写结构化的、有语义的 HTML使用 CSS 处理网页的外观 依靠 JavaScript 去增强、而不是替代网站的特征
23/4/21 29
web 标准的优势
与未来浏览器的兼容更简易的开发与维护更快的网页下载、读取速度更好的适应性更好的可访问性
23/4/21 30
1.6 网页制作工具1.6.1 网页制作方式
HTML 方式：使用纯文本编辑器直接编写HTML 代码可视化方式：使用可视化制作工具和环境（如 FrontPage 、 Dreamweaver），以“所见即所得”的直观方式设计页面内容操控方法：交替使用两种方式，先用可视化方式设计页面布局和内容，然后用 HTML 方式检查、修改自动生成的 HTML 代码
23/4/21 31
1.6.2 FrontPage 2003 与 SharePoint Designer 2007
FrontPage 2003 ：渐趋淘汰SharePoint Designer 2007 （ Expression Web ）
23/4/21 32
1.6.3 Dreamweaver CS4
Adobe Dreamweaver CS4 与 Macromedia Dreamweaver 8.0与 Flash 、 Fireworks 并称网页制作三剑客 注重对多种 Web 开发技术的支持，如ASP 、 ASP.NET 、 PHP 、 JSP
中山大学计算机科学系23/4/21 33
