遼師大版信息五下第3課《網(wǎng)站的設(shè)計》教案

1、第三課 網(wǎng)站的鏈接設(shè)計我們已經(jīng)學(xué)習(xí)過有關(guān)“超級鏈接”的初步知識，為了使網(wǎng)站頁面美觀和規(guī)范，現(xiàn)在要進(jìn)一步學(xué)習(xí)網(wǎng)站的鏈接知識。一文字鏈接樣式一）網(wǎng)站內(nèi)部鏈接1鏈接的色彩想一想：網(wǎng)站內(nèi)部鏈接的知識你已基本掌握，你知道如何修改文字鏈接的默認(rèn)顏色嗎？對了，你只需在網(wǎng)站“設(shè)計”頁面空白處右單擊鼠標(biāo)，選擇“網(wǎng)頁屬性”，在“格式”標(biāo)簽中，就能修改文字鏈接的顏色了。如圖這樣設(shè)計出來的鏈接顏色在整個網(wǎng)頁中是統(tǒng)一的，如果要在一個網(wǎng)頁中使各文字鏈接呈現(xiàn)不同的色彩，可選中鏈接文字，在“字體屬性”中直接修改。如圖2鏈接的翻轉(zhuǎn)效果你在網(wǎng)頁設(shè)計時，可能希望當(dāng)鼠標(biāo)指針經(jīng)過鏈接時，鏈接文字樣式能有所改變，已引起瀏覽者的注意，這就

2、是鏈接的“翻轉(zhuǎn)”效果。做一做：為你們的網(wǎng)站文字鏈接添加“翻轉(zhuǎn)”效果。1）在“設(shè)計”頁面空白處右單擊鼠標(biāo)，選擇“網(wǎng)頁屬性”；2）在對話框中選擇“高級”標(biāo)簽；3）勾選“啟用超鏈接翻轉(zhuǎn)效果”，點擊“翻轉(zhuǎn)樣式”按鈕，進(jìn)行樣式設(shè)置；4）保存文件，查看實際效果。二）外部網(wǎng)址鏈接除了設(shè)計指向網(wǎng)站內(nèi)部頁面的鏈接外，有時我們還需設(shè)置指向外部網(wǎng)址的鏈接，只需在編輯超鏈接時，在地址欄中將網(wǎng)址輸入即可。做一做：請在你的網(wǎng)站中，為“中國上海”網(wǎng)站（）設(shè)計一個鏈接。外部網(wǎng)站通常需要在新建瀏覽器窗口中打開。默認(rèn)的情況下，鏈接點擊后，新頁面的內(nèi)容是在原瀏覽器窗口中呈現(xiàn)，如何使其能在新建窗口中打開呢？請你根據(jù)下圖提示，自行探索

3、，完成這一操作。三）同一頁面內(nèi)鏈接有時候，在單個網(wǎng)頁中有關(guān)歷史文化景點的內(nèi)容很豐富，但內(nèi)容篇幅超出了瀏覽器的窗口尺寸，用戶需要上下調(diào)整瀏覽器的垂直滾動條來完成對全部內(nèi)容的訪問，帶來了一定的不便。通過設(shè)置類似“書簽”的頁面內(nèi)鏈接，可以改善這一情況。例如，打開素材光盤文件夾，在某同學(xué)設(shè)計的“美麗家園”網(wǎng)站中，有對上海部分歷史文化風(fēng)貌景點的介紹，需要設(shè)計同一頁面內(nèi)鏈接，以輔助瀏覽。請與你的同伴一起，循例完成。1）選中第一處鏈接目標(biāo)位置處的部分文字，點擊“插入”菜單中的“書簽”命令；2）為該“書簽”設(shè)置名稱，在設(shè)置鏈接時會用到該名稱；3）設(shè)置第一處鏈接，點擊“書簽”按鈕，選中剛設(shè)置的“書簽”名稱；（如

4、圖）4）類似地，完成其余鏈接的設(shè)置。四）電子郵件鏈接有時為了增進(jìn)溝通，網(wǎng)站作者往往在頁面上設(shè)置電子郵件鏈接，瀏覽者點擊后，就能打開默認(rèn)的郵件客戶端程序向作者發(fā)送電子郵件。請與你的同伴仔細(xì)觀察相關(guān)菜單與對話框，討論如何完成此項操作，并將步驟記錄下來，通過操作來驗證你們的方法：_二圖片鏈接樣式圖片鏈接與文字鏈接類似，只需插入圖片后，點擊“插入”菜單下的“超鏈接”選項（或常用工具欄上圖標(biāo)），就能進(jìn)行鏈接設(shè)置了。需要注意的是，用于鏈接的圖片需要含義清楚，大小合適，避免讓瀏覽者產(chǎn)生誤解。想一想：假設(shè)在介紹某處歷史文化景點的網(wǎng)頁中，以下哪一幅圖片較為適合做返回首頁的鏈接呢？ 圖片一： 圖片二：三Flash鏈接樣式Flash已日益成為網(wǎng)站設(shè)計中的“流行元素”，它也是用于鏈接的重要方式之一。怎樣在網(wǎng)頁中插入Flash動畫呢？其實，只要在網(wǎng)站“設(shè)計”頁面中點擊“插入”菜單下的“圖片”，選擇“Flash影片”就可以了，怎