計算機基礎教（學）案

[文本框]用于讓瀏覽者輸入一行文字,這些文字就是此表單域的取值。[文本區(qū)]用于讓瀏覽者輸入多行文字,這些文字就是此表單域的取值。[文件上載]用來上載一份文件。瀏覽者輸入一個文件名稱或者使用按鈕定位這個文件。[復選框]用來提供多個互不排斥的選項。復選框可以單個出現(xiàn),也可以成組出現(xiàn)。在選擇時,可以選擇多個,也可以都不選。不同的復選框可以共用一個表單域名稱。復選框的取值由復選框的選擇狀態(tài)來決定,每個復選框都對應于一條提交的名稱和取值信息。[選項按鈕]通常成組使用,用來提供一組互相排斥的選項。在選擇時只能選擇其中一項。單選按鈕不僅具有表單域名稱,而且同組的單選按鈕還必須具有相同的組名。在提交表單時,每組單選按鈕中只傳遞選中的單選按鈕的名稱和取值的組合。[分組框]帶標題的方框區(qū)域,包含一組相關的字段。[下拉框]提供一個選項列表,供瀏覽者從中選擇需要的選項。一般情況下,瀏覽者只能從中選擇一項,但通過修改其屬性,也可以選擇多項。[按鈕]一個表單中至少要有2個按鈕：提交〔Submit按鈕和重置〔Reset按鈕。提交〔Submit按鈕用來把瀏覽者在表單上所填寫的數(shù)據(jù)發(fā)送給Web服務器上的表單處理程序進行處理。重置〔Reset按鈕用來把表單上的數(shù)據(jù)全部清空重新填寫。在FrontPage2003中還有一種屬性為"普通"的按鈕。[高級按鈕]與普通按鈕的功能一樣,只是其上面能夠顯示HTML內(nèi)容。[圖片]實際上是一個由圖片表示的提交按鈕。當單擊圖片按鈕時,把表單數(shù)據(jù)和點擊的位置信息發(fā)送給服務器。[標簽]通常意義上的標簽是指在表單域旁邊的說明性文字,沒有可擊性。這里所說的標簽是一種具有可擊性的標簽。通過單擊這類標簽,可以將輸入焦點移到此標簽所對應的表單域中。技能擴展提交表單的設置Web服務器怎樣獲取客戶在表單中填寫的信息呢？當客戶單擊"提交"按鈕后,Web服務器用表單處理程序來處理表單上的信息,表單處理程序可以是注冊組件,也可以是自定義的ISAPI／NSAPI應用程序或CGI腳本等。表單處理程序位于Web服務器端,用于處理客戶提交過來的表單上的內(nèi)容,或者發(fā)送確認信息給客戶。要指定表單處理程序,在表單上單擊鼠標右鍵,在彈出的菜單中選擇"表單屬性"命令,打開"表單屬性"對話框,如圖8-18所示。圖8-18設置表單屬性圖如果要使用FrontPage2003默認的表單處理程序,則選擇"發(fā)送到"單選按鈕。默認情況下,客戶在表單上填寫的信息以文本文件的形式保存到Web服務器的_private文件夾,文件名為：form_results.csv。用戶還可以把表單結(jié)果發(fā)送到某個E-mail地址。如果不想使用FrontPage2003默認的表單處理程序,可以選擇"發(fā)送到其他對象"單選按鈕,然后在下拉列表中選擇"自定義ISAPI、NSAPI、CGI或ASP腳本"或者FrontPage2003預定義的"討論表單處理程序"或者"注冊表單處理程序"。注意：使用FrontPage2003默認的表單處理程序或FrontPage2003預定義的"討論表單處理程序"或者"注冊表單處理程序",Web服務器必須安裝FrontPage服務器擴展〔FrontPageServerExtension,否則表單功能將不會產(chǎn)生任何效用。完成了一個利用表單創(chuàng)建的反饋網(wǎng)頁的設計,接著要做的工作就是利用框架把所設計的這些網(wǎng)頁整合在一起,形成一個完整的關于"中國節(jié)日"的主題網(wǎng)站。步驟三：創(chuàng)建框架相關知識：框架是一種特殊的網(wǎng)頁技術,含有框架的網(wǎng)頁是一種特殊的網(wǎng)頁,一般稱為框架網(wǎng)頁。使用框架后,整個網(wǎng)頁被分割成幾個區(qū)域,每個區(qū)域稱為一個框架窗口,任何一個框架窗口單獨顯示一頁?？蚣艽翱诳梢宰鳛槌溄拥拇翱?當瀏覽者點擊一個超鏈接時,該超鏈接的目標窗口便可以是目標框架窗口,而不是整大體上瀏覽器的窗口?？蚣芗夹g是有效架構(gòu)網(wǎng)頁結(jié)構(gòu)和合理展示信息的工具,也為瀏覽者提供了方便和友好的界面。本章將結(jié)合實例以詳細的操作步驟介紹在網(wǎng)頁中使用框架的基本方法和技能。通過本章的學習,讀者應該理解框架網(wǎng)頁的基本概念,掌握框架網(wǎng)頁的創(chuàng)建、編輯和保存以及框架屬性和框架網(wǎng)頁超鏈接的設置等內(nèi)容。創(chuàng)建方法如下：1、創(chuàng)建網(wǎng)頁模板在"文件"框的"新建"子框中選擇"網(wǎng)頁"命令,打開"新建"對話框；如圖8-19所示。圖8-19新建對話框圖選擇其中"其他網(wǎng)頁模板"命令,彈出"網(wǎng)頁模板"對話框,如圖8-20所示。圖8-20網(wǎng)頁模板圖根據(jù)實際情況,選擇"橫幅和目錄"的框架網(wǎng)頁,打開如圖8-21所示。網(wǎng)頁內(nèi)容區(qū)目錄區(qū)橫幅區(qū)網(wǎng)頁內(nèi)容區(qū)目錄區(qū)橫幅區(qū)圖8-21"橫幅和目錄"的框架網(wǎng)頁圖2、創(chuàng)建框架超鏈接一個新的框架網(wǎng)頁不包含任何內(nèi)容,FrontPage2003將在每個新框架中顯示和兩個按鈕,單擊前一按鈕可以從站點中選擇已準備好的網(wǎng)頁,單擊后一按鈕可以在框架中創(chuàng)建一個新的空白網(wǎng)頁。由于某某同學已經(jīng)準備好了4個"中國節(jié)日"的網(wǎng)頁,所以他就單擊選擇已準備好的網(wǎng)頁。首先單擊橫幅區(qū)的,彈出如圖8-22所示圖8-22插入超鏈接圖選擇已準備好的橫幅網(wǎng)頁,單擊"確定"。網(wǎng)頁就變成圖8-23所示圖8-23插入橫幅圖同樣的方法插入目錄網(wǎng)頁,網(wǎng)頁就變成圖8-24所示圖8-24插入目錄圖下面要分別插入4個"節(jié)日"的網(wǎng)頁,這就要分別對應創(chuàng)建超鏈接,其方法如下：〔1選擇要定義超鏈接的文字或圖片；〔2單擊"常用"工具欄上的"超鏈接"按鈕,出現(xiàn)"創(chuàng)建超鏈接"對話框；〔3在"查找范圍"中選擇需要插入鏈接的目標網(wǎng)頁；〔4單擊"更改目標框架"按鈕,出現(xiàn)"目標框架"對話框；〔5在"當前框架網(wǎng)頁"區(qū)域中單擊要用作目標的框架；〔6單擊"確定"按鈕,返回到"創(chuàng)建超鏈接"對話框,在"目標框架"欄中顯示出設置的目標框架名稱；〔7單擊"確定"按鈕。在指定目標框架時,除了當前的框架之外,還提供了一些特殊的框架來創(chuàng)建不同效果的目標框架。這些特殊框架位于"目標框架"對話框中的"公用的目標區(qū)"區(qū)域,有以下幾種：相同框架：將鏈接的網(wǎng)頁顯示在包含該超鏈接的同一個框架內(nèi)。整頁：將框架展開為整個窗口后,顯示鏈接網(wǎng)頁。新建窗口：打開另外一個新窗口,顯示鏈接網(wǎng)頁。父框架：在當前框架的上層框架內(nèi)顯示鏈接網(wǎng)頁。同樣的方法插入反饋網(wǎng)頁。設計完成后的網(wǎng)頁如圖8-25所示圖825設計完成圖技能擴展FrontPage2003提供的常用的幾種關于創(chuàng)建框架的操作：保存框架網(wǎng)頁當完成框架網(wǎng)頁之后,就需要保存這個框架網(wǎng)頁。操作步驟如下：〔1單擊"常用"工具欄中的"保存"按鈕,打開"另存為"對話框,在右邊的框架網(wǎng)頁預覽圖中,其中一個框架高亮顯示,表示正在保存該網(wǎng)頁；〔2在"文件名"框中輸入網(wǎng)頁名稱；〔3單擊"更改"按鈕,設置網(wǎng)頁的標題；〔4單擊"保存"按鈕,該網(wǎng)頁保存完畢,框架圖中的另一個框架處于高亮狀態(tài)；〔5重復步驟〔2～〔4的操作；〔6當對話框中的整個框架處于高亮狀態(tài)時,表示正在保存框架網(wǎng)頁本身；〔7輸入框架網(wǎng)頁的文件名稱及標題；〔8單擊"保存"按鈕。拆分框架當使用模板創(chuàng)建的框架結(jié)構(gòu)不能滿足需要時,可以通過拆分框架制作出更為復雜的框架網(wǎng)頁。操作步驟如下：〔1選擇要拆分的框架；〔2在"框架"框中選擇"拆分框架"命令,打開"拆分框架"對話框；〔3根據(jù)需要選擇"拆分為列"或"拆分成行"選項；〔4單擊"確定"按鈕完成拆分。刪除框架可以從框架結(jié)構(gòu)中刪除指定的框架。此時,系統(tǒng)只是把框架從框架網(wǎng)頁中刪去,而此框架中的網(wǎng)頁文件仍然存在。操作方法是：選擇要刪除的框架,在"框架"框中選擇"刪除框架"命令即可。設置框架屬性通過對框架屬性的設置,可以更改框架超鏈接的網(wǎng)頁、調(diào)整框架大小等?；静僮魇牵哼x擇目標框架,從"框架"框中選擇"框架屬性"命令,出現(xiàn)如圖8-26所示的"框架屬性"對話框,設置框架屬性。圖8-26框架屬性對話框圖單擊"框架屬性"對話框中"框架網(wǎng)頁"按鈕,彈出如圖8-27所示。在這里可以調(diào)整框架間距。清除"顯示邊框"復選框時,可以隱藏框架邊框。圖8-27網(wǎng)頁屬性對話框圖完成了整個網(wǎng)頁的設計,接著要做的工作是把網(wǎng)頁發(fā)布在學校的網(wǎng)站上。步驟四：網(wǎng)頁的發(fā)布相關知識：通過使用MicrosoftOfficeFrontPage?2003新增的"遠程網(wǎng)站"視圖,可以將整個網(wǎng)站或單獨的網(wǎng)頁發(fā)布到本地或遠程的任何網(wǎng)站。本地網(wǎng)站是FrontPage2003中打開的源網(wǎng)站。遠程網(wǎng)站是要發(fā)布到的目標網(wǎng)站,通常是承載Web服務的遠程計算機。在FrontPage2003中,可以發(fā)布到的遠程Web服務器類型包括：擴展的Web服務器

