信息技術(shù)基礎(chǔ)能力教程 教學(xué)課件 作者 李亞平 等 第9章 網(wǎng)頁制作

第9章網(wǎng)頁制作在線教務(wù)輔導(dǎo)網(wǎng)：http://教材其余課件及動(dòng)畫素材請查閱在線教務(wù)輔導(dǎo)網(wǎng)QQ:349134187

或者直接輸入下面地址：9.1建立站點(diǎn)9.1.1FrontPage2000的啟動(dòng)畫面。1．“網(wǎng)頁”視圖“網(wǎng)頁”視圖是FrontPage2000中最常用的工作界面。網(wǎng)頁的創(chuàng)建、編輯、預(yù)覽等基本操作都是在此視圖中進(jìn)行的2．“文件夾”視圖“文件夾”視圖對于站點(diǎn)的作用與Windows資源管理器對存儲(chǔ)在硬盤上的文件的作用和操作基本相同。在“文件夾”視圖中，站點(diǎn)顯示為一組文件和文件夾，在此可以通過拖拽操作移動(dòng)文件或文件夾，也可刪除文件或文件夾。9.1建立站點(diǎn)3．“報(bào)表”視圖使用“報(bào)表”視圖可以方便地了解當(dāng)前站點(diǎn)的文件內(nèi)容、圖片、未鏈接文件、舊文件等的總數(shù)、大小、說明、更新鏈接情況、組件錯(cuò)誤以及所有列表及變化情況等信息，為用戶分析站點(diǎn)性能，了解站點(diǎn)建設(shè)細(xì)節(jié)提供參考。4．“導(dǎo)航”視圖“導(dǎo)航”視圖像一個(gè)單位或組織的結(jié)構(gòu)圖，可以直觀地瀏覽網(wǎng)站內(nèi)網(wǎng)頁之間的鏈接關(guān)系，同時(shí)也可以通過鼠標(biāo)將結(jié)構(gòu)圖中的網(wǎng)頁拖到新位置來改變鏈接情況9.1建立站點(diǎn)5．“超鏈接”視圖此視圖就像一個(gè)地圖，將當(dāng)前站點(diǎn)詳細(xì)顯示為鏈接文件的一個(gè)網(wǎng)絡(luò)，表明站點(diǎn)中的超鏈接路徑。6．“任務(wù)”視圖此視圖用來創(chuàng)建和管理任務(wù)，在視圖中列出了當(dāng)前站點(diǎn)中任務(wù)的狀態(tài)、名稱和優(yōu)先級等，建立了任務(wù)之后，用戶就可以切換到此視圖中，對任務(wù)進(jìn)行管理。9.1.2建立站點(diǎn)

1.如果要建立一個(gè)新的站點(diǎn)，操作步驟如下：選擇【文件】→【新建】→【站點(diǎn)】命令2.如果要打開一個(gè)已有的站點(diǎn)，操作步驟如下：選擇【文件】→【打開站點(diǎn)】命令9.1.3刪除站點(diǎn)（1）打開要?jiǎng)h除的站點(diǎn)，單擊“文件夾列表”按鈕列出所有文件和文件夾。（2）用鼠標(biāo)右鍵單擊要?jiǎng)h除的站點(diǎn)名稱，從快捷菜單中選擇【刪除】命令，彈出“確認(rèn)刪除”對話框。（3）選擇“刪除整個(gè)站點(diǎn)”選項(xiàng)，單擊【確定】按鈕，即可刪除該站點(diǎn)。

9.2編輯網(wǎng)頁9.2.1創(chuàng)建網(wǎng)頁1．創(chuàng)建新的網(wǎng)頁

選擇【文件】→【新建】→【網(wǎng)頁】命令

2．打開已有的網(wǎng)頁

選擇【文件】→【打開】命令

3．打開最近打開過的網(wǎng)頁選擇【文件】→【最近使用的文件】

4．保存網(wǎng)頁

選擇【文件】→【保存】命令

9.2編輯網(wǎng)頁9.2.2文本編輯1．編輯文本FrontPage2000中可使用的編輯操作主要有：輸入文本、選定文本、插入、復(fù)制、移動(dòng)、刪除和查找替換。設(shè)置字符格式的操作有:字體、字型、字號(hào)、字體顏色、字符間距、上劃線、下劃線，上標(biāo)、下標(biāo)、刪除線、閃爍等特殊效果設(shè)置段落格式的操作有：行間距、段間距、首行縮進(jìn)、左右縮進(jìn)、對齊方式、編號(hào)和項(xiàng)目符號(hào)。2．圖像列表圖像列表就是將項(xiàng)目符號(hào)用圖像來代替9.2編輯網(wǎng)頁9.2.3插入及處理圖片1.在網(wǎng)頁中插入的圖片，其來源可以來自當(dāng)前站點(diǎn)、剪貼畫庫、本地硬盤，也可由因特網(wǎng)站點(diǎn)或掃描儀、數(shù)碼相機(jī)等設(shè)備導(dǎo)入，操作步驟如下：將插入點(diǎn)設(shè)置在要插入圖片的位置，選擇【插入】→【圖片】→【來自文件】命令2.設(shè)置圖片屬性

