當前位置:首頁 » 網頁前端 » web級聯
擴展閱讀
webinf下怎麼引入js 2023-08-31 21:54:13
堡壘機怎麼打開web 2023-08-31 21:54:11

web級聯

發布時間: 2022-09-20 03:52:09

1. 簡單網頁製作

一、FrontPage 2003簡介

FrontPage 2003是由Microsoft公司推出的Office 2003組件之一。FrontPage 2003的啟動與退出、文件的打開與保存與Office系列中其他軟體相同。FrontPage 2003啟動後,主窗口如圖6-61所示,菜單部分外貌與Office中的其他軟體相似。

與以往的版本相比,FrontPage 2003有以下幾個新功能:

(1)自定義瀏覽器解析度預覽檢查;

(2)描摹圖像;

(3)層功能;

(4)插入互動式按鈕;

(5)行為的應用;

(6)使用網頁重定向;

圖6-61 FrontPage 2003啟動界面

圖6-62「新建」任務窗格

(7)檢查網頁錯誤;

(8)優化HTML代碼;

(9)規劃頁面布局。

二、製作簡單網頁

我們在前面已經學會了用Word進行排版,其實你已經會製作一個簡單網頁了,只需將原來排好的Word文檔,另存時選擇保存類型為「Web頁(*.htm;*.html)」就可保存為一個網頁文件。

下面我們用FrontPage 2003製作一個簡單網頁。步驟如下:

1.啟動FrontPage 2003

選擇「開始」/「所有程序」/「Microsoft Office」/「FrontPage 2003」命令,打開如圖6-61所示的界面。

圖6-63 新的空白的網頁

圖6-64「網頁模板」對話框

2.建立新網頁

選擇「文件」/「新建…」菜單命令,打開「新建」任務窗格,如圖6-62所示。單擊「空白網頁」,也可以通過工具欄上的「新建」按鈕建立一個新的空白的網頁。如圖6-63所示。

如果要根據 Microsoft FrontPage 的模板創建網頁,單擊「其他網頁模板」,打開如圖6-64所示的「網頁模板」對話框,再單擊所需模板類型的選項卡,然後單擊某個模板。

3.輸入如下內容

圖6-65

4.編輯操作

網頁中的文本編輯操作與Word的編輯操作類似。

本例中,將「我的第一個網頁」應用「標題一」樣式,並設為隸書,水平居中;將「你好!歡迎光臨」應用「標題二」樣式,將其餘內容應用「普通」樣式,並將行距設為「1.5倍行距」,設置完成後效果如圖6-65所示。

5.保存網頁文件

選擇「文件」/「保存」命令,彈出「另存為」對話框,指定保存位置和文件名,然後單擊「保存」按鈕即可完成操作。

三、製作多媒體個人主頁

我們以製作一個簡易的個人網站為例,進一步學習使用FrontPage 2003。

1.規劃

網站規劃包括規劃網站的風格、網站的結構和網站的配色等,是對網站的整體定位。本例設置了6個欄目,包括首頁、自薦信、個人簡歷、榮譽證書、才藝展示、聯系方式,鏈接的文件名分別為index.htm、zijian.htm、jianli.htm、zhengshu.htm、zhanshi.htm、lianxi.htm。當然也可以結合自己情況進行修改。頁面布局如圖6-66所示。

2.建立網站

在FrontPage 2003中,所謂網站,就是一些網頁和程序的集合,各個網頁之間通過超鏈接聯系在一起,所有的網頁和文件保存在一個文件夾中,通過網站把這些文件和網頁統一起來。本地網站是指本地硬碟上用來存放整個網站的所有文檔的文件夾。遠程網站是指網路伺服器上的網站,供用戶瀏覽。

建立一個新網站,事實上就是建立一個單獨的文件夾,然後在這個文件夾中建立各個網頁文件,並且把它們鏈接在一起。

網頁製作可以在新建網站中完成,也可以像前面那樣單獨新建一個網頁。建議用新建網站的方法來製作網頁。

下面我們首先創建新的FrontPage網站:

(1)在「文件」菜單上,單擊「新建」,出現如圖 6-66 所示的「新建」任務窗格。

圖6-66

(2)在「新建」任務窗格中,單擊「由一個網頁組成的網站」。

