網(wǎng)頁(yè)設(shè)計(jì)制作中超鏈接的運(yùn)用論文[推薦閱讀]-預(yù)覽頁(yè)
【正文】 圍一般分為內(nèi)部鏈接和外部鏈接。如何快速在 站點(diǎn)內(nèi)創(chuàng)建鏈接？有三種創(chuàng)建和修改的方法：一是使用“屬性”面板創(chuàng)建鏈接，鍵入文件路徑或單擊瀏覽按鈕選取需鏈接的文件；二是使用“指向文件”圖標(biāo)直接指向想要鏈接的文件；三是使用“資源”面板創(chuàng)建或修改超級(jí)鏈接。在“ mailto：”后面不要添加空格，例如： mailto:，按回車(chē)鍵確定。 “書(shū)簽”一詞是轉(zhuǎn)譯而來(lái)的，它的英語(yǔ)原詞是 anchor，意即“錨”，所以“書(shū)簽鏈接”也常稱為“錨點(diǎn)鏈接”。除了使用菜單命 令外還可以通過(guò)“插入欄”中的“常用”項(xiàng)插入“命名錨記”進(jìn)行操作。創(chuàng)建無(wú)址鏈接的方法很簡(jiǎn)單，選取“返回頁(yè)首”，在“屬性”面板的“鏈接”域中鍵入“ ”號(hào)，在“目標(biāo)”下拉菜單中選取“ top”。因?yàn)?Javascript 代碼中出現(xiàn)在雙引號(hào)之間，因此在腳本代碼中必須使用單引號(hào)或在雙引號(hào)之前加斜杠，例如：”歡迎光臨”。在 Dreamweaver 中通過(guò)“屬性”面板中的選項(xiàng)可以輕松的完成這項(xiàng)工作。 _top：將文件載入到整個(gè)瀏覽器 窗口中，取消所有框架。導(dǎo)航條制作的超鏈接可在鏈接時(shí)產(chǎn)生圖像變換的效果，在插入記錄 /圖像對(duì)象 /導(dǎo)航條中執(zhí)行。用戶可根據(jù)網(wǎng)頁(yè)的美化效果添加豐富多彩的按鈕樣式，在按鈕文本中添加所鏈接網(wǎng)頁(yè)的標(biāo)題，在“鏈接”對(duì)話框中輸入所要鏈接的網(wǎng)址。和 fash 按鈕一樣， fash文本也要保存在與相應(yīng)網(wǎng)頁(yè)的同一路徑下。網(wǎng)頁(yè)制作工具 Dreamwraver 提供了非常簡(jiǎn)便的創(chuàng)建超鏈接的方法，用戶可將文字、圖片、 Flash 等網(wǎng)頁(yè)元素設(shè)置為鏈接對(duì)象，進(jìn)而美化鏈接，讓網(wǎng)頁(yè)更豐富多彩。外部鏈接：與外部網(wǎng)站的頁(yè)面間的鏈接；內(nèi)部鏈接：網(wǎng)站內(nèi)部頁(yè)面間的鏈接。 電子郵件鏈接 在網(wǎng)頁(yè)中設(shè)置電子郵件鏈接已經(jīng)非常普遍，電子郵件鏈接可以附加在按鈕圖片上，也可以附加在文本上。 書(shū)簽鏈接 “書(shū)簽鏈接”可讓用戶在頁(yè)面內(nèi)容較多時(shí)只瀏覽自己感興趣的內(nèi)容?！皶?shū)簽鏈接”可讓用戶根據(jù)需求更方便快捷地找到相應(yīng)內(nèi)容，而不必瀏覽網(wǎng)頁(yè)中的所有內(nèi)容，使網(wǎng)頁(yè)更具人性化。 無(wú)址鏈接和腳本鏈接 在 Dreamweaver 中除了上述內(nèi)容所講到的鏈接方式外，還有無(wú)址鏈接和腳本鏈接，這兩種鏈接方式不再是實(shí)現(xiàn)簡(jiǎn)單意義上網(wǎng)頁(yè)間的跳轉(zhuǎn)， 而是賦予了鏈接更多的含義。腳本鏈接能夠在不離開(kāi)當(dāng)前 Web 頁(yè)面的情況下為訪問(wèn)者提供有關(guān)某項(xiàng)的附加信息。 3 超鏈接的目標(biāo)窗口 當(dāng)用戶在互聯(lián)網(wǎng)上瀏覽網(wǎng)頁(yè)時(shí)，一般都是通過(guò)單擊網(wǎng)頁(yè)上的超級(jí)鏈接，跳轉(zhuǎn)到不同的頁(yè)面。在“目標(biāo)”下拉菜單中可以設(shè)置 4 個(gè)超級(jí)鏈接目標(biāo)，其意義分別為： _blank：將文件載入新的無(wú)標(biāo)題瀏覽器窗口中。 4 超鏈接的美化 在制作超鏈接時(shí)，可通過(guò)“超級(jí)鏈接”對(duì)話框設(shè)置相關(guān)屬性或利用導(dǎo)航條、 fash 按鈕、 fash 文本等對(duì)超鏈接進(jìn)行美化。在導(dǎo)航條中，可設(shè)置原始圖像、鼠標(biāo)經(jīng)過(guò)圖像、按下鼠標(biāo)時(shí)圖像，在“按下時(shí)，前往的 URL”處設(shè)置鏈接地址。必須注意的是按鈕要保存在與相應(yīng)網(wǎng)頁(yè)的同一路徑下。 5 結(jié)語(yǔ) 超鏈接是網(wǎng) 頁(yè)間聯(lián)系的橋梁，是網(wǎng)頁(yè)的魅力所在，通過(guò)鏈接，瀏覽者可在信息海洋中盡情遨游！在制作網(wǎng)頁(yè)時(shí)應(yīng)綜合運(yùn)用外部鏈接和內(nèi)部鏈接讓網(wǎng)頁(yè)更豐富！同時(shí)充分利用文字、圖片、 Flash 等網(wǎng)頁(yè)元素設(shè)置鏈接來(lái)增添網(wǎng)頁(yè)魅力。字超鏈接是最普通的一種超鏈接形式，教師在講解這個(gè)操作時(shí)重點(diǎn)要說(shuō)明的是要確定超鏈接的目標(biāo)。本課重點(diǎn)是超鏈接的建立，學(xué)好本課為后面的網(wǎng)頁(yè)、網(wǎng)站的設(shè)計(jì)打下基礎(chǔ)。 2．培養(yǎng)學(xué)生勤于思考和自己動(dòng)手探索新知識(shí)的良好學(xué)習(xí)品質(zhì)。 四、教學(xué)策略選擇與設(shè)計(jì) 直觀演示與自主學(xué)習(xí)相結(jié)合，合作練習(xí)與教師的講授相結(jié)合 五、教學(xué)環(huán)境及資源準(zhǔn)備 多媒體教室、自制教學(xué)課件 六、教學(xué)過(guò)程 教學(xué)過(guò)程 教師活動(dòng) 學(xué)生活動(dòng) 設(shè)計(jì)意圖及資源準(zhǔn)備 質(zhì)疑導(dǎo)入 首先，老師演示自己制作的網(wǎng)站，用超鏈接預(yù)覽所有的網(wǎng)頁(yè)，讓學(xué)生仔細(xì)觀察。 拉進(jìn)學(xué)生與知識(shí)點(diǎn)的距離，讓學(xué)生對(duì)超鏈接產(chǎn)生神秘感。教師提問(wèn)：這是怎么制作出來(lái)的？ 教師講解演示：通過(guò)借助自選圖形來(lái)建立熱區(qū)。 展示與評(píng)價(jià) 組織學(xué)生將自己的優(yōu)秀制作向全班同學(xué)進(jìn)行展示，并以組為單位評(píng)價(jià)作品。通過(guò)本節(jié)課的學(xué)習(xí)你應(yīng)該能使自己的網(wǎng)頁(yè)更加充實(shí)和美妙。 ●過(guò)程與方法：掌握在幻燈片中運(yùn)用超級(jí)鏈接進(jìn)行交互的方法和步驟。 【教學(xué)資源】 1．教師準(zhǔn)備多媒體課件。你對(duì)新疆這個(gè)多民族聚集的地方有多少了解呢？ 下面讓我們 來(lái)看一組圖片，了解一下新疆的風(fēng)土人情以及豐富的旅游資源。 生 3：介紹旅游的路線。（見(jiàn)下圖） 圖 2 圖 3 師：你們注意到鼠標(biāo)指針有發(fā)生變化嗎？ 生 1：鼠標(biāo)指針變成手形。 師：老師巡堂發(fā)現(xiàn)，大部分同學(xué)已經(jīng)初步掌握了在幻燈片中創(chuàng)建超級(jí)鏈接的方法，現(xiàn)在請(qǐng)還沒(méi)有掌握方法的同學(xué)講講你們?cè)趪L試過(guò)程中遇到了什么困難？把你們的難處提出來(lái)，讓我們大家共同解決它。大家還要養(yǎng)成一個(gè)好習(xí)慣，先把你要鏈接的文件和要保存的幻燈片放在同一個(gè)文 件夾下。大家可以獨(dú)自完成這個(gè)任務(wù)，也可以以小組合作的形式來(lái)完成，但每個(gè)小組成員的分工要明確，有人負(fù)責(zé)整理資料內(nèi)容，有人負(fù)責(zé)具體的任務(wù)操作，有人負(fù)責(zé)講解作品的創(chuàng)作思路和方法?！? 四、作品展示點(diǎn)評(píng)交流 師：同學(xué)們，你們的努力一定有豐碩的成果。 師：課堂上的時(shí)間有限，我們只展示了部分組的作品，我們可以在課后再做交流。 『教學(xué)活動(dòng) 4：學(xué) 習(xí)是一個(gè)不斷積累、完善的過(guò)程，教師引導(dǎo)學(xué)生將學(xué)習(xí)的時(shí)空由課內(nèi)延伸到課外，不僅加深鞏固學(xué)生所學(xué)的知識(shí)和技能，而且將學(xué)習(xí)的目標(biāo)由現(xiàn)有向更高更廣延
畢業(yè)設(shè)計(jì)相關(guān)推薦
鄂ICP備17016276號(hào)-1