WEB前台技术1-WEB开发基本概念

整理文档很辛苦,赏杯茶钱您下走!

免费阅读已结束,点击下载阅读编辑剩下 ...

阅读已结束,您可以下载文档离线阅读编辑

资源描述

3Sept.2008©NeusoftConfidentialWEB开发基础东软IT人才实训中心课程结构内容课时(H)第一章:基本概念0.3第二章:WEB应用简介0.2第一章:WEB开发基本概念目标:本章旨在向学员简要介绍WEB的基本概念,通过本课的学习,学员应该掌握如下知识:1)了解WEB开发的基本概念2)了解HTTP协议、C/S与B/S结构的相关知识时间:0.3学时教学方法:讲授ppt+课堂演示WEB开发基本概念(一)•Hypertext&Hypermedia9超文本(hypertext)¾是超级文本的简称¾将文档中的不同部分通过关键字建立链接¾使信息得以用交互的方式搜索9超媒体(hypermedia)¾是超级媒体的简称¾是超文本(hypertext)和多媒体在信息浏览环境下的结合¾用户不仅能够从一个文本跳到另一个文本,而且可以激活一段声音,显示一个图形或图像,甚至可以播放一段动画WEB开发基本概念(一)•网页(WEBPage)&网站(WEBSite)9网页(WEBPage)¾存储WEB信息的文档¾一般是以htm或者html做为扩展名的文件¾多半用HTML语言实现¾网页元素:文字、图片、动画、声音、程序等9网站(WEBSite)¾由一系列网页组成WEB开发基本概念(二)•WEB访问处理过程9WEB服务器(WEBServer)9WEB客户端(WEBClient)9WEB浏览器(WEBBrowser)WEB开发基本概念(二)•核心—三个标准:–统一资源标识符(URI),这是一个世界通用的负责给万维网上例如网页这样的资源定位的系统。–超文本传送协议(HTTP),它负责规定浏览器和服务器怎样互相交流。–超文本标记语(HTML),作用是定义超文本文档的结构和格式。•WEBWEB开发基本概念(二)•URL(UniformResourceLocator)—统一资源定位符•URI(UniformResourceIdentifier)—统一资源标识符9用于完整地描述Internet上网页和其他资源的地址的一种标识方法9组成:协议+服务器地址(端口)+具体资源路径9包括URL和URN9URN:UniformResourceName,统一资源名称•URL&URIWEB开发基本概念(二)★•统一资源定位符(URL---UniformResourceLocator)–URL即统一资源定位符,是Internet上用来描述信息资源的字符串–一般由协议、存储资源的主机IP地址(可能有端口号)、资源的具体地址(路径、文件名等)三部分组成–如果端口号是该协议的标准端口号,可以省略端口号(示例)http协议万维网的服务器服务器域名服务器端口号服务器上子目录Html文件WEB开发基本概念(三)☆9从(HyperTextTransferProtocol)超文本传输协议9通过HTTP协议,使HTTP客户(如Web浏览器)能够从HTTP服务器(如Web服务器)请求信息和服务9使浏览器更加高效,使网络传输减少•HTTP协议WEB开发基本概念(三)☆•HTTP通信机制1、建立连接2、发送请求3、发送响应4、传送数据5、关闭连接WEB开发基本概念(三)☆•HTTP请求格式•HTTP应答格式WEB开发基本概念(四)☆9即Client/Server(客户机/服务器)结构9早期的软件系统多以此作为首选设计标准。服务器通常采用高性能的PC、工作站或小型机,并采用大型数据库系统9客户端安装专门的软件9主要应用于广域网9软件业务逻辑大部分在服务器端实现,不必开发客户端,应用广泛,易于分发维护9用户界面完全通过浏览器实现,一部分事务逻辑在前端实现,但是主要事务逻辑在服务器端实现•C/S&B/S•C/S•B/SWEB开发基本概念(四)比较C/SB/S硬件小范围,固定可以无专门硬件安全用户固定,强用户不可知,较弱程序架构注重流程注重安全及速度软件重用复杂,不方便构件独立,便于重用维护两端维护服务器个别构件维护用户接口以Window平台为基础,接口有限建立在浏览器之上,表达丰富信息流中央集权,交互性低流向可变,类似交易中心•C/S&B/S的比较第二章:WEB应用简介目标:本章旨在向学员简要介绍WEB的相关应用,通过本课的学习,学员应该掌握如下知识:1)了解WEB开发中相关技术应用2)可以配置使用Tomcat做为Web服务器时间:0.2学时教学方法:讲授ppt+课堂演示WEB特点•WEB的几个特点9Web是图形化的和易于导航的¾可以将文本、图形、音频、视频集合于一体,页面跳转灵活9Web与平台无关¾对系统平台没有限制9Web是分布式的¾信息资源在物理上不必放在一起WEB开发•WEB开发9Web应用程序开发采用B/S工作模式,以HTML与HTTP为基础,为用户提供界面一致的信息浏览方式9现在所谓的基于Web开发应该是指通过http协议进行数据传输WEB开发技术•Web开发技术涉及诸多领域9Web的前台技术¾制作静态网页的技术¾可以利用Flash、JavaScript和VBScript增加特效9Web的后台技术¾实现客户端和服务器之间的动态交互¾制作动态网页¾依靠Web编程语言和Web数据库的支持¾访问数据库静态页面/动态页面•静态页面9内容相对固定不变,除了可以浏览网页的内容外,对它也不能进行任何的操作9实现网页中的特效,但是这些效果都是简单重复的,任何人访问该网页,都会看到相同的效果•动态页面9网页信息可以根据用户的需求或用户的浏览状况实现与用户的交流和页面信息自动更新,9当不同的时间、不同的人访问同一网址时,会产生不同的页面WEB前台技术•Web的前台技术----制作静态网页的技术9HTML9CSS9Client-SideScripting¾JavaScript¾VBScriptWEB前台技术HTMLHTMLHTML负责页面结构和内容CSSCSSCSS负责样式表现JavaScriptJavaScript负责动态行为术语缩语、术语英文全称解释URLUniformResourceLocator统一资源定位符URIUniformResourceIdentifier统一资源标识符HTTPHyperTextTransferProtocol超文本传输协议Copyright©2008版权所有东软集团

1 / 23
下载文档,编辑使用

©2015-2020 m.777doc.com 三七文档.

备案号:鲁ICP备2024069028号-1 客服联系 QQ:2149211541

×
保存成功