web基礎

baizuo_1發表於2018-01-24
Web
web基礎
1.1 http協議
超文字傳輸協議(HTTP,HyperText Transfer Protocol)網際網路上應用最為廣泛的一種網路協議
所有的www都必須遵守這個標準。設計HTTP最初的目的是為了提供一種釋出和接受HTML頁面的方法。
HTTP協議頭部請參考。
[zxin10@web ~]$ curl -I www.baidu.com
HTTP/1.1 200 OK
Server: bfe/1.0.8.18
Date: Sun, 21 Jan 2018 06:25:24 GMT
Content-Type: text/html
Content-Length: 277
Last-Modified: Mon, 13 Jun 2016 02:50:08 GMT
Connection: Keep-Alive
ETag: "575e1f60-115"
Cache-Control: private, no-cache, no-store, proxy-revalidate, no-transform
Pragma: no-cache
Accept-Ranges: bytes


www(world wide web)全球資訊網。


1.2.1靜態和動態
概念：
在網站設計中，純粹HTML格式的網頁被稱為“靜態網頁”，早期的網站一般都是由靜態網頁製作的。靜態網頁是相對於動態網頁而言，
是指沒有後臺資料庫，不含程式和不可互動的網頁。
副檔名： 常見的副檔名為：htm,html,xml,shtml,jpg(gif,png,bmp等所有圖片），js,ccs（樣式），swf。
特點：
1）靜態網頁每個網頁都是固定的URL，且網頁URL以.htm、.html、.shtml等常見形式為字尾，而不含有“?”
2）網頁的內容一經發不到網站伺服器上，無論是否有使用者訪問，每個靜態網頁的內容都是儲存在網站伺服器上的，也就是說，靜態網頁是實實在在
的儲存在伺服器上的檔案，每個網頁都是一個獨立的檔案；
3）靜態網頁的內容相對穩定，因此容易被搜尋引擎收錄；
4）靜態網頁沒有資料庫支援，在網站製作和維護方面工作量大，因此當網站資訊量很大時完全依靠靜態網頁製作方式比較困難；
5）靜態網頁的互動性較差，在功能方面有較大的限制。
6）程式在客戶端瀏覽器解析 如：IE瀏覽器，這樣程式解析效率高，服務端由於不進行解析，因此可以接受更多的併發訪問。當你向伺服器請求資料時，
伺服器直接把資料返回（不做任何解析），當客戶端拿到程式後，在瀏覽器端解析展現給客戶。
語言：HTML，js，css，xml等。
1.2.1動態網頁
概念：
與靜態網頁相對應，也就是說，網頁URL的字尾不是.htm、.html、.shtml、.xml等靜態網頁常見的字尾副檔名形式，而是以asp,aspx,php,jsp,do,cgi,perl等字尾，並且
一般在動態網頁中經常會有標誌性符號"?"。
副檔名：asp,aspx,php,jsp,do,cgi,perl
特點：
1）動態網頁一般以資料庫技術為基礎，可以大大降低網站維護的工作量；
2）採用動態網頁技術的網站可以實現更多的功能，如使用者註冊、使用者登入、線上調查、使用者管理、訂單管理等等；
3）動態網頁實際上並不是獨立存在於伺服器上的網頁檔案，只有當使用者請求時伺服器才會返回一個完整的網頁；
4）網頁中的“?“在搜尋引擎檢索存在一定的問題，搜尋引擎一般不會從一個網站的資料庫中訪問全部的網頁，或是出於技術方面的考慮，搜尋蜘蛛一般不會抓取網址中”?“
後面的內容，因此採取動態網頁的網站在進行搜尋引擎推廣時需要一定的技術處理。（偽靜態）才能適應搜尋引擎的要求。
5）程式在伺服器端解析，服務端如：php引擎,java容器（tomcat、resin）
1.2.3偽靜態網頁
動態偽裝成靜態，便於搜尋引擎收錄。技術如URL地址重寫。
1.2.4web優化
由於靜態程式客戶端解析，大大降低了服務端的壓力，因此解析效率更高，在實際高併發網站架構中，我們考慮把使用者請求的資料解析後存成靜態檔案放於磁碟中或放於快取中，來
降低動態伺服器的壓力，提升使用者體驗。
部落格分享:老男孩老師的 淺談千萬級PV/IP規模高效能高併發網站架構http://blog.51cto.com/oldboy/736710
1.4靜態web語言
1.4.1 HTML語言
<html>
<head><title>oldboy's blog.</title></head>
<body bgcolor=red>
<table border=2>
<tr>
<td>oldboy</td>
<td>etiantian</td>
</tr>
<tr>
<td>etiantian.org</td>
<td>oldboy.cc</td>
</tr>
</table>
i am oldboy
</body>
</html>
說明：標籤一般是成對出現。
PS：當今比較流行的頁面設計：div+css（樣式）
1.4.2DIV+CSS
DIV+CSS是網站標準中常用的術語之一，是當今流行的網頁佈局方法，這種網頁佈局方法有別於傳統的HTML網頁設計語言中的表格定位方式，可以實現網頁頁面內容與表現相分離。
XHTML是可擴充套件超文字標識語言的縮寫。XHTML基於可擴充套件標記語言（XML），是一種在HTML基礎上優化和改進的新語言，目的是基於XML應用於強大的資料轉換能力，適應未來網路更多
的需求。
佈局優點
一、頁面載入更快
二、降低流量成本提升使用者體驗
三、修改設計時更有效率
四、保持視覺的一致性
五、有利於搜尋引擎收錄
六、對瀏覽者和瀏覽器更具親和力
1.6動態web語言
1.6.1 PHP語法
長格式:
<?php
phpinfo();
?>
短格式：
<? phpinfo(); ?>
巢狀於HTML中：
<html>
<head><title>oldboy's blog.</title></head>
<body >
<?php
phpinfo();
?>
</body>
</html>


php程式的典型架構就是lamp，lnmp，其中，lamp是經典組合。


1.6.1 jsp語法
1.6.2 java語法
JSP，JAVA程式由Tomcat/Resin/Webblogic/jboss讓容器解析。
1.6.4 asp語法


1.7訪問模式
b/s模式 --browser/server 瀏覽器/伺服器結構，常見協議如http，如apache。
c/s模式 --client/server 客戶端/伺服器結構，如酒店管理系統，考勤系統，用友軟體等


1.8IP PV UV
1.8.1 IP-Internet Protocol
IP（獨立IP）：即Internet Protocol，指獨立IP數。某IP地址的計算機訪問網站的次數。是網站分析的一個重要指標。0點到24點之間只被計算一次。
1.8.2 PV-Page View
PV（訪問量）:即Page View，中文翻譯即頁面瀏覽量或點選量，使用者每次重新整理即被計算一次。
1.8.3 UV-Unique Visitor
UV-Unique Vistor
UV（獨立訪客）：一臺電腦客戶端被認為是一個訪客。0點-24點只會記錄一次。

相關文章