,用鼠標(biāo)右鍵單擊文檔中的圖片，在彈出的快捷菜單中選擇【圖片屬性】命令

9.2.4插入水平線將插入點(diǎn)放置在要插入水平線的位置，選擇【插入】→【水平線】命令

9.2編輯網(wǎng)頁9.2.5設(shè)置超級鏈接

在瀏覽器中，只要用鼠標(biāo)單擊某個(gè)具有超鏈接屬性的對象，就會(huì)打開一個(gè)新的對象，這就是超鏈接。1．文本鏈接選擇要建立鏈接的文本，在選擇的文本上單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇【超鏈接】命令2．圖片超鏈接圖片超鏈接與文本超鏈接相似

9.2編輯網(wǎng)頁9.2.6加入聲音

1．設(shè)置背景音樂::打開要設(shè)置背景音樂的網(wǎng)頁，選擇【文件】→【屬性】命令

2．用超鏈接加入聲音:如果當(dāng)前站點(diǎn)中沒有包含要鏈接的聲音文件，首先需要將它導(dǎo)入到當(dāng)前的站點(diǎn)中，選擇【文件】→【導(dǎo)入】命令9.2編輯網(wǎng)頁

9.2.7制作網(wǎng)頁過渡效果在網(wǎng)頁之間進(jìn)行轉(zhuǎn)換時(shí)，F(xiàn)rontPage2000支持使用動(dòng)態(tài)技術(shù)。即當(dāng)瀏覽站點(diǎn)從一個(gè)網(wǎng)頁切換到另一個(gè)網(wǎng)頁時(shí)，將出現(xiàn)各種不同的轉(zhuǎn)場效果，使網(wǎng)頁的瀏覽更加生動(dòng)，操作步驟如下：打開需要設(shè)置過渡效果的網(wǎng)頁，選擇【格式】→【網(wǎng)頁過渡】命令9.3使用網(wǎng)頁布局9.3.1建立與編輯表格建立表格的方法同Word基本相同，既可通過依次選擇【表格】→【插入】→【表格】命令插入一規(guī)則的表格，也可選擇【表格】→【手繪表格】命令進(jìn)行手工繪制。9.3.2設(shè)置表格屬性將光標(biāo)置于表格內(nèi)的任意位置，單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選定【表格屬性】命令9.3使用網(wǎng)頁布局9.3.3創(chuàng)建框架1．創(chuàng)建框架（1）選擇【文件】→【新建】→【網(wǎng)頁】命令,彈出“新建”對話框。（2）在此對話框中選擇“框架網(wǎng)頁”選項(xiàng)卡，即可在列表中通過鼠標(biāo)單擊選擇所需的模板。2．設(shè)置框架網(wǎng)頁中的網(wǎng)頁文件使用模板創(chuàng)建的框架網(wǎng)頁是一個(gè)空的網(wǎng)頁，用戶可以把現(xiàn)有的網(wǎng)頁填充到框架中，操作步驟如下：在框架中單擊【設(shè)置初始網(wǎng)頁】按鈕，彈出“創(chuàng)建超鏈接”對話框。在此對話框中選定要設(shè)置鏈接的網(wǎng)頁，單擊【確定】按鈕，該網(wǎng)頁就出現(xiàn)在框架內(nèi)部。9.3使用網(wǎng)頁布局3．保存框架網(wǎng)頁由于每個(gè)框架是一個(gè)獨(dú)立的網(wǎng)頁，所以保存含有框架的網(wǎng)頁時(shí)，將會(huì)分別保存各框架的網(wǎng)頁文件，在“另存為”對話框右側(cè)的框架圖中，處于高亮狀態(tài)的框架表示你當(dāng)前正在保存的框架網(wǎng)頁。4．拆分和刪除框架通過模板創(chuàng)建的框架，有時(shí)不能滿足用戶的要求，這時(shí)可以對框架進(jìn)行拆分，以制作出更為復(fù)雜的框架網(wǎng)頁，操作步驟如下：

選擇要拆分的框架，選擇【框架】→【拆分框架】命令

9.3使用網(wǎng)頁布局5．設(shè)置框架屬性創(chuàng)建好的框架網(wǎng)頁，可以根據(jù)需要對其屬性進(jìn)行修改，即對框架布局進(jìn)行修改?？蚣軐傩园ǎ嚎蚣艿拿Q、初始網(wǎng)頁、框架大小、框架邊距、顯示框架滾動(dòng)條等。選擇要修改的框架，選擇【框架】→【框架屬性】命令

6．設(shè)置目標(biāo)框架選擇要定義超鏈接的文字或圖片，單擊“常用”工具欄的【超鏈接】按鈕

