第十三課完善網(wǎng)站 完整版PPT

1、 13.1 鏈接新網(wǎng)頁 13.2 建立HTTP鏈接 13.3 插入E-mail鏈接 13.4 同一文件內(nèi)的鏈接 13.5 思考與練習(xí)網(wǎng)站建設(shè)設(shè)計(jì)簡單網(wǎng)頁初步創(chuàng)建站點(diǎn)網(wǎng)上安家完善網(wǎng)站第十三課 完善網(wǎng)站 建立了站點(diǎn)，還需要不斷地鏈接新的網(wǎng)頁，豐富網(wǎng)站內(nèi)容。 網(wǎng)站建設(shè)設(shè)計(jì)簡單網(wǎng)頁初步創(chuàng)建站點(diǎn)網(wǎng)上安家完善網(wǎng)站13.1 鏈接新網(wǎng)頁例：在框架網(wǎng)頁中建立超鏈接步驟1：啟動Frontpage，打開“藏羚羊”站點(diǎn)，選擇框架網(wǎng)頁。13.1 鏈接新網(wǎng)頁13.1 鏈接新網(wǎng)頁 網(wǎng)站建設(shè)設(shè)計(jì)簡單網(wǎng)頁初步創(chuàng)建站點(diǎn)網(wǎng)上安家完善網(wǎng)站步驟2：選中左邊列表中的“重大事件”文字，單擊右鍵（如圖）。例：在框架網(wǎng)頁中建立超鏈接13.1

2、鏈接新網(wǎng)頁13.1 鏈接新網(wǎng)頁 網(wǎng)站建設(shè)設(shè)計(jì)簡單網(wǎng)頁初步創(chuàng)建站點(diǎn)網(wǎng)上安家完善網(wǎng)站步驟3：在彈出的對話框中選擇“超鏈接”，打開“插入超鏈接”對話框（圖 ）例：在框架網(wǎng)頁中建立超鏈接13.1 鏈接新網(wǎng)頁13.1 鏈接新網(wǎng)頁 網(wǎng)站建設(shè)設(shè)計(jì)簡單網(wǎng)頁初步創(chuàng)建站點(diǎn)網(wǎng)上安家完善網(wǎng)站例：在框架網(wǎng)頁中建立超鏈接步驟4：選擇文件“dsj.htm”，單擊確定?！癲sj.htm”網(wǎng)頁已被鏈接到框架網(wǎng)頁的“重大事件”位置，這時(shí)，按住“Ctrl”同時(shí)用鼠標(biāo)左鍵單擊“重大事件”，就可以跟蹤這個超鏈接。我們最好將被鏈接的網(wǎng)頁也放置在站點(diǎn)所在的目錄中。13.1 鏈接新網(wǎng)頁13.1 鏈接新網(wǎng)頁 網(wǎng)站建設(shè)設(shè)計(jì)簡單網(wǎng)頁初步創(chuàng)建站點(diǎn)網(wǎng)

3、上安家完善網(wǎng)站瀏覽網(wǎng)頁時(shí)，只要單擊這個鏈接就可以直接訪問相應(yīng)的網(wǎng)站。 http鏈接與鏈接到本地計(jì)算機(jī)的其他網(wǎng)頁文件一樣，也是鏈接到其他網(wǎng)頁，只不過鏈接的目標(biāo)不再是本地計(jì)算機(jī)中的網(wǎng)頁文件，而是Internet上其他站點(diǎn)的網(wǎng)頁。 13.2 建立HTTP鏈接 網(wǎng)站建設(shè)設(shè)計(jì)簡單網(wǎng)頁初步創(chuàng)建站點(diǎn)網(wǎng)上安家完善網(wǎng)站【例】將框架網(wǎng)頁中“相關(guān)鏈接”建立與網(wǎng)站“”的鏈接。步驟1：在網(wǎng)頁中選中“相關(guān)鏈接”文字，單擊右鍵。步驟2：在彈出的對話框中選擇“超級鏈接”，打開“插入超級鏈接”對話框。13.2 建立HTTP鏈接13.2 建立HTTP鏈接 網(wǎng)站建設(shè)設(shè)計(jì)簡單網(wǎng)頁初步創(chuàng)建站點(diǎn)網(wǎng)上安家完善網(wǎng)站步驟3：在“插入超級鏈接”

4、對話框的地址欄輸入框中，地址 “”（圖）。步驟4：單擊“確定”按鈕，操作完成?！纠繉⒖蚣芫W(wǎng)頁中“相關(guān)鏈接”建立與網(wǎng)站“”的鏈接。13.2 建立HTTP鏈接13.2 建立HTTP鏈接 網(wǎng)站建設(shè)設(shè)計(jì)簡單網(wǎng)頁初步創(chuàng)建站點(diǎn)網(wǎng)上安家完善網(wǎng)站1.建立E-mail鏈接的方法很簡單：在打開“插入超級鏈接”對話框后，要單擊對話框中的“電子郵件地址”，然后在對話框（如圖）中輸入自己的E-mail地址，再按“確定”按鈕返回就可以了。13.3 插入E-mail鏈接 網(wǎng)站建設(shè)設(shè)計(jì)簡單網(wǎng)頁初步創(chuàng)建站點(diǎn)網(wǎng)上安家完善網(wǎng)站2.取消E-mail鏈接：在“插入超鏈接”對話框中把鏈接的網(wǎng)頁名或超鏈接地址刪除，再單擊“確定”按鈕就行

