【正文】 窗口中 Flash文件的大小在 這里我的主頁插入的一個動畫如圖所示 本 文字是人類語言最基本的表達方式在網頁中文本內容也可以說是重要的組成部分一個網站成功與否它是最關鍵的因素在這最關鍵的因素可豐富網站的文字內容并以最最美觀最整齊的方式放入到網頁中 插入文本的兩種方式 網頁中需要大量的文本我們或以通過以下兩種方式插入它們 一種是在網頁編輯窗口中直接用鍵盤敲入 文本這可以算是最基本的輸入方式了和一些文本編輯軟件如 Microsoft Word 的使用方法一樣選擇好習慣的輸入法就可以運指如飛了 另一種是復制文本的方式有些讀者可能不喜歡使用 Dreamweaver MX2021 來進行打字的工作而更習慣在專門的文本編輯軟件中快速打字如 Microsoft Word和 Windows 自帶的記事本等又或者讀者已經準備好了要放入網頁的文本的電子版本那么我們就可以直接使用 Dreamweaver 的文本復制功能將大段的文本內容拷貝到網頁的編輯窗口來進行排版的工作具體步驟如下 打開文本編輯軟 件如 Microsoft Word 選中要復制的文本它們將反白顯示執(zhí)行菜單編輯復制命令或直接用快捷鍵 CtrlC之后切換回 Dreamweaver將光標停留在插入文本的位置執(zhí)行主菜單編輯粘貼命令或直接使用快捷鍵 Ctrlv 即可將大段的文本快速粘貼到網頁中 這在我的網文精品中用到很多全部是在 word 軟件中排好 ctrlc 然后點擊要粘貼的位置 crtlv 到 Dreamweaver 即可 23 創(chuàng)建其它網頁 還有其它的幾個網站與主頁的制作相同一個網頁是圖象和文字的組合 平面設計中的圖象插入和前面的介紹相似并可以在屬性攔中調節(jié)圖象 的大小 在 Dreamwerver 中常常會用到 FireworkFlash 它們是相輔相成在主頁中的主體部分就是用 Firework 如圖所示 在個人說明中也用到這點首先定好需要尺寸在屬性中設好背景顏色等等插入圖象輸入文字也 word 里的操作雷同 第三章 建立網頁鏈接 網站實際上是由很多網頁組成的那么網頁之間是如何聯(lián)系的呢這就是本章要講的內容 網頁的鏈接 鏈接又稱超鏈接 Hyperlink 它作為網頁的橋梁起著相當重要的作用網頁中的很多對象都可以加入鏈接屬性在 Dreamweaver MX2021 中如果以鏈接的媒 介來劃分的話則鏈接可以分為文字鏈接圖像鏈接圖像地圖鏈接內部鏈接和外部鏈接Email 鏈接命名錨記鏈接文件下載鏈接和跳轉菜單共 8 種其中部分內容在之前的章節(jié)中可能接觸過這里將對其進行更深入的講解 31 文字鏈接 文字鏈接即以文字作為媒介的鏈接它是網頁中最常被使用的鏈接方式具有文件小制作簡單和便于維護的特點 接下來結合我的個人網站為實例來講解如何為文字建立鏈接 具體操作步驟如下所述 操作步驟 步驟 1 準備好已經制作完成的首頁的各個欄目頁面假設除了鏈接其他內容都已經制作完成了該網站包含 6個欄目這里的 5個欄目 平 面設計動畫制作和網文精品經典回顧個人說明為例來進行講解 步驟 2 在 Dreamweaver 中打開首頁之后反白選取作為鏈接的文字實例中要做到單擊不同的欄目的網頁因此為第 1 個欄目平面設計設置鏈接首先要反白選中平面設計 4 個文字 步驟 3 觀察屬性面板其中包括一個鏈接文本框 步驟 4 接下來需要把鏈接的地址加入到文本框中方法有 3 種 這里我用到的是直接點擊文件夾圖標在文件夾中找到要鏈接的對象graphhtm 這樣就建立了超鏈接不過有點很重要由于大多數(shù)服務器都不支持中文文件名而且對大小寫敏感因此采用英文文件名并統(tǒng)一大小寫如圖 所示 步驟 5 在鏈接文本框下面還有一個目標下拉列表從中可以選擇鏈接網頁顯示的窗口方式共有 4 種如圖 實例中沒有選擇任何選項保持空白表示在原窗口中打開鏈接網頁 步驟 6 還可以設置一些鏈接的屬性這是前面講過的內容單擊屬性面板中的頁面屬性選擇其中的鏈接分類可以進行的設置有鏈接字體大小鏈接顏色變換圖像鏈接顏色已訪問鏈接顏色活動鏈接顏色及下劃線樣式 步驟 7 至此第 1 個欄目的鏈接就制作完畢了按下 CtrlS 保存網頁再按下 F12 預覽測試一下當鼠標放在平面設計這 4 個文字上時將變成手形并且瀏覽器窗口下面的狀態(tài)欄中會顯示鏈接 到的網頁的地址單擊文字頁面會立即跳轉到第 1 個欄目中這表示鏈接已經制作成功了 步驟 8 同理按照以上步驟再為動畫制作和網文精品經典回顧等其它欄制作指向對應欄目的鏈接 步驟 9 通常在欄目頁面中還需要有返回首頁的鏈接單擊其后可以跳轉回首頁因此在各個欄目中還要插入網站首頁的文字并且制作指向首頁 indexhtml 的鏈接制作方法不變 至此整個文字鏈接的實例就全就全部完成了通過對這個實例的講解讀者不僅應該學會如何為文字制作鏈接還應用對鏈接有了更加深刻的理解鏈接的目的何在它到底能夠在網頁的網站中發(fā)揮什么樣的作用怎樣才能更好地 使用它這些是網頁制作者更應該思考的問題 下面繼續(xù)介紹其他類型的鏈接 32 圖像鏈接 圖像也是常被使用的鏈接媒體它和文字鏈接非常相似為圖像加入鏈接首先應該在網頁中插入圖像有關插入圖像或導航條按鈕的內容接下來以我的網站追夢人為例講解如何建立圖像鏈接 操作步驟 步驟 1 首先仍然要準備好已經制作完成的首頁和各個欄目的頁面假設除了鏈接其他內容都已經制作完成了該網站包含 6個欄目下面我們就動手為這 6個欄目分別制作它們的鏈接 步驟 2 在 Dreamweaver 中打開網站的首頁之后選取要制作鏈接的圖像實例中先為第 3 個欄目動畫制作 設置鏈接因此選中包含動畫制作 4 個字的圖像 步驟 3 觀察屬性面板在鏈接文本框中輸入鏈接的文字地址可以使用之前講過的指向文件和選擇文件的方法 步驟 4 如果有需要可以在目標下拉列表中選擇鏈接網頁顯示的窗口方式分別為 blank parent self 或 top 實例中使用了默認出的保留空白選項的方式 步驟 5 另外讀者還可以為圖像增加替代文本實例中為第 1 個欄目增加欄目名稱的替代文本 步驟 6 至此第 1 個欄目的圖像鏈接就制作完畢了按下 CtrlS 保存網頁再按下 F12預覽測試一下將鼠標放在動畫制作 4個文字上時將變成手形 同時瀏覽器窗口下面的狀態(tài)欄中會顯示出鏈接到的網頁的地址并且會顯示出替代文本動畫制作單擊文字頁面會立即跳轉到第 3 個欄目中這表示鏈接已經制作成功了 步驟 7 同理按照以上步驟再為其它幾幅圖像制作指向對應欄目的鏈接 步驟 8 在欄目頁面中制作返回首頁的鏈接使得單擊后可以跳轉回首頁其制作方法不變 至此整個圖像鏈像的實例就全部完成了 33E – Mail 的鏈接 EMail 鏈接是指當瀏覽者單擊該鏈接之后不是打開一個網頁文件而是啟動用戶的 E Mail 客戶端軟件如 Outlook Express 并打開一個空白的新郵件供瀏覽者撰 寫內容來與網站聯(lián)系人聯(lián)系這是一種最方便的互動方式 結合個人說明網頁建立 EMail 鏈接的步驟如下所述 操作步驟 步驟 1 將光標停留在頁面右下角要插入 Email 鏈接的位置 步驟 2 選擇插入快捷欄中的常用分類單擊左側第 2 個電子郵件鏈接按鈕 步驟 3 在彈出的電子郵件鏈接對話框中有兩個輸入項分別是文本和 EMail 在文本項中輸入鏈接的文字中文英文均可在 EMail 項中輸入網站聯(lián)系有的電子郵件地址如實例中的 ding_zhuimeng123163 步驟 4 單擊確定按鈕具有 EMail 鏈接屬性的文本就 d