建立旅游電子商務(wù)網(wǎng)站實踐

建立旅游電子商務(wù)網(wǎng)站實踐第一頁，共七十頁，2022年，8月28日5.1.1超鏈接概述

超鏈接是用準(zhǔn)備好的文本、按鈕、圖像等對象與其他對象建立鏈接，也就是在源端點和目標(biāo)端點之間建立一種鏈接。 源端點是超鏈接的起始端點，目標(biāo)端點是鏈接的對象，也稱為目標(biāo)錨。

超鏈接按源端點的鏈接劃分，分為超文本鏈接和非超文本鏈接兩類。超文本鏈接的源錨文本下方有下劃線。非超文本鏈接是用除文本之外的其他對象構(gòu)建的鏈接，源錨可以是圖像、表格、列表、表單、多媒體等對象。超鏈接按目標(biāo)端點的鏈接劃分，可分為外部鏈接、內(nèi)部鏈接、電子郵件鏈接、局部鏈接、腳本鏈接等。5.1超鏈接及其應(yīng)用第二頁，共七十頁，2022年，8月28日 在超鏈接中，鏈接路徑是通過URL（統(tǒng)一資源定位符，英語UniformResourceLocator的縮寫，也被稱為網(wǎng)頁地址，是因特網(wǎng)上標(biāo)準(zhǔn)的資源的地址。

）來確定的。根據(jù)使用的協(xié)議不同，URL的形式也不同，常用的形式有HTTP、FTP和File等幾種。（1）HTTP開頭的URL通常指向WWW服務(wù)器，通常稱為網(wǎng)址；（2）FTP開頭的URL主要用于文件的傳遞，包括文件的上傳和下載；（3）File開頭的URL主要訪問本地計算機中的文件信息。 在超鏈接中，使用完整的URL地址的鏈接路徑稱為絕對路徑。絕對路徑指明目標(biāo)端點所在的具體位置。在超鏈接中，指明目標(biāo)端點與源端點的相對位置關(guān)系的路徑稱為相對路徑。第三頁，共七十頁，2022年，8月28日(1)在網(wǎng)頁編輯窗口中選中源端點對象，然后選擇【修改】|【創(chuàng)建鏈接】命令，打開【選擇文件】對話框，選中目標(biāo)端點便可創(chuàng)建鏈接。(2)在網(wǎng)頁編輯窗口中選中源端點對象后，鼠標(biāo)右擊，在快捷菜單中選擇【創(chuàng)建鏈接】命令，打開【選擇文件】對話框，選中目標(biāo)端點便可創(chuàng)建鏈接。(3)在網(wǎng)頁編輯窗口中選中源端點對象，然后在屬性面板的【鏈接】文本框中輸入目標(biāo)端點及路徑便可創(chuàng)建超鏈接?；騿螕簟炬溄印课谋究蛴疫叺陌粹o，打開【選擇文件】對話框，選擇目標(biāo)端點便可創(chuàng)建超鏈接，如圖5-1所示。5.1.2創(chuàng)建超鏈接的方法第四頁，共七十頁，2022年，8月28日圖5-1創(chuàng)建超鏈接的屬性面板第五頁，共七十頁，2022年，8月28日 電子郵件鏈接的方式在很多網(wǎng)頁中都被廣泛地采用，當(dāng)瀏覽者單擊該鏈接時，系統(tǒng)會啟動電子郵件發(fā)送程序（如OutlookExpress），并將網(wǎng)頁設(shè)計者的郵件地址放在【收件人】文本框中，為瀏覽者發(fā)送電子郵件做好準(zhǔn)備，這種鏈接方式方便了信息的交流與反饋。5.1.4創(chuàng)建電子郵件鏈接第六頁，共七十頁，2022年，8月28日在網(wǎng)頁上創(chuàng)建電子郵件鏈接的步驟如下。（1）在網(wǎng)頁上選擇準(zhǔn)備作為電子郵件鏈接的文字，如“請與我聯(lián)系”、“請?zhí)嵋庖姟钡?。?）選擇【插入】|【電子郵件鏈接】命令，或者在【插入】欄板的【常用】選項卡中單擊插入【電子郵件鏈接】按鈕，此時網(wǎng)頁編輯窗口彈出【電子郵件鏈接】對話框，如圖5-4所示。（3）在E-mail文本框中輸入自己的電子郵件地址，然后單擊【確定】按鈕。第七頁，共七十頁，2022年，8月28日圖5-4【電子郵件鏈接】對話框第八頁，共七十頁，2022年，8月28日在網(wǎng)頁上創(chuàng)建電子郵件鏈接的另一種方法的操作步驟如下。（1）在網(wǎng)頁上選中準(zhǔn)備作為電子郵件鏈接的源端點對象。（2）在【屬性】面板的【鏈接】文本框中輸入“mailto:電子郵件地址”，如圖5-5所示。（3）按回車鍵，便可創(chuàng)建一個電子郵件鏈接。圖5-5在【屬性】面板中設(shè)置電子郵件鏈接第九頁，共七十頁，2022年，8月28日 通常在網(wǎng)頁的首頁上可設(shè)置一個導(dǎo)航條，這樣既可為瀏覽者瀏覽網(wǎng)站提供一個索引，又能引導(dǎo)瀏覽者瀏覽整個網(wǎng)站的不同頁面。

