精华内容
下载资源
问答
  • 第6章 网站规划开发基本概念;网站设计团队 网站定位 网站CI形象 Web蓝图战略与策略 网站心理映射过程 网站开发方法 网站客户群;1.网站设计团队;2.网站设计团队组成内容;3.网站定位;4.网站CI形象;5. 网站蓝图;6. Web...
  • web基本概念

    2020-08-22 15:34:38
    一、web基本概念 web可以干什么 web 引申为“环球网”,而且在不同的领域,有不同的含义。 就拿“环球网”的释义来说,对于普通的用户来说,web仅仅只是一种环境——互联网的使用环境、氛围、内容等;而对于网站制作...

    一、web基本概念

    web可以干什么
    web 引申为“环球网”,而且在不同的领域,有不同的含义。 就拿“环球网”的释义来说,对于普通的用户来说,web仅仅只是一种环境——互联网的使用环境、氛围、内容等;而对于网站制作、设计者来说,它是一系列技术的复合总称(包括网站的前台布局、后台程序、美工、数据库领域等等的技术概括性的总称)。

                 1.网页
                 2.公众号
                 3.动画
    

    二、HTML5 简介

             ***HTML5 是最新的 HTML 标准。***
    

    三.URL

       URL就是一个地址,网络资源的ID(地址)
    

    服务器:
    一个性能比较高(内存大、运行速度快)的电脑,安装了提供服务的软件(apache、Tomcat、IIS、Nginx)
    云服务:
    阿里云、腾讯云、百度云、华为云
    有专门的团队提供维护工作
    浏览器:能帮我们打开网页,Google Chrome、IE、火狐、欧朋、safari(苹果)

    标记语言

    用各种标签将 相关信息或者关键字  包裹起来,方便搜索引擎的抓取
    HTML就是一种标记语言
    	<h1>我是标题</h1>
    	<p>我是段落</p>
    标记语言有很多。
    

    HTML的基本结构

    
    ```html`在这里插入代码片`
    <!DOCTYPE html>  <!--文档类型-->
    <html>  <!--根标签-->
    	<head><!--头标签,设置字符集、标题-->
    		<meta charset="utf-8"><!--设置字符集-->
    		<title>我是标题</title><!--设置标题-->
    	</head>
    	<body> <!-- 需要显示在页面的内容,全部写在body中-->
    		带你装逼,带你飞
    	</body>
    </html>
    
    
    
    展开全文
  • 网站基本概念

    千次阅读 2020-09-11 22:18:06
    文章目录 网站基本概念 网站 服务器 IP 域名 DNS 端口 静态网站 动态网站

    网站基本概念


    网站

    网站(Website),是指在互联网上,根据一定的规则,使用HTML、PHP等代码语言制作的用于展示特定内容的相关网页的集合,有可供管理人员操作的后台及用户使用的前台。简单地说,Website是一种通讯工具,就像布告栏一样,人们可以通过Website来发布自己想要公开的资讯,或者利用Website来提供相关的网络服务。人们可以通过网页浏览器来访问Website,获取自己需要的资讯或者享受网络服务。

    服务器

    服务器(Server),即提供服务的机器设备,包括处理器、硬盘、内存和系统总线等。在网络环境下,根据服务器提供的服务类型不同,分为文件服务器,数据库服务器,应用程序服务器和web服务器。
    我们的电脑也可做服务器,服务器取决于机器上所安装的软件(服务软件),比如web服务器,提供web服务(网站访问),需要安装Apache,tomcat,iis等。

    IP

    IP(Internet Protocol),网络之间互联协议,是计算机网络相互连接进行通信而设计的协议。在因特网中,它是能使连接到网上所有计算机网络实现相互通信的一套规则,只要遵守IP协议就可以与因特网互联互通,IP地址具有唯一性,即每台电脑都有一个唯一的IP地址。

    域名

    域名(Domain Names),是由一串用点分隔组成的Internet上某一台计算机的名称,用于在数据传输时标识计算机的电子方位。域名对应着IP地址,如果说IP地址是给电脑看的,那么域名就是给人看的,目的是便于记忆和沟通一组服务器地址。比如IP:127.0.0.1,域名:localhost,代表本机。

    DNS

    域名如何对应IP地址?
    DNS(Domain Name System)域名系统,因特网上作为域名和IP地址相互映射的 一个分布式数据库,能够是用户方便的访问互联网,而不必记住被机器直接读取的IP数串,通过主机名,最终得到主机名对应的IP地址的过程叫做域名解析(或主机名解析)。

    用户输入域名localhost =》DNS(localhost-127.0.0.1) =》服务器电脑

    端口

    访问到服务器电脑后,怎么确定是哪个服务软件?
    端口(Port),设备与外界通信交流的出口,可分为虚拟端口和物理端口。
    虚拟端口指计算机内部或交换机路由器的端口,不可见。比如80端口、21端口等。
    物理端口又称接口,是可见端口,比如计算机背板的RJ45网口,交换机、路由器、集线器等RJ45端口。

    用户输入域名localhost:端口 =》DNS(localhost-127.0.0.1) =》服务器电脑 =》软件(服务)

    静态网站


    1. 静态网页是保存在服务器上的文件,每个网页都是一个独立的文件
    2. 静态网页的内容相对稳定,因此容易被搜索引擎检索
    3. 静态网页没有数据库的支持,在网站制作和维护方面工作量较大
    4. 静态网页的交互性差,在功能方面存在限制。

    访问流程:
    用户在浏览器输入URL后,通过DNS获取域名对应IP地址(先在本地DNS查找再到网络DNS查找),然后根据IP地址找到对应的服务器电脑,再根据端口号找到对应的服务软件,分析URI,最后返回结果,浏览器解析显示。
    URL(Uniformed Resource Location)统一资源定位,互联网上的绝对定位。
    URI(Uniformed Resource Identifier)统一资源标识,目标机器上相对某个文件夹的相对路径。
    在这里插入图片描述

    动态网站


    1. 交互性:网页会根据用户的要求和选择而动态地改变和响应
    2. 自动更新:即无须手动更新HTML文档,便会自动生成新页面,可以大大节省工作量。
    3. 因时因人而变:即当不同时间、不同用户访问同一网址时会出现不同页面。

    此外动态网页是与静态网页相对应的,也就是说,网页URL的后缀不是.htm、.html、.shtml、.xml等静态网页的常见形式;
    而是以.asp、.jsp、.php、.perl、.cgi等形式为后缀。在动态网页网址中有一个标志性的符号——’?’

    访问流程
    与静态相比,会多出几个内容:服务器端解析、数据库等。PHP读取代码后,进行解析,可能需要访问数据库服务器,最后PHP交给Apache的是HTML.。在这里插入图片描述

    我的博客即将同步至腾讯云+社区,邀请大家一同入驻:https://cloud.tencent.com/developer/support-plan?invite_code=3vtgqr95rrsws

    原创不易,请勿转载本不富裕的访问量雪上加霜
    博主首页:https://blog.csdn.net/qq_45034708
    如果文章对你有帮助,记得关注点赞收藏❤

    展开全文
  • 网页设计基本概念 1、网页 网页的学名称作HTML文件,是一种可以在互联网上传输,并被浏览器认识和翻译成页面显示出来的文件。HTML的意思是“Hypertext Markup Language”,中文翻译为“超文本标记语言”。“超文本”...
  • Web建站基本概念

    千次阅读 2014-08-02 21:00:13
    首先要知道网站访问大概是什么个过程: 假设你在浏览器地址栏输入这个问题的地址 http://www.zhihu.com/question/22689579 访问过程和下图差不多,浏览器和服务器交流,服务器和数据库交流(有时候数据库就...
    首先要知道网站访问大概是什么个过程:
    
    假设你在浏览器地址栏输入这个问题的地址
    http://www.zhihu.com/question/22689579
    
    访问过程和下图差不多,浏览器和服务器交流,服务器和数据库交流(有时候数据库就在服务器那台机子上)


    HTML 与 CSS
    你家电脑拿到一个 html (就是上图 HTTP 响应的 body 里的内容)之后,就会对它进行解析渲染。HTML 就是一种标记语言。类比一下,大家在论坛上经常会用一些代码来添加富文本内容,举一些栗子:
    • [img]图片地址[/img]
      
      用来贴图
    • [url]超链接[/url]
      
      用来贴地址
    • [del]呵呵[/del]
      
      表示标签里的文字应该被删掉(默认添加删除线效果)
    这种 论坛代码也是一种标记语言,HTML 的作用就和它差不多。服务器返回给你的html文件里面,写的是一些代码,大概是这样的:
    浏览器拿到这些代码之后,分析一下给你渲染好页面显示出来,如果不用css,效果是这样的,按照浏览器默认的样式显示出列表、图片、超链接、输入框、按钮等等:

    是不是觉得默认样式有点看瞎狗眼呢……所以很多时候我们需要自定义样式,现行通用的规定样式的语言是CSS,我们可以用它写一些定义样式的代码,然后在 html 文件里用一个<link>标签把这些规定样式的 CSS 代码与表达内容语义的 HTML 代码关联起来,然后你就能看到一个符合人类正常审美的页面了:

    CSS 代码的格式基本是
    属性:值
    
    比如知乎顶上那个蓝色的导航条,它的 CSS 大约是这样的

    第一个属性对应的代码翻译成人话,就是它的位置(position)应该是不动(fixed)的,浏览器会兢兢业业地去实现这段代码要求实现的效果,所以你在页面上翻来翻去顶上那个导航条都会死死地黏在窗口顶部不跟着滚动。
    再拿里面的其他几个属性做栗子解释一下就是:
    • left 和 top 为零指明这个导航条要紧贴着窗口的左上角
    • width 和 height 指定这个导航条的宽和高
    • background 指明这个导航条的背景是一种渐变的蓝色
    浏览器就会根据这些 CSS 代码,“画”出对应的样式。

    HTML 5 与 XHTML
    像人的语言一样,网络上的网页里的 HTML 代码也不一定是标准的,好比有时候你发音不太标准,别人会去猜测你说的到底是什么一样,有些时候前端程序猿不小心写错了 HTML,浏览器也会试图猜测他们原来想写的是什么,做对应的渲染,而猜是要有一个常识做依据的。加上有些浏览器支持一些标签,有一些又不支持,以及其他混乱的情况,为了防止大家鸡同鸭讲,我们需要对 HTML 代码里能有什么标签,标签怎么写,标签可以有什么属性这些东西有一定的共识,建立一个通行的标准,HTML5 就是其中一个比较新的标准。这个标准新加了很多可以用的标签和属性,然后各大浏览器也吭哧吭哧按这个标准去实现了很多这些新加的标签和属性,本来前端程序员要写一堆代码去实现的效果,现在浏览器都给你实现好了,只要写两三行,调用一下浏览器给你实现的部分就能搞定,简单愉快,所以很多人都在热情地推广这个标准~(当然新标准也不可能是完美的,总会有一些问题,怕跑题这里按下不表~)

    至于 XHTML,就是 HTML 的近亲 XML 和 HTML 自己的杂交品种,对语法要求比较严格,并且为了兼容 XML,在语法上与 HTML 有一些不同~

    JavaScript 与浏览器脚本
    有了表示内容和语义的 HTML,规定样式的 CSS,得到的是一个静态的页面,没什么动画(其实用 CSS 还是可以有一些动画的,不过这个跑题了),按 F5 才会刷新数据,都 21世纪了,这么呆板单调的网页怎么能展现我大智人种族的创造性口胡!于是我们有了 Javascript(JS) 来给页面添加一些动态的效果,比如知乎问题的标签,鼠标移上去会弹出一个小窗口,这个就是 JS 实现的效果啦。


    浏览器都会帮你实现一些 JS 可以用的工具(函数,对象什么的),你只要写一些 JS 的代码,保存在 xxx.js 里,在 html 文件中用 <script> 关联进来就可以用了,像上图这个效果应该就包括了
    1. 鼠标悬停到标签上时创建一个新的 <div> 小窗口
    2. 用 JS 向知乎服务器发送一个请求,得到这个小窗口应该显示的数据,放在这个小窗口里(这就是所谓的AJAX,不用刷新就能与服务器进行交互,更新页面的一小部分~)
    浏览器拿到这样的代码,就会解析并实现出相应的效果,楼主问的浏览器脚本,指的就是这样子的代码。其实用来写浏览器脚本的,也不是非得JavaScript 不可,当年还为到底用什么语言写这种代码有过一段战火纷飞的时期,但现在尘埃落定,各大浏览器都默认了:请用 JS 写这些动态效果的代码给我解析~

    以上就是前端部分的内容,下面简述一下后端的东西吧> <

    Web Server 和 Web Services
    浏览器给服务器发一个请求,服务器不是一看就知道怎么响应的。首先这些请求和响应要有一个通用的写法,也就是要有一个协议,常用的是 HTTP 协议。
    像最前面的图,服务器的响应写了一个状态码 200 OK ,是 HTTP 协议里约定俗成的一个东西,服务器写 200 OK 在响应里,表示“你请求的这个东西我有”,如果是404 Not Found,就是“你请求的这个东西我这里没有”。
    HTTP 响应里还包括很多东西,比如 Content-type 表示服务器发过来的文件类型是什么(文本?动画?图片?音频?),这样发过去了人家浏览器好知道怎么展示给用户看。人家服务器怎么知道按协议要写什么东西进去呢,这就是 Web Server 干活的时候了。

    形象化一下HTTP响应,大概就长这样:

    再上个锤子,浏览器和服务器之间请求响应的过程大致是长这样的,右下角的那些东西就是由 Web Server 生成的(服务器脚本可以做一些改动,但这些一般是 Web Server 的份内活):


    再比如说很多时候你访问一个网站,浏览器里输的地址并没有写明你请求的文件,比如这个问题的地址是:
    http://www.zhihu.com/question/22689579
    
    但知乎的服务器其实返回了一个html给你,服务器怎么知道这个地址对应要返回什么样的 html 代码给你的?也是 Web Server 干的活。

    除了浏览器输地址敲回车这种赤裸裸的访问,客户端与服务器的交互还有很多种,比如:
    • 前面提到的用 JS 完成的 AJAX,有点像浏览器和服务器之间的悄悄话~
    还有其他应用软件与服务器的交互,比如:
    • 微信、QQ 与腾讯的服务器的交互
    • 网游客户端与网游公司服务器的交互
    • 搜索引擎用来搜集网页信息的程序(爬虫)与各种各样的网站服务器的交互
    • 只要你知道用什么地址访问、怎样访问人家的服务器,并且有相应权限,你也可以自己写一些程序去和他们的服务器交互(比如用微博API - 新浪微博API获取微博,开发第三方应用或者做数据分析)。
    从这些栗子里可以看出,客户端与服务器的交互的主体、客体、载体是五花八门的:
    • 服务器可以是大型机也可以是个人电脑,只要能跑相应的程序就行
    • 客户端像前面举的栗子里一样,可以是各种软件,而且这些软件不一定运行在个人电脑上,也可以是手机、平板、智能穿戴设备等等
    • 有时候不是传生成好的 HTML 或者其他服务器上已经有的文件,而是传输经过一定逻辑处理后生成的字符串或者其他各种封装好的数据
    像前面提到的 HTML 需要有一定标准一样,为了防止混乱和鸡同鸭讲,我们又需要先对这些机器需要怎么交互达成一定共识,再让它们进行交流。人与人之间通信,需要先有一种大家都认识的写法(比如简体字/繁体字)和一种彼此都懂的语言(比如普通话/广东话)。要让这些形形色色的机器能够通过网络进行交互,我们就需要指明一种协议(比如 HTTP/HTTPS)和一种数据封装格式(比如 HTML/XML),Web Server 提供的 Web Service,指的就是这种协议+格式的交流体系。不过 Web Service 的生态系统和 HTML 的标准不一样,用户可以选择的协议和数据封装格式更多,普通的网站访问用的 HTTP + HTML 只是其中一种,一些封闭系统内的交流还可以自己定义一个协议和格式来用(比如 QQ)。

    Web Service 传输的数据再经由本地客户端(浏览器、QQ/微信,网游客户端等)的分析渲染,就能够以普通人能够理解的形式展现出来。此外还有一些 Web Service 并不是为普通用户设计的,像前面提到的微博API,是用来给程序猿进行二次开发的~

    除了提供 Web Service, Web Server 还会兼顾很多功能,包括提供缓存,平衡负载,这样在访问量比较大的时候能有有条不紊地接客。常见的现成的 Web Server 有开源的 Apache、Nginx和微软的IIS,你也可以用一些工具(比如 Node.js )自己定制一个。因为 Web Server 需要比较好的性能,所以投产时用的 Web Server 通常是C/C++/Java写的,但是其实很多语言都可以写,而且配合上语言底层的优化和好的模型,其他语言写的 Web Server也可以有不错的表现。

    PHP ,服务器脚本,Web Framework
    开头那张图里服务器接到请求之后可以给访客发送对应的文件,但21世纪的服务器怎么可能只会“接请求-发文件”这么弱智的一招呢,人家还可以处理你上传来的文件的!还可以接受你发过来的各种请求,去操作服务器本地的文件or数据库的!要干这些事,自然服务器那边也少不了要有代码了,这些代码就是服务器脚本。前面说的 Web Service 传输的数据,主要也是由服务器脚本生成,再交由 Web Server ,按照某种协议套好整个响应的格式,返回给客户端的。

    同一个网址,每个人看到的页面不一定是一样的,比如知乎首页的网址都是
    http://www.zhihu.com/
    
    但是没登陆和登陆之后看到的东西不一样,登陆之后每个人看到的导航栏的用户信息,关注的动态,都不一样。服务器脚本可以对这些不同的状态,生成不同的页面,交给 Web Server 返回给浏览器。
    知乎的主页给大家看到的 html 整体来说是差不多的,都有导航栏,左边是关注的动态,右边是广告和边栏,每一块的整体构造大同小异,只是一些地方内容有所区别。服务器脚本就是利用已知的数据,在这些因人而异的地方填入相应的内容,生成给每个人看的页面。
    比如我的主页,导航栏右边的头像和名字跟别人看到的不一样,就是因为这块地方有一个放图片的<img>标签和一个写名字的<span>标签,服务器脚本在查询本地的数据之后给我返回的页面里<img>的标签填了我头像的图片链接,<span>标签里填了我的名字,给别人的页面就填其他链接、其他名字,这样每个人看到的页面就不一样了。


    PHP 就是一种常见的用来写服务器脚本的语言,其实只要是能拿来写大家传输数据的通用接口(CGI)的语言都可以用来写服务器脚本(也就是说几乎所有编程语言都可以写 = =b),只是因为现成工具的丰富程度和专攻程度不一样,所以有一些语言在写服务器端脚本的时候会比较热门。

    为了方便,我们在写服务器脚本的时候,通常还会用个同语言写的 Web Framework 来处理各种细节,防御一些常见的攻击,提供跨站认证(比如用已有的微博账号注册其他网站)的接口,利用cookie处理登陆状态和用户设置,生成网页模版之类的。如果你用 C# 或者 Visual Basic 写服务器脚本,就可以用 ASP.NET 这个框架实现这些功能,帮你省点麻烦。不过现在不少人是反过来为了一个好用的 Web Framework 去选择它对应的服务器脚本语言的。

    一个普通网站访问的过程
    简单概括一下,对于我们普通的网站访问,涉及到的技术就是:
    1. 用户操作浏览器访问,浏览器向服务器发出一个 HTTP 请求;
    2. 服务器接收到 HTTP 请求,Web Server 进行相应的初步处理,使用服务器脚本生成页面;
    3. 服务器脚本(利用Web Framework)调用本地和客户端传来的数据,生成页面;
    4. Web Server 将生成的页面作为 HTTP 响应的 body,根据不同的处理结果生成 HTTP header,发回给客户端;
    5. 客户端(浏览器)接收到 HTTP 响应,通常第一个请求得到的 HTTP 响应的 body 里是 HTML 代码,于是对 HTML 代码开始解析;
    6. 解析过程中遇到引用的服务器上的资源(额外的 CSS、JS代码,图片、音视频,附件等),再向 Web Server 发送请求,Web Server 找到对应的文件,发送回来;
    7. 浏览器解析 HTML 包含的内容,用得到的 CSS 代码进行外观上的进一步渲染,JS 代码也可能会对外观进行一定的处理;
    8. 用户与页面交互(点击,悬停等等)时,JS 代码对此作出一定的反应,添加特效与动画;
    9. 交互的过程中可能需要向服务器索取或提交额外的数据(局部的刷新,类似微博的新消息通知),一般不是跳转就是通过 JS 代码(响应某个动作或者定时)向 Web Server 发送请求,Web Server 再用服务器脚本进行处理(生成资源or写入数据之类的),把资源返回给客户端,客户端用得到的资源来实现动态效果或其他改变。
    注意这只是小网站里比较常见的模型,大网站为了解决规模问题还会有很多处理,每个环节都会有一些细微的差异,中间还会使用各种各样的工具减轻服务器的压力,提高效率,方便日常维护~

    延伸阅读 —— 那些看花眼的名词
    为了方便调试,很多 Web Framework 会自带一个简单的 Web Server,或者有些 Web Server 会自带一个简单的 Web Framework ,实际部署到服务器上开放使用的时候为了性能或者安全等多方面的考虑,可以把内置的 Web Server 换成其他的,比如 Apache 或者 Nginx (举个栗子,知乎用的是 Tornado 做 Framework,Server 换成了 Nginx,见 知乎使用了哪些框架和开源库?)。如果是开源的东西,还可以在遵守开源协议的前提下自己改一下再用~

    因为后端不像前端已经有 HTML + CSS + JS 这样的既定事实标准,服务器脚本与 Web Framework 的选择很多,所以新手会听到很多眼花缭乱的技术名词的地方多在这里~ 举一些栗子,早年常见的服务器端语言有:
    • 开源的 PHP
    • Sun 公司的 JSP 中使用的 Java
    • 微软的 ASP 中使用的 VBScript
    现在在这方面的应用热起来的语言有
    • Python,对应常见的 Framework 包括知乎和Quora有用到的 Tornado(其实是自带 Framework 的 Web Server),社区很成熟的 Django (用户包括 Instagram、Pinterest)等
    • Ruby,一般都用 Rails 这个 Framework,用户包括 Github、早期的 Twitter 等
    • 逆天的 JavaScript,有了 Node.js 这个平台,Web Server、服务器脚本和浏览器脚本全都可以用 JavaScript 来写……Node.js上最常用的 Framework是Express
    • 微软家的则跟着 ASP.NET 转移到了C# 或者 Visual Basic
    • Erlang,擅长大规模的并发,不少游戏公司拿来写服务器,靠几十个工程师支撑几亿用户的WhatsApp也是用的这个~
    几种常见的架构包括:
    • LAMP = Linux + Apache + MySQL + PHP(P还可能是Python或Perl。有时候L会改成W=Windows。),也就是服务器上的操作系统是 Linux,Web Server 用 Apache,数据库用 MySQL,服务器脚本用 PHP,这些都是开源技术,网站起步时用起来的成本会比较低,所以是普通网站里非常常见的架构(虽然对于发展得很大的网站会遇到很多瓶颈),Facebook就是这种,淘宝也曾经是。
    • J2EE,Java 世界的架构,通常是企业用的(银行、大型公司,.etc),比较常见地还会搭配一种 UNIX 做操作系统,Apache 做 Web Server,Tomcat 转换 JSP 到 Java 给服务器程序用(其实它也自带 Web Server),Oracle 数据库等等。不一定拿来建站,常常用来提供企业里的各种需要用到网络的业务。我们学校教务系统就是用J2EE做的=。= 淘宝现在也是从LAMP转型到了这个。
    • ASP.NET,微软家的架构,通常会搭配 Windows Server 操作系统,SQL Server 数据库,IIS 做 Web Server。StackOverflow和京东就是这个架构。
    • 神奇的MEAN架构,MongoDB做数据库,Express做 Web Framework,Angular 做前端的 JavaScript 框架,Node.js 用于编写 Web Server。神奇之处在于这几个东西的语言都是 JavaScript (MongoDB的实现不是,但与外界沟通用的语言是)。因为是比较新的架构,还有待时间的考验,不过被很多人(尤其是靠 JavaScript 吃饭的前端程序猿们)热切关注。
    • 一般来说重点不在技术而且在乎成本的新网站比较喜欢用 LAMP,重视安全稳定和速度的企业和机构喜欢 J2EE,想省事的网站喜欢 ASP.NET,比较 Geek 的网站和创业公司喜欢折腾各种 Python、Ruby、Node.js世界的东西,Google 这样现成的技术都解决不了需求的超大型网站就自己折腾解决方案。
    虽然可以用的语言和所属体系五花八门,其实服务器端程序要做的事情本质上都差不多的,就好比自然世界中要表达“吃过了没”这句话的意思,你可以用各种各样的语言在各种各样的场景里表达出来~
    展开全文
  • web 相关概念

    2019-12-12 19:46:06
    文章目录web 相关概念软件架构资源定位服务器资源服务器软件web 容器MVC 设计模式 软件架构 B/S 结构 Browser/Server 结构 用户通过浏览器访问服务器获取资源 web 编程,是一种网站编程 C/S 结构 Client/Server...

    web 相关概念

    软件架构

    1. B/S 结构
      • Browser/Server 结构
      • 用户通过浏览器访问服务器获取资源
      • web 编程,是一种网站编程
    2. C/S 结构
      • Client/Server 结构
      • 用户使用特定的客服端访问服务器获取资源
      • 多为 socket 编程,是一种网络编程

    资源定位

    1. 网络通信三要素

      • IP:电子设备(计算机)在网络中的唯一标识
      • 端口:应用程序在计算机中的唯一标识。0~65536
      • 传输协议:规定了数据传输的规则
    2. url

      • 统一资源定位符
      • 协议名称 + 主机名称 + 可选的端口号 + 资源名称

    服务器资源

    1. 主动资源与被动资源

      • 被动资源也称静态资源,所有用户访问后,得到的结果都是一样的,可以直接被浏览器解析
      • 主动资源也称动态资源:每个用户访问相同资源后,得到的结果可能不一样,被访问后,需要先转换为静态资源,在返回给浏览器
    2. 静态文档与动态文档

      • 静态文档 ,html,css,javascript
      • 动态文档 ,servlet 和 jsp,根据需要动态生成
    3. 动态文档技术

      • 客服端动态文档技术: javascript 结合 DOM 技术

      • 服务的动态文档技术:服务器扩展技术,服务器支持单独的可执行模块,当服务器启动时,该模块装入内存并只实例化一次。然后通过驻留在内存中的模块副本为每个请求提供服务

        servlet 容器:在 java 平台上,服务器扩展使用 servlet API 编写的,服务器扩展模块称为 servlet 容器

    服务器软件

    1. 服务器:安装了服务器软件的计算机
    2. 服务器软件:接收用户的请求,处理请求,做出响应
    3. web 服务器软件:部署 web 项目,让用户通过浏览器来访问这些项目
    4. 常见的 java web 服务器软件:
      • webLogic:oracle 公司,大型的 JavaEE 服务器,支持所有的 JavaEE 规范,收费
      • webSphere:IBM 公司,大型的 JavaEE 服务器,支持所有的 JavaEE 规范,收费
      • JBOSS:JBOSS 公司的,大型的 JavaEE 服务器,支持所有的 JavaEE 规范,收费
      • Tomcat:Apache 基金组织,中小型的 JavaEE 服务器,支持少量的 JavaEE 规 范,开源免费

    web 容器

    1. web 服务器使用一个单独的模块装载和运行 servlet 与 jsp 页面,这个模块称 servlet 容器,或称 web 容器

    2. 什么是容器?

      servlet 没有 main( ) 方法。servlet 受控于另一个 java 应用,这个 java 应用称为容器

      Tomcat 就是这样一个容器。如果web服务器应用得到一个指向 servlet 的请求,此时服务器不是把这个请求交给 servlet 本身,而是交给部署该 servlet 的容器,要由容器调用 servlet 的方法,如 doPost( ) 或 doGet( )

    3. 容器能提供什么?

      • 通信支持:利用容器提供的方法,servle 能与 web 服务器对话
      • 生命周期管理:容器控制着servlet的生命周期。负责加载类、实例和初始化 servlet、调用 servlet 方法,并使 servlet 实例能够被垃圾回收
      • 多线程支持:容器会自动地为它接收的每个 servle t请求创建一个新的 java 线程。针对客户机的请求,如果 servlet 已经运行完相应的 HTTP 服务方法,这个线程就会结束
      • 声明方式实现安全:利用容器,可以使用 XML 部署描述文件配置安全性,而不必将其硬编码写到 servlet(或其他)类代码中
      • jsp 支持:负责把 jsp 代码翻译成真正的 java

    MVC 设计模式

    1. MVC 是一种软件开发架构模式,它包含了很多的设计模式,如 Observer(观察者模式), Composite(组合模式)和Strategy(策略模式)

    2. MVC(Model-View-Controller)模式的基本思想是数据,显示和处理相分离

    3. 任务:

      • 模型(Model)负责数据管理
      • 视图(View)负责数据显示
      • 控制器(Controller)负责业务逻辑和响应策略
    4. 优点:将业务逻辑和数据访问从表示层中分离出来、低耦合、易维护、可重用

    5. 流程:视图层接收用户请求,提交给控制器,控制器调用模型处理请求,将结果传回视图层进行显示

    展开全文
  • 互联网和网页设计基本概念

    千次阅读 2018-04-22 19:08:50
    ---------------------------------------互联网和网页设计基本概念--------------------------------------- 1. 互联网的基本概念Internet:中文译为英特网,又叫做国际互联网,是世界上最大的计算机网络。www...
  • ) 在网站的发展史上,初期的网站建设根本不需要网页重构这个职位,WEB1.0时代的网页,只需要程序员,一堆堆的表格嵌套就完成,或者美工进行配合完成,先由美工负责设计好,再用一些自动化的软件拉伸几下,直接将...
  • 为了引导你通过这个广阔的生态系统,本书为数字设计提供了经得起时间考验的基本概念、方法和技术。用户体验设计师、产品经理、开发人员和数字设计中涉及的所有人,都要学习如何创建帮助人们与你的信息进行交互的语义...
  • 今天给大家讲讲Web Design中的颜色设计(Color Design)。 当你第一次点进一个网页时,吸引你的第一眼是什么?内容?字体?布局?都不是,最吸引你第一眼的,是颜色。为什么会这样?科学的解释是,颜色是通过眼、...
  • 除了动态的Web界面,一个有价值的Web应用必然需要进行数据存储,开发上我们一般称之为数据持久化(Data Persistence)。
  • 基于java的web社交网站设计

    千次阅读 2020-10-27 17:59:47
    用JAVA WEB构建的社交网站,最主要的能实现权限的管理,且权限管理部分只有一个管理员权限,其他都是普通会员。不论哪种权限级别的用户都可以自由修改自己的性息,而且可以修改登录系统的密码。系统需要提供添加好友...
  • Web的26项基本概念和技术

    千次阅读 2018-01-09 00:00:00
    今天,本文向初学者介绍一些Web开发中的基本概念和用到的技术,从A到Z总共26项,每项对应一个概念或者技术。Internet connection A — AJAX AJAX 全称为“Asynchronous JavaScript and XML”(异步JavaScript和XML...
  • Web标准的基本概念

    千次阅读 2005-06-28 22:20:00
    一,什么是WEB标准?WEB标准不是某一个标准,而是一系列标准的集合。网页主要由三部分组成:结构(Structure)、表现(Presentation)和行为(Behavior)。对应的标准也分三方面:结构化标准语言主要包括XHTML和XML...
  • 这几天在做项目的过程中,用到了maven,用到了SVN,用到了mybatis,用到了springMVC,然后做完以后,在心里问自己,maven是什么呀?我只能浅薄的说出maven是一...这本电子书的名字为《Java Web整合开发 王者归来》,...
  • Web技术与网站规划

    2010-03-26 15:19:06
    Web技术与网站规划 本课程是软件工程硕士的专业选修课。本课程的任务是使学生掌握Web技术的基础知识,并具有网站建设...本课程要求掌握Web技术的基本概念Web站点规划、Web服务器配置、Web编程和Web安全管理等内容。
  • CSS Sprites为一些大型的网站节约了带宽,让提高了用户的加载速度和用户体验,不需要加载更多的图片 6. 如何用原生js给一个按钮绑定两个onclick事件? Var btn=document.getElementById(‘btn’); //事件监听 绑定...
  • 本课程的任务是使学生掌握Web技术的基础知识,并具有网站建设规划的基本能力。本课程要求掌握Web技术的基本概念Web站点规划、Web服务器配置、Web编程和Web安全管理等内容。 (一)Web基本概念:12学时 了解Web...
  • Linux下Web服务器详解(概念+搭建)

    千次阅读 2021-02-16 14:02:22
    文章目录详解apache服务的概念与搭建参考阅读一、工作模式1.1 prefork1.2 worker1.3 event二、文件保存位置2.1配置文件2.2 网页文件2.3 日志文件三、参数介绍四、实验部署4.0 部署环境4.1 目录别名4.2 用户认证4.3 ...
  • 响应式WEB设计 - 基本技术要素

    千次阅读 2011-05-23 23:19:00
    响应式WEB设计模式基于“移动第一”的原则而提出。主要使用如下基本技术要素:viewport meta标签, 可以在浏览器中禁止zoom排版,根据设备大小自动剪裁,包括字体大小和垂直空间布局大屏幕设备采用grid布局,小屏幕...
  • 干货!Web 网页设计规范

    万次阅读 2020-04-21 14:20:46
    布局的不一致,使得可设计的空间也不相同。 1、左右布局 灵活性强, UI的限制小,左边通栏为导航栏,宽度没有具体的限制,可根据实际情况调整; 右侧为内容版块范围,是网站内容的展示区域。 ...
  • 移动web开发笔记

    万次阅读 2016-05-15 20:12:27
    移动web开发笔记移动web开发笔记
  • 2006年3月,Amazon推出了Elastic Compute Cloud服务、2006年8月,Google提出了“云计算”(Cloud Computing)概念。 物联网、人工智能、云计算都是当下的科技热点,而这些科技热点背后都离不开“云”,什么是公有云...
  • web程序设计-动态网页技术?06

    千次阅读 2020-06-12 15:10:23
    主要介绍目前主流的动态网页技术。动态网页技术是在传统的静态网页技术的基础上发展而来的,尤其适合现代人们对网络信息的获取速度和用户体验的要求。...在网站设计中,纯粹HTML格式的网页通常被称
  • * * 电子商务网站设计原理复习题集 * * 1. 什么是Web服务器Web浏览器的作用是什么简述浏览器打开文件的步骤 答Web服务器是用于存储WWW文件并响应处理客户机请求的计算机浏览器的作用在于解释并显示超文本文档包括...
  • java后端开发(一):基本认知之web开发是什么

    千次阅读 多人点赞 2018-08-05 13:22:10
    数据库设计学完后,接着来了解一下到底什么是web开发,在脑海中形成宏观的感受。本文主要讲述web开发的相关背景知识
  • WEB基础知识

    千次阅读 2020-09-23 17:00:58
    WEB基础知识 什么是web web(World Wide Web)即全球广域网,也称为万维网,它是一种基于超文本和HTTP的、全球性的、动态交互的、跨平台的分布式图形信息系统。是建立在Internet上的一种网络服务,为浏览者在...
  • 最全面的web程序设计知识点总结

    千次阅读 2021-03-17 21:37:14
    1.1 Internet的基本概念1.2 Web技术的基本概念1.3 Web技术的主要组成1.3 Web浏览器与服务器的基本概念和工作组成1.4 Web应用开发构架和开发技术二、HTTP协议基础2.1 HTTP的基本概念与交互模型2.2 HTTP消息格式2.3 ...
  • 第2部分(第4~11章)结合92个范例讲解PHP的Web开发技术,内容包括PHP开发入门、PHP基本语法、PHP流程控制、PHP函数和类、MySQL、PHP+MySQL数据库开发、PHP动态网站构建全过程、PHP开发中的常用技巧等;第3部分(第12~...
  • Web前端工程师常去的15个技术网站

    万次阅读 多人点赞 2018-04-02 17:39:45
    脚本之家是国内专业的网站建设资源、脚本编程学习类网站,提供asp、php、asp.net、javascript、jquery、vbscript、dos批处理、网页制作、网络编程、网站建设等编程资料。 来源:千锋HTML5 1、CSDN ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 98,406
精华内容 39,362
关键字:

网站设计web的基本概念