结课论文
题目Web程序设计
学院计算机科学与技术学院
专业计算机科学与技术
班级计算机1302
姓名王俊贤
2015 年11 月12 日
Web程序设计
对于想要学习web程序设计的人来说，我们先要了解到什么是web，web的工作原理，web程序设计的相关技术（下面只论述已学内容，HTML,CSS,JS）以及web技术的发展应用等。
1.什么是Web？
•Web全称为World Wide Web
•Web是Internet提供的一种服务
•Web是存储在全世界Internet计算机中、数量巨大的文档的集合
•Web是一种超文本信息系统
•Web是图形化的和易于导航的
•Web与平台无关企业网站页面布局设计
•Web是分布式的、具有新闻性、动态的、交互的
2.Web的工作原理
Web服务器向浏览器提供服务的过程大致可以归纳为以下5个步骤：•（1）用户打开计算机（客户机），启动浏览器程序（Netscape Navigator, Microsoft Internet Explorer等），并在浏览器中指定一个URL（Uniform Resource Locator，统一资源定位器），浏览器便向该URL所指向的Web服务器发出请求。
•（2）Web服务器（也称为HTTP服务器）接到浏览器的请求后，把URL 转换成页面所在服务器的文件路径名。
•（3）如果URL指向的是普通的HTML（Hypertext Markup Language，超文本标记语言）文档，Web服务器将直接把它传送给浏览器。HTML文档中
linux系统如何做镜像
可能包含用Java，JavaScript，ActiveX，VBScript等编写的小应用程序（applet），服务器也将它们随HTML文档一道传送到浏览器，在浏览器所在的机器上
执行。
•4）如果HTML文档中嵌有ASP程序，那么Web服务器就运行ASP程序，并将结果传送至浏览器。Web服务器运行ASP程序时还可能调用数据库
服务器和其他服务器。
•（5）URL也可以指向VRML（Virtual Reality Modeling Language）文档。只要浏览器中配置有VRML插件，或者客户机上已安装VRML浏览器，就可
以接收Web服务器发送的VRML文档。
静态页面para error翻译成中文
用户只能被动浏览
用纯HTML代码编写，保存为.html或.htm文件的形式。
动态网页
Web页面具有强大的交互能力jsp中文全称
以ASP和Java等动态技术使静态页面变成可以执行的程序
3. Web程序设计的相关技术(前端)
前端开发技术，从狭义的定义来看，是指围绕HTML、JavaScript、CSS这样一套体系的开发技术，它的运行宿主是浏览器。从广义的定义来看，包括了：∙专门为手持终端设计的类似WML这样的类HTML语言，类似WMLScript这样的类JavaScript语言。
∙VML和SVG等基于XML的描述图形的语言。
∙从属于XML体系的XML，XPath，DTD等技术。
∙用于支撑后端的ASP，JSP，ASP，PHP，nodejs等语言或者技术。
∙被第三方程序打包的一种类似浏览器的宿主环境，比如Adobe AIR和使用HyBird方式的一些开发技术，如PhoneGap（它使用Android中的WebView
等技术，让开发人员使用传统Web开发技术来开发本地应用）
Adobe Flash，Flex，Microsoft Silverlight，Java Applet，JavaFx等RIA开发技术。
下面从狭义的定义出发，分别论述一下HTML，CSS，JavaScript。
3.1 HTML超文本标记语言 (Hyper Text Markup Language)
3.1.1  HTML定义
超级文本标记语言是标准通用标记语言下的一个应用，也是一种规范，一种标准，它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件，通过在文本文件中添加标记符，可以告诉浏览器如何显示其中的内容（如：文字如何处理，画面如何安排，图片如何显示等）。浏览器按顺序阅读网页文件，然后根据标记符解释和显示其标记的内容，对书写出错的标记将不指出其错误，且不停止其解释执行过程，编制者只能通过显示效果来分析出错原因和出错部位。但需要注意的是，对于不同的浏览器，对同一标记符可能会有不完全相同的解释，因而可能会有不同的显示效果。
HTML之所以称为超文本标记语言，是因为文本中包含了所谓“超链接”点。超文本(Hypertext)是用超链接的方法，将各种不同空间的文字信息组织在一起的网状文本。即HTML就是整合网页结构和内容显示的一种语言。
<html>
<head>
<title>HTML</title>
</head>
<body>
<p id="num1">Hello World! I'm HTML</p>
</body>
</html>
这段内容在浏览器上显示的结果是：Hello World! I'm HTML
<p>标签上有一个id，这是<p>这个标签的唯一标识，方便别人到它，对它进行操作。
3.1.2 语言特点
超级文本标记语言文档制作不是很复杂，但功能强大，支持不同数据格式的文件镶入，这也是万维网（WWW）盛行的原因之一，其主要特点如下：
<1>简易性：超级文本标记语言版本升级采用超集方式，从而更加灵活方便。
hive update
<2>可扩展性：超级文本标记语言的广泛应用带来了加强功能，增加标识符等要求，超级文本标记语言采取子类元素的方式，为系统扩展带来保证。
<3>平台无关性：虽然个人计算机大行其道，但使用MAC等其他机器的大有人在，超级文本标记语言可以使用在广泛的平台上，这也是万维网（WWW）盛行的另一个原因。
<4>通用性：另外，HTML是网络的通用语言，一种简单、通用的全置标记语言。它允许网页制作人建立文本与图片相结合的复杂页面，这些页面可以被网上任何其他人浏览到，无论使用的是什么类型的电脑或浏览器。
3.1.3 整体结构
一个网页对应多个HTML文件，超文本标记语言文件以.htm（磁盘操作系统DOS限制的外语缩写）为扩展名或.html（外语缩写）为扩展名。可以使用任何能够生成TXT类型源文件的文本编辑器来产生超文本标记语言文件，只用修改文件后缀即可。标准的超文本标记语言文件都具有一个基本的整体结构，标记一般都是成对出现（部分标记除外例如：<br/>），即超文本标记语言文件的开头与结尾标志和超文本标记语言的头部与实体两大部分。有三个双标记符用于页面整体结构的确认。
标记符<html>，说明该文件是用超文本标记语言（本标签的中文全称）来描述的，它是文件的开头；而</html>，则表示该文件的结尾，它们是超文本标记语言文件的开始标记和结尾标记。
nchar
头部内容
< head></head>；这2个标记符分别表示头部信息的开始和结尾。头部中包含的标记是页面的标题、序言、说明等内容，它本身不作为内容来显示，但影响网页显示的效果。头部中最常用的标记符是标题标记符和meta标记符，其中标题标记符用于定义网页的标题，它的内容显示在网页窗口的标题栏中，网页标题可被浏览器用作书签和收藏清单。
设置文档标题和其它在网页中不显示的信息，比如dir ection方向、语言代码

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。