dreamweaver網(wǎng)頁(yè)設(shè)計(jì)授課教案-資料下載頁(yè)
2025-10-08 20:38本頁(yè)面
【正文】 一個(gè)網(wǎng)站中，第一級(jí)鏈接或者導(dǎo)航鏈接選擇_self，第二級(jí)鏈接和友情鏈接選擇_blank。第二部分：使用錨簡(jiǎn)明步驟：選中文本→在目標(biāo)文檔中插入錨標(biāo)記→命名→拖動(dòng)“指向文件”圖標(biāo)到文本。◇鏈接到文檔中的指定位置：在需要插入錨的地方，點(diǎn)一下光標(biāo)，然后單擊常用面板上的命名錨記工具。鍵入錨記名稱，一個(gè)站點(diǎn)中的錨記名稱只可以是唯一的，否則會(huì)出現(xiàn)錯(cuò)誤。在文檔中選取要?jiǎng)?chuàng)建鏈接的文本，打開您需要鏈接的命名錨記所在文檔，不一定要是當(dāng)前文檔，可以是站點(diǎn)中的其它文檔，點(diǎn)擊屬性面板中的“指向文件”圖標(biāo)，并將它拖動(dòng)到您需要鏈接的錨記處。第三部分：使用空鏈接使用空鏈接可以為頁(yè)面上的對(duì)象或文本附加行為。創(chuàng)建步驟： ，選中要設(shè)置鏈接的文本、圖像或其他對(duì)象。，只輸入一個(gè)“”號(hào)。“”的鏈接，無(wú)論當(dāng)前你處于文檔的什么地方，都會(huì)自動(dòng)跳轉(zhuǎn)到文檔的開頭位置。很多人非常討厭這種情況，因此出現(xiàn)很多插件?？梢杂谩啊眮?lái)代替“”，單擊這樣的鏈接的時(shí)候，會(huì)保持當(dāng)前頁(yè)面的瀏覽位置。:。創(chuàng)建空鏈接。第四部分：創(chuàng)建javascript腳本鏈接 ，圖象或?qū)ο蟆皩傩浴睓z查器的“鏈接”欄中鍵入javascript:，其后緊接JavaScript代碼或函數(shù)調(diào)用。例如在鏈接欄中鍵入javascript:alert(39。哈哈你上當(dāng)了39。)創(chuàng)建一個(gè)鏈接，點(diǎn)擊鏈接后就會(huì)出現(xiàn)一個(gè)警告框第五部分：創(chuàng)建電子郵件鏈接方法一：選取需要?jiǎng)?chuàng)建鏈接的文本或者圖像，點(diǎn)擊常用面板中的“電子郵件鏈接”工具，輸入郵件地址。方法二：選取需要?jiǎng)?chuàng)建鏈接的文本或者圖像，在屬性面板中的鏈接欄輸入mailto:郵件地址。第六部分：創(chuàng)建跳轉(zhuǎn)菜單，例如制作一個(gè)友情鏈接。首先將插入點(diǎn)放在要插入鏈接的位置。點(diǎn)擊表單面板中的跳轉(zhuǎn)工具在插入跳轉(zhuǎn)菜單對(duì)話框中，點(diǎn)添加項(xiàng)添加新鏈接。在屬性面板中選擇類型為“菜單”。在瀏覽器中發(fā)布如圖：在屬性面板中選擇類型為“列表”高度為3。在瀏覽器中發(fā)布如圖：點(diǎn)擊屬性面板中的列表值，可以修改列表值。第七部分：給鏈接增加提示，給鏈接增加快捷鍵。首先將插入點(diǎn)放在要插入鏈接的位置。點(diǎn)擊常用面板上的超級(jí)鏈接工具。設(shè)置鏈接參數(shù)。標(biāo)題是指當(dāng)指向鏈接會(huì)出現(xiàn)提示。訪問(wèn)鍵是指按鍵盤上的快捷鍵會(huì)選中鏈接。例如在實(shí)例中按Alt+D鍵會(huì)選中5D多媒體。第五篇：網(wǎng)頁(yè)設(shè)計(jì)Dreamweaver CS3 教案(華東師范大學(xué)出版社)另存為模板。在彈出的“另存模板”對(duì)話框中，“站點(diǎn)”下拉列表框用來(lái)設(shè)置模板保存的站點(diǎn)，課選擇一個(gè)選項(xiàng)?！艾F(xiàn)存的模板”選框顯示了當(dāng)前站點(diǎn)的所有模板。“另存為”文本框用來(lái)設(shè)置模板的命名。單擊“另存模板”對(duì)話框中的“保存”按鈕，就把當(dāng)前網(wǎng)頁(yè)轉(zhuǎn)換為了模板，同時(shí)將模板另存到選擇的站點(diǎn)。9單擊“保存”按鈕，保存模板。系統(tǒng)將自動(dòng)在根目錄下創(chuàng)建Template文件夾，并將創(chuàng)建的模板文件保存在該文件夾中。在保存模板時(shí)，如果模板中沒(méi)有定義任何可編輯區(qū)域，系統(tǒng)將顯示警告信息。我們可以先單擊“確定”，以后再定義可編輯區(qū)域。從文件菜單新建模板 選擇“文件/新建”命令，打開“新建文檔”對(duì)話框，然后再類別中選擇“模板頁(yè)”，并選取相關(guān)的模板類型，直接單擊“創(chuàng)建”按鈕即可?！保ǘ〥reamweaver 8 定義可編輯區(qū)域 模板創(chuàng)建好后，要在模板中建立可編輯區(qū)，只有在可編輯區(qū)里，我們才可以編輯網(wǎng)頁(yè)內(nèi)容?？梢詫⒕W(wǎng)頁(yè)上任意選中的區(qū)域設(shè)置為可編輯區(qū)域，但是最好是基于HTML代碼的，這樣在制作的時(shí)候更加清楚。在文檔窗口中，選中需要設(shè)置為可編輯區(qū)域的部分，單擊常用快捷欄的“模板”按鈕，在彈出菜單中選擇“可編輯區(qū)域”項(xiàng)。10在彈出的“新建可編輯區(qū)域”對(duì)話框中給該區(qū)域命名，然后單擊“確定”按鈕。新添加的可編輯區(qū)域有藍(lán)色標(biāo)簽，標(biāo)簽上是可編輯區(qū)域的名稱。如果希望刪除可編輯區(qū)域，可以將光標(biāo)置于要?jiǎng)h除的可編輯區(qū)域內(nèi)，選擇“修改/模板/刪除模板標(biāo)記”命令，光標(biāo)所在區(qū)域的可編輯區(qū)即被刪除。這樣模板文件就創(chuàng)建好了。（三）、其他模板區(qū)域 模板中除了可以插入最常用的“可編輯區(qū)域”外，還可以插入一些其他類型的區(qū)域，分別為“可選區(qū)域”、“重復(fù)區(qū)域”、“可編輯可選區(qū)域”和“重復(fù)表格”?？蛇x區(qū)域 可選區(qū)域是模板中的區(qū)域，用戶可將其設(shè)置為在基于模板的文件中顯示或隱藏。當(dāng)要為在文件中顯示的內(nèi)容設(shè)置條件時(shí)，即可使用可選區(qū)域。重復(fù)區(qū)域 重復(fù)區(qū)域時(shí)可以根據(jù)需要在基于模板的頁(yè)面中負(fù)值任意次數(shù)的模板部分。重復(fù)區(qū)域通常用于表格，也可以為其他頁(yè)面元素定義重復(fù)區(qū)域?？删庉嬁蛇x區(qū)域 是可選區(qū)域的一種，可以設(shè)置顯示或隱藏所選區(qū)域，并且可以編輯該區(qū)域中的內(nèi)容。（四）、Dreamweaver 8 使用庫(kù) 所謂庫(kù)項(xiàng)目，實(shí)際上就是文檔內(nèi)容的任意組合，可以將文檔中的任意內(nèi)容存儲(chǔ)為庫(kù)項(xiàng)目，使它在其它地方被重復(fù)使用。創(chuàng)建庫(kù) 在文檔窗口中選擇需要保存為庫(kù)項(xiàng)目的內(nèi)容。單擊資源面板“庫(kù)”分類中右下角的“新建庫(kù)項(xiàng)目”按鈕。一個(gè)新的項(xiàng)目出現(xiàn)在資源面板“庫(kù)”分類的列表中，預(yù)覽框中顯示預(yù)覽的效果，還可以給該項(xiàng)目鍵入新名稱。這樣，一個(gè)庫(kù)項(xiàng)目就創(chuàng)建好了。插入庫(kù) 將光標(biāo)方在網(wǎng)頁(yè)中需要插入庫(kù)文件的位置，在資源面板“庫(kù)”分類中選擇需要插入的庫(kù)項(xiàng)目，直接拖動(dòng)到光標(biāo)所在位置即可。更改庫(kù) 如果修改了庫(kù)文件，選擇“文件/保存”命令，彈出“更新庫(kù)項(xiàng)目”對(duì)話框，詢問(wèn)是否更新網(wǎng)站中使用了該庫(kù)文件的網(wǎng)頁(yè)。單擊“更新”按鈕，將更新網(wǎng)站中使用了該庫(kù)文件的網(wǎng)頁(yè)。（五）、創(chuàng)建基于模板的頁(yè)面選擇菜單欄的文件另存為模板命令。在彈出的另存為模板對(duì)話框中，在“站點(diǎn)”文本框選擇“xmweb”，在“另存為”給模板命名為mo1，點(diǎn)擊確定。彈出是否更改鏈接的提示，選擇“是”。此時(shí)，在站點(diǎn)內(nèi)自動(dòng)生成一個(gè)名為“Templates”的文件夾。鼠標(biāo)在網(wǎng)頁(yè)表格的最下一行空白處單擊一下，選中狀態(tài)欄的
環(huán)評(píng)公示相關(guān)推薦
鄂ICP備17016276號(hào)-1