【正文】 于鏈接路徑 絕對路徑，為文件提供完全的路徑，包括適用的協(xié)議，例如 、 ftp， rtsp等。 超級鏈接是指站點(diǎn)內(nèi)不同網(wǎng)頁之間、站點(diǎn)與Web 之間的鏈接關(guān)系，它可以使站點(diǎn)內(nèi)的網(wǎng)頁成為有機(jī)的整體，還能夠使不同站點(diǎn)之 間建立聯(lián)系。 打開 網(wǎng)頁，將光標(biāo)放置于我們想要顯示播放器的位置。 入門圖文教程 :插入聲音 [新浪 ViVi] [百度搜藏 ] [ 書簽 ] [作者 :未知 | 點(diǎn)擊數(shù) : 419 | 時(shí)間 :2020124]【 大 中 小 】 聲音能極好的烘托網(wǎng)頁頁面的氛圍，網(wǎng)頁中常見的聲音格式有 WAV、 MP MIDI、AIF、 RA、或 Real Audio 格式。 在 “ 文檔 ” 窗口中，將光標(biāo)放放在頁面上 想要顯示 FlashPaper 文檔的位置，然后選擇 “ 插入 ”“ 媒體 ”“FlashPaper” 。 插入 Flash 按鈕 我們在將光標(biāo)放置于插入 Flash 按鈕的位置，單擊常用快捷欄的媒體按鈕，在 列表中選擇 Flash 按鈕，彈出 “ 插入 Flash 按鈕 ” 對話框。 通過勾選 “ 自動播放 ” 復(fù)選框后，可以設(shè)定 Flash 文件是否在頁面加載時(shí)就播放。 (4) 在表格 2 右側(cè)單元格插入一個 1行 2列的表格（表格 4），表格寬度為 550px。 “ 鏈接 ” 項(xiàng)選擇始終無下劃線，鏈接顏色為 F282A8，已訪問鏈接為 F5E458。添加文字 “ 恭賀新禧 ” ，字號 68px，字體為隸書，顏色為 A51008。 創(chuàng)建嵌套表格的操作方法，先插入總表格，然后將光標(biāo)置于要插入嵌套表格的地方，繼續(xù)插入表格即可。 要刪除行或列，選擇要刪除的行或列，單擊鼠標(biāo)右鍵，在彈出 菜單中選擇 “ 刪除行 ” 或 “ 刪除列 ” 命令即可。 “ 不換行 ” 復(fù)選框可以防止單元格中較長的文本自動換行。 在 “ 背景圖像 ” 文本框填入表格背景圖像的路徑，可以給表格添加背景圖像。要選中不連續(xù)的幾個單元格，可以按住 Ctrl 鍵，單擊要選擇的所有單元格即可。 “ 邊框粗細(xì) ” 用來設(shè)置表格的邊框的寬度。 圖片與文本一樣，是網(wǎng)頁中最常用到的內(nèi)容，其變化相對較少，要想排出精致美觀的網(wǎng)頁，下一節(jié)課的內(nèi)容可是必不可少的哦， 繼續(xù)努力吧 ^_^ 入門圖文教程： Dreamweaver 8 插入并編輯表格 [新浪 ViVi] [百度搜藏 ] [ 書簽 ] [作者 :未知 | 點(diǎn)擊數(shù) : 581 | 時(shí)間 :2020124]【 大 中 小 】 表格是網(wǎng)頁設(shè)計(jì)制作不可缺少的元素，它以簡潔明了和高效快捷的方式將圖片、文本、數(shù)據(jù)和表單的元素有序的顯示在頁面上，讓我們可以設(shè)計(jì)出漂亮的頁面，使用表格排版的頁面在不同平臺、不同分辨率的瀏覽器里都能保持其原有的布局，而在不同的瀏覽器平臺有較好的兼容性，所以表格是網(wǎng)頁中最常用的排版方式之一。 在屬性面板中， “ 對齊 ” 下拉列表框時(shí)設(shè)置圖像與文本的相互對齊方式，共有 10 個選項(xiàng)。 在屬 性面板的左上角，顯示當(dāng)前圖像的縮略圖，同時(shí)顯示圖像的大小。 插入時(shí)間，在文檔編輯窗口中，將鼠標(biāo)光標(biāo)移動到要插入日期的位置，單擊常用插入欄的 “ 日 期 ” 按鈕，在彈出的 “ 插入日期 ” 對話框中選擇相應(yīng)的格式即可。 另外，在屬性面板中可以定義文字的字號、顏色、加粗、加斜、水平對齊等內(nèi)容。我們可以定義 “ 標(biāo)題字體 ” 及 6種預(yù)定義的標(biāo)題字體樣式，包括粗體、斜體、大小和顏色。 設(shè)置外觀， “ 外觀 ” 是設(shè)置頁面的一些基本屬性。 設(shè)置標(biāo)題，網(wǎng)頁標(biāo)題可以是中文、英文或符號，顯示在瀏覽器的標(biāo)題欄中。 創(chuàng)建頁面，在文件面板的站點(diǎn)跟目錄下單擊鼠標(biāo)右鍵，從彈出菜單中選擇“ 新建文件 ” 項(xiàng)，然后給文件命名。 點(diǎn)下一步，在文檔框設(shè)置本地站點(diǎn)文件夾的地址。點(diǎn)擊 “ 新建 ” 按鈕，選擇彈出菜單中的 “ 站點(diǎn) ” 項(xiàng)。 規(guī)劃站點(diǎn)結(jié)構(gòu) 網(wǎng)站是多個網(wǎng)頁的集合，其包括一個首頁和若干個分頁，這種集合不是簡單的集合。例如，當(dāng)前選擇了一幅圖像，那么屬性面板上就出現(xiàn)該圖像的相關(guān)屬性；如果選擇了表格，那么屬性面板會相應(yīng)的變化成表格的相關(guān)屬性。在該視圖中，Dreamweaver 顯示文檔的完全可編輯的可視化表示形式，類似于在瀏覽器中查看頁面時(shí)看到的內(nèi)容。例如按下 F1鍵，就會打開電子幫助文本 插入面板組 插入面板集成了所有可以在網(wǎng)頁應(yīng)用的對象包括 “ 插入 ” 菜單中的選項(xiàng)。例如新建，打開，保存，另存為，導(dǎo)入，輸出打印等。 在 Dreamweave 8 中首先將顯示一個起始頁，可以勾選這個窗口下面的 “ 不在顯示此對話框 ” 來隱藏它。 我們選擇面向設(shè)計(jì)者的設(shè)計(jì)視圖布局。 文件：用來管理文件。 命令：所有的附加命令項(xiàng) 站點(diǎn)：用來創(chuàng)建和管理站點(diǎn) 窗口： 用來顯示和隱藏控制面板以及切換文檔窗口 幫助：聯(lián)機(jī)幫助功能?？梢赃x擇下列任一視圖： “ 設(shè)計(jì) ” 視圖是一個用于可視化頁面布局、可視化編輯和快速應(yīng)用程序開發(fā)的設(shè)計(jì)環(huán)境。 屬性面板 屬性面板并不是將所有的屬性加載在面板上，而是根據(jù)我們選擇的對象來動態(tài)顯示對象的屬性屬性面板的狀態(tài)完全是隨當(dāng)前在文檔中 選擇的對象來確定的。 Dreamweaver 8 提供了對本地站點(diǎn)和遠(yuǎn)程站點(diǎn)強(qiáng)大的管理功能。 （ 1）選擇菜單欄 —— 站點(diǎn) —— 管理站點(diǎn)，出現(xiàn) “ 管 理站點(diǎn) ” 對話框。 我們現(xiàn)在建立的是一個靜態(tài)頁面，所以選擇 “ 否 ” 。這里我們創(chuàng)建新建 8個文件夾，分別命名為： img、 med、 swf、 txt、 css、 js、 moan 和 fy。 鼠標(biāo)左鍵單擊插入工具欄最左邊按鈕旁的下拉小三角，在彈出菜單中選擇“HTML” 項(xiàng)，出現(xiàn) “ 文件頭 ” 按鈕，點(diǎn)開下拉菜單，就可以進(jìn)行頭內(nèi)容的設(shè)置了。 設(shè)置頁面屬性 單擊 “ 屬性欄 ” 中的 “ 頁面屬性 ” 按鈕，打開的 “ 頁面屬性 ” 對話框。如下圖所示，在左側(cè) “ 分類 ” 列表中選擇 “ 標(biāo)題 ” ，這里的標(biāo)題指的并不是頁面的標(biāo)題內(nèi)容， 而是可以應(yīng) 用在具體文章中各級不同標(biāo)題上的一種標(biāo)題字體樣式。對應(yīng)的字體由大到小，同時(shí)文字全部加粗。選中插入的這條水平線，可以在屬性面板對它的屬性進(jìn)行設(shè)置。 設(shè)置圖像屬性 選中圖像后，在屬性面板中顯示出了圖像的屬性，如下如所示。 單擊屬性面板中的 對齊按鈕，可以分別將圖像設(shè)置成瀏覽器居左對齊、居中對齊、居右對齊。這兩張圖片要大小相等，如果不相等， DW自動調(diào)整次圖片的大小跟主圖像大小一致。 “ 單元格間距 ” 文本框用來設(shè)置單元格與單元格之間的距離。 要選中連 續(xù)的單元格，按住鼠標(biāo)左鍵從一個單元格的左上方開始向要連續(xù)選擇單元格的方向拖動。 “ 邊框顏色 ” 用來設(shè)置表格邊框的顏色。 “ 高 ” 、 “ 寬 ” 文本框用來設(shè)置單元格的寬度和高度。 如果選擇了 “ 插入行或列 ” 命令，會彈出 “ 插入行或列 ” 對話框，可以設(shè)置插入行還是列、插入的數(shù)量，以及使在當(dāng)前選擇的單元格的上方或下方、左側(cè)或是右側(cè)插入行或列。 另外，通過嵌套表格，利用表格的背景圖像、邊框、單元格間距和單元格邊距等屬性可以得到漂亮的邊框效果，制作出精美的音畫貼圖網(wǎng)頁。 將光標(biāo)放置在表格三內(nèi)，選擇單元格的背景圖像為 beij/。 一、插入 Flash 動畫 插入 Flash 為了合理的安排這一課的頁面元素，在插入 Flash 動畫之前，讓我們先來復(fù)習(xí)一下表格布局吧 ^_^ 打開 ，設(shè)置頁面屬性，在彈出的 “ 頁面屬性 ” 對話框中， “ 外觀 ”項(xiàng)設(shè)置字體為 “ 宋體 ” ，字號為 16px，文本顏色為 F282A8，背景圖像為img/，上邊距為 50px、下、左、右的邊距都為 0。第一行高度為 15，其余各行高度都為 40。 勾選 “ 循環(huán) ” 復(fù)選框時(shí)影片將連續(xù)播放，否則影片在播放一次后自動停止。同樣方法我們分別在表格 3 的第 6 行制作 “ 代碼 素材 ” 、 “Flash 動漫 ” 、 “ 精美壁紙 ” 和 “ 音頻視頻 ” 等欄目。也可以搜索、打印和縮放該文檔。 插入 Flash 視頻 請參見玉樹老師的教程（在上面的 FlashPaper 文檔中）。如果希望在頁面顯示瀏覽器的外觀，可以使用這種方法。 入門圖文教程 :創(chuàng)建鏈接關(guān)系 [新浪 ViVi] [百度搜藏 ] [ 書簽 ] [作者 :未知 | 點(diǎn)擊數(shù) : 366 | 時(shí)間 :2020124]【 大 中 小 】 鏈接是一個網(wǎng)站的靈魂，一個網(wǎng)站是由多個頁面組成的，而這些頁面之間依據(jù)鏈接確定相互之間的導(dǎo)航關(guān)系。 * Email 鏈接：發(fā)送電子郵件的鏈接。 創(chuàng)建外部鏈接 不論是文字還是圖像，都可以創(chuàng)建鏈接到絕對地址的外部鏈接。 彈出 “ 超級鏈接 ” 對話框，我們進(jìn)行以下各項(xiàng)的設(shè)置： “ 文本 ” 文本框用來設(shè)置超級鏈接顯示的文本。 創(chuàng)建 E－ mail 鏈接 單擊常用快捷欄中的 “ 電子郵件鏈接 ” 按鈕，彈出 “ 電子郵件鏈接 ” 對話框，在對話框的文本框那輸入要鏈接的文本，然后在 E－ mail 文本框內(nèi)輸入郵箱地址即可。 選中這個圖像熱點(diǎn)，在屬性面板上可以給這個圖像熱點(diǎn)設(shè)置超鏈接即可。 CSS 樣式表的創(chuàng)建，可以 統(tǒng)一定制網(wǎng)頁文字的大小、字體、顏色、邊框、鏈接狀態(tài)等效果。例如，我們?yōu)?body和 /body標(biāo)簽定義了層疊樣式表，那么所有包含在 body和 /body標(biāo)簽的內(nèi)容將遵循定義的層疊樣式表。 對于重新定義 HTML 標(biāo)記，可以在 “ 標(biāo)簽 ” 下拉列表中輸入或選擇重新定義的標(biāo)記。定義完畢后，單擊 “ 確定 ” 按鈕，完成創(chuàng)建CSS 樣式。設(shè)置行高，可以選擇 “ 正常 ” ，讓計(jì)算機(jī)自動調(diào)整行高，也可以使用 數(shù)值和單位結(jié)合的形式自行設(shè)置。 背景顏色：選擇固定色作為背景。 區(qū)塊樣式設(shè)置 在 CSS 規(guī)則定義 ” 對話框左側(cè)選擇 “ 區(qū)塊 ” 項(xiàng)，可以在右邊區(qū)域設(shè)置 CSS樣式的區(qū)塊格式。文字的縮進(jìn)和字號要保持統(tǒng)一。 方框樣式的設(shè)置 在前面我們設(shè)置過圖像的大小、設(shè)置圖像水平和垂直方向上的空白區(qū)域、設(shè)置圖像是否有文字環(huán)繞效果等。選擇 “ 左對齊 ” 。 “ 填充 ” 和 “ 邊界 ” ：如果對象設(shè)置了邊框， “ 填充 ” 是指邊框和其中內(nèi)容之間的空白區(qū)域； “ 邊界 ” 是指邊框外側(cè)的空白區(qū)域。 列表樣式設(shè)置 CSS 中有關(guān)列表的設(shè)置豐富了列表的外觀。這項(xiàng)設(shè)置效果不明顯。 光標(biāo)：通過樣式改變鼠標(biāo)形狀，鼠標(biāo)放置于被此項(xiàng)設(shè)置修飾的區(qū)域上的時(shí)，形狀會發(fā)生改變。 應(yīng)用 CSS 自定義樣式 鼠標(biāo)右鍵單擊在網(wǎng)頁中被選中的元素，在彈出的快捷菜單中選擇 “CSS 樣式 ” ，在其子菜單中選擇需要的自定義樣式。 打開 CSS 樣式面板，創(chuàng)建一個 CSS 樣式，在彈出的 “ 新建樣式對話框 ”做如下設(shè)置。我們設(shè)置 Strength=180。 一、創(chuàng)建模板 模板的創(chuàng)建有三種方式。 “ 現(xiàn)存的模板 ” 選框顯示了當(dāng)前站點(diǎn)的所有模板。 ” dreamweaver8 定義可編輯區(qū)域 [新浪 ViVi] [百度搜藏 ] [ 書簽 ] [作者 :佚名 | 點(diǎn)擊數(shù) : 364 | 時(shí)間 :2020125]【 大 中 小 】 模板創(chuàng)建好后，要在模板中建立可編輯區(qū)，只有在可編輯 區(qū)里，我們才可以編輯網(wǎng)頁內(nèi)容。 可選區(qū)域 可選區(qū)域是模板中的區(qū)域，用戶可將其設(shè)置為 在基于模板的文件中顯示或隱藏。 一個新的項(xiàng)目出現(xiàn)在資源面板 “ 庫 ” 分類的列表中，預(yù)覽框中顯示預(yù)覽的效果，還可以給該項(xiàng)目鍵入新名稱。此時(shí)，在站點(diǎn)內(nèi)自動生成一個名為 “Templates” 的 文件夾，名稱為 的模板文件被保存在該文件夾中。使用框架可以非常方便的完成導(dǎo)航工作，讓網(wǎng)站的結(jié)構(gòu)更加清晰，而且各個框架之間決不存在干擾問題。 鼠標(biāo)拖動創(chuàng)建框架 （ 1）、新建普通網(wǎng)頁，命名后將其打開。 刪除框架 用鼠標(biāo)把框架邊框拖拽到父框架的邊框上，可刪除框架。鏈接目標(biāo)較遠(yuǎn)（其他 網(wǎng)站）時(shí)，一般放在新窗口，在導(dǎo)航條上創(chuàng)建鏈接時(shí)，一般將目標(biāo)文檔放在另一個框架中顯示（當(dāng)頁面較小時(shí)）或全屏幕顯示（當(dāng)頁面較大時(shí)）。 五、制作框架頁面 選擇菜單欄 窗口 框架，打開框架面板，選中整個框架集，如下圖所示： 在屬性面板中，將行的值設(shè)置為 100，單位為像素，如下圖所示： 選擇菜單欄 窗口 框架，打開框架面板，選中子框架集，如下圖所示： 在屬性面板中，將列的值設(shè)置為 200，單位為像素，如下圖所示： 這樣，我們就完成了對整個框架的布局。 插入一