,服務器上運行Microsoft或MicrosoftSharePoint?Services的FrontPageServerExtensions。一臺文件傳輸協(xié)議<FileTransferProtocol,FTP>

服務器。一臺基于Web的分布式制作和版本控制<WebDAV>

服務器。計算機或網(wǎng)絡驅(qū)動器上的文件夾。下面某某同學以FTP發(fā)布方式把設計的網(wǎng)站的發(fā)布在學校網(wǎng)站服務器上。<1>設置遠程網(wǎng)站屬性,以便連接至服務器并最終進行發(fā)布。首先,選擇"FTP"作為遠程Web服務器,如圖8-28所示。然后,在"遠程網(wǎng)站位置"框內(nèi),鍵入主機名稱,如""。如果網(wǎng)站需要上傳到指定目錄則需要在"FTP目錄"中輸入目錄名。圖8-28遠程網(wǎng)站屬性圖<2>選擇需要上傳的文件檢查需要發(fā)布哪些文件,然后發(fā)布這些文件。操作要點如下："本地網(wǎng)站"位于窗口左側(cè),"遠程網(wǎng)站"位于右側(cè)。遠程網(wǎng)站是文件的發(fā)布目的地,如圖8-29所示。帶箭頭的文件是新文件,且尚未發(fā)布。帶問號<?>的文件是有沖突的文件。這意味著該文件自最近一次發(fā)布以來,在兩個位置都進行了修改,或者意味著使用FrontPage2003之外的其他應用程序發(fā)布了該文件。準備就緒之后,通過單擊窗口右下角的[發(fā)布網(wǎng)站]按鈕即可發(fā)布所有文件?；蛘?也可發(fā)布單個文件,即在本地網(wǎng)站選擇一個文件,然后單擊[本地到遠程]按鈕。圖8-29文件上傳對話框圖當網(wǎng)站發(fā)布成功后,在瀏覽器中打開站點仔細瀏覽,檢查站點中每個網(wǎng)頁是否正確地顯示。當網(wǎng)頁內(nèi)容有更新時,只要單擊"常用"工具欄中的"發(fā)布站點"按鈕,即可將修改過的網(wǎng)頁上傳。知識擴展網(wǎng)站和網(wǎng)頁的設計既是一項復雜的技術也是一門藝術。設計良好的網(wǎng)站不但提供豐富的信息,而且給用戶帶來愉悅的瀏覽體驗。以下是網(wǎng)站和網(wǎng)頁設計的一些基本原則。1目標明確,重點突出首先要明確信息發(fā)布者的性質(zhì)與用途,并了解主要瀏覽對象以及其進行的操作,做到有的放矢。然后,對發(fā)布的信息要分清主次,面面俱到可能使瀏覽者難以找到有用的信息,不能達到預期的目的。2主題鮮明,層次清晰要做到主題鮮明,首先要設計好網(wǎng)站的主頁。主頁的設計要簡潔,內(nèi)容不宜過多,應該在主頁上建立分類欄目。網(wǎng)頁需要有層次清晰的結(jié)構(gòu),尤其是內(nèi)容較多的網(wǎng)頁,可以根據(jù)內(nèi)容進行歸類,分成多個欄目,便于閱讀。3合理設置欄目制作網(wǎng)頁前,要先規(guī)劃好,確定合理的欄目和板塊。欄目的安排要緊扣主題,既要考慮網(wǎng)頁內(nèi)容的分類,又要方便瀏覽,并能對瀏覽者起到較好的導航作用。4正確定位整體風格網(wǎng)站的整體風格是指站點的整體形象給瀏覽者的綜合感受。整體風格是非常抽象的概念,包括網(wǎng)站的標志、色彩、字體、標語、版面布局、內(nèi)容價值等諸多因素,需要結(jié)合整個站點進行定位。對于欄目內(nèi)容跨度較大的網(wǎng)站,可以考慮針對不同欄目采用不同的風格。5頁面布局合理網(wǎng)頁設計要針對所要表達的信息進行合理的布局,好的頁面布局能使瀏覽者首先對網(wǎng)頁內(nèi)容的結(jié)構(gòu)有一個清晰的認識?？梢允褂帽砀褫o助頁面元素的布局,也可以使用特定的布局框架。頁面布局要注意保證重點內(nèi)容放置在屏幕中間的重點位置。6色彩搭配,和諧統(tǒng)一色彩是影響整體風格的關鍵因素。不同的色彩搭配產(chǎn)生不同的效果,并可能影響到瀏覽者的情緒。一般來說,一個網(wǎng)站的標準色彩以不超過三、四種為宜,以使頁面色彩豐富而又協(xié)調(diào)統(tǒng)一。7多媒體功能使用得當除了文字信息外,網(wǎng)站中圖片、聲音、動畫以及視頻等多媒體信息的使用是網(wǎng)頁上最重要的內(nèi)容。它們的使用可以豐富畫面,使頁面更加形象生動。但這些文件都不應該太大,以減少網(wǎng)頁的下載時間,提高用戶瀏覽信