dreamweaver網(wǎng)頁設(shè)計8-資料下載頁
2025-03-10 11:35本頁面
【正文】 。 （ 1） 制作內(nèi)容頁面 內(nèi)容頁面是普通頁面，每個章回做成一頁，不需做過多修飾，只要段落清楚即可，文件按章回編號，如 hong00hong00 hong003…… ， 參見圖 。 （ 2） 制作圖書主頁，建立閱讀鏈接（見圖 ） ① 在頁面中建左框架，設(shè)置框架屬性：顯示邊框、可重調(diào)大小、自動加滾動條、框架名稱。框架命名時注意，有相互鏈接的所有頁面的框架最好不要重名，否則容易混亂，如可以設(shè)左右框架的名稱分別為： bookml、bookmain。 ② 在左邊輸入圖書目錄，右邊可以是象征性圖案和書名。 ③ 建立目錄與內(nèi)容的鏈接，特別注意鏈接的 Target屬性設(shè)為 bookmain。 59 圖 60 圖 61 ④ 保存框架集文件為 ， 左框架文件為， 右框架文件為 hongright .htm。 （ 3） 制作主頁，建立圖書鏈接 ① 在頁面上先建立一個上框架，再在下面的框架中建立一個下框架，形成一個上、中、下結(jié)構(gòu)的框架集，分別命名 topframe、 mainframe、 bottomframe。 以像素點為單位設(shè)置上、下框架的大小，設(shè)置不可重調(diào)大小，無滾動條，中間框架自動添加滾動條。 ② 在上面框架中插入一個兩行一列的表格。第一行輸入“古典名著閱讀網(wǎng)”并設(shè)置相應(yīng)的文字格式。第二行輸入“首頁 三國演義 紅樓夢 西游記 水滸傳”，設(shè)置單元格背景為淡藍(lán)色。 ③ 在中間框架中插入一幅圖像，調(diào)整大小，不需特別設(shè)置。 62 ④ 在下面的框架中輸入版權(quán)信息，不需特別格式化。 ⑤ 保存文件：框架集為 ， 上框架為， 中框架為 ， 下框架為。 ⑥ 建立鏈接。“首頁”鏈接 ，target=″mainframe″； “紅樓夢”鏈接 ，target=″mainframe″…… 。 ⑦ 重新保存文件（ Save All Frames）。 ⑧ 在 Dreamweaver文檔窗口中按 F12鍵，就可以欣賞作品了（見圖 ）。 注意： 主頁文件名為 。 63 圖 64 模板 模板是網(wǎng)頁的樣板。利用模板可以制作格式相似的網(wǎng)頁。 【例 】創(chuàng)建模板 ① 新建或打開一個文檔，在其中編輯多個網(wǎng)頁中都需要的內(nèi)容。可以是圖像、表格、超鏈接、框架等任何網(wǎng)頁元素，編輯方法與一般網(wǎng)頁沒有任何不同。 ② 執(zhí)行 File|Save as Template（ 另存為模板）命令，將網(wǎng)頁保存為模板 ,這時會出現(xiàn)輸入模板名稱的 Save As Template對話框。 注意： 默認(rèn)狀態(tài)下，系統(tǒng)將默認(rèn)板文件保存在C:\\Program Files\\Macromedia\\Dreamweaver 4\\Lessons\\Lesson FilesTemplates目錄下，可以在Save As Template對話框中選擇站點名稱，則系統(tǒng)會將默認(rèn)板保存在站點目錄的 Template子目錄中。 65 ③ 設(shè)置完畢，按 Save按鈕后，即將網(wǎng)頁存儲為模板。這時，模板名稱會出現(xiàn)在模板（ Template） 面板（圖 ）中。 ④ 設(shè)置可編輯區(qū)?？删庉媴^(qū)域是利用模板生成的新文檔中可以被編輯的區(qū)域，也即用于放置各文檔之間不同內(nèi)容的區(qū)域。應(yīng)用模板時，只可在可編輯區(qū)域中修改內(nèi)容。 將插入點放到要設(shè)置可變區(qū)域的區(qū)域中，執(zhí)行Modify|Templates命令，再選擇 New Editable Region（ 新建可編輯區(qū)域）菜單項，出現(xiàn)如圖 New Editable Region對話框，提示輸入可編輯區(qū)域的名稱。輸入名稱，按 OK按鈕 ,就在模板文件中新建了一個可編輯區(qū)域?？删庉媴^(qū)域以淺藍(lán)色高亮顯示。新建的可編輯區(qū)域由一對大括號及其中的可編輯區(qū)域名稱來表示（圖），表明當(dāng)前可編輯區(qū)域的位置。通過模板創(chuàng)建文檔時，可以替換這些文字。 66 圖 67 圖 68 圖 69 ⑤ 編輯完后，需要再次保存模板文件。 提示： 一個模板中可以在不同位置設(shè)置多個可編輯區(qū)域 。 使用 Modify|Templates|Remove Editable Region刪除可編輯區(qū)域 。 雙擊模板（ Template） 面板中的模板名稱，可以打開相應(yīng)模板重新進行編輯。 【 例 】使用模板 ① 執(zhí)行 File|New From Template（ 從模板中新建）命令 ,打開如圖 ，提示選擇要使用的模板 。 ② 從 Site列表中選擇站點，從 Templates列表中選擇要使用的模板 。 70 圖 71 ③ 單擊 Select按鈕，確定操作，即可啟動一個新的Dreamweaver文檔窗口，在新文檔中出現(xiàn)了模板中的所有內(nèi)容。所有可編輯區(qū)域顯示為正常顏色，而所有不可編輯區(qū)域則為高亮顏色，如圖 。鼠標(biāo)移到不可編輯區(qū)時，顯示為禁止符號 ，只可在可編輯區(qū)輸入內(nèi)容，可以是任何網(wǎng)頁元素； ④ 編輯完畢，保存網(wǎng)頁。 提示： 在模板面板中選擇一個模板，使用 Apply按鈕，可以將指定模板應(yīng)用到正在編輯的網(wǎng)頁中，如果有多個可編輯區(qū)，會提示選擇將當(dāng)前網(wǎng)頁中的內(nèi)容放到哪個可編輯區(qū)域中； 可編輯區(qū)域是一個相對位置，并不代表可輸入內(nèi)容的多少；實際上，可以在一個可編輯區(qū)域中輸入任意多的內(nèi)容，但與固定內(nèi)容的相對位置不變。 72 圖 73 思考與練習(xí) ？什么是框架集？框架的用途是什么？ ？如何在框架中添加內(nèi)容？ ？保存框架集與保存網(wǎng)頁有何不同？ ？ ，用框架制作一個閱讀唐詩的小網(wǎng)站。 74 演講完畢，謝謝觀看！
高考資料相關(guān)推薦
鄂ICP備17016276號-1