導(dǎo)航條又稱導(dǎo)航欄，可由一幅或多幅按鈕圖像組成，按鈕圖像的狀態(tài)根據(jù)瀏覽者的鼠標(biāo)動作而改變。當(dāng)鼠標(biāo)移到、移出或單擊圖像時，該圖像就會被替換成另一幅圖像。 在創(chuàng)建導(dǎo)航條之前，應(yīng)先準(zhǔn)備好導(dǎo)航條中要用的圖片。這些圖片分別表示導(dǎo)航條某個按鈕不同動作的狀態(tài)。在網(wǎng)頁上創(chuàng)建導(dǎo)航條的操作步驟如下。5.1.5創(chuàng)建導(dǎo)航條第十頁，共七十頁，2022年，8月28日（1）在網(wǎng)頁上選擇插入導(dǎo)航條的位置。（2）選擇【插入】|【圖像對象】|【導(dǎo)航條】命令，或者在【插入】欄的【常用】選項卡中，單擊【導(dǎo)航條】按鈕，此時在網(wǎng)頁編輯窗口中會彈出【插入導(dǎo)航條】對話框，如圖5-6所示。（3）在【項目名稱】文本框中輸入導(dǎo)航條元素的名稱，名稱對中文不支持。所輸入的名稱將在【導(dǎo)航條元件】列表框里顯示?？捎冒粹o、調(diào)整導(dǎo)航條中元素的次序。第十一頁，共七十頁，2022年，8月28日圖5-6【插入導(dǎo)航條】對話框第十二頁，共七十頁，2022年，8月28日（4）分別單擊【狀態(tài)圖像】、【鼠標(biāo)經(jīng)過圖像】、【按下圖像】、【按下時鼠標(biāo)經(jīng)過圖像】4個文本框右側(cè)的【瀏覽】按鈕，選擇圖像。這些圖像的意義分別是：【狀態(tài)圖像】表示的圖像為頁面載入時的初始圖像；【鼠標(biāo)經(jīng)過圖像】表示的圖像為鼠標(biāo)移到【導(dǎo)航條】按鈕上時所顯示的圖像；【按下圖像】表示的圖像為鼠標(biāo)單擊【導(dǎo)航條】按鈕時所顯示的圖像；【按下時鼠標(biāo)經(jīng)過圖像】表示的圖像是單擊【導(dǎo)航條】按鈕后將光標(biāo)移去時所顯示的圖像。第十三頁，共七十頁，2022年，8月28日（5）在【替換文本】的文本框中，輸入該【導(dǎo)航條】按鈕的替換文字。（6）在【按下時，前往的URL】文本框中，輸入要鏈接的網(wǎng)頁地址，并在右側(cè)的下拉列表框中，選擇在何處打開要鏈接的網(wǎng)頁。（7）如果要在打開網(wǎng)頁時先將圖像裝載到內(nèi)存中，應(yīng)選中【預(yù)先載入圖像】復(fù)選框。（8）如果要在導(dǎo)航條上顯示【按下時鼠標(biāo)經(jīng)過圖像】的圖像，可選中【頁面載入時就顯示“鼠標(biāo)按下圖像”】復(fù)選框。（9）在【插入】下拉列表框中選擇【水平】或【垂直】選項，在網(wǎng)頁上水平或垂直放置導(dǎo)航條。第十四頁，共七十頁，2022年，8月28日（10）如果要將導(dǎo)航條插入表格中，則選中【使用表格】復(fù)選框。（11）單擊、按鈕，可將該【導(dǎo)航條】按鈕加入導(dǎo)航條中或從導(dǎo)航條中移去。（12）重復(fù)第(3)～(11)步，插入導(dǎo)航條中的其他按鈕。（13）完成后，單擊【確定】按鈕，并返回網(wǎng)頁編輯窗口。（14）按F12鍵預(yù)覽網(wǎng)頁。如果要修改導(dǎo)航條，可以選擇【修改】|【導(dǎo)航條】命令，在彈出的【修改導(dǎo)航條】對話框中修改導(dǎo)航條。第十五頁，共七十頁，2022年，8月28日

