计算机⼆级web考点(2021)
计算机⼆级web考点
⼀、Web技术基础;
1、Internet的基本概念
浏览web是什么意思2、Web技术的主要组成
3、Web浏览器与服务器的基本概念和⼯作原理
4、Web应⽤开发架构和开发技术
⼀、 Internet的基本概念
1.Internet(因特⽹)全球性的计算机互联⽹络“信息共享”因特⽹是⼀组全球信息资源的总汇。
有⼀种粗略的说法,认为INTERNET是由许多⼩的⽹络(⼦⽹)互联⽽成的⼀个逻辑⽹,每个⼦⽹
链接若⼲台计算机(主机)。Internet以相互交流信息资源为⽬的,基于⼀些共同协议,并通过许
多路由器和公共互联⽹⽽成,它是⼀个信息资源和资源共享的集合。
2.Web三种形式:超⽂本(hypertext)、超媒体(超⽂本、图⽚、视频)(hypermedia)、超⽂本传输协议(HTTP)等。
3.Web技术指的是开发互联⽹应⽤的技术总称,⼀般包括web服务端技术(后端或后台)和WEB客户端技术(前端)。
4.两者间的关系:
WEB是INTERNET上最流⾏的应⽤之⼀,Internet为web提供了⽹络运⾏环境,web的出现极⼤的推动了Internet的普及和推⼴。
⼆、WEB技术的主要组成
1.本地计算机和远程服务器。
本地计算机:⽤户⾃⼰浏览站点的本地机器
远程服务器:为客户端(⽤户)计算机提供各种服务的⾼性能计算机,主要功能是接受客户浏览器发送送的请求,分析请求,并给予响应相应的结果发送给客户端的浏览器。
2.静态页⾯:HTML页⾯⽂件,所有的代码都在⽹页中,不许要执⾏动态程序(访问数据库)来⽣成客户想要的⽹页。
动态页⾯:页⾯的内容是动态交互的,可以根据系统的设置显⽰不同的页⾯(常⽤的动态⽹页开发技术有:ASP(VB)、JSP(java)、PHP、.NET等)
3.Web应⽤程序的⼯作原理:浏览器的访问过程如下。(⽤户想要访问⽹页,需要先获取⽹站⾸页的站点信息)
(1)、浏览器地址输⼊想要访问⽹站⾸页的地址;
(2)、⽤户向浏览器发送访问⾸页的请求;
(3)、服务器收取客户端的访问请求:
(4)、服务器处理请求;
(5)、服务器将请求的处理结果在客户端的浏览器显⽰。
HTML:静态⽹页开发技术(超⽂本标记语⾔)
XML:意为可扩展的标记语⾔,它是⼀种显⽰数据的标记语⾔,能够使数据⽆障碍地进⾏传输,并显⽰在⽤户的浏览器上。
动态Web开发技术:ASP(微软推出VB语⾔)、ASP.NET、PHP、JSP。
⼆ HTTP协议基础
1.HTTP的基本概念与交互模型
2.HTTP消息格式
3.HTTP请求响应消息和请求响应⽅法
4.常⽤消息头
⼀、HTTP的基本概念
HTTP是Hyper Text Transfer Protocol(超⽂本传输协议)的缩写。它是⼀个应⽤层协议,由请求和响应构成,是⼀个标准的客户端服务器模型。
⼆、HTTP是⼀个⽆状态的协议。
HTTP协议的特点
1.⽆连接–限制每次链接只处理⼀个请求
2.⽆状态–协议对于事物处理没有记忆能⼒
3.简单快速–客户向服务器请求服务时,只需传送请求⽅法和路径
4.灵活–HTTP允许传输任意类型的数据对象。正在传输的类型由Content-Type加以标记
HTTP的基本概念与交互模型
客户端:所有可以向服务器发送请求的⼀端都是客户端
Eg:浏览器输⼊:http://www.1000phone/
步骤1:DNS域名解析服务器 :记录域名解析记录 http://www.1000phone/=>10.31.158.45(步骤2)
步骤3:WEB发布⼯具(端⼝号80或者90)步骤4;项⽬⽬录(服务器上的项⽬时基于端⼝号⽤于区分和管理的)
步骤5:服务器端:所有可以接受客户的请求,并给与其响应⼀些内容的都是服务器【较⾼的计算机】
{开发者基于FTF(⽂件)吧开发项⽬原⽂件上传服务器指定的磁盘⽬录中
三、HTTP消息格式
HTTP消息格式分为两种:请求消息、响应消息。(request)
请求消息:包括三个部分,请求⽅法URL协议、请求头、请求体等。(response)
响应消息:状态⾏、消息报头、响应正⽂等。
四、HTTP请求消息
http请求消息包括三个部分:
请求部分:包括三个部分,请求⽅法URL协议、请求头、请求体。
请求头包含:
Accept:指浏览器或其他客户可以接受的MIME⽂件格式。Servlet可以根据它判断返回适当的⽂件格式
User-Agent:是客户浏览器名称
Host:对应⽹址URL中的web名称和端⼝号。
Accept-langeuage:指出浏览器可以接受的语⾔种类,如en或en-us,指英语
connenction:⽤来告诉服务器是否可以维持固定的HTTP链接。
Cookie:浏览器⽤这个属性向服务器发送Cookie。Cookie是在浏览器中寄存的⼩型数据体,它可以记载和服务器相关的⽤户信息,也可以⽤来
实现会话功能。
Referer:表明⽣产请求的⽹页URL。如此从⽹页/icconcept/index.jsp中点击⼀个链接到⽹页/icwork/search,在向服务器发送的
GET/icwork/
search中的请求中,Referer是http://hostname:8080/icconcept/index.jsp。这个属性可以跟踪Web请求时从什么⽹站来的。User-Agent:是客户浏览器名称。
Content-Type:⽤来表明request的内容类型。可以⽤HttpServleRequest的getContentType()的⽅法取得。
Accept-Charest:指出浏览器可以接受的字符编码。英⽂浏览器的默认值是ISO-8859-1.
Accept-Encoding:指出浏览器可以接受的编码⽅式。编码⽅式不同于⽂件格式,它是为了压缩⽂件并加速⽂件传输速度。浏览器在接收到web响应之后先解码,然后在检查⽂件格式。
五、HTTP常⽤请求⽅法
1.GET⽅法
GET⽅法⽤于使⽤给定的URL从给定服务器中检索信息,即从指定资源中请求数据。使⽤GET⽅法的请求应该只是检索数据,
并且不对数据产⽣其他影响。
在GET请求的URL中发送查询字符串(名称/值对),需要这样写;/test/demo_form.php?name1=volue1&name2=volue2
说明:
GET请求时可以缓存的,我们可以从浏览器历史记录中直接到GET请求,还可以把它收藏到书签中;且GET请求有长度限制,
仅⽤于请求数据(不修改)
注:因GET请求的不安全性,在处理数据时,绝不可以使⽤GET请求。
2.post⽅法
post⽅法⽤于将数据发送到服务器以创建或更新资源,它要求服务器确认请求中包含的内容作为由URL分区的web资源的另⼀个下属。post请求永远不会被缓存,且对数据的长度没有限制。但我们⽆法从浏览器历史记录中查到post请求。
3.HEAD⽅法
HEAD⽅法和GET⽅法相同,但没有响应体,仅传输状态⾏和标题部分,这对于恢复相应头部编写的元数据⾮常有⽤,⽽⽆需要传输这个内容。
4.PUT⽅法:put⽅法⽤于将数据发送服务器以创建或更新资源,它可以⽤上传的内容替换⽬标资源中的所有当前内容。
它会将包含的元素放在所提供的URL下,如果URL指⽰的是当前资源,则会被改变。如果URL未指⽰当前资源,则服务器可以使⽤该URL 创建资源。
5.DELETE⽅法
DELETE⽅法⽤来删除指定资源,它会删除URL给出的的⽬标资源的所有当前内容
5.CONNECT⽅法
CONNECT⽅法⽤来建⽴给定URL标识的服务器的隧道,它通过简单的TCP/IP隧道更改请求连接,通常使⽤实使⽤解码的HTTP代理来进⾏。
SSL编码的通道(HTPS)。
7.OPTIONS⽅法
OPTIONS⽅法⽤来描述了⽬标资源的通讯选项,会返回服务器⽀持预定义URL的HTTP策略。
8.TRACE⽅法
TRACE⽅法⽤于沿着⽬标资源的路径执⾏信息环回测试;它回应收到的请求,以便客户可以看到中间
服务器进⾏了那些(假设任何)进度或增量。
六、HTTP响应消息和常⽤响应状态
1.HTTP/1.1 200 OK //响应状态⾏
2.Date:Mon,30 jul 2018 02:50:55 GMT //服务器发送资源的服务时间
3.Expires:Web,31 Dec 1969 23:59:59 GMT //⽐较过时的⼀种验证缓存⽅式,与浏览器(客户端)的时间⽐较,超过这个时间就不⽤缓存
(不和服务器进⾏验证),适合版本⽐较稳定的⽹页
4.Cache-Control:no-cache // 现在最多使⽤的控制缓存的⽅式,会和服务器进⾏缓存验证,
有“Disabled”。
HTTP响应消息和常⽤响应状态
6.cache"情况下,接收到etag后,同⼀个URL第⼆次请求就会⾃动带上If-None-Match"
7.Last- Modified: Fri,27 jul 201811:04:5 GMT是服务器发来的当前资源最后⼀次修改的时间,下次请求时,如果服务器上当前资源的修改时间⼤于这个时间,就返回新的资源内容
8.Ccontent-Trpe: text/ html; charset=utf-8 //如果返回的是流式的教据,我们就必须告诉这说器这个头,不然浏览器会下载这个页⾯,同时告诉浏资器是utf-8编码,否则可能出现乱码
9.Content-Encoding:gzip// 告诉客户端,应该采⽤gzip对资源进⾏解码
10.Connection: keep-alve // 告诉客户端服务器的tcp连接也是⼀个长连接
七、HTTP常⽤响应状态
HTTP态码分类
HTTP状态码由三个⼗进制数字组成,第⼀个⼗进制数字定义了状态码的类型。后两个数字没有分类的作⽤.
HTTP状态码共分为5种类型
1**:信息,服务器收到请求,需要请求者继续执⾏操作
2**:成功,操作被成功被收并处理
3**:重定向,需要进⼀步的操作以完成请求
4**:客户端错误,请求包合语法错误或者⽆法完成请求
5**:服务器错误,服务器在处理请求过程中发⽣了错误
200 ok请求已成功,请求所希望的响应头或数据体将随此响应返回,出现此状态码是表⽰正常状态。
304 Not Modified,如果客户端发送了⼀个带条件的GET请求且该请求已允许,⽽⽂档的内容(⾃上次访间以来或者根据请求的条件)并没有改变则服务器应当返回这个状态码
403 Forbiden 服务器已经理解请求,但是拒绝执⾏它。
404 Not found 请求失败,请求所希望得到的资源未被在服务器上发现。
500 Internet Server Error服务器遇到了⼀个未曾预料的状况,导歌了它⽆法完成对请求的处理,⼀般来说,这个问题都会在服务器端的源代码出现错误出现。
501 Not Implemented服务器不⽀持当前请求所需要的某个功常,当服务器⽆法请求的⽅法,并且⽆法⽀持其对任何资源的请求。
502 Bad Gateway作为⽹关或者代理⼯作的服考器尝试执⾏请求时,,从上游服务器接受到⽆效的响应。
503 Service Unavailable 由于临时服务器维护或者过度,服务器当前⽆法请求。这个状况是临时的,并且将在⼀段时间以后恢复。
301 Moved Permanenntly被请求的资源移动到新位量。
302 Move Temporaily 请求的资源临时从不⽹的URl响应请求,由于这样的重定向是临时的,客户端应当维续问原有地址发送以后的请求."
⼋、HTTP常⽤消息头
HTML⽂档的基本结构和语法
1.HTML常⽤元素及其基本属性
2.HTML表单与常⽤控件
⼀、HTML的概念
HTML(Hyper Text Markup Language)称为超⽂本标记语⾔,1990年创⽴的,是⼀种标识性的语⾔。它包括⼀系列标签,通过这些标签可以将⽹络上的⽂档式统⼀,使分散的internet资源连接为⼀个逻组整体。 HTML⽂本是由HTML标记组成的描述性⽂本, HTML标记可以说明⽂字,图形、动画、声⾳、表档、连接等。
HTML⽂档也称WEB页⾯,通过⼀系列标签,来显⽰⽹页的不同效果,不同部分,浏说器是html的解析器,解析html的⽂件,然后在浏览器容⼝中展⽰解析页⾯。
HTML⽂档的基本结构和语法
⼆.HTMIL的⽂档结构
HTML⽂档结构⼀般包括标记( Htmll),头部( Head)、主体(Body)三部分。
标记 :说明该⽂件是⽤超⽂本标记语⾔来描述的,它是⽂件的开头,⽽则表⽰该⽂件的结尾,它们是超⽂本标记语⾔⽂件的开始标记和结尾标记。
头部 :表⽰头部信息的开始和结尾,头部中包会的标记是页⾯的标题、序⾔、说明等内容,它本⾝不
作为内容来显⽰,但影响⽹页显⽰的效果。主体 :⽹页中显⽰的实际内容均包含在这2个正⽂标记符之间,正⽂标已符⼜称为实体标记.
三、HTML⽂档的基本结构和语法
HTML:代码规范
1HTML的注择: <!–注释⽂字–>
注释的原则是有助于对程序的阅读理解,注释语⾔必须准确、易懂、简洁。
2HTML标记不区分⼤⼩写,建议⼩写,如:、、
3 HTML标记属性可有可⽆,有的标记没有属性、如,
四、标记分类
单标记:标记只有⼀个,不是修饰内容的⽽是显⽰某个功能的,如果有图⽚,设置编码,设置关键字等。
双标记:是修饰内容的标记,有开始有结束标记,中间要写修饰内容。
5⾏内元素和块级元素
⾏内元素:标签范围在⼀⾏显⽰,超出接⾏a, b, span, img. input, strong selct, em, button. Textarea。
块级元素:标续范图占据⼀⾏, div, ul, Ii, dl,dt, dd,p,h1-h6等。
空元素:即没有内容的HTML元素,例如: br, meta, hr, Iink, Input, img。
四、CSS基础
1.css的基本概念和作⽤;
2.css的基本语法和基本使⽤⽅法;
3.css的层次及作⽤的优先级;
⼀、css的基本概念和作⽤
HTML:有HTML是页⾯的结构,也就是⼀个页⾯的⾻架。⼏个⾻头,⼏个眼睛,⼏个⿐⼦,⼏个嘴;
CSS:是页⾯的样式,也就是长成什么样⼦。⾻头都是怎么排列的,眼睛和嘴的位置关系是什么,外表的颜⾊。
JavaScript:JS是页⾯的⾏为,也就是这个能⼲什么。
CSS中⽂意思 层叠样式表(英⽂全称: Cascading Style Sheets)是⼀种⽤来表现HTML等⽂件样式的计算机语⾔,
CSS不仅可以静态地修饰⽹页,还可以配合各种脚本语⾔动态地对⽹页各元素进⾏格式化。
1.⼏乎所有的浏览器上都可以使⽤。
2.以前⼀些⾮得通过图⽚转换实现的功能,现在只要⽤CSS可以轻松实现,从⽽更快地下载页⾯。
3.使页⾯的字体变得更漂亮,更容易编排,使页⾯真正赏⼼悦⽬。
4.你可以轻松地控制页⾯的布局。
5.你可以将许多⽹页的风格格式同时更新,不⽤再⼀页⼀页地更新了。
⼆、CSS的基本语法和基本使⽤⽅法
1. 每个CSS样式由两部分组成,即选择符和声明,声明⼜分为属性和属性值
选择符{属性:属性值;属性:属性值;…}
选择符:表⽰要定义样式的对象
2)属性必须放在{ }内
3)属性与属性值⽤冒号连接
4)当⼀个选择符有多个属性时,⽤分号隔开;
5)当⼀个属性有多个属性值时,⽤空格分隔;
6)使⽤空格、换⾏不影响CSS样式的显⽰。
三、CSS的引⽤⽅式
CSS的引⼊⽅式共有三种:⾏内样式、内部样式表、外部样式表。
1、⾏内样式:使⽤style性引⼊CSS样。
直接在HTML标签中设置的的样式
实际在写页⾯时不提倡使⽤,在测试的时候可以使⽤。 2、内部样式表 在style标签中书写css代码, sty
le标签写在head标签中, 3、外部件式表 CSS代码保存在扩展名为.CSS样式表中, HTML⽂件引⽤扩展名为.css的样式表 优先级 ⾏内样式>内部样式>外部样式(后两者是就近原则 ## 四、CSS的常⽤选择器及其优先级 1.标签选择器(如: body;div;p;ul;li) 2.类选择器(如: class="head",class="head_logo")
3.ID选择器(如: id='name',Id-="name _txt") 4后代选择器(如 : #head .nav ulli从⽗集到⼦孙集的选择器) 5组选择器div.span,img {color:red)即具有相同样式的标签分组显⽰ 6伪类选择器(如:就是链接样式,a元素的伪类, 4种不同的状态: link, visited, active, hover.。)总结排序: !important>⾏内样式>ID选择器>类选择器>标签>通配符>继承>浏览器默认属性。
CSS的单位

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