(3)在「網站模板」對話框中,在「常規」選項卡下,單擊需要的網站模板,本例選擇「只有一個網頁的網站」,並在指定新網的位置欄中,鍵入或選擇新網的路徑及名稱,這里我們將默認的mysite改為myhome,如圖6-67所示,然後單擊「確定」按鈕,出現創建新網站對話框,完成站點創建,完成後如圖6-68所示。左邊一列是文件夾列表,可以通過右鍵快捷菜單新建文件夾,對文件或文件夾進行復制、刪除、重命名等操作。

圖6-67「網站模板」對話框

圖6-68

3.准備素材

將本例所需的圖片動畫素材復制到網站內的images文件夾下。

4.製作主頁頁眉

在「網頁」視圖中的文檔窗口底部,單擊「設計」

在文件夾列表中雙擊index.htm,打開該網頁並進入編輯狀態,開始首頁製作。

(1)設置網頁大小 在「視圖」菜單上,指向「網頁大小」,單擊

設置網頁大小。

(2)設置網頁背景在「網頁」視圖中的文檔窗口底部,單擊「設計」

,右擊網頁編輯區,在彈出菜單中單擊「網頁屬性」項,彈出「網頁屬性」對話框,在標題框內輸入「歡迎訪問小慧的個人電子簡歷」;單擊「格式」選中格式選項卡,選中背景欄下的「背景圖片」,並單擊「瀏覽」按鈕選擇背景圖片。如圖6-69所示。單擊「確定」按鈕完成網頁背景設置。也可在「格式」菜單上單擊「背景」來設置。

(3)插入一個一行兩列的表格 方法與在Word中插入表格相同。

在顯示設計視圖模式下,通過常用工具欄的「插入表格」按鈕,或在「插入」菜單上,指向「插入」,在級聯菜單中單擊「表格」;右擊插入的表格,在彈出菜單中單擊「表格屬性」,並將單元格襯距、單元格間距和粗細欄均設為0,如圖6-70所示,單擊「確定」按鈕。

圖6-69 網頁屬性

圖6-70 表格屬性

(4)在第一個單元格內插入圖片 將插入點放在第一個單元格,在「插入」菜單上,指向「圖片」,再單擊「來自文件」。找到要添加的文件(網站下images文件夾下的logo.gif),如圖6-71所示,然後單擊「插入」。

更簡單的方法是從文件夾列表拖動圖片文件到編輯區指定的位置即可。

(5)在第二個單元格內插入Flash動畫 單擊第二個單元格,在「插入」菜單上,指向「圖片」,再單擊「Flash影片」。彈出與圖6-71相似的「選擇文件」對話框,找到要添加的文件(網站下images文件夾下的banner_007.swf),然後單擊「插入」。

(6)在第一個表格下插入一個1行1列的表格 同樣將單元格襯距、單元格間距和粗細欄均設為0,設置好背景顏色,本例是選的其他顏色,如圖6-72所示,在「值」文本框中輸入Hex={C1,E8,C9}。

(7)製作滾動字幕 在第二個表格的單元格內單擊,在「插入」菜單上,單擊「Web組件」,彈出插入Web組件對話框,默認選中的是字幕,因此單擊「完成」按鈕,彈出字幕屬性對話框,在「文本」框內輸入:衷心感謝您垂閱我的簡歷,單擊「確定」按鈕。如圖6-73所示。

圖6-71 插入圖片對話框

圖6-72「其他顏色」對話框

5.製作正文和頁腳

(1)在第二個表格下插入一個1行2列的表格,同樣將單元格襯距、單元格間距設為0,但粗細設為1,暗邊框設為白色,亮邊框則設為其他顏色,在如圖6-72所示的「值」文本框中輸入Hex={99,CC,FF}。

(2)設置單元格背色。右擊此表格的第一個單元格,在彈出菜單中單擊「單元格屬性」,彈出如圖6-74所示的對話框,背景設為其他顏色,在如圖6-72所示的「值」文本框中輸入Hex={F1,F5,FC}。同樣方法將第二個單元格設為白色。

圖6-73 字幕屬性對話框

圖6-74 單元格屬性

(3)調整單元格寬度,使之與第一個表格相同。

(4)在第一個單元格內插入一個8行1列的表格,並將單元格襯距、單元格間距和粗細欄均設為0。在單元格屬性中將單元格對齊屬性設為水平居中,垂直居中,行高調整為40。

