【正文】 。 如果我們要為不支持 FRONTPAGE 服務(wù)器擴展的網(wǎng)站設(shè)計站點，那么 在編輯網(wǎng)頁時我們可以單擊 “ 工具 ” 菜單，選擇 “ 網(wǎng)頁選項 ” ，進(jìn)入 “ 網(wǎng)頁選項 ” 對話框， 單擊 “ 兼容性 ” 選項卡，把 “ 該服務(wù)器使用 MICROSOFT FRONTPAGE 服務(wù)器擴展 ” 復(fù)選框的選中清除，這樣，網(wǎng)頁就不會使用 FRONTPAGE 服務(wù)器擴展的功能了。 如果沒有配置 FRONTPAGE 的服務(wù)器擴展，或 WEB 服務(wù)器不能支持 FRONTPAGE 服務(wù)器擴展，那么我們就不能使用 HTTP 協(xié)議來發(fā)布站點，這時我們可以采用 FTP 的形式發(fā)布站點，只要在 “ 發(fā)布站點對話框 ” 中輸入站點對應(yīng)的 FTP 地址就可以了。這是我們在 FRONTPAGE 里打開了待發(fā)布的站點的情況， 單擊 “ 文件 ” 菜單，選擇 “ 發(fā)布站點 ” ， 63 在 “ 指定發(fā)布站點的位置： ” 文本框里輸入我們的個人網(wǎng)站的地址： “ ： //xiaosong” ，單擊 “ 發(fā)布 ” ，這時， FRONTPAGE就開始向我們的網(wǎng)站發(fā)布站點了。 這個報表列出了站點的所有文件，在這些文件的 “發(fā)布 ”屬性里顯示著當(dāng)前文件在發(fā)布站點時是否發(fā)布。 處理這些文件的方法要分有幾種情況來考慮： 如果未鏈接的文件的確不需要鏈接進(jìn)站點，比如：未編輯完畢的網(wǎng)頁，備用的圖片，我們就不必把它們發(fā)布到服務(wù)器，因為這些文件不會被瀏覽者用到； 61 還有一些文件是需要鏈接到站點里的，那么我們就要把它們鏈接到站點里。 除了檢查斷開的超鏈接和組件錯誤外，我們通常還要檢查是否有一些文件沒有鏈接進(jìn)站點。我們在出現(xiàn)錯誤的項目上單擊鼠標(biāo)右鍵。 比如：當(dāng)前的站點就有組件錯誤，另外還有一些斷開的鏈接。 選擇 “查看 ”菜單的 “報表 ”選項，單擊 “站點總覽 ”，這時就切換到了報表視圖， 59 在右面的工作區(qū)里就顯示了一些站點的統(tǒng)計信息。 [教學(xué)過程 ] 站點的檢查 在發(fā)布站點之前，我們最好對要發(fā)布的站點進(jìn)行一下檢查，看一看是否有一些潛在的錯誤沒有發(fā)現(xiàn)。 課后反思：本節(jié)課是一個綜合的超級鏈接練習(xí)，學(xué)生們掌握的不錯，有了以前的基礎(chǔ)，這次順利完成了任務(wù)。首先確認(rèn)是普通模式，在要改變的超鏈接下單擊鼠標(biāo)右鍵，選擇 “ 超鏈 接屬性 ” 命令，輸入新的 URL 地址就可以了。 單擊 “ 確定 ” 按鈕就可以了。 56 在 “ 創(chuàng)建超鏈接 ” 對話框里，在 URL 地址欄 直接輸入要連接的網(wǎng)頁或網(wǎng)站的地址。 我們也可以將超鏈接指向其他站點的 網(wǎng)頁。這時單擊就可以進(jìn)行切換了。 那么為什么不在普通模式下試呢？：因為普通模式主要是用來編輯網(wǎng)頁的，當(dāng)我們在普通模式把鼠標(biāo)指向 “ 主頁 ” 兩字時鼠標(biāo)沒有變成小手狀，因此不能進(jìn)行頁面切換。 55 單擊 “ 確定 ” 按鈕 .超鏈接就制作成功了。 首先創(chuàng)建一個指向站點內(nèi)其他網(wǎng)頁的超鏈接。 [教學(xué)過程 ] 54 怎樣才能自己做的網(wǎng)頁相互聯(lián)系起來呢 ?也就是說讓別人點頁面上的圖形或文本就跳轉(zhuǎn)到 其他頁面呢？ 在網(wǎng)頁里，我們把這種點擊后會進(jìn)行頁面切換的網(wǎng)頁界面元素叫超鏈接。 第十 七 課時 鏈接網(wǎng)頁 [教學(xué)目標(biāo) ] (1)掌握 并設(shè)計鏈接結(jié)構(gòu) (2)能將 網(wǎng)站連成一個整體。如果只要聲音播 53 放固定次數(shù)，請清除 不限次數(shù) 復(fù)選框，然后在 循環(huán)次數(shù) 框中鍵入想播放的聲音次數(shù)。在 常規(guī) 選項卡中的 背景音樂 底下，于 位置 框中，鍵入您要播放的聲音文件，或單擊 瀏覽 來找出文件。如果一打開網(wǎng)頁，首先聽到一曲動聽的音樂，那么我們就會很快進(jìn)入 這個網(wǎng)頁所營造的氛圍 ??在 FrontPage 中我們也可以自由輕松地設(shè)置網(wǎng)頁的背景聲音。但是，這個多媒體文件如何加入呢？難道還要作一個小程序，調(diào)用系統(tǒng)中的 Media Player?? 實際上遠(yuǎn)沒這么恐怖，我們只要在 FrontPage 的 插入 菜單中選擇插入 視頻 ，直接將你的視頻文件插入到網(wǎng)頁中的目標(biāo)位置就可以了。呵呵，不必緊張，功能高級一點并不代表操作復(fù)雜一點， FrontPage 提供了很多功能，能夠?qū)崿F(xiàn)很好的效果，但操作依然簡便。 52 其實搭好框架，加入文字與圖片，安排好鏈接，這個網(wǎng)頁基本上就已經(jīng)完成了。插入菜單的高級部分就是為這個設(shè)計的，你可以插 入各種ActiveX 單元，如動態(tài)按鈕、標(biāo)題廣告管理器、滾動字幕、計數(shù)器等，也可以插入各種 FrontPage 組件，設(shè)置數(shù)據(jù)庫信息，當(dāng)然也可以插入各種表單域。 另外 FrontPage 還提供了大量的組件，來盡量減輕用戶的工作量，可以插入時間戳、導(dǎo)航欄、目錄表格等。 插入 菜單中還包括很多內(nèi)容，如水平線、符號、豐富多彩的文件和圖像，這都是網(wǎng)頁編輯中比較通用的資源。而我們在文章中往往還需要文字的單純換行。 51 插入 這個選單具有比較鮮明的 FrontPage 特色，是專門為網(wǎng)頁編輯而服務(wù)的，它包括了十分豐富的內(nèi)容，是網(wǎng)頁編輯中最常使用的動作。 樣式表則能幫助我們確定統(tǒng)一的文字風(fēng)格，比如 霓虹燈 型就是規(guī)定文本和標(biāo)題為霓虹綠 Verdana 字體，超鏈接為黃綠色，背景為黑色。單擊 文件 菜單中的新建 網(wǎng)頁 ，就會彈出一個網(wǎng)頁制作的向?qū)?，從三方面提供了幾十種基本方案供你選擇。 49 第十 六 課時： 制作網(wǎng)頁 [教學(xué)目標(biāo) ] (1)掌握 網(wǎng) 頁制作的一般方法 (2)完成主頁的制作 [教學(xué)重點與難點 ] 重點 、 難點： 完成主頁的制作 [課時安排 ] 1 課時。同樣你也可以有許多的 “ 子文件夾 ” 和 “ 子文件 ” 的。但是你要記住，一個網(wǎng)站中真正的主頁名必須是 “ ” 或者是 “ ” ，也是唯一的，為什么要這樣做筆者以后會解釋。 到了這里，或許你會認(rèn)為什么主頁，什么第二個主頁，什么主頁又不是網(wǎng)站什么的，一頭霧水。不然就會出現(xiàn)連接錯誤而不能瀏覽。另一個方法就是直接在文件夾列表中添加（如圖 5）。 為了方便管理，你也可以自己添加一些文件夾用來保存其他內(nèi)容，比如添加一個名為“ webs” 的文件夾用來保存網(wǎng)站的其他網(wǎng)頁，這樣大家管理起來就不會覺得很凌亂了。 創(chuàng)建了好了新站點的同時，你按控制窗的按紐欄里面的打開文件夾列表或者到網(wǎng)站文件夾看一下，是不是多了兩個新文件夾？一個叫“ images” 的文件夾是供我們用來保存本網(wǎng)站中的圖片文件 47 的，在制作網(wǎng)頁之前你先把要用到的圖片都保存到這里 。 一般運行了 Frontpage2020的同時它就自行打開了最近編輯的一個站點?；蛟S你還創(chuàng)建了其他網(wǎng)站，我們可以通過 Frontpage2020的菜單欄里面的 “ 文件 → 打開站點 ” 來打開其他站點（如圖 3）。我們在以下稱保存網(wǎng)站的文件夾為 “ 網(wǎng)站文件夾 ” 或者是 “ 主文件夾 ” 。一般第一次使用 Frontpage2020 的時候它自動就生成了一 46 個新站點，保存的 “ 我的文檔 ” 的 “ My Webs” 文件夾中。 （圖 1） （圖 2） 在接下來彈出的窗口中你可以看到圖 2。用 FrontPage 編寫網(wǎng)頁就像用 Word 寫文章一樣簡單，很適合于我這樣業(yè)余建小 “家 ”的人上手。 Dreamweaver3 更加專業(yè)，其代碼的簡潔、兼容性和整體功能都要比 Frontpage2020 強。 FrontPage2020 就是這樣的工具。網(wǎng)上建家總是要工具的，制作網(wǎng)頁和網(wǎng)站的工具很多，甚至用記事本也可以（就像泥瓦匠起房子一樣，是寫網(wǎng)頁的源代碼）。 當(dāng)然可以選擇更活潑一點的樣式，只是需要自己去發(fā)揮了，或者到網(wǎng)絡(luò)上去學(xué)習(xí)各種漂亮的頁面設(shè)計。 這是網(wǎng)絡(luò)上常見的幾種網(wǎng)頁布局。說來說去又是一個美術(shù)設(shè)計方面的問題?？上也皇菍W(xué)美術(shù)的，只是簡單地知道一些冷暖色，看來還得在實踐中多比較。 網(wǎng)站的風(fēng)格，是不是有點像人的氣質(zhì)呀？ “ 家 ” 當(dāng)然是有氣質(zhì)的，或者活潑、或者嚴(yán)肅、或者精美、或者樸素、或者粗獷豪放、 44 或者小家碧玉等。 ? 網(wǎng)站的層次不要太復(fù)雜，小網(wǎng)站由 3 層網(wǎng)頁構(gòu)成是比較合適的。 ? 設(shè)定一個交互式的欄目，例如留言薄。一個網(wǎng)站由相關(guān)網(wǎng)頁組成一個關(guān)系網(wǎng)，通過頁面上的鏈接在不同的網(wǎng)頁之間跳轉(zhuǎn)。當(dāng)你輸入網(wǎng)址看到的第一個頁 面叫做首頁，通常的名字是 。 ● 網(wǎng)頁 —— 就是你看到瀏覽器內(nèi)的一個頁面，由圖片和文字組成。還是平實一點，就以我的名字叫 “ 豆豆之家 ” 吧。此外，還少不了應(yīng)該適當(dāng)介紹一下和自己相關(guān)的東西啊 ! 內(nèi)容確定了，那是不是應(yīng)該給我的網(wǎng)站取個好名字了？前輩說：網(wǎng)站名稱也是網(wǎng)站設(shè)計的一部分，而且是很關(guān)鍵的一個要素。個人簡歷？不，那樣也太沒有意思了。經(jīng)過冥思苦想，我決定做一個真正意義上的 “ 個人 ” 網(wǎng)站，做一個個人的家，一個在網(wǎng)絡(luò)上宣傳自己、結(jié)交朋友的 “ 家 ” 。看了不少個人網(wǎng)站，感覺就是：你抄我抄大家一起抄，黃沙淘盡不見金。算了，還是不要這么復(fù)雜吧，我只是一個小家碧玉者。 [教學(xué)過程 ] 42 規(guī)劃網(wǎng)站，其實就是網(wǎng)站的整體定位。 第十五課時： 規(guī)劃網(wǎng)站 、 創(chuàng)建一個站點并管理它 [教學(xué)目標(biāo) ] (1)知道從哪入手規(guī)劃網(wǎng)站 (2)依據(jù)主題，設(shè) 計好網(wǎng)站欄目 (3)搜集圖 片 和資料 。 [課時安排 ] 1 課時。 40 第十四課時： 制作網(wǎng)頁練習(xí) [教 學(xué)目標(biāo) ] 加強網(wǎng)頁制作技巧的練習(xí)。 5 不談專業(yè)與否，一個出色的網(wǎng)站關(guān)鍵在于創(chuàng)意。 3 保存網(wǎng)頁時記住不能使用中文保存。你還可以在這里定置超級連接的顏色呢，真是太棒了！ 要點： 1 學(xué)會善于運用表格，是整個網(wǎng)頁頁面看起來更整潔。你也可以為你的網(wǎng)頁使用背景圖案，那樣網(wǎng)頁看起來就更好了。 這里還有最后的補充：每個網(wǎng)頁都應(yīng)該有標(biāo)題嘛，如何定置網(wǎng)頁的標(biāo)題呢？在網(wǎng)頁的空白處點擊鼠標(biāo)右鍵，選擇“網(wǎng)頁屬性”，彈出另一個窗口（如圖 19）。 （圖 3） 這樣就表示熱點連接已經(jīng)做好了。她們分別是可以選取各種形狀來做熱點連接。 38 （圖 2） 你可以使用這些工具加工你的圖片。 設(shè)置圖片熱點連接 有時你可能不希望一張圖片都做上連接，只想為圖片的某部分做上連接，這就叫做提片熱點連接。在點超級連接按紐彈出的窗口中點圖 18中畫著圈圈的按紐，在另一個彈出的小窗口中填寫你的郵箱地址，就行了。由于是給你寫信的連接，點擊這個連接之后系統(tǒng)就會自動運行電子郵件程序給你發(fā)郵件。如果你發(fā)現(xiàn)“自我介紹”四個字下面多了一條橫線 ，說明你的超級連接就做成功了：） 依次把“我的收藏”“我的愛好”等幾個網(wǎng)頁做好，并依次為它們做上連接。 用鼠標(biāo)左鍵括起主頁上的“自我介紹”四個字，然后點擊按紐欄的超級連接按紐，在彈出的窗口中選擇剛才保存的“ ” （如圖 17）。 （圖 16） 我們再新建一個網(wǎng)頁，在編輯區(qū)編輯你自己的自我介紹，然后保存，記住用英文名保存，比如用“ ” ，不能