初中第二冊《信息技術》教材說明及教學參考
超鏈接是網站的靈魂，網頁之間就是通過超鏈接構成網站的，使我們能夠非線性的了解更多信息。
本課主要介紹創建模板制作網頁，在網頁間和網頁內創建超鏈接。安排的活動是制作個人網站中的“我的相冊”頁面。
建議1個課時完成。
照片縮略圖
相冊，顧名思義，由大量照片組成，但圖片數量過多，會影響網頁下載速度，我們可以給圖片增加縮略圖，顯示圖片的概圖。為此本課活動設計了以縮略圖的形式展示照片。
縮略圖是指把原圖像按比例縮小，作為原圖的預覽，單擊縮略圖可以看到對應的圖片。縮略圖鏈接的方式，大概有以下三種，一種是直接鏈接到圖片，第二種是鏈接到一個html文件，圖片嵌在html文件中，第三種是采用了asp或php等網絡編程語言，通過單擊的縮略圖類別自動生成展示圖片的網頁，第二種和第三種只要將鼠標放在縮略圖上，查看瀏覽器下方的狀態欄即可看到鏈接方式。本課活動涉及到第一種。
創建、使用模板
網頁模板可以直接新建，也可以在原有網頁的基礎上修改得到。本課由于“幼年照片”、“童年照片”和“少年照片”的網頁結構相同，采用了創建“幼年照片”的網頁，以此為基礎建立網頁模板，使用該模板建立“童年照片”和“少年照片”網頁。
模板網頁其實也是一個網頁，方便創建其他結構相同或相似的網頁。
創建超鏈接
在網頁中使用超鏈接，可以設置網頁間的超鏈接，也可以設置同一網頁中的鏈接，實現非線性閱讀。
需要注意的是，錨記鏈接錨記命名不支持中文，只能使用字母和數字，錨記名稱區別英文字母的大小寫，錨記名稱間不能含有空格，也不能含有特殊字符。
設置“交換圖像”
對圖片設置“交換圖像”，可以在較少的圖片空間顯示更多的圖片，在有限的頁面空間內表現更多的圖片信息。“交換圖像”可以實現隨著鼠標指針的移動而變化圖片的效果，可以在下方的“屬性”面板中更改設置，效果會發生相應的變化。
在“事件”選項的下拉列表中選擇其他事件類型的時候，除了逐個查看功能效果，還可以結合英文名稱來理解各個事件類型的含義及功能。
可以讓學生結合事件類型的英文名稱及其實現的效果，來充分理解：由于鼠標、鍵盤等的不同操作，觸發了不同的行為，而當事件結束時，行為也隨之結束或改變。
實踐與探索
進一步練習在網頁中使用超鏈接。可以讓學生總結超鏈接的用法和功能。【教學參考】第八課 定義css樣式
本課主要介紹css樣式在網頁中的使用。css樣式在網頁制作中能快捷的統一網頁格式，產生整齊劃一的效果。并能同時應用到同一頁面或不同頁面，使之隨著同時改變。
本課建議1個課時完成。
css樣式
css樣式是一種設計網頁樣式的工具, 也叫樣式表。它不僅可將樣式應用于本文檔，還可應用于其他文檔（以外部文件的形式存儲）。不僅有一般的格式屬性，還可設置位置、特殊效果、鼠標滑過等屬性。教師指導學生嘗試編輯各種樣式，應用在不同的單元格內，掌握使用方法，體會它的方便快捷。
水平線
水平線可以在網頁上清晰地劃分界限，而且對網頁布局起著重要的作用。本課活動涉及到用水平線分割文章標題和正文。打開水平線屬性面板可以對寬、高、對齊以及陰影進行設置，若要改變水平線的顏色，可以單擊屬性設置面板右側的 “快速標簽編輯器”標簽，在里面輸入“color=顏色”。這里的“顏色”可以是任何顏色，一般格式為：〈 hr color=#ff0000〉。設置后，在dreamweaver中無法直接看到效果，單擊“f12”鍵，在瀏覽器里瀏覽水平線的顏色變化。