在剛插入的表格第二行內插入圖片homepage.gif,並在其後輸入「首 頁」;在第三行內插入圖片sub_dot.gif,並在其後輸入「自 薦信」,後面四行插入的圖片均為sub_dot.gif,輸入的文字依次為「個人簡歷」、「榮譽證書」、「才藝展示」、「聯系方式」。

(5)在表格三的第二個單元格內插入一個3行3列的表格,並將單元格襯距、單元格間距和粗細欄均設為0。將中間一列調寬一些。

在該表格第一行第二列中輸入「自薦信」,在第二行第二列輸入自薦信的內容。設為1.5倍行距。

(6)在表格三後面插入一個2行1列的表格,並將單元格襯距、單元格間距和粗細欄均設為0;並且第一個單元格背景色設為與表格二背景色相同,在第二個單元格內輸入「聯系電話:023-683568XX E-mail:xiaohui@163.com」並設為居中。

6.鏈接網站文件

選中要建立超鏈接的文字或圖像,單擊常用工具欄中的「插入超鏈接」按鈕或在「插入」菜單上單擊「超鏈接」,或者是右擊選中區域並單擊「超鏈接」,均可打開「插入超鏈接」對話框。如圖6-75所示。

圖6-75「插入超鏈接」對話框

(1)選中「首頁」,單擊常用工具欄中的

按鈕,在打開的如圖6-75所示的「插入超鏈接」對話框中,在「地址」框內輸入index.htm,並單擊「確定」按鈕。

(2)用同樣的方法將「自薦信」鏈接到zijian.htm、「個人簡歷」鏈接到jianli.htm、「榮譽證書」鏈接到zhengshu.htm、「才藝展示」鏈接到zhanshi.htm、「聯系方式」鏈接到lianxi.htm。

7.保存文件,按F12鍵預覽網頁

四、製作本網站內其他頁面

首先在文件夾列表中將 index.htm 復制 5個,分別重命名為 zijian.htm、jianli.htm、zhengshu.htm、zhanshi.htm、lianxi.htm。只需將每個文件中自薦信部分修改為相應內容即可,頁眉、超鏈接欄和頁腳均不變。

五、網站發布

當我們完成上述內容後,需將製作的網頁發布到Internet上的Web伺服器中,才能供網上的訪問者瀏覽。首先要到Internet服務提供商(ISP)那裡申請購買存放網頁的空間和域名,以前有很多網站(如網易等)都提供免費的個人主頁存放空間,現在相對較少了,中國學生網仍在提供50M免費空間服務,大家可到http://web.6to23.com/去申請一個免費空間。

發布網站可以使用專門的FTP工具。但為了給用戶提供方便,FrontPage 2003內置了網頁發布功能,利用它,只需進行簡單的設置,就可以輕松地完成網站發布任務。FrontPage 2003中的遠程網站視圖可以幫助我們將整個網站或單獨的文件和文件夾發布到任何位置:擴展的 Web 伺服器、支持文件傳輸協議(FTP)或基於 Web 的分布式創作和版本控制(WebDAV)的Web伺服器或文件系統中的某個位置。

下面我們利用FrontPage 2003及文件傳輸協議(FTP)發布網站,步驟如下:

1.打開FrontPage網站

在「文件」菜單中單擊「打開網站」或單擊工具欄上的「打開」按鈕邊上的下拉標志,從下拉菜單中選「打開網站」,在彈出的「打開網站」對話框中找到需要打開的網站並單擊「打開」按鈕。

2.轉至「遠程網站」視圖

若要轉至該視圖,請單擊「網站」選項卡,然後單擊窗口底部的「遠程網站」按鈕。或在「視圖」菜單上,單擊「遠程網站」。如圖6-76所示。

3.設置「遠程網站屬性」

