① 計算機web技術介紹
計算機web技術介紹
Web 客戶端的主要任務是展現信息內容。Web客戶端設計技術主要包括：HTML語言、Java Applets、 腳本程序、 CSS、 DHTML、插件技術以及VRML技術。下面是我給你帶來的web技術相關知識，歡迎閱讀!
1) HTML語言。
HTML是Hypertext Markup Language(超文本標記語言)的縮寫，它是構成Web頁面的主要工具。
2)Java Applets，
即Java 小應用程序。使用 Java語言創建小應用程序， 瀏覽器可以將Java Applets從伺服器下載到瀏覽器，在瀏覽器所在的機器上運行。Java Applets可提供動畫、音頻和音樂等多媒體服務。1996年，著名的 Netscape瀏覽器在其2.0版本中率先提供了對Java Applets的支持，隨後，Microsoft的IE3.0也在這一年開始支持Java技術。Java Applets使得Web頁面從只能展現靜態的文本或圖像信息，發展到可以動態展現豐富多樣的信息。動態Web頁面，不僅僅表現在網頁的視覺展示方式上，更重要的是他可以對網頁中的內容進行控制與修改。
3)腳本程序。
他是嵌入在HTML文檔中的程序。使用腳本程序可以創建動態頁面，大大提高交互性。用於編寫腳本程序的語言主要有JavaScript和VBScript。JavaScript由Netscape公司開發，具有易於使用、變數類型靈活和無須編譯等特點。VBScript由Microsoft公司開發，與JavaScript一樣，可用於設計交互的Web頁面。要說明的是，雖然JavaScript和VBScript語言最初都是為創建客戶端動態頁面而設計的，但他們都可以用於服務端腳本程序的編寫。客戶端腳本與服務端腳本程序的區別在於執行的位置不同，前者在客戶端機器執行，而後者是在Web服務端機器執行。
4) CSS(Cascading Style Sheets)，
即級聯樣式表。通過在HTML文檔中設立樣式表，可以統一控制HTML中各標志顯示屬性。1996年底，W3C提出了CSS的建議標准，同年，IE3.0引入了對CSS的支持。CSS大大提高了開發者對信息展現格式的控制能力，1997年的Netscape4.0不但支持CSS，而且增加了許多Netscape公司自定義的動態HTML標記，這些標記在CSS的基礎上，讓HTML頁面中的各種要素“活動”了起來。
5) DHTML(Dynamic HTML)，
即動態HTML。1997年，Microsoft發布了IE4.0，並將動態HTML標記、CSS和動態對象(Dynamic Object Model)發展成為一套完整、實用、高效的客戶端開發技術體系，Microsoft稱其為DHTML。同樣是實現HTML頁面的動態效果，DHTML技術無須啟動Java虛擬機或其他 腳本環境，可以在瀏覽器的支持下，獲得更好的展現效果和更高的執行效率。
6) 插件技術。
這一技術大大豐富了瀏覽器的多媒體信息展示功能，常見的插件包括QuickTime、Realplayer、Media Player和Flash等。為了在HTML頁面中實現音頻、視頻等更為復雜的多媒體應用，1996年的Netscape2.0成功地引入了對QuickTime插件的支持，插件這種開發方式也迅速風靡了瀏覽器的世界。同年，在Windows平台上，Microsoft將COM和 ActiveX技術應用於 IE瀏覽器中，其推出的IE3.0正式支持在HTML頁面中插入 ActiveX控制項，這為其他廠商擴展Web客戶端的信息展現方式提供了方便的途徑。1999年，Realplayer插件先後在Netscape和IE瀏覽器中取得了成功，與此同時，Microsoft自己的媒體播放插件Media Player也被預裝到了各種Windows版本之中。同樣具有重要意義的還有Flash插件的問世：20世紀90年代初期，Jonathan Gay在FutureWave公司開發了一種名為Future Splash Animator 的二維矢量動畫展示工具，1996年，Macromedia公司收購了FutureWave，並將Jonathan Gayde 的發明改名為我們熟悉的Flash。從此， Flash動畫成了Web開發者表現自我、展示個性的最佳方式。
7)VRML技術。Web已經由靜態步入動態，並正在逐漸由二維走向三維，將用戶帶入五彩繽紛的虛擬現實世界。VRML是目前創建三維對象最重要的工具，它是一種基於文本的語言，並可運行於任何平台。
Web服務端技術
與Web客戶端技術從靜態向動態的演進過程類似，Web 服務端的開發技術也是由靜態向動態逐漸發展、完善起來的。Web伺服器技術主要包括伺服器、CGI、 PHP、ASP、ASP.NET、Servlet和JSP技術。
1)伺服器技術。
主要指有關Web伺服器構建的基本技術，包括伺服器策略與結構設計、伺服器軟硬體的.選擇及其他有關伺服器構建的問題。
2) CGI(Common Gateway Interface)技術，
即公共網關介面技術。最早的Web伺服器簡單地響應瀏覽器發來的 HTTP請求，並將存儲在伺服器上的 HTML文件返回給瀏覽器。CGI是第一種使伺服器能根據運行時的具體情況，動態生成HTML頁面的技術。1993年，NCSA(National Center 佛日Supercomputing Applications)提出CGI1.0 的 標准草案，之後分別在1995 年和1997年，制定了CGI1.1和1.2標准。CGI技術允許服務端的 應用程序根據客戶端的請求，動態生成HTML頁面，這使客戶端和服務端的動態信息交換成為了可能。隨著CGI技術的普及，聊天室、論壇、電子商務、信息查詢、全文檢索等各式各樣的Web應用蓬勃興起，人們可以享受到信息檢索、信息交換、信息處理等各更為便捷的信息服務了。
3) PHP(Personal Home Page Tools)技術。
1994年，Rasmus Lerdorf發明了專用於Web服務端編程的PHP語言。與以往的CGI程序不同，PHP語言將HTML代碼和PHP指令合成為完整的服務端動態頁面，Web應用的開發者可以用一種更加簡便、快捷的方式實現動態Web功能。
4) ASP(Active Server Pages)技術，
即活動伺服器頁面技術。1996年，Microsoft借鑒Php的思想，在其Web伺服器IIS 3.0中引入了ASP技術。ASP使用的腳本語言是我們熟悉的VBScript和Javascript。藉助Microsoft Visual Studio等開發工具在市場上的成功，ASP迅速成為Windows系統下Web服務端的主流開發技術。
5)ASP.NET技術。
由於它使用C#語言代替ASP技術的JavaScripe腳本語言，用編譯代替了逐句解釋，提高了運行效率，ASP.NET是建立.NET Framework的公共語言運行庫上的編程框架，可用於在伺服器上生成功能強大的Web應用程序，代替以前在WEB網頁中加入ASP腳本代碼，使界面設計與程序設計以不同的文件分離，復用性和維護性得到提高，已經成為面向下一代企業級網路計算的Web平台，是對傳統ASP技術的重大升級和更新。
6) Servlet、 JSP技術。
以Sun公司為首的Java陣營於1997和1998年分別推出了Servlet和JSP技術。JSP的組合讓Java開發者同時擁有了類似CGI程序的集中處理功能和類似PHP的HTML嵌入功能，此外，Java的運行時編譯技術也大大提高了Servlet和JSP的執行效率。Servlet和JSP被後來的JavaEE平台吸納為核心技術。
;② web前端導航條怎麼做
導航條一般用ul li標簽+css樣式來做，具體導航內容根據你的需求來加，一般來說直接加後台欄目的調用碼，這樣方便你後面後台操作
③ Web是什麼意思 Web的特點都有哪些
Web的本意是蜘蛛網和網的意思，在網頁設計中我們稱為網頁的意思。現廣泛譯作網路、互聯網等技術領域。表現為三種形式，即超文本(hypertext)、超媒體(hypermedia)、超文本傳輸協議(HTTP)等。
先來看看三個名詞：
一、超文本(hypertext)
一種全局性的信息結構，它將文檔中的不同部分通過關鍵字建立鏈接，使信息得以用交互方式搜索。它是超級文本的簡稱。
二、超媒體(hypermedia)
超媒體是超文本(hypertext)和多媒體在信息瀏覽環境下的結合。它是超級媒體的簡稱。用戶不僅能從一個文本跳到另一個文本，而且可以激活一段聲音，顯示一個圖形，甚至可以播放一段動畫。
三、超文本傳輸協議(HTTP)HyperText Transfer Protocol超文本在互聯網上的傳輸協議。
Web的特點：
一、Web是圖形化的和易於導航的(navigate)
Web 非常流行的一個很重要的原因就在於它可以在一頁上同時顯示色彩豐富的圖形和文本的性能。在Web之前Internet上的信息只有文本形式。Web可以提供將圖形、音頻、視頻信息集合於一體的特性。同時，Web是非常易於導航的，只需要從一個連接跳到另一個連接，就可以在各頁各站點之間進行瀏覽了。
二、Web與平台無關
無論你的系統平台是什麼，你都可以通過Internet訪問WWW。瀏覽WWW對你的系統平台沒有什麼限制。無論從Windows平台、UNIX平台、Macintosh還是別的什麼平台我們都可以訪問WWW。對WWW的訪問是通過一種叫做瀏覽器(browser)的軟體實現的。如Netscape 的Navigator、NCSA的Mosaic、Microsoft的Explorer等。
三、Web是分布式的
大量的圖形、音頻和視頻信息會佔用相當大的磁碟空間，我們甚至無法預知信息的多少。對於Web沒有必要把所有信息都放在一起，信息可以放在不同的站點上。只需要在瀏覽器中指明這個站點就可以了。使在物理上並不一定在一個站點的信息在邏輯上一體化，從用戶來看這些信息是一體的。
Web 是動態的
最後，由於各Web站點的信息包含站點本身的信息，信息的提供者可以經常對站上的信息進行更新。如某個協議的發展狀況，公司的廣告等等。一般各信息站點都盡量保證信息的時間性。所以Web站點上的信息是動態的。經常更新的。
④ web前端開發技術三要素的含義和功能
HTML、CSS、JavaScript這三個是前端開發中最基本也是最必須的三個技能。前端的開發中，在頁面的布局時， HTML將元素進行定義，CSS對展示的元素進行定位，再通過JavaScript實現相應的效果和交互。雖然表面看起來很簡單，但這裡面需要掌握的東西絕對不會少。在進行開發前，需要對這些概念弄清楚、弄明白，這樣在開發的過程中才會得心應手。
HTML
指的是超文本標記語言(Hyper Text Markup Language)，這個也是我們網頁最常用普通的語言了，經歷了多個版本的發展，已經發展到5.0版了，得力於W3C建立的標准和規范，已普遍升級到了XHTML，XHTML 指可擴展超文本標簽語言（EXtensible HyperText Markup Language）， XHTML 於2000年的1月26日成為 W3C 標准，是更嚴格更純凈的 HTML 代碼，XHTML 的目標是取代 HTML。XHTML 與 HTML 4.01 幾乎是相同的，XHTML 是作為一種 XML 應用被重新定義的 HTML，是一個 W3C 標准。W3C 將 XHTML 定義為最新的HTML版本。所有新的瀏覽器都支持 XHTML。
CSS
級聯樣式表（Cascading Style Sheet）簡稱「CSS」，通常又稱為「風格樣式表（Style Sheet）」，它是用來進行網頁風格設計的。比如，如果想讓鏈接字未點擊時是藍色的，當滑鼠移上去後字變成紅色的且有下劃線，這就是一種風格。通過設立樣式表，可以統一地控制HTML中各標志的顯示屬性。級聯樣式表可以使人更能有效地控制網頁外觀。使用級聯樣式表，可以擴充精確指定網頁元素位置，外觀以及創建特殊效果的能力。
JavaScript
是一種由Netscape的LiveScript發展而來的原型化繼承的面向對象的動態類型的區分大小寫的客戶端腳本語言，主要目的是為了解決伺服器端語言，比如Perl，遺留的速度問題，為客戶提供更流暢的瀏覽效果。當時服務端需要對數據進行驗證，由於網路速度相當緩慢，只有28.8kbps，驗證步驟浪費的時間太多。於是Netscape的瀏覽器Navigator加入了Javascript，提供了數據驗證的基本功能。
⑤ web前端怎麼引用jquery省市級聯插件
1.[代碼]新增選擇城市
$(function(){
$("#province").cityCasCade("#city").cityCasCade('select','河南省');
//or
$("#province").cityCasCade("#city").cityCasCade('select','河南省','開封市');
}
/**
*javadiqye
*城市數據時從網上Copy的
*級聯功能也是參考網上已做好的思路
*封裝成插件為了以後使用方便
*add增加選中城市方法select
*/
(function($){
$.fn.cityCasCade=function(operation,province,city){
varselectCity=null,params=null,overparams=null;
if(typeofoperation=="string"){
if(operation=="select"){
if(province){
$(this).find("option").each(function(){
if($(this).val()==province){
this.selected=true;
$(this).change();
if(city){
$($.fn.cityCascadeParam.selectCity).find("option").each(function(){
if($(this).val()==city){
this.selected=true;
$(this).change();
}
});
}
}
});
}
return$(this);
}
selectCity=operation;
}
else{
if(operation.selector)selectCity=operation.selector;
if(operation.overide&&operation.data)overparams=operation.data;
elseparams=operation.data;
}
$.fn.cityCascadeParam={};
$.fn.cityCascadeParam.data=_provinces_;
$.fn.cityCascadeParam.selectCity=null;
if(selectCity)$.fn.cityCascadeParam.selectCity=selectCity;
elsethrow"城市選擇器不能為空";
$.fn.cityCascadeParam.cityValue=$($.fn.cityCascadeParam.selectCity+":first").val();
$.fn.cityCascadeParam.cityText=$($.fn.cityCascadeParam.selectCity+":first").text();
if(overparams)$.fn.cityCascadeParam.data=overparams;
else$.extend($.fn.cityCascadeParam.data,params);
$.fn.cityCascadeParam.loadProvince=function(self){
for(varpin$.fn.cityCascadeParam.data){
varopt=document.createElement("option");
opt.innerHTML=p;
opt.value=p;
self.appendChild(opt);
}
}
$.fn.cityCascadeParam.loadCity=function(parent){
varself=$($.fn.cityCascadeParam.selectCity).get(0);
if(!self)throw"未找到城市下拉框城市選擇器>>"+$.fn.cityCascadeParam.selectCity;
varselectProvince=$(parent).val();
if(selectProvincein$.fn.cityCascadeParam.data){
varcitys=$.fn.cityCascadeParam.data[selectProvince];
self.innerHTML="";
for(varindex=0;index<citys.length;index++){
opt=document.createElement("option");
opt.innerHTML=citys[index];
opt.value=citys[index];
self.appendChild(opt);
}
}else{
self.innerHTML="";
opt=document.createElement("option");
opt.innerHTML=$.fn.cityCascadeParam.cityText;
opt.value=$.fn.cityCascadeParam.cityValue;
self.appendChild(opt);
}
}
this.each(function(){
$.fn.cityCascadeParam.loadProvince(this);
$(this).change(function(){
$.fn.cityCascadeParam.loadCity(this);
});
});
return$(this);
}
})($);
var_provinces_={四川省:["成都市","自貢市","攀枝花市","瀘州市","德陽市","綿陽市","廣元市","遂寧市","內江市","樂山市","南充市","眉山市","宜賓市","廣安市","達州市","雅安市","巴中市","資陽市","阿壩藏族羌族自治州","甘孜藏族自治州","涼山彝族自治州"],山西省:["太原市","大同市","陽泉市","長治市","晉城市","朔州市","晉中市","運城市","忻州市","臨汾市","呂梁市"],內蒙古:["呼和浩特市","包頭市","烏海市","赤峰市","通遼市","鄂爾多斯市","呼倫貝爾市","巴彥淖爾市","烏蘭察布市","興安盟","錫林郭勒盟","阿拉善盟"],遼寧省:["沈陽市","大連市","鞍山市","撫順市","本溪市","丹東市","錦州市","營口市","阜新市","遼陽市","盤錦市","鐵嶺市","朝陽市","葫蘆島市"],吉林省:["長春市","吉林市","四平市","遼源市","通化市","白山市","松原市","白城市","延邊朝鮮族自治州"],黑龍江省:["哈爾濱市","齊齊哈爾市","雞西市","鶴崗市","雙鴨山市","大慶市","伊春市","佳木斯市","七台河市","牡丹江市","黑河市","綏化市","大興安嶺地區"],上海:["上海"],江蘇省:["南京市","無錫市","徐州市","常州市","蘇州市","南通市","連雲港市","淮安市","鹽城市","揚州市","鎮江市","泰州市","宿遷市"],浙江省:["杭州市","寧波市","溫州市","嘉興市","湖州市","紹興市","金華市","衢州市","舟山市","台州市","麗水市"],安徽省:["合肥市","蕪湖市","蚌埠市","淮南市","馬鞍山市","淮北市","銅陵市","安慶市","黃山市","滁州市","阜陽市","宿州市","巢湖市","六安市","亳州市","池州市","宣城市"],福建省:["福州市","廈門市","莆田市","三明市","泉州市","漳州市","南平市","龍岩市","寧德市"],江西省:["南昌市","景德鎮市","萍鄉市","九江市","新余市","鷹潭市","贛州市","吉安市","宜春市","撫州市","上饒市"],山東省:["濟南市","青島市","淄博市","棗庄市","東營市","煙台市","濰坊市","濟寧市","泰安市","威海市","日照市","萊蕪市","臨沂市","德州市","聊城市","濱州市","菏澤市"],河南省:["鄭州市","開封市","洛陽市","平頂山市","安陽市","鶴壁市","新鄉市","焦作市","濮陽市","許昌市","漯河市","三門峽市","南陽市","商丘市","信陽市","周口市","駐馬店市"],湖北省:["武漢市","黃石市","十堰市","宜昌市","襄樊市","鄂州市","荊門市","孝感市","荊州市","黃岡市","咸寧市","隨州市","恩施土家族苗族自治州"],湖南省:["長沙市","株洲市","湘潭市","衡陽市","邵陽市","岳陽市","常德市","張家界市","益陽市","郴州市","永州市","懷化市","婁底市","湘西土家族苗族自治州"],廣東省:["廣州市","韶關市","深圳市","珠海市","汕頭市","佛山市","江門市","湛江市","茂名市","肇慶市","惠州市","梅州市","汕尾市","河源市","陽江市","清遠市","東莞市","中山市","潮州市","揭陽市","雲浮市"],廣西省:["南寧市","柳州市","桂林市","梧州市","北海市","防城港市","欽州市","貴港市","玉林市","百色市","賀州市","河池市","來賓市","崇左市"],海南省:["海口市","三亞市"],重慶市:["重慶"],貴州省:["貴陽市","六盤水市","遵義市","安順市","銅仁地區","黔西南布依族苗族自治州","畢節地區","黔東南苗族侗族自治州","黔南布依族苗族自治州"],雲南省:["昆明市","曲靖市","玉溪市","保山市","昭通市","麗江市","思茅市","臨滄市","楚雄彝族自治州","紅河哈尼族彝族自治州","文山壯族苗族自治州","西雙版納傣族自治州","大理白族自治州","德宏傣族景頗族自治州","怒江傈僳族自治州","迪慶藏族自治州"],西藏自治區:["拉薩市","昌都地區","山南地區","日喀則地區","那曲地區","阿里地區","林芝地區"],陝西省:["西安市","銅川市","寶雞市","咸陽市","渭南市","延安市","漢中市","榆林市","安康市","商洛市"],甘肅省:["蘭州市","嘉峪關市","金昌市","白銀市","天水市","武威市","張掖市","平涼市","酒泉市","慶陽市","定西市","隴南市","臨夏回族自治州","甘南藏族自治州"],青海省:["西寧市","海東地區","海北藏族自治州","黃南藏族自治州","海南藏族自治州","果洛藏族自治州","玉樹藏族自治州","海西蒙古族藏族自治州"],寧夏自治區:["銀川市","石嘴山市","吳忠市","固原市","中衛市"],新疆自治區:["烏魯木齊市","克拉瑪依市","吐魯番地區","哈密地區","昌吉回族自治州","博爾塔拉蒙古自治州","巴音郭楞蒙古自治州","阿克蘇地區","克孜勒蘇柯爾克孜自治州","喀什地區","和田地區","伊犁哈薩克自治州","塔城地區","阿勒泰地區"],台灣省:["台北市"],香港特區:["香港"],澳門特區:["澳門"],河北省:["石家莊","唐山","秦皇島","張家口","承德","廊坊","邯鄲","邢台","保定","滄州","衡水"]};