第一篇：網(wǎng)頁制作入門(frontpage2003教材)
網(wǎng)頁制作4
第三單元
本單元以“可愛的中國(guó)”為主題，運(yùn)用前2單元已經(jīng)學(xué)過的 Frontpage2003網(wǎng)頁制作知識(shí)、制作完成“可愛的中國(guó)”主題網(wǎng)站。第一課規(guī)劃網(wǎng)站，主要是設(shè)計(jì)網(wǎng)站結(jié)構(gòu)圖及創(chuàng)建“可愛的中 國(guó)”網(wǎng)站的站點(diǎn)，并為制作網(wǎng)站準(zhǔn)備素材。
第二課設(shè)計(jì)框架網(wǎng)頁，要求在左框架網(wǎng)頁中始終顯示導(dǎo)航欄, 并且通過導(dǎo)航欄鏈接的網(wǎng)頁能夠分別顯示在右框架網(wǎng)頁之中。第三課學(xué)習(xí)設(shè)置網(wǎng)頁過渡效果以給瀏覽者提供美妙且富有情 趣的視覺環(huán)境。
第四課 發(fā)布網(wǎng)站 本課第一任務(wù)是對(duì)“可愛的中國(guó)”網(wǎng)站進(jìn)
行最后的檢測(cè)。第二任務(wù)是通過Windows系統(tǒng)中的“個(gè)人Web服務(wù) 器”，將自己的計(jì)算機(jī)作為服務(wù)器，發(fā)布網(wǎng)站。
第五課將制作網(wǎng)站的一般步驟進(jìn)行如下歸納，學(xué)生檢查自己制 作的網(wǎng)站并完成評(píng)價(jià)表的填寫。本單元中所用到的素材等，都保存在 相關(guān)網(wǎng)頁的相應(yīng)文件夾中。知識(shí)要點(diǎn)： 第1課：
1、規(guī)劃網(wǎng)站的結(jié)構(gòu)。
2、創(chuàng)建空白站點(diǎn)。
3、為網(wǎng)站準(zhǔn)備素材。第二課：
1、創(chuàng)建框架網(wǎng)頁。
2、保存框架網(wǎng)頁。第三課：
設(shè)置網(wǎng)頁過渡效果。第四課：
1、對(duì)網(wǎng)站進(jìn)行檢測(cè)。
2、利用個(gè)人Web服務(wù)器發(fā)布、測(cè)試網(wǎng)站
第一課時(shí)規(guī)劃與準(zhǔn)備
探究空間：
可愛的中國(guó)、悠久的歷史、燦爛的文化。接下來，就讓我們以“可愛的中
國(guó)”為主題，從中國(guó)歷史、地理、中國(guó)之最、中華民族等方面作為內(nèi)容開始規(guī)劃 一個(gè)“可愛的中國(guó)”網(wǎng)站。
11、規(guī)劃網(wǎng)站的結(jié)構(gòu)
在開始建立網(wǎng)站之前，首先要確定網(wǎng)站的主題，然后根據(jù)主題確定這個(gè)網(wǎng)
需要由多少個(gè)網(wǎng)頁組成，以及這些網(wǎng)頁之間的鏈接方式。當(dāng)我們確定了“可愛的 中國(guó)”網(wǎng)站的主題后，經(jīng)過分析，決定用5個(gè)網(wǎng)頁來表現(xiàn)這個(gè)主題，如下圖所示。
主
頁
中國(guó)歷史 中國(guó)地理
中國(guó)之最
中華民族
圖3-1.1
我們把上面的這個(gè)圖稱為網(wǎng)站結(jié)構(gòu)圖。從這個(gè)圖中可以看出，可愛的中國(guó)” 網(wǎng)站的結(jié)構(gòu)分為2層。在制作網(wǎng)站之前畫出結(jié)構(gòu)圖，不但可以幫助我們規(guī)劃網(wǎng)站 結(jié)構(gòu)，使網(wǎng)站層次分明、條理清楚，還可以確定各個(gè)網(wǎng)頁的內(nèi)容，方便大家思考 各網(wǎng)頁之間的鏈接方式。
22、創(chuàng)建站點(diǎn)
設(shè)計(jì)出“可愛的中國(guó)”網(wǎng)站的結(jié)構(gòu)后，接下來我們要在FrontPage中創(chuàng)建這 個(gè)空白網(wǎng)站，然后再逐步補(bǔ)充其中的內(nèi)容，最終形成一個(gè)內(nèi)容豐富多彩的網(wǎng)站。第1步:啟動(dòng)FrootPage。在右側(cè)的“新建網(wǎng)站”任務(wù)窗格中單擊
信息鏈接：
如果FrontPage窗口沒有出現(xiàn)“新建網(wǎng)站”任務(wù)窗格，可單擊菜單欄上的“ 文件，在“文件”菜單欄中單擊“新建”，然后在右側(cè)的窗格中選擇新建網(wǎng)頁或” 站點(diǎn)。
第2步:自動(dòng)打開左下圖所示“網(wǎng)站模板”對(duì)話框。在“指定新網(wǎng)站的位置” 欄可以設(shè)置網(wǎng)站保存的位置，在這里我們點(diǎn)擊“d:可愛的中國(guó)”使這個(gè)文件夾成 為保存網(wǎng)站文件的默認(rèn)文件夾。
圖3-1.2
第3步:單擊
框消失，新站點(diǎn)建立成功。，出現(xiàn)“創(chuàng)建新站點(diǎn)提示框。稍等一會(huì)兒，該提示
第4步:單擊視圖欄中的“文件夾”圖標(biāo)，此時(shí)FrontPage窗口中出現(xiàn)“文 件夾列表”窗格，在這里顯示出新建網(wǎng)站中的文件夾。而在窗口標(biāo)題欄中則顯示 目前網(wǎng)站的所在位置，如下圖所示。
圖3-1.3
由于我們建立的是空白站點(diǎn)，所以網(wǎng)站文件夾中沒有任何網(wǎng)頁文件，但系
統(tǒng)會(huì)自動(dòng)生:成上圖所示的兩個(gè)子文件夾，其中的“images”文件夾用于存放網(wǎng)站 中的圖片文件。
若想關(guān)閉“文件夾列表”窗格，切換到網(wǎng)頁編輯窗口，只要單擊視圖欄中 的“網(wǎng)頁”圖標(biāo)即可。信息鏈接：
FrontPage中提供了多種建立典型網(wǎng)站(如個(gè)人網(wǎng)站、公司展示網(wǎng)站、討論網(wǎng) 站等)的向?qū)Ъ澳０?，利用合適的向?qū)斫⒕W(wǎng)站可以簡(jiǎn)化制作過程。上面介紹 了最基本的建立網(wǎng)站的方法。有興趣的同學(xué)可以試看在“Web站點(diǎn)模板”對(duì)話框 中選擇不同的站點(diǎn)向?qū)А⒔L(fēng)格獨(dú)特的網(wǎng)站。
33、為網(wǎng)站準(zhǔn)備素材
“可愛的中國(guó)”網(wǎng)站的空站點(diǎn)建起來了，接下來我們的工作是制作網(wǎng)頁，充實(shí)網(wǎng)站的內(nèi)容前還有一件很重要的事要做，那就是為網(wǎng)站準(zhǔn)備素材。網(wǎng)頁中除了文字之外，還包含圖片丶聲音丶動(dòng)畫等多種內(nèi)容，這些資料要
在制作網(wǎng)頁之前準(zhǔn)備好，存放在一個(gè)文件夾中。收集資料的方法很多，我們可以 在因特網(wǎng)上查找并下載所需要的資料;也可以在素材庫(kù)中找素材;還可以利用掃描 儀、數(shù)碼相機(jī)等設(shè)備來采集信息。
如下圖所示，我們?yōu)橹谱鳌翱蓯鄣闹袊?guó)”網(wǎng)站準(zhǔn)備的素材都存放在“D:網(wǎng) 站素材可愛的中國(guó)”文件夾中。在這個(gè)文件夾中有“動(dòng)畫”、“視頻”、“圖片”、“文字”、“音頻”和“其他”等幾個(gè)文件夾，分別用來存放網(wǎng)站所需的相關(guān)資 料。
圖3-1.4
在“可愛的中國(guó)素材庫(kù)”文件夾中，有制作“可愛的中國(guó)”網(wǎng)站所需的相
關(guān)素材，大家可將這些素材拷貝到“D:網(wǎng)站素材可愛的中國(guó)”的相關(guān)文件夾中。然后在這些素材的基礎(chǔ)上繼續(xù)豐富素材庫(kù)。信息鏈接：
在使用他人創(chuàng)作的圖片及文字資料前，一定要征得原作者的同意或者注明 資料的來源，尊重別人的知識(shí)產(chǎn)權(quán)。
在前面的操作中，我們對(duì)“可愛的中國(guó)”網(wǎng)站進(jìn)行了規(guī)劃，并且創(chuàng)建了空
白站點(diǎn)，還搜集了大量有用的素材。在下一個(gè)主題活動(dòng)中，我們將通過設(shè)計(jì)框架 網(wǎng)頁，進(jìn)一步完善“可愛的中國(guó)”網(wǎng)站了。
實(shí)踐升級(jí)
1.將FrontPage的窗口界面與Word的窗口界面進(jìn)行對(duì)比，試看找出一些相 同點(diǎn)和不同點(diǎn)。
2.去因特網(wǎng)上逛一逛，瀏覽欣賞幾個(gè)感興趣的網(wǎng)站。結(jié)合具體的網(wǎng)站實(shí)例，進(jìn)一步體會(huì)網(wǎng)站和網(wǎng)頁的概念，了解網(wǎng)站和網(wǎng)頁之間的關(guān)系。然后將你認(rèn)為不錯(cuò) 的網(wǎng)站推薦給同學(xué)們，大家一起討論:什么樣的網(wǎng)站才是好網(wǎng)站?
3.根據(jù)“可愛的中國(guó)”網(wǎng)站的結(jié)構(gòu)規(guī)劃思想，自己想辦法多收集一些文字、圖片素材，例如中國(guó)歷史、地理、中國(guó)之最、民族等內(nèi)容，然后把這些資料分類 保存到“D:網(wǎng)站素材可愛的中國(guó)”文件夾中。
第二課時(shí)：制作框架網(wǎng)頁 探究空間：
這節(jié)課的任務(wù)是設(shè)計(jì)一個(gè)框架網(wǎng)頁，要求在左框架網(wǎng)頁中始終顯示導(dǎo)航欄, 并且通過導(dǎo)航欄鏈接的網(wǎng)頁能夠分別顯示在右框架網(wǎng)頁之中。
框架網(wǎng)頁是一種獨(dú)特的頁面組織方式，它由導(dǎo)航框架和內(nèi)容框架組成，一
個(gè)框架網(wǎng)頁窗口中包含幾個(gè)單獨(dú)的網(wǎng)頁，單擊導(dǎo)航框架中的網(wǎng)頁導(dǎo)航超鏈接即可 在內(nèi)容框架中顯示相應(yīng)網(wǎng)頁的內(nèi)容。通常我們使用FrontPage提供的“框架網(wǎng)頁” 模板來創(chuàng)建框架網(wǎng)頁。
1、創(chuàng)建框架網(wǎng)頁
第1步:啟動(dòng)FrontPage，打開“可愛的中國(guó)”網(wǎng)站。第2步:單擊右側(cè)的“新建網(wǎng)頁”，“其他網(wǎng)頁模板”。打開“網(wǎng)頁模板”對(duì)話 框。單擊對(duì)話框中的，進(jìn)入“框架網(wǎng)頁”選項(xiàng)卡。
圖3-2.1
第3步:單擊模板中的“橫幅和目錄”模板，再單擊 如下圖所示的空白框架網(wǎng)頁。，即可創(chuàng)建
建立
圖3-2.2
第4步:在空白框架網(wǎng)頁中，分別單擊頂端、左側(cè)及右側(cè)的3個(gè) 3個(gè)空白網(wǎng)頁，如下圖所示，圖3-2.3
接下來，我們就可以像制作普通網(wǎng)頁一樣制作框架網(wǎng)頁了。
2、添加網(wǎng)頁內(nèi)容
在我們上面制作的框架網(wǎng)頁中，網(wǎng)頁編輯區(qū)域分為三部分:上框架、左框架 和右框架。它們是3個(gè)獨(dú)立的網(wǎng)頁，我們可以單獨(dú)對(duì)每個(gè)網(wǎng)頁迸行編輯。完成上框架網(wǎng)頁的內(nèi)容。將上框架網(wǎng)頁的邊距的寬度和高度分設(shè)置為2像
素;然后在上框架網(wǎng)頁中插入banner.jpg”圖片，調(diào)整圖片后，效果如下圖所示。
圖3-2.4
圖3-2.5
接下來，我們要完成左框架網(wǎng)頁的內(nèi)容。因?yàn)樽罂蚣芫W(wǎng)頁中包含導(dǎo)航內(nèi)容，所以制作過程麻煩一些。
第1步將插入點(diǎn)光標(biāo)移動(dòng)到左框架網(wǎng)頁中，在此插入一個(gè):4行1列的表格。調(diào)整表格大小，并將表格線粗細(xì)設(shè)置為0。
圖3-2.6 第 2步 如上圖所示，將插入點(diǎn)光標(biāo)移動(dòng)到左框架網(wǎng)頁的第1個(gè)單元格內(nèi)。，再單擊“插入”菜單中的，打開下圖 單擊菜單欄上的
所示的“插入web組件”對(duì)話框。
第3步::在“組件類型”列表中單擊選擇“動(dòng)態(tài)效果”在右側(cè)的效果列表中 單擊選擇“交互式按鈕”。單擊，打開“交互式按鈕”對(duì)話框。
圖3-2.7 第刪除“按鈕文本”框中的文字，重新輸入“中國(guó)歷史”即把按鈕的4步 的標(biāo)簽(按鈕上顯示的文字)設(shè)置為“中國(guó)歷史”。其他設(shè)置如下圖所所示，完成 后單擊，返回網(wǎng)頁編輯窗口。
第5步:在左框架網(wǎng)頁中再插入三個(gè)交互式按鍵鈕，按鈕名稱分別為“中國(guó) 地理”、“中國(guó)之最”和“中華民族”，完成后效果如下圖所示。
圖3-2.8
利用事先準(zhǔn)備好的素材，制作完成右框架網(wǎng)頁的內(nèi)容。如果暫時(shí)完不成網(wǎng) 頁中的正文內(nèi)容，可先做一部分，其他的留到課后完成。
3、保存框架網(wǎng)頁
把框架網(wǎng)頁的每部分都制作好后，我們要保存框架網(wǎng)頁。單擊常用工具欄上 的，打開下圖所示“另存為”對(duì)話框。
圖3-2.9 信息鏈接：
在保存框架網(wǎng)頁時(shí)，每個(gè)框架中的網(wǎng)頁都要單獨(dú)保存一次。此外還要保存
整體框架網(wǎng)頁，這個(gè)網(wǎng)頁中包含該框架網(wǎng)頁的設(shè)置信息，像如何顯示網(wǎng)頁，以及
框架的大小位置等。要打開一個(gè)框架網(wǎng)頁，只要打開的整體框架網(wǎng)頁就可以了。實(shí)踐升級(jí)：
1、完成“中國(guó)歷史”、“中國(guó)地理”、“中華民族”、“中國(guó)之最”、“中華民族”四 個(gè)子網(wǎng)頁。
2、為左框架中的“中國(guó)歷史”、“中國(guó)地理”、“中華民族”、“中國(guó)之最”、“中華 民族”4個(gè)“交互式按鈕”設(shè)置超級(jí)鏈接，分別鏈接到相對(duì)應(yīng)的網(wǎng)頁中；設(shè)置這 四個(gè)網(wǎng)頁在右框架中打開，保存修改，并在瀏覽器中瀏覽網(wǎng)頁。
第三課時(shí)網(wǎng)頁過渡 探究空間：
在因特網(wǎng)上建立站點(diǎn)，就好像在網(wǎng)上安“家”。如果把網(wǎng)頁看做“家”里的
房間，網(wǎng)頁中的各種元素則像家具一樣。如何能使我們的“網(wǎng)上家園”既溫馨典 雅，又美觀大方呢？在這節(jié)課中，我們將通過設(shè)置頁面過渡效果的方法來增加網(wǎng) 頁的吸引力。
第1步:在FrontPage中打開“可愛的中國(guó)”網(wǎng)站中的主頁。
第2步:單擊菜單欄中的“格式”，再單擊“格式”菜單中的“網(wǎng)頁過渡”，打開“網(wǎng)頁過渡”對(duì)話框。
圖3-3.1
圖3-3.2
第3步:如上圖所示，在“事件”下拉列表中單擊選取“離開網(wǎng)頁”，即離開網(wǎng)頁時(shí)顯示過渡效果;在“過渡效果”列表中單擊選中“圓形放射”;在“周 期”框中輸入“5”，即網(wǎng)頁過渡效果顯示的時(shí)間為5秒。
第4步:單擊“確定”，返回網(wǎng)頁編輯窗口。然后保存網(wǎng)頁并在瀏覽器器中瀏覽網(wǎng) 頁。
需要注意的是，網(wǎng)頁的過渡效果是網(wǎng)頁間進(jìn)行切換時(shí)才會(huì)表現(xiàn)出的一種動(dòng)態(tài) 效果，只有網(wǎng)頁間通過鏈接方式迸行瀏覽，或者使用瀏覽器中的“前迸”和“后 退”按鈕瀏覽時(shí)才能看到過渡效果。練一練：
為網(wǎng)站中的其他網(wǎng)頁添加過渡效果，并根據(jù)自己的喜好設(shè)置各項(xiàng)過渡屬性。信息鏈接：
FrontPage中提供了眾多的Web組件，合理地使用這些組件可以使網(wǎng)頁顯得 更活潑、更吸引人。除了對(duì)網(wǎng)頁設(shè)置過渡效果，你還可以用計(jì)數(shù)器、滾動(dòng)字幕等 組件來裝飾“可愛的中國(guó)”網(wǎng)站的主頁，或者在網(wǎng)頁中設(shè)置動(dòng)態(tài)HTML效果，增 加網(wǎng)頁的動(dòng)感。
實(shí)踐升級(jí)：為網(wǎng)頁元素設(shè)置動(dòng)態(tài)效果
第1步：打開“可愛的中國(guó)”網(wǎng)站中zgls.htm網(wǎng)頁，單擊選中頁面中的圖 片，然后單擊菜單欄中的“視圖”，再單擊“工具欄”中“DHTML效果”
圖3-3.3
圖3-3.4
第2步:在“DHTML效果”工具欄中，單擊“選擇一種事件”右端的小箭頭，在下拉列表中選擇“網(wǎng)頁加載”，擊“應(yīng)用”右端的小箭頭，在下拉列表中選豐 “飛入”，再單擊“選擇設(shè)置”右端的小箭頭，從下拉列表中選擇“從頂端”，如 圖
圖3-3.5
此時(shí)選中的圖片所在的單元格變得有底色和邊框，表示這是一個(gè)DHTML效 果，保存網(wǎng)頁，然后進(jìn)入?預(yù)覽”，窗口預(yù)覽動(dòng)態(tài)網(wǎng)頁，看看設(shè)置的效果是否實(shí) 現(xiàn)了。
使用“DHTML效果”工具欄可以為文本或圖片設(shè)置多種動(dòng)態(tài)效果，如文本或 圖片的飛入飛出、螺旋等。設(shè)置動(dòng)態(tài)效果時(shí)，首先要選擇某個(gè)事件來觸發(fā)，如單 擊、雙擊、懸停或網(wǎng)頁加載等;然后選撣具體的動(dòng)畫種類，最后再選擇動(dòng)畫的具 體效果。每種事件能夠觸發(fā)的動(dòng)畫效果并不完全相同，大家快來試一下吧！第四課時(shí)發(fā)布網(wǎng)站 探究空間:
網(wǎng)站一旦發(fā)布出去，便要面對(duì)因特網(wǎng)上的所有瀏覽者，無論對(duì)集體還是個(gè) 人來說，網(wǎng)站的好壞都會(huì)影響到制作者的形象。為確保萬無一失，發(fā)布網(wǎng)站前，一定要對(duì)網(wǎng)站進(jìn)行反復(fù)分析，檢查和測(cè)試，以確保網(wǎng)站的完整性和正確性。本課 我們通過檢查、測(cè)試和發(fā)布“可愛的中國(guó)”網(wǎng)站，學(xué)會(huì)在局域網(wǎng)和互聯(lián)網(wǎng)發(fā)布網(wǎng) 站的方法和技巧，使大家能夠通過網(wǎng)絡(luò)發(fā)布和交流信息。信息鏈接：
在發(fā)布網(wǎng)站初期要進(jìn)行大量的測(cè)試和修改工作，個(gè)人Web服務(wù)器（Personal WebServer）功能允許我們把設(shè)計(jì)好的網(wǎng)站發(fā)布在自己的計(jì)算機(jī)上，以本機(jī)為服 務(wù)器對(duì)網(wǎng)站進(jìn)行測(cè)試和管理，為節(jié)省時(shí)間，避免出現(xiàn)問題，教師在課前應(yīng)在教學(xué) 機(jī)上安裝并設(shè)置好個(gè)人Web服務(wù)器。
在發(fā)布網(wǎng)站之前，首先要在瀏覽器中打開網(wǎng)站，瀏覽每一個(gè)網(wǎng)頁的內(nèi)容。瀏 覽時(shí)主要檢查以下幾方面的內(nèi)容。
1、檢查網(wǎng)站結(jié)構(gòu)是否與設(shè)計(jì)規(guī)劃的一樣。
2、檢查網(wǎng)頁元素的正確性和完整性，看看有沒有錯(cuò)別字，能否清晰地表達(dá)作 者的意圖等。
3、檢查網(wǎng)頁中的元素在瀏覽時(shí)是否能夠正常顯示。
4、檢查網(wǎng)頁的布局規(guī)劃是否協(xié)調(diào)，風(fēng)格是否一致，顏色搭配是否合理。
一、檢查網(wǎng)站中的超鏈接
我們?cè)诮ㄔO(shè)網(wǎng)站的過程中已經(jīng)那個(gè)知道，整個(gè)網(wǎng)站都是通過超級(jí)鏈接組織
起來的，所以必須保證網(wǎng)站中的超鏈接的正確性和完整性。直接瀏覽網(wǎng)頁的方法 雖然也可以檢查超鏈接，但是當(dāng)網(wǎng)頁過多時(shí)，無法保證所有的超鏈接都一一檢查 到。這是我們可以在FrontPage的“超鏈接”視圖中查看各網(wǎng)頁之間的鏈接關(guān)系。第1步：?jiǎn)?dòng)FrontPage，打開“可愛的中國(guó)”網(wǎng)站的主頁 第2步：?jiǎn)螕舨藛螜谏系摹耙晥D”，再單擊“視圖”菜單欄中的“超鏈接”，進(jìn)入超鏈接視圖。此時(shí)在窗口中顯示出主頁的超鏈接情況，如圖所示。
圖3-4.1
在超鏈接視圖中，單擊“文件夾列表”窗格中的某個(gè)網(wǎng)頁文件名稱，在右窗 格中即可顯示出與該網(wǎng)頁相關(guān)的鏈接文件。練一練：
單擊每個(gè)網(wǎng)頁文件名，檢查個(gè)網(wǎng)頁超鏈接的狀態(tài)，找出錯(cuò)誤并進(jìn)行修改。修改完超鏈接后，單擊菜單欄上的“工具”，再單擊“工具”菜單欄中的“重 新計(jì)算超鏈接”，單擊“是”按鈕，F(xiàn)rontPage會(huì)根據(jù)修改情況，刷新整個(gè)網(wǎng)站中 的超鏈接。
二、網(wǎng)頁下載速度測(cè)試
一個(gè)優(yōu)秀的網(wǎng)站不但應(yīng)該有精彩的網(wǎng)頁內(nèi)容，還應(yīng)該有很好的下載速度，沒有人愿意瀏覽速度很慢的網(wǎng)站。所以發(fā)布網(wǎng)站前，應(yīng)該對(duì)整個(gè)站點(diǎn)的內(nèi)容進(jìn)行 調(diào)整并找出下載速度很慢的網(wǎng)頁，再針對(duì)不同的原因迸行修改。首先來看看如何測(cè)試單個(gè)網(wǎng)頁的下載速度。
第1步:在FrontPage中打開“可愛的中國(guó)”網(wǎng)站的主頁。第2步:單擊狀態(tài)欄中的“傳輸方式”，彈出一個(gè)菜單，如圖所示。在此可以 選擇網(wǎng)頁的傳輸速率。
第3步：本例選擇56k，以測(cè)試在此速率下打開本網(wǎng)頁所用的時(shí)間。如果你對(duì)這個(gè)下載速度不滿意，可以試著修改網(wǎng)頁中的內(nèi)容，例如把圖變 小、取消一些動(dòng)態(tài)效果等。
除了單個(gè)測(cè)試網(wǎng)頁速度外，我們還可以找出整個(gè)網(wǎng)站中下載速度比較慢的 網(wǎng)頁，方法如下。
第1步:打開“可愛的中國(guó)”網(wǎng)站。第2步:單擊菜單欄上的“視圖”，再單擊“視圖”菜單中的“報(bào)表”，從彈 出的下一級(jí)菜單中單擊“問題”，再?gòu)南乱患?jí)菜單中單擊“慢速網(wǎng)頁”，系統(tǒng)自動(dòng) 給出“慢速網(wǎng)頁”報(bào)表視圖。
第3步:查看視圖中所指出的慢速網(wǎng)頁，打開網(wǎng)頁，找出造成速度慢的原因，并進(jìn)行修改。
利用找出“慢速網(wǎng)頁”的操作方法，找出網(wǎng)站中未鏈接的文件和組件錯(cuò)誤，并根據(jù)出錯(cuò)報(bào)告對(duì)相關(guān)內(nèi)容進(jìn)行調(diào)試和修改。
三、利用個(gè)人Webb服務(wù)器發(fā)布、測(cè)試網(wǎng)站 通過Windows系統(tǒng)中的“個(gè)人Web服務(wù)器”，我們可以將自己的計(jì)算機(jī)作 為服務(wù)器，發(fā)布自己的網(wǎng)站，并對(duì)網(wǎng)站進(jìn)行測(cè)試調(diào)整。
1、在FrontPage中打開要發(fā)布的“可愛的中國(guó)”網(wǎng)站，單擊菜單欄上的文件，再單擊“文件”菜單中的發(fā)布站點(diǎn)，打開左下圖所示的“發(fā)布站點(diǎn)”對(duì)話框。
第，在遠(yuǎn)程網(wǎng)站位置中輸入
步：在“遠(yuǎn)程 web 服務(wù)器類型”選擇“文件系統(tǒng)”“d：可愛的中國(guó)”，點(diǎn)擊“確定”。
第3步：在彈出的窗口中選擇“本地到遠(yuǎn)程”，發(fā)布網(wǎng)站，開始上傳網(wǎng)站。
上傳完成后，啟動(dòng)IE瀏覽器，在地址欄中你的IP地址，便可在瀏覽網(wǎng)頁了。怎么樣，制作網(wǎng)頁、建設(shè)網(wǎng)站并不困難吧?但是，并非上傳網(wǎng)站之后就算完 成了任務(wù)，我們還應(yīng)該及時(shí)的對(duì)網(wǎng)站內(nèi)容進(jìn)行更新及維護(hù)，檢查里面的超鏈接有
沒有錯(cuò)誤或者變更，隨時(shí)將最新最好的資訊展現(xiàn)給瀏覽者，這才是一個(gè)稱職的站 主哦！信息鏈接：
FTP(FileTransferProtocol)是一種專門用來傳輸文件的協(xié)議，包括上傳文件 和下載文件兩種功能。所謂“上傳”，就是把本地計(jì)算機(jī)上的文件復(fù)制到站點(diǎn)服 務(wù)器上，而“下載”則是把站點(diǎn)服務(wù)器上的文件復(fù)制到本地計(jì)算機(jī)上。由于每個(gè) 提供免費(fèi)空間服務(wù)的網(wǎng)站都有不同的上傳和下載方式，為避免發(fā)生錯(cuò)誤，大家一 定要嚴(yán)格按照服務(wù)商的要求，使用正確的上傳方式。實(shí)踐升級(jí)：
（1）根據(jù)網(wǎng)站測(cè)試的方法，檢測(cè)“可愛的中國(guó)”網(wǎng)站。
（2）在因特網(wǎng)上為自己申請(qǐng)網(wǎng)頁空間、將“可愛的中國(guó)”網(wǎng)站發(fā)布到因特 網(wǎng)上，然后瀏覽檢查自己的網(wǎng)站。
第五課時(shí)
在這個(gè)單元，我們制作了“可愛的中國(guó)”網(wǎng)站，現(xiàn)將制作網(wǎng)站 的一般步驟進(jìn)行如下歸納，同學(xué)們參照這個(gè)流程迸行操作，就可以避 免出現(xiàn)遺漏或者失誤啦。
一、回顧制作網(wǎng)站的一般步驟
①確定網(wǎng)站主題;規(guī)劃網(wǎng)站結(jié)構(gòu)，畫出結(jié)構(gòu)圖;確定網(wǎng)頁內(nèi)容、網(wǎng)頁布局及色彩搭配等。
②根據(jù)主題準(zhǔn)備網(wǎng)站素材，像文字、圖片、聲音等，之后對(duì)收 集到的素材進(jìn)行篩選、加工，并分類存放在素材文件夾中，③選擇合適的網(wǎng)頁制作軟件如FrontPage，然后開始制作框架 網(wǎng)頁。
④為網(wǎng)頁設(shè)置過渡效果，將會(huì)給瀏覽者提供美妙且富有情趣的 視覺環(huán)境。
⑤制作完成后，檢測(cè)網(wǎng)站結(jié)構(gòu)、內(nèi)容、超鏈接、瀏覽速度，并 在本地計(jì)算機(jī)上發(fā)布測(cè)試.⑥在局域網(wǎng)或者因特網(wǎng)上發(fā)布網(wǎng)站，并且經(jīng)常對(duì)站點(diǎn)迸行維護(hù)
和更新.二、檢查、完善“可愛的中國(guó)”網(wǎng)站
第二篇：Frontpage網(wǎng)頁制作經(jīng)驗(yàn)總結(jié)
【摘要】Frontpage更以其功能強(qiáng)大、容易上手、界面親切而著稱。它采用所見即所得的方式編輯網(wǎng)頁，利用它可以輕松的組織、編輯網(wǎng)頁并將其發(fā)布到指定的站點(diǎn)上，而且在發(fā)布之后還能對(duì)更新情況進(jìn)行監(jiān)控以更新站點(diǎn)的。
【關(guān)鍵字】Frontpage創(chuàng)建站點(diǎn)、新建頁面、文字、超鏈接
現(xiàn)在流行的網(wǎng)頁制作軟件有很多，如Macromedia公司的Dreamweaver、微軟公司的Frontpage、還有Adobe Pagemill 3.0--制作多框架，表單和Image map 圖像的網(wǎng)頁工具、Netscape等等。其中Frontpage更以其功能強(qiáng)大、容易上手、界面親切而著稱。它采用所見即所得的方式編輯網(wǎng)頁，利用它可以輕松的組織、編輯網(wǎng)頁并將其發(fā)布到指定的站點(diǎn)上，而且在發(fā)布之后還能對(duì)更新情況進(jìn)行監(jiān)控以更新站點(diǎn)的內(nèi)容。
工具準(zhǔn)備好了，可根據(jù)你的個(gè)人喜好來選擇一些素材，如圖片、喜歡的文章等?，F(xiàn)在就讓我們從第一步的建立站點(diǎn)來踏上建造網(wǎng)上家園之旅。
用FRONTPAGE創(chuàng)建站點(diǎn)是很容易的。首先，我們來看一下創(chuàng)建一個(gè)只包含一個(gè)網(wǎng)頁的站點(diǎn)。選擇“文件”菜單的“新建”選項(xiàng)，單擊“站點(diǎn)”命令，這時(shí)新建站點(diǎn)對(duì)話框就彈出來了，在“指定新站點(diǎn)位置”文本框中輸入新站點(diǎn)的位置，單擊“只有一個(gè)網(wǎng)頁的站點(diǎn)” 圖標(biāo)，單擊“確定”按鈕。這就建立好站點(diǎn)了，我們現(xiàn)在來看一下新的站點(diǎn)里有什么，單擊“視圖”工具條的“文件夾”按鈕。在文件夾列表里有一個(gè)網(wǎng)頁文件，名字叫做“index.htm”。我們知道，每一個(gè)站點(diǎn)都要有一個(gè)主頁，這個(gè)主頁也是一個(gè)網(wǎng)頁文件。瀏覽者訪問站點(diǎn)時(shí)首先進(jìn)入的就是站點(diǎn)的主頁。主頁的名字在一般情況下就叫做“index.htm”。就是說我們新建只包含一個(gè)網(wǎng)頁的站點(diǎn)時(shí)，F(xiàn)RONTPAGE就自動(dòng)為我們創(chuàng)建了站點(diǎn)的主頁了。這個(gè)新建的站點(diǎn)主頁時(shí)空的，我們可以向里面添加內(nèi)容。
在文件列表里除了主頁之外，還有文件夾。新建站點(diǎn)時(shí)，F(xiàn)RONTPAGE都會(huì)在站點(diǎn)所在位置下新建兩個(gè)文件夾，一個(gè)是“images”另一個(gè)是“_private”。我們?cè)诰庉嬚军c(diǎn)時(shí)可以在“image”文件夾里放置站點(diǎn)用到的圖片。“private”文件夾比較特殊，其中的文件對(duì)瀏覽者來說是隱含的，我們可以把一些不想讓瀏覽者看到的網(wǎng)頁文件放在這個(gè)文件夾里，比如：我們可以在這個(gè)文件夾里存放注冊(cè)用戶的個(gè)人信息。
盡管每一個(gè)站點(diǎn)都要有一個(gè)主頁，不過創(chuàng)建站點(diǎn)時(shí)我們?nèi)匀豢梢詮囊粋€(gè)空站點(diǎn)開始：選擇“文件”菜單的“新建”命令，單擊“站點(diǎn)”選項(xiàng)，在“新建站點(diǎn)”對(duì)話框里，我們可以選擇“空站點(diǎn)”圖標(biāo)來創(chuàng)建一個(gè)空站點(diǎn)?！靶陆ㄕ军c(diǎn)”對(duì)話框中還有許多其他圖標(biāo)，這是FRONTPAGE提供的用來創(chuàng)建站點(diǎn)模板或向?qū)АＮ覀儎?chuàng)建只有一個(gè)網(wǎng)頁的站點(diǎn)或者創(chuàng)建空站點(diǎn)，都是從頭開始來創(chuàng)建一個(gè)站點(diǎn)，這就好像蓋房子一樣，首先畫圖紙。然而，有許多的房子都具有相似的結(jié)構(gòu)和用途，所以我們可以用一張圖紙蓋很多相似的房子，這樣就節(jié)省了許多工作。
同樣的，盡管站點(diǎn)的風(fēng)格千差萬別但是有許多站點(diǎn)的功能和結(jié)構(gòu)都是一樣的，如果我們從頭開始建立站點(diǎn)的話，就要做許多重復(fù)勞動(dòng)，這時(shí)，我們就可以使用模板或向?qū)斫⒄军c(diǎn)。模板和向?qū)У淖饔镁秃孟裆w房子的圖紙一樣，我們不必每次建立站點(diǎn)時(shí)都從頭開始。我們單擊“個(gè)人站點(diǎn)”圖標(biāo)，用它可以迅速創(chuàng)建一個(gè)個(gè)人站點(diǎn)，輸入站點(diǎn)所在的位置，單擊“確定”按鈕，這樣我們剛就創(chuàng)建了個(gè)人站點(diǎn)。個(gè)人站點(diǎn)模板已經(jīng)為我們規(guī)劃好了站點(diǎn)的目錄和建立了相關(guān)的頁面?，F(xiàn)在我們點(diǎn)擊一下“文件夾”按鈕，雙擊index.htm圖標(biāo)，看，這就是我們的個(gè)人站點(diǎn)的主頁。哎，好象有許多文字都不對(duì)，沒關(guān)系，這些文字都是可以改變的，現(xiàn)在寫的是文字的用途，比如“主題”文字就是用來寫網(wǎng)站標(biāo)題的地方，我們只要把它改為自己喜歡的標(biāo)題就可以了。返回到“文件夾”模式，雙擊photo.htm。也可以把風(fēng)景圖片換成自己的照片，只要在新建站點(diǎn)的基礎(chǔ)上進(jìn)一步修改就可以做出自己的個(gè)人站點(diǎn)了。這不僅節(jié)省了許多力氣，同時(shí)也給了初學(xué)者一個(gè)良好的出發(fā)點(diǎn)。
那么模板和向?qū)в惺裁磪^(qū)別呢？我們安裝軟件時(shí)，一步步的用對(duì)話框提示我們完成安裝過程的程序就是一個(gè)向?qū)?。在FRONTPAGE里，向?qū)б彩且环N模板，不過它是一種特殊的模板，它會(huì)以對(duì)話框的形式輔助你完成站點(diǎn)的創(chuàng)建過程。
現(xiàn)在我們選擇“文件”菜單的“新建”選項(xiàng)，單擊“站點(diǎn)”命令，你看，F(xiàn)RONTPAGE提供了兩個(gè)向?qū)В汗菊故鞠驅(qū)?、討論站點(diǎn)向?qū)В褂闷饋矶己芊奖?，你有興趣也可以利用向?qū)Ы⒁粋€(gè)站點(diǎn)。
創(chuàng)建頁面最簡(jiǎn)單的就是單擊FRONTPAGE“常用”工具欄的“新建”按鈕。它的右方有一個(gè)向下的小箭頭，它是用來選擇要新建什么，可以用“新建”按鈕新建網(wǎng)頁、站點(diǎn)、文件夾和任務(wù)。默認(rèn)狀態(tài)下是新建網(wǎng)頁。
如果要新建網(wǎng)頁，可以不用向下箭頭鍵選擇，而直接單擊“新建”按鈕。不過使用文件菜單的“新建”命令來新建網(wǎng)頁能夠有更大的選擇。單擊文件菜單的“新建”命令，選擇“新建網(wǎng)頁”，在“新建”對(duì)話框里，可以看到FRONTPAGE提供的許多網(wǎng)頁模板，我們可以用這些模板來建立相應(yīng)的網(wǎng)頁。在右下角的預(yù)覽框里可以看到選中模板的外觀。選擇“兩欄正文”網(wǎng)頁，這樣就創(chuàng)建了一個(gè)新的分為兩欄的網(wǎng)頁了。然后點(diǎn)確定。使用模板可以不用總是從空白網(wǎng)頁開始編輯，這樣就省力很多。
網(wǎng)上幾乎所以的網(wǎng)頁都使用圖片加以點(diǎn)綴，在網(wǎng)頁中插入適當(dāng)?shù)膱D片，能夠產(chǎn)生圖文并茂的效果。
如果有一個(gè)圖形，怎么把它放到網(wǎng)頁上呢？
首先要看你的圖形是什么格式的，也就是它擴(kuò)展名是什么 只有擴(kuò)展名為GIF和JPEG的圖形文件才能成為我們的頁面的一部分。因?yàn)檫@兩種圖形格式不僅廣泛，而且有利于節(jié)省存貯空間。如果圖形不是這種格式，使用了其它格式的圖形文件，在保存網(wǎng)頁時(shí)FRONTPAGE會(huì)提示做格式轉(zhuǎn)換，F(xiàn)RONTPAGE可以自動(dòng)進(jìn)行格式轉(zhuǎn)換。
現(xiàn)在可我們看看怎么插入圖形 選擇“插入”菜單的“圖片”命令，單擊“來自文件”按鈕。
在默認(rèn)情況下，F(xiàn)RONTPAGE認(rèn)為你要插入的圖片總是放在你建立的站點(diǎn)的目錄或它的子目錄下的。可以說,站點(diǎn)就是一個(gè)目錄。我們把編輯的許多網(wǎng)頁文件放在同一個(gè)目錄下，我們稱這個(gè)目錄為站點(diǎn)的主目錄。這些網(wǎng)頁引用的圖形一般也放在這個(gè)目錄下。當(dāng)然，我們也可以在這個(gè)目錄下建立其他的子目錄，再把所有的圖形放在子目錄里。所以搜索下拉列表只允許在主目錄和主目錄下的子目錄進(jìn)行選擇。
如果要插入的圖片不在主目錄下, 在“選擇文件”對(duì)話框中進(jìn)行選擇。選擇好文件以后，單擊“確定”按鈕，回到“圖形”對(duì)話框。單擊“確定”按鈕，圖形就插入了?，F(xiàn)在單擊“常用”工具欄的“保存”按鈕。在“另存為”對(duì)話框中輸入新的web頁文件的名字，單擊“保存”按鈕。出現(xiàn)了一個(gè)對(duì)話框, 因?yàn)槲覀儎偛挪迦氲奈募辉谡军c(diǎn)內(nèi)，現(xiàn)在FRONTPAGE要把它復(fù)制到站點(diǎn)內(nèi)，可是使用什么名字，放在站點(diǎn)的哪個(gè)目錄下呢，就要在這設(shè)置了，單擊“改變文件夾”按鈕，另外這兒還在需要時(shí)對(duì)圖形的格式進(jìn)行轉(zhuǎn)換。單擊“位置”按鈕，在默認(rèn)情況下，圖形被保存在站點(diǎn)的主目錄下，現(xiàn)在我們選擇IMAGE目錄，單擊“確定”按鈕?；氐健扒度胧轿募贝翱?，再單擊“確定”。這樣，圖形就保存在站點(diǎn)內(nèi)了
我們還可以從INTERNET上插入一個(gè)圖形。選擇“插入”菜單的“圖片”命令，在URL欄內(nèi)輸入圖片的地址，單擊“確定”按鈕。由于是插入網(wǎng)上的圖片，因此在插入圖形以后，應(yīng)該保存一下網(wǎng)頁，使圖形存到站點(diǎn)內(nèi)。
您可能說,我不會(huì)畫畫，插入圖片容易，可是編輯圖片就不容易了。沒關(guān)系，F(xiàn)RONTPAGE自己帶有許多剪貼畫，你可以把它們插入到自己的網(wǎng)頁。選擇“插入”菜單的“圖片”命令，選擇“剪貼畫”。你看，各種剪貼畫都分類放好了。你可以自由地選
擇。不過，插入后別忘了保存網(wǎng)頁，把剪貼畫復(fù)制到站點(diǎn)目錄下。
一般我們插入的圖形總是和文本在一起的，所以調(diào)整圖形和文本的對(duì)齊方式很重要。在默認(rèn)情況下，圖形自動(dòng)與文本的底部對(duì)齊。這一個(gè)網(wǎng)頁，由于默認(rèn)的對(duì)齊效果，頁面出現(xiàn)了大量的空白。這時(shí)就要調(diào)整圖形的對(duì)齊屬性。在圖形上單擊鼠標(biāo)右鍵，選擇“圖片屬性”，選擇“外觀”選項(xiàng)卡我們把對(duì)齊方式調(diào)整為“左對(duì)齊”。使用圖形可以使網(wǎng)頁更加豐富多彩，而且我們還可以用圖形來建立超鏈接，使網(wǎng)頁相互聯(lián)系起來。怎么用圖形來建立鏈接呢？ 其實(shí)圖形超鏈接只要在建立超鏈接時(shí)選擇圖形就可以了。首先選中超鏈接的圖形，單擊箭頭圖形，單擊“常用”工具欄“超鏈接”按鈕，選擇主頁文件“頁面
1.htm”，單擊“確定”按鈕.在普通模式中，按住CTRL鍵，單擊箭頭圖形，就跳到主頁頁面了。
如果我們要在圖片上加上文字，單擊圖形工具欄“文本”按鈕，現(xiàn)在圖形中就出現(xiàn)了一個(gè)文本框，輸入：“機(jī)軟件”按一下Esc鍵，取消文字編輯，就選中文字框了，調(diào)整文本框到合適的位置，單擊頁面其他區(qū)域，文字就添加成功了。
如果我要修改 單擊一下要修改的文字，這時(shí)文字作為一個(gè)整體被選中了，再點(diǎn)一下文字，這時(shí)文本框里有光標(biāo)閃爍，你可以編輯文本了，重新輸入：“計(jì)算機(jī)硬件”，在頁面其他區(qū)域單擊。文字就修改完成了。
怎樣使文字更豐富、活潑呢？一個(gè)簡(jiǎn)單的就是使用“格式”工具欄。
字體設(shè)置：選上文字，打開格式工具欄的“字體”下拉列表框，在里面選擇相應(yīng)的字體就可以了。如果瀏覽網(wǎng)頁的人使用的計(jì)算機(jī)沒有設(shè)置的字體？瀏覽器會(huì)用系統(tǒng)默認(rèn)的字體代替你設(shè)置的字體。不過，使用常用字體是一個(gè)好習(xí)慣。
字號(hào)設(shè)置：在“格式”工具欄“字號(hào)”下拉列表框中選擇相應(yīng)字體就可以了
工具欄上的B、I、U圖標(biāo)的作用是：
按下B按鈕，被選中的文字就會(huì)變?yōu)榇煮w
按下I按鈕，被選中的文字就會(huì)變?yōu)樾斌w
按下u按鈕，被選中的文字就會(huì)帶下畫線
字的顏色：?jiǎn)螕簟案袷健惫ぞ邫凇白煮w顏色”按鈕旁的向下箭頭，選擇適當(dāng)?shù)念伾?，字的顏色就改變了?/p>
還可以對(duì)字體進(jìn)行一些其他設(shè)置。選擇“格式”菜單的“字體”命令，在這里我們還可以作進(jìn)一步的設(shè)置。這里除了“格式”工具欄可以做的設(shè)置以外，還可以設(shè)置許多效果。“字符間距”選項(xiàng)卡：它是用來設(shè)置文字的間距的。單擊“間距”下拉列表，可以選擇字符的間距是普通、擴(kuò)充還是緊縮的。選擇擴(kuò)充，這時(shí)預(yù)覽框的文字間距就變大了。也可以調(diào)整間距大小來改變間距，輸入10，文字的間距就更大了。
“定位”下拉列表：在FRONTPAGE中每一行都有一個(gè)底線，定位就是指文字相對(duì)于底線的距離。也就是把文字上下移動(dòng)，現(xiàn)在選擇“上移”，文字就向上移動(dòng)了。預(yù)覽框中的黑線就是行的底線。
設(shè)計(jì)好的頁面，應(yīng)該檢查它在瀏覽器中是否顯示正常。
方法是，一般只要切換到預(yù)覽模式就可以了。單擊“預(yù)覽”選項(xiàng)卡，在這個(gè)預(yù)覽模式下的顯示和在瀏覽器中的顯示是一樣的。但這并不意味著我們就不必用瀏覽器來檢查編輯的網(wǎng)頁了。因?yàn)榧词故峭粋€(gè)頁面，可能在不同的瀏覽器中顯示會(huì)不太一樣。比如在INTERNET EXPLORER中是這樣顯示的，但是在NETSCAPE中又是那樣顯示的。所以，我們要在自己的機(jī)器上多裝幾個(gè)瀏覽器，用來檢查網(wǎng)頁的兼容性。
那么為什么不用不同的瀏覽器來檢查呢？選擇“文件”菜單的“在瀏覽器中預(yù)覽”選項(xiàng)，在瀏覽器列表框中選擇不同的瀏覽器。（以INTERNET EXPLORER 5.0為例）單擊“確定”
按鈕。就可以看到新建頁面在瀏覽器中的效果了。
怎樣才能自己做的網(wǎng)頁相互聯(lián)系起來呢?也就是說讓別人點(diǎn)頁面上的圖形或文本就跳轉(zhuǎn)到其他頁面呢？
在網(wǎng)頁里，我們把這種點(diǎn)擊后會(huì)進(jìn)行頁面切換的網(wǎng)頁界面元素叫超鏈接。先來看一下用文字來建立鏈接。
首先創(chuàng)建一個(gè)指向站點(diǎn)內(nèi)其他網(wǎng)頁的超鏈接。
選擇“插入”菜單的“超鏈接”命令，在文件列表框內(nèi)選擇“頁面1.htm”文件，注意在URL文本框中顯示了該文件的地址。單擊“確定”按鈕.超鏈接就制作成功了。我們切換到預(yù)覽模式（單擊預(yù)覽按鈕），當(dāng)我們把鼠標(biāo)指向“主頁”兩字時(shí)鼠標(biāo)變成手形，單擊它，我們就切換到主頁了。
那么為什么不在普通模式下試呢？：因?yàn)槠胀Ｊ街饕怯脕砭庉嬀W(wǎng)頁的，當(dāng)我們?cè)谄胀Ｊ桨咽髽?biāo)指向“主頁”兩字時(shí)鼠標(biāo)沒有變成小手狀，因此不能進(jìn)行頁面切換。不過如果按住CTRL鍵，鼠標(biāo)就變成了小手狀。這時(shí)單擊就可以進(jìn)行切換了。也就是說在普通模式中按住CTRL鍵才能激活超鏈接。
我們也可以將超鏈接指向其他站點(diǎn)的網(wǎng)頁。選中作為超鏈接的文本，單擊“常用”工具欄的“超鏈接”按鈕，這和選擇插入菜單的超鏈接命令是一樣的。在“創(chuàng)建超鏈接”對(duì)話框里，在URL地址欄直接輸入要連接的網(wǎng)頁或網(wǎng)站的地址。如果不清楚要作超鏈接的地址，只要單擊URL地址框后面的放大鏡就可以用瀏覽器在INTERNET上查找要鏈接的網(wǎng)頁，F(xiàn)RONTPAGE會(huì)自動(dòng)記錄你找到的地址。單擊“確定”按鈕就可以了。我們還可以改變已經(jīng)設(shè)置好的超鏈接。首先確認(rèn)是普通模式，在要改變的超鏈接下單擊鼠標(biāo)右鍵，選擇“超鏈接屬性”命令，輸入新的URL地址就可以了。要想取消超鏈接，刪除所有URL地址框里的就可以了。還有一種超鏈接，可以鏈接郵件。這樣可以使你的網(wǎng)上朋友通過Email及時(shí)與你聯(lián)系，這是一個(gè)網(wǎng)站站長(zhǎng)和網(wǎng)友交流的重要手段。先選中要作為超鏈接的文本，一般文本就是你的郵箱地址，單擊“超鏈接”按鈕，單擊“信封”按鈕，輸入你的郵箱地址，單擊“確定”按鈕，退出對(duì)話框，選擇“確定”，這時(shí)超鏈接就建立好了。我們?cè)囈幌?，切換到預(yù)覽模式，單擊郵件鏈接。
這樣我們就差不多完成了網(wǎng)頁的制作步驟，最后可將它發(fā)布到Web服務(wù)器上。站點(diǎn)發(fā)布前還要對(duì)它進(jìn)行檢查工作，包括超鏈接，頁面等。
【】
〈1〉喬春源，樊天岳等。信息技術(shù)。江蘇技術(shù)出版社，2001年7月。
〈2〉李振格。Office入門與提高。清華大學(xué)出版社，2001年2月。
〈3〉王超鋒。網(wǎng)頁制作。人民郵電出版社，2001年10月。
第三篇：frontpage網(wǎng)頁制作教案
Frontpage網(wǎng)頁制作導(dǎo)學(xué)案
青州一中
劉志韓
文件——新建——網(wǎng)頁 【學(xué)習(xí)目標(biāo)】
1、包括網(wǎng)頁制作基礎(chǔ)知識(shí)
2、站點(diǎn)的規(guī)劃和創(chuàng)建
3、網(wǎng)頁文本和圖片的處理、表格和框架的應(yīng)用 【學(xué)習(xí)重難點(diǎn)】
1、建立一個(gè)主題網(wǎng)站
2、建設(shè)一個(gè)網(wǎng)站的步驟
3、網(wǎng)頁的美化與特效的制作 【課前預(yù)習(xí)】
思考一下多媒體信息集成的方式有哪些？
【自主學(xué)習(xí)】
1、在www中，________是信息的主要組織和表現(xiàn)形式。
2、用________語言編寫的網(wǎng)頁實(shí)際上是一種文本文件，以.HTML或者.HTM為擴(kuò)展名，可以使用任何文本處理軟件（如記事本、word等）創(chuàng)作或修改。
3、制作網(wǎng)頁常用的軟件有_________________和_________________。
4、網(wǎng)頁文件的擴(kuò)展名有哪些？
5、網(wǎng)站開發(fā)的基本過程：
網(wǎng)站的規(guī)劃——（）——（）——網(wǎng)站的發(fā)布與管理——網(wǎng)站的評(píng)價(jià) 【合作探究與指導(dǎo)】
三、網(wǎng)站的制作
1、創(chuàng)建站點(diǎn)
文件——新建——站點(diǎn)（選擇或創(chuàng)建存儲(chǔ)站點(diǎn)的文件夾）
2、網(wǎng)頁的創(chuàng)建與編輯
3、插入對(duì)象 水平線 圖片 字幕 懸停按鈕
4、創(chuàng)建超級(jí)鏈接
在對(duì)象上右擊選擇超級(jí)鏈接——選擇鏈接的目標(biāo)。
5、使用表格
表格——插入（在制作網(wǎng)頁的過程中用表格來布局網(wǎng)頁）
6、在站點(diǎn)中查看網(wǎng)頁的編輯及網(wǎng)頁之間的鏈接情況。
分步驟操作練習(xí)題：
1、新建一個(gè)站點(diǎn)，只有一個(gè)空白網(wǎng)頁的站點(diǎn)。
2、在首頁上插入“我最喜愛的明星”，然后進(jìn)行修飾。
3、再新建一個(gè)空白網(wǎng)頁。重新命名為“周杰倫”。
4、插入圖片“周杰倫”，文本“周杰倫”，排版設(shè)置后保存網(wǎng)頁。
5、再建立一張空白的網(wǎng)頁，重新命名為“劉亦菲”。
6、插入圖片“劉亦菲”，文本“劉亦菲”，排版設(shè)置后保存網(wǎng)頁。
7、分別在首頁和“周杰倫”“劉亦菲”網(wǎng)頁建立超級(jí)鏈接。操作練習(xí)： 【拓展任務(wù)】
以環(huán)保為主題，利用文件夾“環(huán)?！敝械乃夭?，制作一個(gè)5頁的網(wǎng)站。
【當(dāng)堂檢測(cè)】
1.在網(wǎng)頁制作中，我們經(jīng)常用下列（）辦法進(jìn)行頁面布局。
A.文字
B.表格
C.表單
D.圖片 2.使用瀏覽器訪問網(wǎng)站時(shí)，第一個(gè)被訪問的網(wǎng)頁稱為（）。
A.網(wǎng)頁
B.網(wǎng)站
C.HTML語言
D.主頁 3.網(wǎng)頁中可使我們進(jìn)行選擇性瀏覽的稱為（）。
A.文字
B.圖片
C.聲音
D.超鏈接
4.在FrontPage2000中，要建立同一個(gè)網(wǎng)頁內(nèi)的鏈接點(diǎn)，讓你點(diǎn)選某一鏈接后，迅速跳到同一網(wǎng)頁內(nèi)的另一個(gè)特定位置，應(yīng)采用（）鏈接。
A.單元格
B.表單
C.書簽
D.表格 5.FrontPage 2000中，下述關(guān)于圖片與鏈接的關(guān)系表述正確的是（）。
A.圖片不能建立鏈接
B.一張圖片只能建立一個(gè)鏈接
C.圖片要建立鏈接需經(jīng)過處理
D.通過設(shè)置熱區(qū)，一張圖片可建立多個(gè)鏈接 6.在FrontPage 2000“網(wǎng)頁”視圖模式下，單擊“普通”標(biāo)簽后，在出現(xiàn)的“普通”窗口中，可直接進(jìn)行（）。
A.網(wǎng)頁編排
B.觀察網(wǎng)頁在瀏覽器中的效果
C.編輯HTML代碼
D.下載圖片 7.網(wǎng)頁制作的超文本標(biāo)記語言稱為（）。
A.VB語言
B.HTML語言
C.BASIC語言
D.ASCII 8.在Frontpage2000網(wǎng)頁視圖方式下，單擊（）標(biāo)簽可直接編輯HTML代碼？
A.普通
B.HTML
C.預(yù)覽
D.編輯 9.在FrontPage 2000中，我們想要文字左右交替移動(dòng)的效果，是下列（）效果。
A.字體
B.DHTML效果
C.字幕
D.懸停按鈕 10.在FrontPage 2000表格單元格中，（）項(xiàng)目不能輸入。
A.表格
B.圖形
C.背景
D.聲音
作業(yè)：以我們寒假生活為主題，從互聯(lián)網(wǎng)上搜索的素材制作一個(gè)網(wǎng)站。
【閱讀材料】
網(wǎng)站設(shè)計(jì)
建立一個(gè)網(wǎng)站就像蓋一幢大樓一樣，它是一個(gè)系統(tǒng)工程，有自己特定的工作流程，你只有遵循這個(gè)步驟，按部就班地一步步來，才能設(shè)計(jì)出一個(gè)滿意的網(wǎng)站。
一、確定網(wǎng)站主題
網(wǎng)站主題就是你建立的網(wǎng)站所要包含的主要內(nèi)容，一個(gè)網(wǎng)站必須要有一個(gè)明確的主題。特別是對(duì)于個(gè)人網(wǎng)站，必須要找準(zhǔn)一個(gè)自己最感興趣內(nèi)容，做深、做透，辦出自己的特色，這樣才能給用戶留下深刻的印象。
二、搜集材料
明確了網(wǎng)站的主題以后，你就要圍繞主題開始搜集材料了。常言道：“巧婦難為無米之炊”。要想讓自己的網(wǎng)站有血有肉，能夠吸引住用戶，你就要盡量搜集材料，搜集得材料越多，以后制作網(wǎng)站就越容易。材料既可以從圖書、報(bào)紙、光盤、多媒體上得來，也可以從互聯(lián)網(wǎng)上搜集，然后把搜集的材料去粗取精，去偽存真，作為自己制作網(wǎng)頁的素材。
三、規(guī)劃網(wǎng)站
網(wǎng)站設(shè)計(jì)得成功與否，很大程度上決定于設(shè)計(jì)者的規(guī)劃水平，規(guī)劃網(wǎng)站就像設(shè)計(jì)師設(shè)計(jì)大樓一樣，圖紙?jiān)O(shè)計(jì)好了，才能建成一座漂亮的樓房。網(wǎng)站規(guī)劃包含的內(nèi)容很多，如網(wǎng)站的結(jié)構(gòu)、欄目的設(shè)置、網(wǎng)站的風(fēng)格、顏色搭配、版面布局、文字圖片的運(yùn)用等，你只有在制作網(wǎng)頁之前把這些方面都考慮到了，才能在制作時(shí)駕輕就熟，胸有成竹。
四、選擇合適的制作工具
網(wǎng)頁制作涉及的工具比較多，首先就是網(wǎng)頁制作工具了，目前大多數(shù)網(wǎng)民選用的都是所見即所得的編輯工具，這其中的優(yōu)秀者當(dāng)然是Dreamweaver和Frontpage了，如果是初學(xué)者，F(xiàn)rontpage2000是首選。除此之外，還有圖片編輯工具，如Photoshop、Photoimpact等；動(dòng)畫制作工具，如Flash、Cool 3d、Gif Animator等；還有網(wǎng)頁特效工具，如有聲有色等，五、制作網(wǎng)頁
材料有了，工具也選好了，下面就需要按照規(guī)劃一步步地把自己的想法變成現(xiàn)實(shí)了，這是一個(gè)復(fù)雜而細(xì)致的過程，一定要按照先大后小、先簡(jiǎn)單后復(fù)雜來進(jìn)行制作。
六、上傳測(cè)試
網(wǎng)頁制作完畢，最后要發(fā)布到Web服務(wù)器上，才能夠讓全世界的朋友觀看，利用這些FTP工具，你可以很方便地把網(wǎng)站發(fā)布到自己申請(qǐng)的主頁存放服務(wù)器上。網(wǎng)站上傳以后，你要在瀏覽器中打開自己的網(wǎng)站，逐頁逐個(gè)鏈接的進(jìn)行測(cè)試，發(fā)現(xiàn)問題，及時(shí)修改，然后再上傳測(cè)試。
七、推廣宣傳
網(wǎng)頁做好之后，還要不斷地進(jìn)行宣傳，這樣才能讓更多的朋友認(rèn)識(shí)它，提高網(wǎng)站的訪問率和知名度。推廣的方法有很多，例如到搜索引擎上注冊(cè)、與別的網(wǎng)站交換鏈接、加入廣告鏈等。
八、維護(hù)更新
第四篇：《網(wǎng)頁制作FrontPage》教案
《網(wǎng)頁制作FrontPage》教案
教師：張愛平
第1、2課時(shí) 網(wǎng)頁設(shè)計(jì)概述
【教學(xué)內(nèi)容】
講解網(wǎng)頁設(shè)計(jì)的相關(guān)術(shù)語及網(wǎng)站制作的基本流程?！窘虒W(xué)目的】
使學(xué)生對(duì)網(wǎng)站及網(wǎng)頁有一定的認(rèn)識(shí)，激發(fā)學(xué)生學(xué)習(xí)網(wǎng)頁設(shè)計(jì)的興趣。【教學(xué)重點(diǎn)】
網(wǎng)頁設(shè)計(jì)中的若干術(shù)語?！窘虒W(xué)難點(diǎn)】
理解網(wǎng)頁設(shè)計(jì)中的若干術(shù)語?！窘虒W(xué)方式】
講授式、討論式、案例分析式?！窘虒W(xué)參考】
1、《網(wǎng)頁設(shè)計(jì)與制作》楊尚森 曲宏山 賈文峰等著 電子工業(yè)出版社。
2、《Internet 網(wǎng)頁工場(chǎng)》Wittime工作室 重慶出版社。
3、《WEB網(wǎng)站設(shè)計(jì)》Joel Sklar著 高等教育出版社。
4、《HTML網(wǎng)頁制作教程》材義語編著 鐵道出版社。【新課內(nèi)容】 1.1 中超級(jí)鏈接標(biāo)志的難點(diǎn)。
第7、8課時(shí)HTML表格、表單與框架標(biāo)志
【教學(xué)內(nèi)容】
講解HTML中制作表格、表單與框架的標(biāo)志?！窘虒W(xué)目的】
使學(xué)生掌握簡(jiǎn)單表格、表單與框架的制作?！窘虒W(xué)重點(diǎn)】
* 表格中單元格的合并以及表格嵌套和疊加操作。* 框架的嵌套使用。* 表單元素標(biāo)志與屬性?！窘虒W(xué)難點(diǎn)】
* 理解表格屬性rowspan與colspan的含義以及表格嵌套實(shí)現(xiàn)的基本思想。
* 理解框架屬性name、target的意義。* 理解表單中相應(yīng)元素對(duì)應(yīng)標(biāo)志及屬性的含義。【教學(xué)方式】 案例分析式、項(xiàng)目教學(xué) 【教學(xué)參考】
1、《網(wǎng)頁設(shè)計(jì)與制作》楊尚森 曲宏山 賈文峰等著 電子工業(yè)出版社。
2、《WEB網(wǎng)站設(shè)計(jì)》Joel Sklar著 高等教育出版社。
3、《HTML網(wǎng)頁制作教程》材義語編著 鐵道出版社。【新課內(nèi)容】 2.5 插入表格
2.5.1在網(wǎng)頁中插入表格
表格的基本構(gòu)成元素：表頭，單元格，列，行
| 第一行第一列 | 第一行第二列 |
| 第二行第一列 | 第二行第二列 |
表單在Web網(wǎng)頁中用來給訪問者填寫信息，從而能獲得用戶信息，使網(wǎng)頁具有交互的功能。2.6.1創(chuàng)建表單
2.6.2用定義用戶交互（1）單行文本輸入?yún)^(qū)（2）密碼輸入?yún)^(qū)（3）單選框（4）復(fù)選框（5）隱藏區(qū)域（6）按鈕
2.6.3定義下拉式菜單
你選修的課程：
2.6.4定義多行文字輸入?yún)^(qū)域 請(qǐng)輸入你的詳細(xì)介紹：
2.7 框架窗口
框架把窗口劃分成幾個(gè)子窗口，各個(gè)子窗口可以調(diào)入各自的HTML文檔，最后形成充滿整個(gè)窗口的網(wǎng)頁。2.7.1框架的定義 2.7.2框架屬性設(shè)置