跳轉(zhuǎn)菜單是一個下拉式菜單，其中的每一個選項都是一個超鏈接。設(shè)計者可以用跳轉(zhuǎn)菜單創(chuàng)建網(wǎng)站站點的各種鏈接，實現(xiàn)網(wǎng)頁之間的跳轉(zhuǎn)鏈接。 要在網(wǎng)頁上添加一個跳轉(zhuǎn)菜單，操作步驟如下。（1）在網(wǎng)頁的合適位置插入光標(biāo)，選擇【插入】|【表單對象】|【跳轉(zhuǎn)菜單】命令?；蛘咴凇静迦搿扛用姘宓摹颈韱巍窟x項卡中，單擊【跳轉(zhuǎn)菜單】按鈕，也可以拖曳【跳轉(zhuǎn)菜單】按鈕到當(dāng)前網(wǎng)頁的光標(biāo)處。5.1.6創(chuàng)建跳轉(zhuǎn)菜單第十六頁，共七十頁，2022年，8月28日（2）網(wǎng)頁編輯窗口彈出【插入跳轉(zhuǎn)菜單】對話框，如圖5-7所示。如果要在跳轉(zhuǎn)菜單中創(chuàng)建一個提示選項，可在【文本】框中輸入提示內(nèi)容的文字，然后【選項】區(qū)域里選中【更改URL后選擇第一個項目】復(fù)選框。這一選項是菜單提示性質(zhì)的說明，單擊按鈕添加這個提示項。（3）在【文本】文本框中，輸入跳轉(zhuǎn)菜單其他選項的名字。第十七頁，共七十頁，2022年，8月28日（4）單擊【選擇時，前往URL】文本框中右側(cè)的【瀏覽】按鈕，輸入該菜單選項所鏈接的頁面文件和路徑。圖5-7【插入跳轉(zhuǎn)菜單】對話框第十八頁，共七十頁，2022年，8月28日（5）在【打開URL于】下拉列表框中，選擇鏈接頁面文件的顯示方式。（6）要想繼續(xù)添加菜單選項，可單擊按鈕，然后重復(fù)第(3)～(6)步的操作。（7）如果在跳轉(zhuǎn)菜單右邊添加一個提交按鈕，可選中【菜單之后插入前往按鈕】復(fù)選框。如果要在選擇了某個菜單選項后重新返回再選擇第一個菜單項，可選中【更改URL后選擇第一個項目】復(fù)選框。（8）完成設(shè)置后，單擊【確定】按鈕。（9）按F12鍵預(yù)覽網(wǎng)頁，顯示結(jié)果如圖5-8所示。第十九頁，共七十頁，2022年，8月28日圖5-8帶跳轉(zhuǎn)按鈕的跳轉(zhuǎn)菜單第二十頁，共七十頁，2022年，8月28日 跳轉(zhuǎn)菜單的跳轉(zhuǎn)功能是由JavaScript腳本代碼來實現(xiàn)的，這些代碼是由Dreamweaver8添加到網(wǎng)頁文檔中的。跳轉(zhuǎn)菜單的修改較為方便。 修改跳轉(zhuǎn)菜單的操作步驟如下：（1）在網(wǎng)頁文檔中，選中要修改的跳轉(zhuǎn)菜單。（2）在【屬性】面板中，顯示的跳轉(zhuǎn)菜單如圖5-9所示，單擊【列表值】按鈕。（3）在彈出的【列表值】對話框中，修改菜單選項，如圖5-10所示。（4）修改完成后，單擊【確定】按鈕。第二十一頁，共七十頁，2022年，8月28日圖5-9轉(zhuǎn)跳菜單的【屬性】面板圖5-10【列表值】對話框第二十二頁，共七十頁，2022年，8月28日