在文檔窗口頂部,單擊「遠程網站屬性」。在彈出的對話框中,在「遠程網站」選項卡上,在「遠程 Web伺服器類型」下,單擊「FTP」。在「遠程網站位置」框中,鍵入自己所選定的遠程網站的地址及 FTP 協議(本例中輸入「ftp://125.91.6.75」),如圖6-77所示。單擊「確定」按鈕,在打開的「要求提供用戶名和密碼」對話框中輸入ISP提供的用戶名和密碼,單擊「確定」按鈕。如圖6-78所示。

圖6-76

圖6-77

4.發布網站

通過單擊窗口右下角的「發布網站」按鈕即可發布所有文件。也可發布單個文件,在本地網站選擇一個文件,然後單擊「本地到遠程」按鈕

。如圖6-79所示。

圖6-78

圖6-79

2. 怎麼實現級聯菜單

對於一個多條件的查詢,我們希望在選擇了一個菜單項後,另外一個下拉菜單能夠根據我們所選擇的第一個菜單項顯示其所有子菜單項。這就是本文提到的級聯菜單問題。級聯菜單實現的方法有很多,本文根據筆者所做的一個小實驗,簡單的介紹一下如何通過XML來實現級聯菜單的功能。

首先要定義一個XML文件,用以存放級聯菜單的信息,我們命名為query.xml,其代碼如下:
<?xml version="1.0" encoding="gb2312"?>
<info>
<course>
<text>軟體工程</text>
<value>1</value>
</course>
<course>
<text>數據結構</text>
<value>2</value>
</course>
<course>
<text>操作系統</text>
<value>3</value>
</course>
<course>
<text>計算機組成原理</text>
<value>4</value>
</course>
<teacher>
<text>張老師</text>
<value>1</value>
</teacher>
<teacher>
<text>李老師</text>
<value>2</value>
</teacher>
<teacher>
<text>劉老師</text>
<value>3</value>
</teacher>
<teacher>
<text>王老師</text>
<value>4</value>
</teacher>
<class>
<text>一班</text>
<value>1</value>
</class>
<class>
<text>二班</text>
<value>2</value>
</class>
<class>
<text>三班</text>
<value>3</value>
</class>
<class>
<text>四班</text>
<value>4</value>
</class>
</info>

然後再創建一個HTML文件,命名為query.html
在query.html里,首先創建一個表單
<form id="queryForm">
<select id="keyword" name="keyword" onChange="showDetail()">
<option value="default">default</option>
<option value="1">課程</option>
<option value="2">教師</option>
<option value="3">班級</option>
</select>
<select id="content" name="content" onChange="showValue()">
<option value="default">default</option>
</select>
</form>
從上面的代碼可以看出,當我們選擇第一級菜單時,會觸發showDetail方法,這是通過JavaScript來實現的,因此我們還需要定義一個showDetail方法,其實現代碼如下:
function showDetail(){
var document_xml = new ActiveXObject("Microsoft.XMLDOM");
document_xml.load("query.xml"); //載入info.xml
var RootNode = document_xml.documentElement; //獲得info.xml文檔的根節點

var keyword = document.getElementByIdx("keyword").value;
var details; //用以存放二級菜單內容,是一個數組對象
var content = document.getElementByIdx("content");
content.options.length = 0;//先清空
if(keyword=="default"){
var option = new Option("default","default");
content.add(option);
}else{
if(keyword=="1"){
details = document_xml.getElementsByTagName_r("course");
}else if(keyword=="2"){
details = document_xml.getElementsByTagName_r("teacher");
}else if(keyword=="3"){
details = document_xml.getElementsByTagName_r("class");
}
for(var i=0;i<details.length;i++){
var xText = details[i].childNodes[0].firstChild.nodeValue; //獲取文本
var xValue = details[i].childNodes[1].firstChild.nodeValue; //獲取文本以應的值
var option = new Option(xText,xValue);
content.add(option);
}
}
}
從上面的代碼可以看出,showDetail方法會根據一級菜單選項的不同顯示對應的子菜單。這里涉及到通過JavaScript來讀取xml文件的操作,可以參見源碼的注釋部分,記得結合xml文件里的內容一起看哦。

二級菜單顯示出來之後,我們就可以進行選擇了,選擇之後,會調用showValue方法,把選到的子菜單項的value和text顯示出來。showValue的定義如下:
function showValue(){
var content= document.getElementByIdx("content");
var contentText = content.options[content.selectedIndex].text; //獲取text值
var contentValue = document.getElementByIdx("content").value; //獲取文本
alert(contentValue+" "+contentText);
}
在這個方法里,要注意option當中text值的獲取,它與select表單域的value的獲取方式不大一樣,詳見代碼及其注釋。

把兩個方法封裝在<head></head>之間,記得要寫上<script language="javascript">和</script>了,然後你直接打開query.xml就可以看到效果了。

不知是否對樓主有用,希望對樓主有所幫助。

3. 求javaweb級聯菜單的代碼

我的媽媽呀,好簡單哦 ;要用ajax的哈,做個地區的級聯。如果不用的哈,就寫個onchange或onclick事件就可以了。

4. 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,提供了數據驗證的基本功能。

5. web前端開發工程師能夠細分為哪幾種

我了解的有那種,只寫HTML和CSS的,但是我感覺作為一個web前端工程師如果不了解JAVASCRIPT的話,是不完整的

6. WEB前端工程師分級別的嗎

Web前端職位分為:
1 網頁製作

2 前端製作工程師

3 網站重構工程師

4 前端開發工程師

5 資深前端開發工程師

6 前端架構師

7. 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_={四川省:["成都市","自貢市","攀枝花市","瀘州市","德陽市","綿陽市","廣元市","遂寧市","內江市","樂山市","南充市","眉山市","宜賓市","廣安市","達州市","雅安市","巴中市","資陽市","阿壩藏族羌族自治州","甘孜藏族自治州","涼山彝族自治州"],山西省:["太原市","大同市","陽泉市","長治市","晉城市","朔州市","晉中市","運城市","忻州市","臨汾市","呂梁市"],內蒙古:["呼和浩特市","包頭市","烏海市","赤峰市","通遼市","鄂爾多斯市","呼倫貝爾市","巴彥淖爾市","烏蘭察布市","興安盟","錫林郭勒盟","阿拉善盟"],遼寧省:["沈陽市","大連市","鞍山市","撫順市","本溪市","丹東市","錦州市","營口市","阜新市","遼陽市","盤錦市","鐵嶺市","朝陽市","葫蘆島市"],吉林省:["長春市","吉林市","四平市","遼源市","通化市","白山市","松原市","白城市","延邊朝鮮族自治州"],黑龍江省:["哈爾濱市","齊齊哈爾市","雞西市","鶴崗市","雙鴨山市","大慶市","伊春市","佳木斯市","七台河市","牡丹江市","黑河市","綏化市","大興安嶺地區"],上海:["上海"],江蘇省:["南京市","無錫市","徐州市","常州市","蘇州市","南通市","連雲港市","淮安市","鹽城市","揚州市","鎮江市","泰州市","宿遷市"],浙江省:["杭州市","寧波市","溫州市","嘉興市","湖州市","紹興市","金華市","衢州市","舟山市","台州市","麗水市"],安徽省:["合肥市","蕪湖市","蚌埠市","淮南市","馬鞍山市","淮北市","銅陵市","安慶市","黃山市","滁州市","阜陽市","宿州市","巢湖市","六安市","亳州市","池州市","宣城市"],福建省:["福州市","廈門市","莆田市","三明市","泉州市","漳州市","南平市","龍岩市","寧德市"],江西省:["南昌市","景德鎮市","萍鄉市","九江市","新余市","鷹潭市","贛州市","吉安市","宜春市","撫州市","上饒市"],山東省:["濟南市","青島市","淄博市","棗庄市","東營市","煙台市","濰坊市","濟寧市","泰安市","威海市","日照市","萊蕪市","臨沂市","德州市","聊城市","濱州市","菏澤市"],河南省:["鄭州市","開封市","洛陽市","平頂山市","安陽市","鶴壁市","新鄉市","焦作市","濮陽市","許昌市","漯河市","三門峽市","南陽市","商丘市","信陽市","周口市","駐馬店市"],湖北省:["武漢市","黃石市","十堰市","宜昌市","襄樊市","鄂州市","荊門市","孝感市","荊州市","黃岡市","咸寧市","隨州市","恩施土家族苗族自治州"],湖南省:["長沙市","株洲市","湘潭市","衡陽市","邵陽市","岳陽市","常德市","張家界市","益陽市","郴州市","永州市","懷化市","婁底市","湘西土家族苗族自治州"],廣東省:["廣州市","韶關市","深圳市","珠海市","汕頭市","佛山市","江門市","湛江市","茂名市","肇慶市","惠州市","梅州市","汕尾市","河源市","陽江市","清遠市","東莞市","中山市","潮州市","揭陽市","雲浮市"],廣西省:["南寧市","柳州市","桂林市","梧州市","北海市","防城港市","欽州市","貴港市","玉林市","百色市","賀州市","河池市","來賓市","崇左市"],海南省:["海口市","三亞市"],重慶市:["重慶"],貴州省:["貴陽市","六盤水市","遵義市","安順市","銅仁地區","黔西南布依族苗族自治州","畢節地區","黔東南苗族侗族自治州","黔南布依族苗族自治州"],雲南省:["昆明市","曲靖市","玉溪市","保山市","昭通市","麗江市","思茅市","臨滄市","楚雄彝族自治州","紅河哈尼族彝族自治州","文山壯族苗族自治州","西雙版納傣族自治州","大理白族自治州","德宏傣族景頗族自治州","怒江傈僳族自治州","迪慶藏族自治州"],西藏自治區:["拉薩市","昌都地區","山南地區","日喀則地區","那曲地區","阿里地區","林芝地區"],陝西省:["西安市","銅川市","寶雞市","咸陽市","渭南市","延安市","漢中市","榆林市","安康市","商洛市"],甘肅省:["蘭州市","嘉峪關市","金昌市","白銀市","天水市","武威市","張掖市","平涼市","酒泉市","慶陽市","定西市","隴南市","臨夏回族自治州","甘南藏族自治州"],青海省:["西寧市","海東地區","海北藏族自治州","黃南藏族自治州","海南藏族自治州","果洛藏族自治州","玉樹藏族自治州","海西蒙古族藏族自治州"],寧夏自治區:["銀川市","石嘴山市","吳忠市","固原市","中衛市"],新疆自治區:["烏魯木齊市","克拉瑪依市","吐魯番地區","哈密地區","昌吉回族自治州","博爾塔拉蒙古自治州","巴音郭楞蒙古自治州","阿克蘇地區","克孜勒蘇柯爾克孜自治州","喀什地區","和田地區","伊犁哈薩克自治州","塔城地區","阿勒泰地區"],台灣省:["台北市"],香港特區:["香港"],澳門特區:["澳門"],河北省:["石家莊","唐山","秦皇島","張家口","承德","廊坊","邯鄲","邢台","保定","滄州","衡水"]};

8. 下列術語中,______與Web技術無關. A IC卡 B 瀏覽器 C 搜索引擎 D 超媒體

IC卡與Web技術無關。

Web是一種典型的分布式應用結構。Web應用中的每一次信息交換都要涉及客戶端和服務端。因此,

Web開發技術大體上也可以被分為客戶端技術和服務端技術兩大類。這里對這些技術作簡要介紹,以使讀者對Web技術有一個總體的認識。

(8)web級聯擴展閱讀

Web客戶端的主要任務是展現信息內容。Web客戶端設計技術主要包括:HTML語言、Java Applets、腳本程序、CSS、DHTML、插件技術以及VRML技術。

1、HTML語言。HTML是Hypertext Markup Language(超文本標記語言)的縮寫,它是構成Web頁面的主要工具。

2、Java Applets,即Java小應用程序。使用Java語言創建小應用程序,瀏覽器可以將Java Applets從伺服器下載到瀏覽器,在瀏覽器所在的機器上運行。

3、腳本程序。他是嵌入在HTML文檔中的程序。使用腳本程序可以創建動態頁面,大大提高交互性。用於編寫腳本程序的語言主要有JavaScript和VBScript。

4、CSS(Cascading Style Sheets),即級聯樣式表。通過在HTML文檔中設立樣式表,可以統一控制HTML中各標志顯示屬性。

5、DHTML(Dynamic HTML),即動態HTML。1997年,Microsoft發布了IE4.0,並將動態HTML標記、CSS和動態對象(Dynamic Object Model)發展成為一套完整、實用、高效的客戶端開發技術體系,Microsoft稱其為DHTML。

6、插件技術。這一技術大大豐富了瀏覽器的多媒體信息展示功能,常見的插件包括QuickTime、Realplayer、Media Player和Flash等。

7、VRML技術。Web已經由靜態步入動態,並正在逐漸由二維走向三維,將用戶帶入五彩繽紛的虛擬現實世界。VRML是創建三維對象最重要的工具,它是一種基於文本的語言,並可運行於任何平台。

參考資料來源:網路-web技術