5、了。3.在圖片上建立超鏈接，方法同建立文字超鏈接相似。13.3 插入E-mail鏈接13. 3 插入E-mail鏈接 網(wǎng)站建設(shè)設(shè)計(jì)簡單網(wǎng)頁初步創(chuàng)建站點(diǎn)網(wǎng)上安家完善網(wǎng)站如果一個網(wǎng)頁中的內(nèi)容很多，要很快查看到網(wǎng)頁中的某些內(nèi)容比較困難，這時(shí)就可以在主頁中的某個位置設(shè)置“書簽”。 使用書簽的目的是為了更快地找到所要閱讀的內(nèi)容 如果頁面中的文本太長時(shí)，建議使用書簽。創(chuàng)建書簽超鏈接時(shí)，一般是在頁面的頂端或者底部創(chuàng)建一個超鏈接目錄，將這些目錄鏈接到不同的書簽中 13.4 同一文件內(nèi)的鏈接 網(wǎng)站建設(shè)設(shè)計(jì)簡單網(wǎng)頁初步創(chuàng)建站點(diǎn)網(wǎng)上安家完善網(wǎng)站【例】將下面網(wǎng)頁中“1992年以前”這一行文字設(shè)置為書簽，并在網(wǎng)頁中創(chuàng)建

6、超鏈接，鏈接到這個書簽上。此處設(shè)置書簽此處設(shè)置超鏈接13.4 同一文件內(nèi)的鏈接13. 4 同一文件內(nèi)的鏈接 網(wǎng)站建設(shè)設(shè)計(jì)簡單網(wǎng)頁初步創(chuàng)建站點(diǎn)網(wǎng)上安家完善網(wǎng)站【例】將下面網(wǎng)頁中“1992年以前”這一行文字設(shè)置為書 簽，并在網(wǎng)頁中創(chuàng)建超鏈接，鏈接到這個書簽上。步驟2：選擇“插入”菜單中的“書簽”命令項(xiàng)，出現(xiàn)“書簽”對話框。 步驟1：選中“1992年以前”這一行文字。輸入書簽的名稱13.4 同一文件內(nèi)的鏈接13.4 同一文件內(nèi)的鏈接 網(wǎng)站建設(shè)設(shè)計(jì)簡單網(wǎng)頁初步創(chuàng)建站點(diǎn)網(wǎng)上安家完善網(wǎng)站【例】將下面網(wǎng)頁中“1992年以前”這一行文字設(shè)置為書 簽，并在網(wǎng)頁中創(chuàng)建超鏈接，鏈接到這個書簽上。步驟4：選中“92年

7、以前”幾個文字。步驟5：選擇“插入”菜單中的“超鏈接”命令項(xiàng)，出現(xiàn) “創(chuàng)建超鏈接”對話框。步驟3：在“書簽名稱”輸入框中輸入書簽名，單擊“確 定”返回。13.4 同一文件內(nèi)的鏈接13.4 同一文件內(nèi)的鏈接 網(wǎng)站建設(shè)設(shè)計(jì)簡單網(wǎng)頁初步創(chuàng)建站點(diǎn)網(wǎng)上安家完善網(wǎng)站【例】將下面網(wǎng)頁中“1992年以前”這一行文字設(shè)置為書 簽，并在網(wǎng)頁中創(chuàng)建超鏈接，鏈接到這個書簽上。 步驟6：單擊“插入超鏈接”對話框中的“本文檔中的位置”，選擇“1992年以前”書簽（ 如圖）：13.4 同一文件內(nèi)的鏈接13. 4 同一文件內(nèi)的鏈接 網(wǎng)站建設(shè)設(shè)計(jì)簡單網(wǎng)頁初步創(chuàng)建站點(diǎn)網(wǎng)上安家完善網(wǎng)站【例】將下面網(wǎng)頁中“1992年以前”這一行文字設(shè)置為書 簽，并在網(wǎng)頁中創(chuàng)建超鏈接，鏈接到這個書簽上。將這個建立了超級鏈接的xiaoxin.html主頁保存，然后預(yù)覽這個網(wǎng)頁時(shí)，單擊“92年以前”這個超鏈接，就自動轉(zhuǎn)到網(wǎng)頁中“1992年以前”這一行。 注意：在網(wǎng)頁在預(yù)覽狀態(tài)下，書簽是看不到的。13.4