web实用网页设计方法web简介-1

《web实用网页设计方法web简介-1》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、Web实用网页设计方法WebWeb实用网页设计方法实用网页设计方法IntroductiontoIntroductiontoWebWeb杨巍yangwei@mail.neu.edu.cnWeb实用网页设计方法AgendaòWorldWideWebòHTTPProtocolòB/SòWebTechnologies2Web实用网页设计方法WorldWideWeb¢目标本章旨在简要介绍WEB的基本学时：0.5学时概念，通过本课的学习，应该掌握如下知识：教学方法：讲授1）了解WEB的基本概念ppt＋课堂演示2）了解HTTP协议、C/S与B/S结构的相关知识3Web实用网页设计方法Wor

2、ldWideWeb¢WorldWideWeb万维网4Web实用网页设计方法WebPages网页¢Hypertext超文本¢Hypermedia超媒体imagetextsound5Web实用网页设计方法WebServers服务器¢WebServers服务器WebServersWebPagesWebPagesWebPages6Web实用网页设计方法WebServers服务器¢WebServers服务器¢TakesaclientrequestandgivessomethingbacktotheclientWebServersWebPagesWebPagesWebPages7Web实

3、用网页设计方法WebClient客户端¢WebClient客户端¢ThebrowserapplicationInternetExplorerNetscapeSafariFirefoxOperachrome8Web实用网页设计方法端口号80WebBrowserWebServersWebPagesWebPagesWebPages9Web实用网页设计方法URL&HTTP¢统一资源定位符URL¢UniformResourceLocator¢协议名://服务器地址:端口/目录/具体资源名protocol://server:port/path/resource¢网址以"http://"开

4、头10Web实用网页设计方法URL&HTTP80WebBrowserWebServersHTTPRequestURLHTTP协议WebPagesWebPagesHTTPResponseWebPages11Web实用网页设计方法HTTP协议¢HTTP(HyperTextTransferProtocol)¢超文本传输协议¢请求－应答模式¢无状态12Web实用网页设计方法HTTP请求GET/web/dynamicForm.jsp?user=yang&ps=123HTTP/1.1Host:Accept:text/html,application/xml,image/jpegAccep

5、t-Language:en-us,en;q=0.5Keep-Alive:30Connection:keep-alive13Web实用网页设计方法HTTP请求POST/web/dynamicForm.jspHTTP/1.1Host:Accept:text/html,application/xml,image/jpegAccept-Language:en-us,en;q=0.5Keep-Alive:30Connection:keep-aliveuser=yang&ps=12314HTTP响应HTTP/1.1200OKHTTPResponseContent-Type:text/ht

6、mlHeaderContent-Length:397ThebrowserwillmakeasecondHTTPrequesttogetthepicturereferenced…inthetag.HTTPbodyWeb实用网页设计方法WorldWideWebWebClientsWebBrowserHTTUPRHTrLeqTuPersetspWebServersonsWebsiteeuserathostWebPagesWebPagesWebPages16Web实用网页设计方

7、法B/S和C/S架构¢C/S架构Client/Server¢充分利用两端硬件环境，降低系统通信开销，提供丰富的客户端控制能力¢B/S架构Browser/Server¢软件业务逻辑大部分在服务器端实现，不必开发客户端，应用广泛，易于维护升级¢Web应用程序开发采用B/S模式17Web实用网页设计方法Summary¢WorldWideWeb¢PortNumber端口号¢URL统一资源定位符¢HTTP协议¢HTTPRequest,HTTPResponse¢B/S模式18Web实用网页设计方法AgendaòWo