整合營銷服務(wù)商
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
軟開發(fā)的網(wǎng)頁設(shè)計(jì)工具Expression Web，作為網(wǎng)頁設(shè)計(jì)工具FrontPage的替代品，在功能以及可擴(kuò)展性方面都有了很大提升，它徹底解決了以前FrontPage會產(chǎn)生不標(biāo)準(zhǔn)網(wǎng)頁代碼的缺點(diǎn)，現(xiàn)在用Expression Web可以創(chuàng)建完全符合標(biāo)準(zhǔn)的網(wǎng)站，同時(shí)支持最新的CSS和層，具有強(qiáng)大的CSS功能，Expression Web支持asp.net2.0和XML，具有強(qiáng)大的數(shù)據(jù)庫操作功能。通過這些新特性，Expression Web擺脫了以前FrontPage給設(shè)計(jì)人員造成的一種“玩具”印象，逐步走進(jìn)了專業(yè)網(wǎng)頁設(shè)計(jì)人員的視野。
Expression Web啟動畫面
下面我們就來了解一下這個(gè)網(wǎng)頁設(shè)計(jì)工具的使用方法。
Expression Web是一個(gè)強(qiáng)大的網(wǎng)頁編輯和網(wǎng)站設(shè)計(jì)工具，在編輯具體的網(wǎng)頁之前，我們首先要對自己的網(wǎng)站有一個(gè)總體的規(guī)劃，設(shè)計(jì)網(wǎng)站的結(jié)構(gòu)，然后再進(jìn)行具體的網(wǎng)頁編輯操作。在網(wǎng)站規(guī)劃方面，我們既可以自己手工操作，也可以用Expression Web提供的模板來自動創(chuàng)建。
（一）建立普通站點(diǎn)
單擊“文件→新建→網(wǎng)站”命令，打開“新建”網(wǎng)站對話框，在左邊的窗口中選擇“常規(guī)”，在右邊的窗口中顯示出要創(chuàng)建的網(wǎng)站類型。
只有一個(gè)網(wǎng)頁的網(wǎng)站：創(chuàng)建只有一個(gè)單獨(dú)的空白網(wǎng)頁的新網(wǎng)站。
空白網(wǎng)站：創(chuàng)建一個(gè)沒有內(nèi)容的新網(wǎng)站。
單擊“指定新網(wǎng)站的位置”右邊的“瀏覽”按鈕，可以選擇網(wǎng)站保存的位置，最后單擊“確定”按鈕，一個(gè)新網(wǎng)站就建立好了。
（二）使用導(dǎo)入向?qū)Ы⒄军c(diǎn)
這種方式可以創(chuàng)建一個(gè)網(wǎng)站，并將一個(gè)已建立的網(wǎng)站或某個(gè)文件（目錄）導(dǎo)入到當(dāng)前網(wǎng)站中，它采用向?qū)降牟僮?，一步步引?dǎo)用戶完成網(wǎng)站的創(chuàng)建。
單擊“文件→新建→網(wǎng)站”命令，打開“新建”網(wǎng)站對話框，在左邊窗口中選擇“常規(guī)”，在右邊窗口中選擇“網(wǎng)站導(dǎo)入向?qū)А?，然后單擊“瀏覽”按鈕，選擇新網(wǎng)站的位置；單擊“確定”按鈕，出現(xiàn)“導(dǎo)入網(wǎng)站向?qū)А睂υ捒?，用戶可以選擇導(dǎo)入文件的方式，有Http、Ftp、WebDAV、 FrontPage Server Extensions、文件系統(tǒng)五種方式，這里我們選擇從本機(jī)上導(dǎo)入文件，所以選擇“文件系統(tǒng)”，然后單擊“瀏覽”按鈕選擇要導(dǎo)入的文件目錄，單擊兩次“進(jìn)一步”按鈕，最后單擊“完成”，出現(xiàn)“本地網(wǎng)站”和“遠(yuǎn)程網(wǎng)站”窗口，單擊“遠(yuǎn)程網(wǎng)站”下部的“發(fā)布網(wǎng)站”按鈕，將遠(yuǎn)程網(wǎng)站中的文件發(fā)布到本地網(wǎng)站中，在“文件夾列表”中就可以看到導(dǎo)入的文件內(nèi)容。
（三）使用模板建立站點(diǎn)
Expression Web內(nèi)置了多種站點(diǎn)模板，用戶可以非常方便地用它創(chuàng)建一個(gè)自己需要的網(wǎng)站。
單擊“文件→新建→網(wǎng)站”命令，打開“新建”網(wǎng)站對話框，在左邊窗口中選擇“模板”，在右邊窗口中列出了模板網(wǎng)站的類型，有個(gè)人、單位、小型企業(yè)，選中某種類型，就可以在右邊的預(yù)覽區(qū)查看它的外觀樣式，單擊“瀏覽”按鈕，選擇網(wǎng)站保存的位置，然后單擊“確定”按鈕，一個(gè)新網(wǎng)站就建好了。對模板中的各個(gè)頁面適當(dāng)修改就可以變成自己的網(wǎng)站，非常簡單。如果用戶創(chuàng)建的是單位或個(gè)人的小型站點(diǎn)，用這種方法最方便快捷。
單擊“文件→新建→網(wǎng)頁”命令，打開“新建網(wǎng)頁”對話框，Expression Web可以創(chuàng)建“常規(guī)”、“asp.net”、“ css布局”、“樣式表”、“框架網(wǎng)頁”4種類型的文件，每種文件又包含很多種類型，在左邊的窗口中選中一種類型，在中間的窗口中列出詳細(xì)的分類，右邊的窗口是預(yù)覽區(qū)，可以預(yù)覽一些網(wǎng)頁的外觀樣式，選中要創(chuàng)建的網(wǎng)頁類型，單擊“確定”按鈕即可。一般常用的文檔類型在“常規(guī)”分類中都可以找到。
創(chuàng)建新網(wǎng)頁
另外，單擊工具欄“新建文檔”右邊的下拉按鈕，在彈出菜單中選擇“網(wǎng)頁”選項(xiàng)，也可以打開“新建網(wǎng)頁”對話框，當(dāng)然也可以直接在彈出的菜單中選擇要創(chuàng)建的網(wǎng)頁類型，如HTML、ASPX、CSS。
可以通過以下方法隨時(shí)預(yù)覽編輯的網(wǎng)頁，注意在預(yù)覽前一定要先保存網(wǎng)頁。
方法一：單擊“文件→在瀏覽器中預(yù)覽”命令，然后在展開的子菜單中選擇瀏覽器和窗口大小。
方法二：單擊工具欄中的“預(yù)覽”按鈕，或者單擊按鈕旁的箭頭，在下拉框中選擇瀏覽器和窗口大小。
方法三：直接按F12鍵。
超鏈接既可以是文字也可以是圖片，既可以鏈接到網(wǎng)站內(nèi)的網(wǎng)頁，也可以鏈接到其他的網(wǎng)站、文件、程序或電子郵件。
1、選中要建立超鏈接的文本或圖片，如果沒有選擇文本或圖片，則目標(biāo)URL顯示為超鏈接文本。
2、單擊“插入→超鏈接”命令或工具欄中的“插入超鏈接”按鈕，彈出“插入超鏈接”對話框。
3、設(shè)置超鏈接的參數(shù)內(nèi)容：
在“要顯示的文字”框中輸入超鏈接要顯示的文本內(nèi)容。
單擊“屏幕提示”按鈕，在彈出的對話框中輸入屏幕提示文字，當(dāng)你將鼠標(biāo)移到超鏈接上時(shí)將顯示該文字內(nèi)容。
如果要鏈接到網(wǎng)站中的某個(gè)網(wǎng)頁，請?jiān)凇爱?dāng)前文件夾”列表中選中一個(gè)網(wǎng)頁，如果要鏈接到外部網(wǎng)站，請?jiān)凇暗刂贰笨蛑休斎刖W(wǎng)站的網(wǎng)址。
單擊“目標(biāo)框架”，在彈出的窗口中可以設(shè)置網(wǎng)頁的打開方式，如果希望在新瀏覽窗口中打開超鏈接，請選擇“新建窗口”。
如果要鏈接到電子郵件地址，請選擇“電子郵件地址”，然后在右邊的窗口中輸入“電子郵件地址”和郵件主題。
4、 設(shè)置完畢，單擊“確定”按鈕。
將光標(biāo)移到網(wǎng)頁中要插入圖片的位置，單擊“插入→圖片→來自文件”命令或直接單擊工具欄中的“插入文件中的圖片”按鈕，打開“圖片”對話框，選中所需要的圖片文件，單擊“插入”按鈕，出現(xiàn)“輔助功能屬性”對話框，在“替代文本”框中，輸入在下載圖形、找不到圖形或網(wǎng)站訪問者將鼠標(biāo)移到圖形上時(shí)為圖形所顯示的文本，若要添加較詳細(xì)的說明，請單擊“瀏覽”按鈕，并選擇一個(gè)文件，再單擊“打開”按鈕，當(dāng)然你也可以選擇不在“輔助功能屬性”對話框中輸入內(nèi)容，單擊“確定”按鈕，圖片就插入到網(wǎng)頁中。
在Expression Web中有兩種方法創(chuàng)建表格。
（1）使用工具按鈕插入表格
將插入點(diǎn)移到網(wǎng)頁中要插入表格的位置，單擊工具欄中的“插入表格”按鈕，彈出一個(gè)表格窗口，向右下方拖動鼠標(biāo)，表格框中就會顯示表格的大小，表格大小滿足要求時(shí)單擊鼠標(biāo)就會在網(wǎng)頁中插入一張空表格。
（2）使用菜單命令輸入表格
將插入點(diǎn)移到網(wǎng)頁中要插入表格的位置，單擊“表格→插入表格”命令，出現(xiàn)“插入表格”對話框，輸入表格所需的“行數(shù)”和“列數(shù)”，然后在“布局”、“邊框”、“背景”中設(shè)置好表格的其他參數(shù)，單擊“確定”按鈕，一個(gè)表格就出現(xiàn)在網(wǎng)頁中。
框架網(wǎng)頁是一種特殊的網(wǎng)頁，它本身并不包含可見內(nèi)容，它只是一個(gè)窗口，里面包含多個(gè)框架，每個(gè)框架都可以顯示一個(gè)獨(dú)立的網(wǎng)頁，多個(gè)框架之間還可以設(shè)置超鏈接，這些框架的集合，就稱為框架網(wǎng)頁。
單擊“文件→新建→網(wǎng)頁”命令，打開“新建”網(wǎng)頁對話框，在“網(wǎng)頁”選項(xiàng)卡中單擊“框架網(wǎng)頁”，在右邊的列表中就可以看到程序內(nèi)置的十種框架網(wǎng)頁模板以及預(yù)覽圖，選擇一種模板，單擊“確定”按鈕，就可以創(chuàng)建一個(gè)框架網(wǎng)頁。
新創(chuàng)建的框架網(wǎng)頁還沒有任何內(nèi)容，用戶需要給每個(gè)框架來填充網(wǎng)頁內(nèi)容，有兩種方法：
如果已經(jīng)在網(wǎng)站中編輯了網(wǎng)頁，可以單擊框架中的“設(shè)置初始網(wǎng)頁”按鈕，打開“插入超鏈接”對話框，在文件列表中選中一個(gè)網(wǎng)頁文件，也可以直接在“地址”欄中輸入網(wǎng)址，單擊“確定”按鈕，就可以將網(wǎng)頁插入到框架中。
如果還沒有建立網(wǎng)頁，需要給框架新建網(wǎng)頁內(nèi)容，請單擊框架中的“新建網(wǎng)頁”按鈕，開始新網(wǎng)頁的編輯。
利用Expression Web可以非常方便地創(chuàng)建樣式表，用來設(shè)置網(wǎng)頁及其內(nèi)容的格式。
（1）創(chuàng)建外部樣式表
單擊“文件→新建→CSS”命令，新建一個(gè)樣式表文件，然后單擊“應(yīng)用樣式”任務(wù)窗格中的“新建樣式”按鈕，打開“新建樣式”對話框，在“選擇器”中選擇要定義的標(biāo)記，在“定義位置”下拉列表中選擇“現(xiàn)有樣式表”，在下面的“類別”區(qū)設(shè)置好各項(xiàng)參數(shù)，單擊“確定”按鈕，一個(gè)樣式表就建好了，將它保存起來，以后就可以使用了。
（2）創(chuàng)建內(nèi)部樣式表
首先打開要創(chuàng)建內(nèi)部樣式表的網(wǎng)頁，然后單擊“應(yīng)用樣式”任務(wù)窗格中的“新建樣式”按鈕，在“新建樣式”對話框的“定義位置”下拉菜單中，選擇“當(dāng)前網(wǎng)頁”，在“選擇器”中選擇要定義的標(biāo)記，同時(shí)在下面設(shè)置好各項(xiàng)參數(shù)，單擊“確定”按鈕，樣式表就自動插入到網(wǎng)頁中的<head></ head>標(biāo)記之間，我們可以轉(zhuǎn)換到“代碼”視圖模式進(jìn)行查看。
單擊“任務(wù)窗格→層”命令，將“層”任務(wù)窗格顯示在右下方的面板中，然后在網(wǎng)頁中，將光標(biāo)移到要插入層的位置，單擊“插入→HTML→層”命令或在“層”任務(wù)窗格中單擊“插入層”按鈕，就可以在網(wǎng)頁中插入一個(gè)層。
也可以在“層”任務(wù)窗格中單擊“繪制層”按鈕，然后用鼠標(biāo)在網(wǎng)頁中拖動就可以畫出一個(gè)層。
為了使網(wǎng)頁充滿活力，富于變化和吸引力，我們往往需要給網(wǎng)頁添加上一些聲音、動畫、彈出窗口、網(wǎng)頁過渡效果等特效，在Expression Web中我們可以不用寫一句代碼，就能輕松實(shí)現(xiàn)這些特效。
1、添加交互式按鈕
將光標(biāo)移到要添加按鈕的位置，單擊“插入→交互式按鈕”命令，打開“交互式按鈕”對話框，進(jìn)行如下設(shè)置：
在“按鈕”選項(xiàng)卡的“按鈕”列表中，單擊選擇按鈕樣式，在“文本”框中，輸入要顯示在按鈕上的文本，單擊“鏈接”旁邊的“瀏覽”按鈕，在打開的“編輯超鏈接”對話框中找到并單擊希望鏈接到的文件、URL或電子郵件地址。
在“字體”選項(xiàng)卡上，可設(shè)置各種按鈕狀態(tài)下文本的字體、樣式、對齊方式及顏色。
在“圖像”選項(xiàng)卡上，可設(shè)置要創(chuàng)建的圖像的大小以及是否創(chuàng)建對應(yīng)于各種按鈕狀態(tài)的圖像。
各種參數(shù)設(shè)置完畢，單擊“確定”按鈕，一個(gè)交互式按鈕就會出現(xiàn)在網(wǎng)頁中。
2、添加網(wǎng)頁過渡效果
Expression Web可以通過動態(tài)HTML技術(shù)讓網(wǎng)頁之間的轉(zhuǎn)換變成動態(tài)的，當(dāng)用戶瀏覽網(wǎng)站時(shí)，從一個(gè)網(wǎng)頁切換到另一個(gè)網(wǎng)頁將出現(xiàn)淡入、淡出、擦除等不同的效果。
向網(wǎng)頁添加過渡效果的具體操作是：打開要添加過渡效果的網(wǎng)頁，單擊“格式→網(wǎng)頁過渡”命令，打開“網(wǎng)頁過渡”對話框，在“事件”下拉菜單中選擇要應(yīng)用效果的事件，在“持續(xù)時(shí)間”中輸入過渡效果持續(xù)的時(shí)間，在“過渡效果”列表中單擊所需的過渡效果類型，最后單擊“確定”按鈕。
3、向頁面元素添加行為
我們可以對整個(gè)頁面、圖像、文字、鏈接或者頁面中的一個(gè)或多個(gè)元素添加行為，具體操作如下：
首先單擊“格式→行為”命令，在右下角的面板中打開“行為”任務(wù)窗格，然后在網(wǎng)頁中選中要添加行為的網(wǎng)頁元素，如文本或圖形，在“行為”任務(wù)窗格中，單擊“插入”按鈕，彈出下拉菜單，單擊所需的操作，彈出設(shè)置對話框，對于不同的操作，對話框的內(nèi)容不同，設(shè)置完畢，單擊“確定”按鈕。若要選擇不同的事件，請?jiān)凇笆录敝拢瑔螕裟J(rèn)事件右邊的下拉箭頭，在彈出的菜單中選中所需的事件即可。
在發(fā)布網(wǎng)站之前，用戶首先要申請網(wǎng)站空間，獲得網(wǎng)站空間的ftp地址以及用戶名和密碼。
1、打開要發(fā)布的網(wǎng)站。
2、單擊 “網(wǎng)站→遠(yuǎn)程網(wǎng)站”命令切換到遠(yuǎn)程網(wǎng)站視圖。
3、在“遠(yuǎn)程網(wǎng)站”視圖，單擊“遠(yuǎn)程網(wǎng)站屬性”按鈕。
4、打開“遠(yuǎn)程網(wǎng)站屬性”對話框，在“遠(yuǎn)程網(wǎng)站”選項(xiàng)卡中選擇一種服務(wù)器類型。由于大多數(shù)網(wǎng)站都是采用FTP方式上傳文件，所以我們選擇“FTP”，然后在“遠(yuǎn)程網(wǎng)站位置”中輸入FTP地址，在FTP目錄中輸入上傳的目錄，不輸入目錄時(shí)將默認(rèn)上傳到網(wǎng)站的根目錄下。
5、單擊“確定”按鈕，輸入網(wǎng)站的用戶名和密碼。
6、單擊“確定”按鈕，打開遠(yuǎn)程網(wǎng)站。在“遠(yuǎn)程網(wǎng)站”中選中要發(fā)布的目錄，雙擊可以打開它。
7、在“遠(yuǎn)程網(wǎng)站”窗格中的“發(fā)布所有更改過的網(wǎng)頁”之下，選中“本地到遠(yuǎn)程”選項(xiàng)。
8、在“本地網(wǎng)站”窗格中，右鍵單擊不希望發(fā)布的每個(gè)文件，在彈出的快捷菜單中再單擊“不發(fā)布”命令。
9、單擊“發(fā)布網(wǎng)站”按鈕。
如果想快速在本地網(wǎng)站和遠(yuǎn)程網(wǎng)站之間移動文件，也可以單擊某個(gè)文件并將其拖放到目標(biāo)網(wǎng)站中即可。
1.閱后如果喜歡，不妨點(diǎn)贊、評論和關(guān)注一下。
2.如果喜歡玩軟件，請關(guān)注本頭條號閱讀相關(guān)文章。
3.在學(xué)習(xí)中有什么問題，歡迎與我溝通交流，號搜索：微課傳媒，我在這里等你喲！
、選擇題（1-18題各3分19-36題各2分，共92分）
1.在HTML的<TD>標(biāo)簽中，align 屬性的取值是（ C?。?/p>
A. top ; B. middle ; C. center ; D. bottom
<table border="1">
<tr>
<td width="100px">姓名</td>
<td>性別</td>
<td>年齡</td>
</tr>
<tr>
<td>張三</td>
<td>男</td>
<td>20齡</td>
</tr>
</table>
2. CSS樣式表根據(jù)所在網(wǎng)頁的位置，可分為（ B ）
A.行內(nèi)樣式表、內(nèi)嵌樣式表、混合樣式表; B.行內(nèi)樣式表、內(nèi)嵌樣式表、外部樣式表;
C.外部樣式表、內(nèi)嵌樣式表、導(dǎo)入樣式表; D.外部樣式表、混合樣式表、導(dǎo)入樣式表
行內(nèi)樣式：
<html>
<body>
<div style="width:100px;height:100px;background:red;"></div>>
</body>
</html>
-----------------------------------------------------------------
內(nèi)嵌樣式：
<html>
<head>
<style type="text/css">
#div{width:100px;height:100px;background:red;}
</style>
</head>
<body>
<div id="div"></div>
</body>
</html>
--------------------------------------------------------------
外部樣式：
<html>
<head>
<link rel="stylesheet" type="text/css" href="ccss.css">
</head>
<body>
<div id="div"></div>>
</body>
</html>
---------------------
css文件
#div{width:100px;height:100px;background:red;}
#和.區(qū)別
.點(diǎn)是使用class引用的，多個(gè)控件可以同時(shí)使用一個(gè)class，一個(gè)控件上也可以使用多個(gè)class，比如
.tdRed{border:solid 1px red;}
.tdBKBlue{background-color:blue;}
<td class="tdRed" />
<td class="tdRed tdBKBule"/>
而ID是在一個(gè)頁面中唯一的
總得來說class表示泛性的，id表示個(gè)性的
比如你所有的按鈕都是一個(gè)顏色的
.normalButton{background-color:blue;border:solid 0px black;}
對于提交按鈕會要做的大一點(diǎn)
#submit{width:100px;height:100px;}
那么你的按鈕就是
<input type="button" id="submit" class="normalButton" value="提交" />
普通的按鈕就是
<input type="button" id="abcdefg" class="normalButton" value="普通按鈕" />
3. 在插入圖片標(biāo)簽中，對插入的圖片進(jìn)行文字說明使用的屬性是（ D?。?/p>
A.name; B.id; C.src; D. alt
4. 對于<FORM action=″URL″ method=*>標(biāo)簽，其中*代表GET或（ C?。?/p>
A.SET; B. PUT; C. POST ; D. INPUT
Get和post區(qū)別
安全性：POST比GET安全；
編碼方式：POST方式提交時(shí)可以通過HTML文檔中的<META>元素設(shè)置實(shí)體部分的編碼方式，而GET方式提交時(shí)URI默認(rèn)的編碼方式為ISO-8859-1，不可以在頁面中設(shè)置；
傳輸文件大?。篜OST方式提交文件放在實(shí)體部分傳輸，大小無上限，而GET方式提交文件內(nèi)容放在URI部分傳輸，最大為2KB;
請求速度：GET比POST快。
數(shù)據(jù)傳輸方式：GET：查詢字符串（名稱/值對）是在 GET 請求的 URL 中發(fā)送的，如：/test/demo_form.asp?name1=value1&name2=value2；POST:查詢字符串（名稱/值對）是在 POST 請求的 HTTP 消息主體中發(fā)送的。
5. 下列標(biāo)簽可以不成對出現(xiàn)的是（ B?。?/p>
A.〈HTML〉〈/HTML〉 ; B.〈P〉 〈/P〉; C.〈TITLE〉〈/TITLE〉 ; D.〈BODY〉〈/BODY〉
<p>是段落標(biāo)簽。
在HTML4.01中某些標(biāo)簽（<p><br>,<hr>,<img>, <input>,<link>等）允許不成對出現(xiàn)，但是不推薦。在現(xiàn)在的瀏覽器里，都會“兼容”這些單標(biāo)簽。瀏覽器解釋<p>標(biāo)簽后，碰到一個(gè)不對應(yīng)的標(biāo)簽時(shí)，會自動填補(bǔ)</p>。所以<p>標(biāo)簽可以單標(biāo)簽使用，但不推薦。
在HTML5中規(guī)定了元素必須始終關(guān)閉，也就是標(biāo)簽必須成對出現(xiàn)。
6. 對于標(biāo)簽〈input type=*〉，如果希望實(shí)現(xiàn)密碼框效果，*值是（ C ）
A. hidden; B.text ; C. password ; D. submit
7. HTML代碼<select name=“name”></select>表示？（ D ）
A. 創(chuàng)建表格 ; <table>
B. 創(chuàng)建一個(gè)滾動菜單; <marquee>
C. 設(shè)置每個(gè)表單項(xiàng)的內(nèi)容;
D.創(chuàng)建一個(gè)下拉菜單
8. BODY元素用于背景顏色的屬性是（ C?。?/p>
A. alink ; B. vlink ; C. bgcolor; D. background
9. 在表單中包含性別選項(xiàng)，且默認(rèn)狀態(tài)為“男”被選中，下列正確的是（ A ）
A. <input type=radio name=sex checked> 男 ; B.<input type=radio name=sex enabled>
C.<input type=checkbox name=sex checked>男；
D.nput type=checkbox name=sex enabled>男
性別(單選框)：<input type="radio" value="1" name="sex" checked="checked"/>男
<input type="radio" value="2" name="sex"/>女
角色（下拉框）：<select name="role">
<option value="1" selected="selected">教師</option>
<option value="2">學(xué)生</option>
</select>
10. 在CSS中下面哪種方法表示超鏈接文字在鼠標(biāo)經(jīng)過時(shí)，超鏈接文字無下劃線？（ B ）
A. A:link{TEXT-DECORATION: underline }; B. A:hover {TEXT-DECORATION: none};
C. A:active {TEXT-DECORATION: blink }; D. A:visited {TEXT-DECORATION: overline }
11. JavaScript代碼： 'abcdefg'.indexOf('D') 結(jié)果是（ B ）
A：0 B：-1 C：3 D：4
Js常用方法
1.substr
substr(start,length)表示從start位置開始，截取length長度的字符串。
var src="images/off_1.png";
alert(src.substr(7,3));
彈出值為：off
2.substring
substring(start,end)表示從start到end之間的字符串，包括start位置的字符但是不包括end位置的字符。
var src="images/off_1.png";
alert(src.substring(7,10));
彈出值為：off
3.indexOF
indexOf() 方法返回某個(gè)指定的字符串值在字符串中首次出現(xiàn)的位置（從左向右）。沒有匹配的則返回-1，否則返回首次出現(xiàn)位置的字符串的下標(biāo)值。
var src="images/off_1.png";
alert(src.indexOf('t'));
alert(src.indexOf('i'));
alert(src.indexOf('g'));
彈出值依次為：-1,0,3
4.lastIndexOf
lastIndexOf()方法返回從右向左出現(xiàn)某個(gè)字符或字符串的首個(gè)字符索引值（與indexOf相反）
var src="images/off_1.png";
alert(src.lastIndexOf('/'));
alert(src.lastIndexOf('g'));
彈出值依次為：6,15
5.split
將一個(gè)字符串分割為子字符串，然后將結(jié)果作為字符串?dāng)?shù)組返回。
以空格分割返回一個(gè)子字符串返回
var s, ss;
var s="1,2,3,4";
ss=s.split(",");
alert(ss[0]);
alert(ss[1]);
12. <img src="name">的意思是？（ A ）
A. 圖像相對于周圍的文本左對齊; B. 圖像相對于周圍的文本右對齊;
C. 圖像相對于周圍的文本底部對齊; D. 圖像相對于周圍的文本頂部對齊
13. 點(diǎn)擊按鈕，在ID為“Link”的DIV標(biāo)簽內(nèi)顯示東軟實(shí)訓(xùn)超鏈接, 下面對該按鈕的onClick事件函數(shù)描述正確的是：C
A. Link.innerText='<a ;
B. Link.outerText='<a ;
C. Link.innerHTML='<a ;
D. Link.outerHTML='<a
innerHTML 設(shè)置或獲取位于對象起始和結(jié)束標(biāo)簽內(nèi)的
HTML
outerHTML 設(shè)置或獲取對象及其內(nèi)容的 HTML 形式
innerText 設(shè)置或獲取位于對象起始和結(jié)束標(biāo)簽內(nèi)的文本
outerText 設(shè)置(包括標(biāo)簽)或獲取(不包括標(biāo)簽)對象的文本
innerText和outerText在獲取時(shí)是相同效果，但在設(shè)置時(shí)，innerText僅設(shè)置標(biāo)簽內(nèi)的文本，而outerText設(shè)置包括標(biāo)簽在內(nèi)的文本
14.(“24.7” + 2.3 ) 的計(jì)算結(jié)果是（ C ）
A. 27 ; B. 24.7 2.3; C. 24.72.3; D. 26.7
15. （ B ）事件處理程序可用于在用戶單擊按鈕時(shí)執(zhí)行函數(shù)
A. onSubmit; B. onClick; C. onChange; D. onExit
屬性當(dāng)以下情況發(fā)生時(shí)，出現(xiàn)此事件onabort圖像加載被中斷onblur元素失去焦點(diǎn)onchange用戶改變域的內(nèi)容onclick鼠標(biāo)點(diǎn)擊某個(gè)對象ondblclick鼠標(biāo)雙擊某個(gè)對象onerror當(dāng)加載文檔或圖像時(shí)發(fā)生某個(gè)錯誤onfocus元素獲得焦點(diǎn)onkeydown某個(gè)鍵盤的鍵被按下onkeypress某個(gè)鍵盤的鍵被按下或按住onkeyup某個(gè)鍵盤的鍵被松開onload某個(gè)頁面或圖像被完成加載onmousedown某個(gè)鼠標(biāo)按鍵被按下onmousemove鼠標(biāo)被移動onmouseout鼠標(biāo)從某元素移開onmouseover鼠標(biāo)被移到某元素之上onmouseup某個(gè)鼠標(biāo)按鍵被松開onreset重置按鈕被點(diǎn)擊onresize窗口或框架被調(diào)整尺寸onselect文本被選定onsubmit提交按鈕被點(diǎn)擊onunload用戶退出頁面
16. 用戶更改表單元素 Select 中的值時(shí)，就會調(diào)用（ D ）事件處理程序
A. onClick; B. onFocus; C. onMouseOver; D. onChange
17.onMouseUp 事件處理程序表示（ A ）
A. 鼠標(biāo)被釋放; B. 鼠標(biāo)按下; C. 鼠標(biāo)離開某個(gè)區(qū)域; D. 鼠標(biāo)單擊
18. 下列哪一項(xiàng)表示的不是按鈕（ C ）
A. type="submit"; B. type="reset"; C. type="image"; D. type="button"
<img src="/i/eg_tulip.jpg" alt="上海鮮花港 - 郁金香" />
19.下面哪一項(xiàng)是換行符標(biāo)簽？（ C ）
A. <body>; B. <font>; C. <br>; D. <p>
font規(guī)定文本字體、大小和顏色：
<font size="3" color="red">This is some text!</font>
<font size="2" color="blue">This is some text!</font>
<font face="verdana" color="green">This is some text!</font>
20. 下列哪一項(xiàng)是在新窗口中打開網(wǎng)頁文檔。（ B ）
A. _self; B. _blank; C. _top; D. _parent
_blank在新窗口中打開被鏈接文檔；
_self是指在本身這個(gè)網(wǎng)頁窗口來打開新的網(wǎng)頁鏈接；
_top表示在頂層窗口打開網(wǎng)頁鏈接，即在整個(gè)窗口中打開被鏈接文檔；
_parent表示在父窗口打開網(wǎng)頁鏈接；
<a target="_blank">Visit W3School!</a>onclick="javascript：window.open('Default.aspx','_blank');"21. 下面說法錯誤的是( D )
A. CSS樣式表可以將格式和結(jié)構(gòu)分離;
B. CSS樣式表可以控制頁面的布局;
C. CSS樣式表可以使許多網(wǎng)頁同時(shí)更新;
D. CSS樣式表不能制作體積更小下載更快的網(wǎng)頁
CSS樣式表能為我們實(shí)現(xiàn)些什么樣的功能?
1、你可以將格式和結(jié)構(gòu)分離。
2、你可以以前所未有的能力控制頁面布局。
3、你可以制作體積更小下載更快的網(wǎng)頁。
4、你可以將許多網(wǎng)頁同時(shí)更新，比以前更快更容易。
5、瀏覽器將成為你更友好的界面
將格式和結(jié)構(gòu)分離
HTML從來沒打算控制網(wǎng)頁的格式或外觀。這種語言定義了網(wǎng)頁的結(jié)構(gòu)和各要素的功能，而讓瀏覽器自己決定應(yīng)該讓各要素以何種模樣顯示。 但是網(wǎng)頁設(shè)計(jì)者要求的更多。所以當(dāng) Netscape推出新的可以控制網(wǎng)頁外觀的HTML標(biāo)簽時(shí)，網(wǎng)頁設(shè)計(jì)者無不歡呼雀躍。 我們可以用<FONT FACE>、<I>包在<P>外邊控制文章主體的外觀等等。然后我們將所有東西都放入表格，用隱式GIF空格 產(chǎn)生一個(gè)20象素的邊距。一切都變得亂七八糟。編碼變得越來越臃腫不堪，要想將什么內(nèi)容迅速加到網(wǎng)頁中變得越來越難。 串接樣式表通過將定義結(jié)構(gòu)的部分和定義格式的部分分離使我們能夠?qū)撁娴牟季质┘痈嗟目刂啤TML仍可以保持簡單明了的初衷。CSS代碼獨(dú)立出來從另一角度控制頁面外觀。
以前所未有的能力控制頁面的布局
<FONT SIZE>能使我們調(diào)整字號，表格標(biāo)簽幫助我們生成邊距，這都沒錯。但是，我們對HTML總體上的控制卻很有限。我們不可能精確地生成80象素的高度，不可能控制行間距或字間距，我們不能在屏幕上精確定位圖象的位置。但是現(xiàn)在，樣式表使這一切都成為可能。
可以制作出體積更小下載更快的網(wǎng)頁還有更好的消息：
樣式表只是簡單的文本，就象HTML那樣。它不需要圖象，不需要執(zhí)行程序，不需要插件，不需要流式。它就象HTML指令那樣快。有了CSS之后，以前必須求助于GIF的事情現(xiàn)在通過CSS就可以實(shí)現(xiàn)。還有，正如我先前提到的，使用串接樣式表可以減 少表格標(biāo)簽及其它加大HTML體積的代碼， 減少圖象用量從而減少文件尺寸。
可以更快更容易地維護(hù)及更新大量的網(wǎng)頁
沒有樣式表時(shí)，如果我想更新整個(gè)站點(diǎn)中所有主體文本的字體，我必須一頁一頁地修改每張網(wǎng)頁。即便站點(diǎn)用數(shù)據(jù)庫提供服務(wù)，我仍然需要更新所有的模板， 而且更新每一模板中每一個(gè)實(shí)例實(shí)例的 <FONT FACE>。樣式表的主旨就是將格式和結(jié)構(gòu)分離。 利于樣式表，我可以將站點(diǎn)上所有的網(wǎng) 頁都指向單一的一個(gè)CSS文件，我只要 修改CSS文件中某一行，那么整個(gè)站點(diǎn) 都會隨之發(fā)生變動。
瀏覽器將成為你更友好的界面
不象其它的的網(wǎng)絡(luò)技術(shù)，樣式表的代碼 有很好的兼容性，也就是說，如果用戶 丟失了某個(gè)插件時(shí)不會發(fā)生中斷，或者 使用老版本的瀏覽器時(shí)代碼不會出現(xiàn)雜 亂無章的情況。 只要是可以識別串接樣式表的瀏覽器就 可以應(yīng)用它。
22. 要使表格的邊框不顯示，應(yīng)設(shè)置border的值是( B )
A. 1; B. 0; C. 2; D. 3
23. 如果要在表單里創(chuàng)建一個(gè)普通文本框，以下寫法中正確的是( A )
A. <INPUT>; B. <INPUT type="password">;
C. <INPUT type="checkbox">; D. <INPUT type="radio">
24. 以下有關(guān)按鈕的說法中，錯誤的是( B )
A. 可以用圖像作為提交按鈕; B. 可以用圖像作為重置按鈕;
C. 可以控制提交按鈕上的顯示文字; D. 可以控制重置按鈕上的顯示文字。
<input type="image" src="pic.jpg" onclick="fangfa();"/>
function fangfa(){
document.formname.submit();
document.formname.reset();
}
.引用相關(guān)頭文件
引入CSS：
<link href="Scripts/jquery-ui-1.8.1.custom.css" rel="stylesheet" type="text/css" />
<link href="Scripts/ui.jqgrid.css" rel="stylesheet" type="text/css" />
引入JS：
<script src="Scripts/jquery-1.5.1.js" type="text/javascript"></script>
<script src="Scripts/jquery-ui.min.js" type="text/javascript"></script>
<script src="Scripts/grid.locale-en.js" type="text/javascript"></script>
<script src="Scripts/jquery.jqGrid.min.js" type="text/javascript"></script>
因?yàn)閖qGrid3.6及以后的版本集成了jQuery UI，所以，此處需要導(dǎo)入U(xiǎn)I相關(guān)js和css。另外grid.locale-en.js這個(gè)語言文件必須在jquery.jqGrid.min.js之前加載，否則會出問題。
2.將jqgrid加入頁面中
根據(jù)jqGrid的文檔，要想生成一個(gè)jqGrid，最直接的方法就是：
$("#list").jqGrid(options);
其中l(wèi)ist是頁面上的一個(gè)table：<table id="list"></table>
下面是一個(gè)簡單的例子：
<script type="text/javascript">
$(document).ready(function () {
jQuery("#list").jqGrid({
url: 'Handler.ashx',
datatype: "json",
mtype: 'GET',
colNames: ['SalesReasonID', 'Name', 'ReasonType', 'ModifiedDate'],
colModel: [
{ name: 'SalesReasonID', index: 'SalesReasonID', width: 40, align: "left", editable: true },
{ name: 'Name', index: 'Name', width: 100, align: "center" },
{ name: 'ReasonType', index: 'ReasonType', width: 100, align: "center" },
{ name: 'ModifiedDate', index: 'ModifiedDate', width: 150, align: "center", search: false }
],
rowList: [10, 20, 30],
sortname: 'SalesReasonID',
viewrecords: true,
sortorder: "desc",
jsonReader: {
root: "griddata",
total: "totalpages",
page: "currpage",
records: "totalrecords",
repeatitems: false
},
pager: jQuery('#pager'),
rowNum: 5,
altclass: 'altRowsColour',
//width: 'auto',
width: '500',
height: 'auto',
caption: "DemoGrid"
}).navGrid('#pager', { add: true, edit: true, del: true,search:false,refresh:false }); ;
})
二、 jqgrid的重要選項(xiàng)
具體的options參考，可以訪問jqGrid文檔關(guān)于option的章節(jié)（http://www.trirand.com/jqgridwiki/doku.php?id=wiki:options）。其中有幾個(gè)是比較常用的，重點(diǎn)介紹一下：
2.1 prmNames選項(xiàng)
prmNames是jqGrid的一個(gè)重要選項(xiàng)，用于設(shè)置jqGrid將要向Server傳遞的參數(shù)名稱。其默認(rèn)值為：
prmNames : {
page:"page", // 表示請求頁碼的參數(shù)名稱
rows:"rows", // 表示請求行數(shù)的參數(shù)名稱
sort: "sidx", // 表示用于排序的列名的參數(shù)名稱
order: "sord", // 表示采用的排序方式的參數(shù)名稱
search:"_search", // 表示是否是搜索請求的參數(shù)名稱
nd:"nd", // 表示已經(jīng)發(fā)送請求的次數(shù)的參數(shù)名稱
id:"id", // 表示當(dāng)在編輯數(shù)據(jù)模塊中發(fā)送數(shù)據(jù)時(shí)，使用的id的名稱
oper:"oper", // operation參數(shù)名稱
editoper:"edit", // 當(dāng)在edit模式中提交數(shù)據(jù)時(shí)，操作的名稱
addoper:"add", // 當(dāng)在add模式中提交數(shù)據(jù)時(shí)，操作的名稱
deloper:"del", // 當(dāng)在delete模式中提交數(shù)據(jù)時(shí)，操作的名稱
subgridid:"id", // 當(dāng)點(diǎn)擊以載入數(shù)據(jù)到子表時(shí)，傳遞的數(shù)據(jù)名稱
npage: null,
totalrows:"totalrows" // 表示需從Server得到總共多少行數(shù)據(jù)的參數(shù)名稱，參見jqGrid選項(xiàng)中的rowTotal
}
2.2 jsonReader選項(xiàng)
jsonReader是jqGrid的一個(gè)重要選項(xiàng)，用于設(shè)置如何解析從Server端發(fā)回來的json數(shù)據(jù)，如果Server返回的是xml數(shù)據(jù)，則對應(yīng)的使用xmlReader來解析。jsonReader的默認(rèn)值為：
jsonReader : {
root: "rows", // json中代表實(shí)際模型數(shù)據(jù)的入口
page: "page", // json中代表當(dāng)前頁碼的數(shù)據(jù)
total: "total", // json中代表頁碼總數(shù)的數(shù)據(jù)
records: "records", // json中代表數(shù)據(jù)行總數(shù)的數(shù)據(jù)
repeatitems: true, // 如果設(shè)為false，則jqGrid在解析json時(shí)，會根據(jù)name來搜索對應(yīng)的數(shù)據(jù)元素（即可以json中元素可以不按順序）；而所使用的name是來自于colModel中的name設(shè)定。
cell: "cell",
id: "id",
userdata: "userdata",
subgrid: {
root:"rows",
repeatitems: true,
cell:"cell"
}
}
假如有下面一個(gè)json字符串：
{"totalpages":"3","currpage":"1","totalrecords":"11","griddata":[{"SalesReasonID":"1","Name":"Price","ReasonType":"Other","ModifiedDate":"1998年6月1日"},{"SalesReasonID":"2","Name":"On Promotion","ReasonType":"Promotion","ModifiedDate":"1998年6月1日"},{"SalesReasonID":"3","Name":"Magazine Advertisement","ReasonType":"Marketing","ModifiedDate":"1998年6月1日"},{"SalesReasonID":"4","Name":"Television Advertisement","ReasonType":"Marketing","ModifiedDate":"1998年6月1日"},{"SalesReasonID":"5","Name":"Manufacturer","ReasonType":"Other","ModifiedDate":"1998年6月1日"}]}
其對應(yīng)的jsonReader為：jsonReader: {
root: "griddata",
total: "totalpages",
page: "currpage",
records: "totalrecords",
repeatitems: false
}
注：cell、id在repeatitems為true時(shí)可以用到，即每一個(gè)記錄是由一對id和cell組合而成，即可以適用另一種json結(jié)構(gòu)。援引文檔中的例子：
repeatitems為true時(shí)：
jQuery("#gridid").jqGrid({
...
jsonReader : {
root:"invdata",
page: "currpage",
total: "totalpages",
records: "totalrecords"
},
...
});
json結(jié)構(gòu)為：
{
"totalpages": "xxx",
"currpage": "yyy",
"totalrecords": "zzz",
"invdata" : [
{"id" :"1", "cell" :["cell11", "cell12", "cell13"]}, // cell中不需要各列的name，只要值就OK了，但是需要保持對應(yīng)
{"id" :"2", "cell" :["cell21", "cell22", "cell23"]},
...
]
}
repeatitems為false時(shí)：
jQuery("#gridid").jqGrid({
...
jsonReader : {
root:"invdata",
page: "currpage",
total: "totalpages",
records: "totalrecords",
repeatitems: false,
id: "0"
},
...
});
json結(jié)構(gòu)為：
{
"totalpages" : "xxx",
"currpage" : "yyy",
"totalrecords" : "zzz",
"invdata" : [
{"invid" : "1","invdate":"cell11", "amount" :"cell12", "tax" :"cell13", "total" :"1234", "note" :"somenote"}, // 數(shù)據(jù)中需要各列的name，但是可以不按列的順序
{"invid" : "2","invdate":"cell21", "amount" :"cell22", "tax" :"cell23", "total" :"2345", "note" :"some note"},
...
]
}
2.3 colModel的重要選項(xiàng)
colModel也有許多非常重要的選項(xiàng)，在使用搜索、排序等方面都會用到。這里先只說說最基本的。
三、 注意事項(xiàng)
1. 動態(tài)改變Add Form或者Edit Form中的select的內(nèi)容，如：改變下圖中的Comparator下拉中的內(nèi)容。
$("#list_d").navGrid('#pager_d',{add:true,edit:true,del:true,search:false,refresh:false},
{
checkOnSubmit:false, closeAfterEdit: true,recreateForm:true,
beforeInitData:function(formid){
initComparator();
},
beforeShowForm: function(formid){
$("#list_d").jqGrid('setColProp', 'Name', { editrules:{required:false},});
$('#tr_Name', formid).hide();
}
}，//edit
{},//add
{}//del
）
beforeInitData, beforeShowForm在每次點(diǎn)擊編輯的時(shí)候都會執(zhí)行。initComparator的作用是通過ajax獲取數(shù)據(jù)，然后利用$("#list_d").jqGrid('setColProp', 'Comparator', { editoptions: { value: valueString} });來設(shè)置Comparator下拉中的內(nèi)容。其中valueString的格式如下’ equal to: equal to; not equal to: not equal to’。鍵值之間用冒號隔開，2項(xiàng)之間用分號隔開。注意：把recreateForm設(shè)為true，否則'setColProp'只在第一次調(diào)用時(shí)有效。
2. var rowNum=parseInt($(this).getGridParam("records"), 10); 得到數(shù)據(jù)條數(shù)。
3. jQuery("#list_d").clearGridData();清空數(shù)據(jù)。
4. jQuery("#list").getCell(ids,"Key");獲取第ids行的key列。
5. $("#list").jqGrid('setSelection', "1");選中第一行。放在loadComplete：中在gird加載完成的時(shí)候自動選中第一行。loadComplete:function(data){$("#list").jqGrid('setSelection', "1");
}
6. 對于像1中的可編輯的字段，可以設(shè)定rule，參見http://www.trirand.com/jqgridwiki/doku.php?id=wiki:common_rules#editrules
7. 修改Option，以URL為例
jQuery("#list_d").jqGrid('setGridParam',{url:"xxx.aspx",page:1}).trigger('reloadGrid');
*請認(rèn)真填寫需求信息，我們會在24小時(shí)內(nèi)與您取得聯(lián)系。