9.4創(chuàng)建表單選擇【插入】→【表單】→【表單】命令，即可創(chuàng)建一個(gè)只有【提交】和【全部重寫】兩個(gè)按鈕的空表單。在此表單中可以選擇【插入】→【表單】下的命令選項(xiàng)以插入各種表單元素。9.4創(chuàng)建表單1．單行文本框和滾動(dòng)文本框“單行文本框”很適合簡短回答，如姓名、地址、郵編和電話號(hào)碼等；如果需要讀者填入更詳細(xì)的信息或說明文字時(shí)，最好用“滾動(dòng)文本框”。當(dāng)瀏覽器中出現(xiàn)單行文本框時(shí)，用戶可單擊此框并輸入所要求的信息。有默認(rèn)值的情況下文本長度并不局限于框的長度，如果文本超出右邊界，文本則從右向左移動(dòng)。

9.4創(chuàng)建表單2．復(fù)選框功能：用于實(shí)現(xiàn)單項(xiàng)或多項(xiàng)選擇。在“復(fù)選框?qū)傩浴睂υ捒蛑?，在“名稱”文本框中輸入此復(fù)選框的名字，在“數(shù)值”文本框中輸入值；“初始狀態(tài)”項(xiàng)是用來設(shè)置復(fù)選框的初始狀態(tài)，其中兩種狀態(tài)是：“選中”和“未選中”；“Tab鍵順序”項(xiàng)是用來設(shè)置Tab鍵經(jīng)過的順序。

9.4創(chuàng)建表單3．單選按鈕功能：用戶在一組選項(xiàng)中選擇一種。每組單選按鈕是一個(gè)集體，它們只有同一個(gè)組名，而不能用同一個(gè)值。你可在“單選按鈕屬性”對話框中為單選按鈕設(shè)置“組名稱”，“數(shù)值”，其設(shè)置方法與復(fù)選框類似。

9.4創(chuàng)建表單4．下拉菜單功能：從多個(gè)菜單式選項(xiàng)中選擇，可選一個(gè)或多個(gè)選項(xiàng)。

5．按鈕【提交】按鈕：表示用戶填完一個(gè)表單把數(shù)據(jù)送到服務(wù)器上保存。【重置】按鈕：用于把所有表單域初始化為默認(rèn)值，用戶可以重新填寫。

9.5制作動(dòng)態(tài)網(wǎng)頁9.5.1橫幅廣告管理器選擇【插入】→【組件】→【橫幅廣告管理器】命令,可以在網(wǎng)頁中的一個(gè)區(qū)域內(nèi)，以一定的時(shí)間間隔不斷顯示不同的圖片

9.5.2站點(diǎn)計(jì)數(shù)器選擇【插入】→【組件】→【站點(diǎn)計(jì)數(shù)器】命令

,可以記錄訪問或者網(wǎng)頁被選中的次數(shù)

9.5.3懸停按鈕懸停按鈕是指當(dāng)光標(biāo)指向該按鈕時(shí)，它的顏色或形狀就會(huì)改變。操作步驟如下：選擇【插入】→【組件】→【懸停按鈕】命令。

9.5制作動(dòng)態(tài)網(wǎng)頁9.5.4設(shè)置移動(dòng)字幕作用移動(dòng)字幕，可以將網(wǎng)頁中的文字做成由左至右，或由右至左移動(dòng)的動(dòng)態(tài)效果。操作步驟如下：將插入點(diǎn)設(shè)置在要插入移動(dòng)字幕的位置，或者是選擇作為移動(dòng)字幕的文本，選擇【插入】→【組件】→【字幕】命令

9.5.5包含網(wǎng)頁如果在站點(diǎn)的多個(gè)網(wǎng)頁中包含有相同的內(nèi)容，可以創(chuàng)建一個(gè)僅包含相同內(nèi)容的單個(gè)網(wǎng)頁，然后用“包含網(wǎng)頁”組件使其它網(wǎng)頁都包含有該相同的內(nèi)容，而不是把相同內(nèi)容輸入到每個(gè)網(wǎng)頁中，操作步驟如下：將插入點(diǎn)設(shè)置在插入包含網(wǎng)頁的位置，選擇【插入】→【組件】→【包含網(wǎng)頁】命令

9.6管理和上傳網(wǎng)站9.6.1管理網(wǎng)站設(shè)計(jì)好的網(wǎng)站，最終目的是要把它發(fā)布到Web站點(diǎn)上，通過網(wǎng)絡(luò)被其他用戶訪問和瀏覽，實(shí)現(xiàn)資源共享。

1．設(shè)置編輯程序在站點(diǎn)的更新過程中，總會(huì)碰到修改圖形，制作GIF動(dòng)畫之類的工作，我們可以根據(jù)個(gè)人喜好設(shè)置自己熟悉的相關(guān)編輯程序，操作步驟如下：選擇【工具】→【選項(xiàng)】命令，在彈出的“選項(xiàng)”對話框中選中“配置編輯器”選項(xiàng)卡，在此列出了各種文件類型對應(yīng)的編輯程序。

2．任務(wù)管理

選擇作為