熱點鏈接是在一個圖像中劃分出幾個不同的幾何圖形區(qū)域，然后分別為這個圖像不同的幾何圖形區(qū)域建立超鏈接，圖像中建立超鏈接的幾何圖形區(qū)域稱為熱點。 瀏覽時，當(dāng)熱點被單擊后就會完成相應(yīng)的超鏈接操作，不同的熱點對應(yīng)于不同的超鏈接，這就是圖像的熱點鏈接。5.1.7創(chuàng)建熱點鏈接第二十三頁，共七十頁，2022年，8月28日創(chuàng)建熱點鏈接的操作步驟如下。（1）在網(wǎng)頁編輯窗口中插入一幅圖像，并選中這幅圖像。（2）此時在圖像的【屬性】面板左下方有一個名為【地圖】的文本框，如圖5-11所示，可在其中輸入熱點鏈接的名稱。 若不輸入內(nèi)容，Dreamweaver8將會自動加上一個熱點鏈接的名字。第二十四頁，共七十頁，2022年，8月28日圖5-11圖像的【屬性】面板第二十五頁，共七十頁，2022年，8月28日（3）在【地圖】文本框下面有4個圖標(biāo)按鈕，分別是選擇編輯箭頭、矩形熱點、圓形熱點和多邊形熱點工具，這些圖標(biāo)的功能分別是調(diào)整熱點區(qū)域，創(chuàng)建矩形、圓形和不規(guī)則多邊形的熱點區(qū)域。（4）單擊創(chuàng)建多邊形熱點區(qū)域的圖標(biāo)，然后用鼠標(biāo)依次在選作熱點鏈接的幾何圖形外部輪廓線上依次單擊，可定義一個多邊形的熱區(qū)，如圖5-12所示。（5）如果用鼠標(biāo)單擊矩形或圓形圖標(biāo)，然后在選作熱點的外部輪廓線上拖曳鼠標(biāo)，可定義矩形或圓形的熱區(qū)，如圖5-12所示。第二十六頁，共七十頁，2022年，8月28日圖5-12定義熱點鏈接第二十七頁，共七十頁，2022年，8月28日（6）當(dāng)一個熱區(qū)被選定后，圖像的【屬性】面板變成圖像熱點的【屬性】面板，如圖5-12所示。（7）單擊圖像熱點的【屬性】面板中【鏈接】文本框右邊的圖標(biāo)，選擇當(dāng)前熱區(qū)鏈接的文件。或者直接在【鏈接】文本框中輸入鏈接文件的路徑和名稱。（8）在【目標(biāo)】下拉列表框中設(shè)置鏈接的目標(biāo)對象的顯示方式。（9）在【替代】文本框中輸入所定義的熱區(qū)的說明文字。在瀏覽網(wǎng)頁時，鼠標(biāo)指在熱區(qū)上將會顯示【替代】文本框中的說明文字。第二十八頁，共七十頁，2022年，8月28日（10）重復(fù)以上第(7)～(9)步，完成其他熱區(qū)的編輯。 如果熱區(qū)選擇有誤，可按Delete鍵將其刪除。也可單擊【地圖】文本框下面的圖標(biāo)，用鼠標(biāo)拖曳熱區(qū)上的控制點調(diào)整熱區(qū)，改變其大??；或用鍵盤的上、下、左、右方向鍵移動選定的熱區(qū)，改變其位置。第二十九頁，共七十頁，2022年，8月28日圖5-13應(yīng)用實例的圖示第三十頁，共七十頁，2022年，8月28日第8章表單及應(yīng)用8.1交互式表單概述8.2創(chuàng)建表單8.3表單應(yīng)用實例第三十一頁，共七十頁，2022年，8月28日表單（Form）技術(shù)可以實現(xiàn)瀏覽者同Internet服務(wù)器之間信息的交互傳送，它是網(wǎng)絡(luò)信息收集處理的一種重要的方式。通過表單可以從網(wǎng)絡(luò)的用戶端收集信息，然后將收集來的信息經(jīng)過服務(wù)器處理后再返饋給用戶。無論是電子商務(wù)、網(wǎng)上調(diào)查，還是留言板、聊天室，都要求網(wǎng)頁能夠接收瀏覽者輸入的信息，而表單就是網(wǎng)站獲取用戶信息的最重要的手段之一。1交互式表單概述第三十二頁，共七十頁，2022年，8月28日 瀏覽者在網(wǎng)頁上看到有關(guān)表單的頁面，只是供瀏覽者輸入信息的表單頁面。當(dāng)瀏覽者按要求在表單中填寫有關(guān)信息，單擊表單的遞交（Submit）按鈕之后，表單內(nèi)容就會上傳到服務(wù)器，并且由事先編好的服務(wù)器端程序來處理這些信息，最后服務(wù)器再將處理結(jié)果發(fā)送給瀏覽者的瀏覽器。由此可見，表單的應(yīng)用必須依賴于服務(wù)器端腳本才能真正發(fā)揮其功能。第三十三頁，共七十頁，2022年，8月28日表單主要的功能是接收輸入的信息。瀏覽者輸入的信息可以是多種多樣的，這些不同類別的信息可以由不同的表單域分別接收。因為每個表單域?qū)?yīng)一個項目，所以每個表單域都要添加一個標(biāo)識，提醒用戶在這個表單域中應(yīng)該輸入的內(nèi)容。在網(wǎng)頁中創(chuàng)建一個表單的方法有3種。（1）菜單欄：【插入】|【表單】|【表單】命令，便可在網(wǎng)頁的指定位置上插入一個紅色虛線構(gòu)成的表單區(qū)域。（2）工具欄：【插入】欄【表單】選項中的【表單】按鈕。（3）直接將【插入】欄【表單】選項中的【表單】按鈕拖入網(wǎng)頁文檔窗口的表單插入?yún)^(qū)域。8.2創(chuàng)建表單第三十四頁，共七十頁，2022年，8月28日紅色虛線框確定了當(dāng)前表單的邊框，這種紅色邊框的大小是不能被編輯的。當(dāng)設(shè)計者在表單區(qū)域中插入對象后，表單的區(qū)域會自動調(diào)整其大小。在創(chuàng)建表單后，就可以在表單中插入各種表單域。要在網(wǎng)頁中插入表單域有兩種方法，一種是菜單命令；另一個是工具欄。第三十五頁，共七十頁，2022年，8月28日下面先簡要介紹Dreamweaver8的表單域的特點。文本字段：用來輸入的文字或數(shù)字。文本區(qū)域：插入的文本可顯示為單行、多行，但是瀏覽者輸入文字較麻煩，故在表單中應(yīng)少用文本框，盡可能使用其它的表單對象。按鈕：表單中一般有兩個按鈕，一個是【提交】按鈕，單擊此按鈕可把瀏覽者輸入的信息發(fā)送給服務(wù)器；另一個是【重置】按鈕，用來清除表單中的內(nèi)容，把當(dāng)前表單還原為初始狀態(tài)。復(fù)選框：復(fù)選框可以單獨使用，也可以成組使用，有選中與不選中兩種狀態(tài)。單選按鈕：單選按鈕常用于一組互斥選擇（如“男”、“女”等）。單選按鈕組：創(chuàng)建一組在表單中使用的單選按鈕。“標(biāo)簽”處可改數(shù)值。第三十六頁，共七十頁，2022年，8月28日列表/菜單按鈕：常用于提交一組可供瀏覽者進(jìn)行選擇的列表選項。其表現(xiàn)方式為當(dāng)單擊它右側(cè)的按鈕時，彈出一個下拉式列表。瀏覽者可單擊列表中某一選項。它在功能上與單選按鈕相似，可以提供瀏覽者在多個備選項中作一個選擇，它占有網(wǎng)頁的面積比單選按鈕小的多。文件域：文件域有一個文本框和一個瀏覽按鈕。讓瀏覽者從本地計算機上用表單向服務(wù)器上傳文件。隱藏域：表單的隱藏域在瀏覽時是看不到的，瀏覽者也不能執(zhí)行該操作。利用隱藏域可以實現(xiàn)瀏覽器同服務(wù)器在后臺不公開地交換信息。圖片域：用于顯示圖片，也可用作確認(rèn)按鈕。跳轉(zhuǎn)菜單：插入一個跳轉(zhuǎn)菜單，每個菜單選項都可鏈接到一個網(wǎng)頁或文件。第三十七頁，共七十頁，2022年，8月28日表單中的文本框是網(wǎng)頁中常見一種表單元素，網(wǎng)頁中表單的文本框包括3種形式?！締涡形谋究颉渴菫g覽者只能輸入一行信息的文本區(qū)域?！径嘈形谋究颉渴强捎删W(wǎng)頁設(shè)計者限定文本的行數(shù)，并決定是否顯示滾動條，瀏覽者可在這種文本框中輸入多行文本信息。【密碼】文本框是一種可以讓瀏覽者輸入密碼信息的文本框，輸入的字符都以“*”號顯示在屏幕上。8.2.1創(chuàng)建表單的文本框第三十八頁，共七十頁，2022年，8月28日下面將介紹創(chuàng)建一個帶有文本框的最基本的表單，通過創(chuàng)建這個簡單的表單來了解表單創(chuàng)建的過程，其操作步驟如下：（1）在網(wǎng)頁文檔窗口中，確定要插入的表單位置。（2）單擊【表單】選項中的【表單】按鈕，便可在網(wǎng)頁編輯區(qū)中生成一個表單。此時表單被一個紅色虛線框界定。單擊紅色虛線框，可以選中表單區(qū)域，在【屬性】面板中顯示了這個表單區(qū)域的屬性。第三十九頁，共七十頁，2022年，8月28日表單的【屬性】面板中各屬性具體意義如下。在【表單名稱】文本框中輸入指定表單的名稱，表單的名稱必須唯一。在【動作】文本框中可以輸入一個URL，用來指定處理表單信息的服務(wù)端的程序。也可以輸入mailto：郵件地址，用Email方式來發(fā)送表單中的數(shù)據(jù)。在【方法】下拉式列表中指定一個處理表單數(shù)據(jù)的方法，其下拉列表中的各項意義如下所述。默認(rèn)：使用瀏覽器的默認(rèn)方式，一般為GET方式。GET：表示把表單值附加到URL，并發(fā)送給服務(wù)器一個GET請求。第四十頁，共七十頁，2022年，8月28日POST：以消息方式發(fā)送表單的值，并發(fā)送給服務(wù)器一個POST請求。在【目標(biāo)】下拉式列表中指定一個窗口方式，在該窗口中顯示調(diào)用程序所返回的數(shù)據(jù)。在【MIME類型】下拉式列表可以指定對提交給服務(wù)器進(jìn)行處理的數(shù)據(jù)使用MIME編碼類型。（5）將光標(biāo)插入到表單內(nèi)，輸入標(biāo)識提示文字“您的姓名：”。（6）單擊【表單】選項中的【文本字段】按鈕，就會在表單中生成一個【文本字段】表單域，如圖所示。第四十一頁，共七十頁，2022年，8月28日創(chuàng)建表單文本字段示意圖第四十二頁，共七十頁，2022年，8月28日1.創(chuàng)建表單的單選按鈕網(wǎng)頁中表單的單選按鈕一般都是成組出現(xiàn)的，在頁面設(shè)計時既要為單選按鈕組定義一個標(biāo)識，也要為每一個單選按鈕定義一個標(biāo)識。創(chuàng)建單選按鈕的操作步驟如下：（1）在表單的合適位置插入光標(biāo)，并輸入單選按鈕組的標(biāo)識文字，例如“性別：”。（2）然后單擊【表單】選項中的按鈕，并輸入這個單選按鈕的標(biāo)識文字，例如“男”。建立表單的單選按鈕和復(fù)選框第四十三頁，共七十頁，2022年，8月28日（3）選中這個單選按鈕，打開單選按鈕的【屬性】面板，如圖所示。(4)在【單選按鈕】文本框中輸入單選按鈕的名字“性別”。并在【選定值】文本框中給單選按鈕賦值“男”。單選按鈕的【屬性】面板第四十四頁，共七十頁，2022年，8月28日(5)并為這個單選按鈕設(shè)置初始狀態(tài)，【初始狀態(tài)】為【已勾選】狀態(tài)。(6)用同樣的方法添加另一個標(biāo)識為“女”的單選按鈕。(7)在【單選按鈕】文本框中輸入單選按鈕的名字“性別”。并在選定值文本框中給單選按鈕賦值“女”。(8)并為這個單選按鈕設(shè)置初始狀態(tài)，【初始狀態(tài)】為【未選中】狀態(tài)，如圖所示。表單的單選按鈕第四十五頁，共七十頁，2022年，8月28日2.創(chuàng)建表單的復(fù)選框網(wǎng)頁表單中的復(fù)選框可以單個出現(xiàn)也可以成組出現(xiàn)，單個復(fù)選框可用于答案為是或否的問題，成組的復(fù)選框可用于一個或多個選項選取的問題。一般情況下，復(fù)選框組的標(biāo)識文字放在復(fù)選框之前，而每一個復(fù)選框的標(biāo)識文字放到復(fù)選框的后面。第四十六頁，共七十頁，2022年，8月28日下面將介紹創(chuàng)建復(fù)選框的過程，其操作步驟如下。(1)在表單的合適位置插入光標(biāo)，并輸入復(fù)選框組的標(biāo)識文字，例如“您經(jīng)常關(guān)注本網(wǎng)上書店的哪些欄目？”。(2)將光標(biāo)插入到合適的位置，然后單擊【表單】選項中的按鈕，并輸入這個單選按鈕的標(biāo)識文字，如圖所示。表單的復(fù)選框第四十七頁，共七十頁，2022年，8月28日選中該復(fù)選框，在復(fù)選框的【屬性】面板中為其設(shè)置名稱和賦值，如圖8-7所示?！緦傩浴棵姘逯懈黜梾?shù)意義如下所述。在【復(fù)選框名稱】文本框中，給選中的復(fù)選框起一個名字，也就是選中該復(fù)選框后向服務(wù)器發(fā)送信息時所用的變量名。在【選定值】文本框中，輸入選中該復(fù)選框后要向服務(wù)器發(fā)送的內(nèi)容在【初始狀態(tài)】中，選中【已勾選】單選項表示該復(fù)選框初始狀態(tài)已被選中。選中【未選中】單選項表示該復(fù)選框初始狀態(tài)為待選狀態(tài)。復(fù)選框【屬性】面板設(shè)置的參數(shù)應(yīng)按照與服務(wù)器端程序的約定來完成。第四十八頁，共七十頁，2022年，8月28日圖8-7表單復(fù)選框的【屬性】面板第四十九頁，共七十頁，2022年，8月28日給表單添加列表框與下拉式列表框的方法基本相同，只需在創(chuàng)建了空白列表后，在列表【屬性】面板的【類型】中選擇不同的單選項便可完成設(shè)置。選擇【菜單】單選項，可創(chuàng)建下拉式列表框；選擇【列表】單選項，可創(chuàng)建列表框。下面來介紹創(chuàng)建表單的列表框方法。（1）在表單的合適位置上插入光標(biāo)，然后輸入下拉式列表的框的標(biāo)識文字，例如“您的職業(yè)：”。（2）單擊【表單】選項中的按鈕，此時表單的光標(biāo)位置上顯示一個很小的下拉式列表框。8.2.3創(chuàng)建表單的列表框第五十頁，共七十頁，2022年，8月28日（3）選中新建的下拉式列表框，下拉列表框的【屬性】面板，如圖8-8所示。圖8-8下拉式列表框的【屬性】面板第五十一頁，共七十頁，2022年，8月28日【屬性】面板中各項參數(shù)的意義如下。在【列表/菜單】文本框中設(shè)置下拉式列表框的名稱。在此文本框中輸入下拉式列表框的名稱為select。在【類型】選項區(qū)中設(shè)置下拉式列表框的類型為【菜單】。若下拉式列表框的【類型】設(shè)置為【列表】時，高度文本框被激活，在其中可設(shè)置該列表框可顯示的行數(shù)。選中【選定范圍】復(fù)選框，可將下拉式列表設(shè)置成一次選擇多個選項。可以通過按Ctrl鍵，再單擊選擇不相鄰的任意多個選項，也可以通過按Shift鍵來選中兩次單擊選項之間所有連續(xù)的選項。單擊【列表值】按鈕，可以進(jìn)行列表值的設(shè)置。在【初始化時選定】列表中，會顯示通過列表值設(shè)置的列表項目文字。第五十二頁，共七十頁，2022年，8月28日（4）在【屬性】面板中單擊【列表值】按鈕，打開【列表值】對話框，如圖8-9所示。（5）單擊項目標(biāo)簽按鈕的下方，在出現(xiàn)的文本框中輸入“工人”。（6）按Tab鍵或單擊值按鈕，在出現(xiàn)的文本框中輸入選項的賦值“GR”。（7）單擊按鈕，重復(fù)步驟（5）、（6）添加新的列表選項。第五十三頁，共七十頁，2022年，8月28日圖8-9【列表值】對話框第五十四頁，共七十頁，2022年，8月28日在表單中創(chuàng)建【提交】和【重置】按鈕的操作步驟如下：（1）在表單合適的位置上確定插入點，然后2次單擊【表單】選項卡中的按鈕。（2）在表單中就會生成2個按鈕，如圖8-10所示。8.2.4創(chuàng)建表單的提交和重置按鈕第五十五頁，共七十頁，2022年，8月28日（3）選中第一個按鈕，在按鈕的【屬性】面板中設(shè)置參數(shù)。輸入【按鈕名稱】為“Submit”；在【標(biāo)簽】文本框中輸入該按鈕上的文字“提交”；在【動作】選項區(qū)中選擇【提交表單】單選項。（4）選中第二個按鈕，在按鈕的【屬性】面板中設(shè)置參數(shù)。輸入【按鈕名稱】為“Reset”；在【標(biāo)簽】文本框中輸入該按鈕上的文字“重置”；在【動作】選項區(qū)中選擇【重設(shè)表單】單選項。添加按鈕后的表單如圖8-10所示。第五十六頁，共七十頁，2022年，8月28日圖8-10表單按鈕的【屬性】面板第五十七頁，共七十頁，2022年，8月28日8.2.5其他表單域的應(yīng)用表單圖像域圖像域是一個比較有用的表單域，它的主體是一個圖片。在瀏覽時單擊這個圖片時，表單就會向服務(wù)器發(fā)送表單中各個表單域的值。圖像域可以代替【提交】按鈕，一個圖像域有兩個值，分別表示單擊圖像域時鼠標(biāo)指針的縱坐標(biāo)和橫坐標(biāo)。在表單中創(chuàng)建圖像域的操作步驟如下。（1）在表單合適的位置上確定插入點，然后再單擊【表單】選項中的按鈕。（2）在打開的【選擇圖像源】對話框中，選擇一個圖片將其插入到表單中。第五十八頁，共七十頁，2022年，8月28日（3）選中該圖像，在圖像的【屬性】面板中可以設(shè)置表單的圖像屬性，如圖8-11所示，設(shè)置方法同操作普通圖像類似。表單圖像域的【屬性】面板第五十九頁，共七十頁，2022年，8月28日表單圖像域【屬性】面板的基本參數(shù)的意義如下。在【圖像區(qū)域】文本框中可輸入圖像域的名稱。在【源文件】文本框中輸入要選定圖像的路徑和文件名。在【替代】文本框中可輸入圖像的替換文字。當(dāng)瀏覽器不能顯示圖像時，輸入的文字將代替圖像，顯示在瀏覽器中。在【對齊】下拉式列表框中設(shè)置圖像的對齊方式。單擊【編輯圖像】按鈕，可以啟動外部圖像編輯器Fireworks8，編輯該圖像。第六十頁，共七十頁，2022年，8月28日2.表單隱藏域隱藏域是一種在瀏覽器上看不到的表單域，也不用對其執(zhí)行操作，利用隱藏域可以實現(xiàn)瀏覽器同服務(wù)器在后臺交換信息。由于它是不可見的，所以也不需要為它添加標(biāo)識文字。在表單中，插入隱藏表單域的操作步驟如下。（1）在表單合適的位置上確定插入點，然后再單擊【表單】選項中的按鈕。（2）在網(wǎng)頁文檔窗口的插入點處可以看到一個圖標(biāo)。（3）雙擊圖標(biāo)，選中表單的隱藏域，在表單隱藏域的【屬性】面板中可以設(shè)置表單隱藏域的屬性，如圖8-12所示。第六十一頁，共七十頁，2022年，8月28日隱藏表單域【屬性】面板的基本參數(shù)意義如下。在【隱藏區(qū)域】文本框中，輸入表單隱藏域的名稱。在【值】文本框中輸入隱藏表單域的初始值。圖8-12表單隱藏域的【屬性】面板第六十二頁，共七十頁，2022年，8月28日3.表單文件域利用表單的文件域可以從本地計算機向服務(wù)器上傳文件。表單的文件域包括一個文本框和一個瀏覽按鈕。在瀏覽器中單擊瀏覽按鈕，打開選擇文件的對話框，在對話框中選擇相應(yīng)的文件，然后單擊表單中的提交按鈕便可將文件發(fā)送到服務(wù)器上。在表單中，插入文件表單域的操作步驟如下。（1）在表單合適的位置上確定插入點，然后再單擊【表單】選項中的按鈕。（2）在網(wǎng)頁文檔窗口的插入點處可以創(chuàng)建一個文本框和瀏覽按鈕，如圖8-13所示。第六十三頁，共七十頁，2022年，8月28日圖8-13表單文件域的【屬性】面板第六十四頁，共七十頁，2022年，8月28日（3）選中表單的文件域，在表單的文件域的【屬性】面板中可以設(shè)置表單文件域的屬性。文件表單域【屬性】面板的基本參數(shù)意義如下。在【文件域名稱】文本框中輸入文件表單域的名稱。在【字符寬度】文本框中輸入文件域最大字符寬度。在【最多字符數(shù)】文本框中輸入文件域最多字符數(shù)。（4）按F12鍵預(yù)覽Web頁面，單擊【瀏覽】按鈕，系統(tǒng)彈出【選擇文件】對話框，瀏覽者可選擇確定本地計算機重要上傳的文件，完成文件上傳的操作。在Web頁面中若要插入表單的轉(zhuǎn)跳菜單，可單擊表單子面板的按鈕。第六十五頁，共七十頁，2022年，8月28日例8.1創(chuàng)建一個如圖8-14所示的信息反饋的表單，并根據(jù)輸入的數(shù)據(jù)類型設(shè)置表單域的驗證行為，使得