【正文】 成 br標(biāo)簽）。 特殊字符，要向網(wǎng)頁中插入特殊字符，需要在快捷工具欄選擇 “ 文本 ” ，切換到字符插入欄，單擊文本插入欄的最后一個(gè)按鈕，可以向網(wǎng)頁中插入相應(yīng)的特殊符號。在文檔編輯窗口中選中需要設(shè)置的文本，在屬性面板 中單擊 ，則選中的文本被設(shè)置成無序列表，單擊 則被設(shè)置成有序 列表。選中插入的這條水平線，可以在屬性面板對它的屬性進(jìn)行設(shè)置。 入門圖文教程： Dreamweaver 8 插入圖像 [新浪 ViVi] [百度搜藏 ] [ 書簽 ] [作者 :未知 | 點(diǎn)擊數(shù) : 524 | 時(shí)間 :2020124]【 大 中 小 】 目前互聯(lián)網(wǎng)上支持的圖像格式主要有 GIF、 JPEG 和 PNG。 插入圖像 在制作網(wǎng)頁時(shí)，先構(gòu)想好網(wǎng)頁布局，在圖像處理軟件中將需要插入的圖片進(jìn)行處理，然后存放在站點(diǎn)根目錄下的文件夾里。 彈出的 “ 選擇圖像源文件 ” 對話框，選擇 img/，單擊 “ 確定 ” 按鈕就把圖像 插入到了網(wǎng)頁中。 設(shè)置圖像屬性 選中圖像后，在屬性面板中顯示出了圖像的屬性，如下如所示。在縮略圖右側(cè)有一個(gè)文本框，在其中可以輸入圖像標(biāo)記的名稱。當(dāng)圖像的大小 改變時(shí)，屬性欄中 “ 寬 ” 和 “ 高 ” 的數(shù)值會以粗體顯示，并在旁邊出現(xiàn)一個(gè)弧形箭頭，單擊它可以恢復(fù)圖像的原始大小。 “ 邊框 ” 文本框時(shí)用來設(shè)置圖像邊框的寬度，默認(rèn)的邊框?qū)挾葹?0。 單擊屬性面板中的 對齊按鈕，可以分別將圖像設(shè)置成瀏覽器居左對齊、居中對齊、居右對齊。通過它我們可以將文字對齊到圖像的上端、下端、左邊和右邊等，從而可以靈活的實(shí)現(xiàn)文字與圖片的混排效果。 插入圖像占位符，在我們布局頁面時(shí)，如果要在網(wǎng)頁中插入一張圖片，可以先不制作圖片，而是使用占位符來代替圖片位置。按設(shè)計(jì)需要設(shè)置圖片的寬度和高度，輸入呆插入圖像的名稱，即可。這兩張圖片要大小相等，如果不相等， DW自動(dòng)調(diào)整次圖片的大小跟主圖像大小一致。一、插入并編輯表格 插入表格 在文檔窗口中，將光標(biāo)放在需要?jiǎng)?chuàng)建表格的位置，單擊 “ 常用 ” 快捷欄中的表格 按鈕彈出的 “ 表格 ” 對話框，指定表格的屬性后，在文檔窗口中插入設(shè)置的表格。 “ 列數(shù) ” 文本框用來設(shè)置表格的列數(shù)。當(dāng)寬度的單位選擇百分比時(shí)，表格的寬度會隨瀏覽器窗口的大小而改變。 “ 單元格間距 ” 文本框用來設(shè)置單元格與單元格之間的距離。 “ 頁眉 ” 定義頁眉樣式，可以在四種樣式中選擇 一種。 “ 對其標(biāo)題 ” 定義表格標(biāo)題的對齊方式。 選擇單元格對象 對于表格、行、列、單元格屬性的設(shè)置是以選擇這些對象為前提的。 要選中連 續(xù)的單元格，按住鼠標(biāo)左鍵從一個(gè)單元格的左上方開始向要連續(xù)選擇單元格的方向拖動(dòng)。 要選擇某一行或某一列，將光標(biāo)移動(dòng)到行左側(cè)或列上方，鼠標(biāo)指針變?yōu)橄蛴一蛳蛳碌募^圖標(biāo)時(shí)，單擊即可。 “ 填充 ” 文本框用來設(shè)置單元格邊距， “ 間距 ” 文本框用來設(shè)置單元格間距。 “ 邊框 ” 文本框用來設(shè)置表格邊框的寬度。 “ 邊框顏色 ” 用來設(shè)置表格邊框的顏色。也可以如下圖所示給文本框加上鏈接路徑。在 “ 選擇圖像源 ” 對話框 中定位并選擇要設(shè)置為背景的圖片，單擊 “ 確認(rèn) ” 按鈕即可。 “ 水平 ” 文本框用來設(shè)置單元格內(nèi)元素的水平排版方式，是居左、居右或是居中。 “ 高 ” 、 “ 寬 ” 文本框用來設(shè)置單元格的寬度和高度。 “ 標(biāo)題 ” 復(fù)選框使選擇的單元格成為標(biāo)題單元格，單元格內(nèi)的文字自動(dòng)以標(biāo)題格式顯示出來。 “ 背景顏色 ” 文本框用來設(shè)置表格的背景顏色。 表格的行和列 選中要插入行或列的單元格，單擊鼠標(biāo)右鍵，在彈出菜單中選擇 “ 插入行 ”或 “ 插入列 ” 或 “ 插入行或列 ” 命令。 如果選擇了 “ 插入行或列 ” 命令，會彈出 “ 插入行或列 ” 對話框，可以設(shè)置插入行還是列、插入的數(shù)量，以及使在當(dāng)前選擇的單元格的上方或下方、左側(cè)或是右側(cè)插入行或列。 拆分與合并單元格 拆分單元格時(shí)，將光標(biāo)放在待拆分的單元格內(nèi)，單擊屬性面板上的 “ 拆分 ”按鈕，在彈出對話框中，按需要設(shè)置即可。 入門圖文教程 :Dreamweaver 8 嵌套表格 [新浪 ViVi] [百度搜藏 ] [ 書簽 ] [作者 :未知 | 點(diǎn)擊數(shù) : 467 | 時(shí)間 :2020124]【 大 中 小 】 表格之中還有表格即嵌套表格。其次，瀏覽器在解析網(wǎng)頁的時(shí)候，是將整個(gè)網(wǎng)頁的結(jié)構(gòu)下載完畢之后才顯示表格，如果不使用嵌套，表格非常復(fù)雜，瀏覽者要等待很長時(shí)間才能看到網(wǎng)頁內(nèi)容。 另外，通過嵌套表格，利用表格的背景圖像、邊框、單元格間距和單元格邊距等屬性可以得到漂亮的邊框效果，制作出精美的音畫貼圖網(wǎng)頁。 將光標(biāo)放置在文檔窗口要插入表格的位置，單擊常用插入欄 “ 表格 ” 按鈕，插入一個(gè) 1 行 1列的表格一，寬度 500 像素，高度 100％，邊框?yàn)?0，單元格間距為 0，單元格邊距為 12 像素。 將光標(biāo)放置在表格一內(nèi)，插入表格二， 1行 1列，寬度 100％，高 度 100％，邊框?yàn)?0，單元格間距為 0，單元格邊距為 12像素。 將光標(biāo)放置在表格二內(nèi)，插入表格二， 1行 1列，寬度 100％，高度 100％，單元格間距和單元格邊距都為 8像素，邊框?yàn)?10，邊框顏色為 FEE4ED。 將光標(biāo)放置在表格三內(nèi)，選擇單元格的背景圖像為 beij/。 三、表格的格式化 做好的表格可以使用 DW提供的預(yù)設(shè)外觀，可以提高制作效率，保持表格外觀的同一性，同時(shí)樣式提供的色彩搭配也比較美觀。 選擇表格，居中對齊表格后，執(zhí)行命令 /格式化表格，彈出 “ 格式化表格 ”對話框，我們選擇 AltRows red 格 式，單擊 “ 確定 ” 表格的樣式就設(shè)定好了。 入門圖文教程 :插入 Flash 動(dòng)畫 [新浪 ViVi] [百度搜藏 ] [ 書簽 ] [作者 :未知 | 點(diǎn)擊數(shù) : 500 | 時(shí)間 :2020124]【 大 中 小 】 通過前面三課的學(xué)習(xí)，相信你已經(jīng)能制作出一個(gè)簡單的網(wǎng)頁了，很有成就感吧 ^_^ 不過，一個(gè)優(yōu)秀的網(wǎng)站應(yīng)該不僅僅是由文字和圖片組成的，而是動(dòng)態(tài)的、多媒體。 一、插入 Flash 動(dòng)畫 插入 Flash 為了合理的安排這一課的頁面元素，在插入 Flash 動(dòng)畫之前，讓我們先來復(fù)習(xí)一下表格布局吧 ^_^ 打開 ，設(shè)置頁面屬性，在彈出的 “ 頁面屬性 ” 對話框中， “ 外觀 ”項(xiàng)設(shè)置字體為 “ 宋體 ” ，字號為 16px，文本顏色為 F282A8，背景圖像為img/，上邊距為 50px、下、左、右的邊距都為 0。 現(xiàn)在我們開始布局～ ^_^～ （ 1）插入一個(gè) 1行 1 列的表格（表格 1），表格的寬度為 726px，邊框粗細(xì)為 0，單元格邊距為 0、單元格間距為 1，背景顏色為 892321，將表格居中對齊。設(shè)置第一行左邊單元格的寬為 173px，高為 137px，設(shè)置第二行的高為 238px，將第三行的兩個(gè)單元格合并，高度為 50px。在第三行將光標(biāo)水平居中，輸入文字 “ 版權(quán)所有 169。第一行高度為 15，其余各行高度都為 40。邊框、單元格邊距和間距都為 0。 將光標(biāo)放置在表格 4右側(cè)單元格中，單擊常用快捷欄中的媒體按鈕，然后在彈出的列表中選擇 Flash。單擊 “ 確定 ” 按鈕后，插入的 Flash 動(dòng)畫并不會在文檔窗口中顯示內(nèi)容，而是以一個(gè)帶有字母 F的灰色框來表示。 勾選 “ 循環(huán) ” 復(fù)選框時(shí)影片將連續(xù)播放，否則影片在播放一次后自動(dòng)停止。 在 “ 品質(zhì) ” 下拉列表中可以選擇 Flash 影片的畫質(zhì)，以最佳狀態(tài)顯示，就選擇 “ 高品質(zhì) ” 。單擊屬性面板中的 “ 參數(shù) ” 按鈕，打開 “ 參數(shù) ” 對話框，設(shè)置參數(shù)為wmode，值為 transparent。 插入 Flash 文本 我們將光標(biāo)放置在表格 3 第二行的單元格中，用 Flash 文本制作導(dǎo)航欄目。同樣方法我們分別在表格 3 的第 6 行制作 “ 代碼 素材 ” 、 “Flash 動(dòng)漫 ” 、 “ 精美壁紙 ” 和 “ 音頻視頻 ” 等欄目。 “ 樣式 ” 用來選擇按鈕的外觀， “ 按鈕文本 ” 用來輸入按鈕上的文字， “ 字體 ” 和 “ 大小 ” 用于設(shè)置按鈕上文字的字體和大小，字號變大，按鈕并不會跟著改變。 “ 目標(biāo) ” 用來設(shè)置打開的鏈接窗口。 插入 FlashPaper 我們還可以在網(wǎng)頁中插入 Macromedia FlashPaper 文檔。也可以搜索、打印和縮放該文檔。 在 “ 插入 FlashPaper” 對話框中，瀏覽到一個(gè) FlashPaper 文檔并將其選定。 FlashPaper 將縮放文檔以適合寬度。 由于 FlashPaper 文檔是 Flash 對象，因此頁面上將出現(xiàn)一個(gè) Flash 占位符。 插入 Flash 視頻 請參見玉樹老師的教程（在上面的 FlashPaper 文檔中）。 添加背景音樂 在頁面中可以嵌入背景音樂。 在 HTML 語言中，通過 BGSOUNG這個(gè)標(biāo)記可以嵌入多種格式的音樂文件，具體步驟是： 我們將 音樂文件存放在 med 文件夾里。 按下 F12 鍵，在瀏覽器中查看效果，我們可以聽見背景音樂聲。如果希望在頁面顯示瀏覽器的外觀，可以使用這種方法。 單擊 快捷欄上的 “ 媒體 ” 按鈕，從下拉列表中選擇 “ 插件 ” 。 單擊確定按鈕后，插入的插件在文檔窗口中以下圖所示圖標(biāo)來顯示。 要實(shí)現(xiàn)自動(dòng)播放，可以繼續(xù)編輯參數(shù)，在參數(shù)對話框的 “ 參數(shù) ” 列中輸入autostart，并在值中輸入 true，單擊 “ 確定 ” 按鈕。 入門圖文教程 :創(chuàng)建鏈接關(guān)系 [新浪 ViVi] [百度搜藏 ] [ 書簽 ] [作者 :未知 | 點(diǎn)擊數(shù) : 366 | 時(shí)間 :2020124]【 大 中 小 】 鏈接是一個(gè)網(wǎng)站的靈魂，一個(gè)網(wǎng)站是由多個(gè)頁面組成的，而這些頁面之間依據(jù)鏈接確定相互之間的導(dǎo)航關(guān)系。超級鏈接由兩部分組成：鏈接載體和鏈接目標(biāo)。而鏈接目標(biāo)可以是任意網(wǎng)絡(luò)資源，如：頁面、圖像、聲音、程序、其他網(wǎng)站、 Email甚至是頁面中的某個(gè)位置 錨點(diǎn)。 * 外部鏈接：不同網(wǎng)站文檔之間的鏈接。 * Email 鏈接：發(fā)送電子郵件的鏈接。 相對路徑，相對路徑最適合網(wǎng)站的內(nèi)部鏈接。要鏈接到下一級目錄中的文件，只需要輸入目錄名。如鏈接到上一級目錄中的文件，則先輸入 ”../“ 再輸入目錄名，文件名。 創(chuàng)建外部鏈接 不論是文字還是圖像，都可以創(chuàng)建鏈接到絕對地址的外部鏈接。 （ 1）直接輸入地址 打開 頁面，輸入并選中文字 “ 閃客啟航網(wǎng)頁技術(shù)區(qū) ” 。 我們在 “ 鏈接 ” 文本框直接輸入外部絕對地 ，在 “ 目標(biāo) ” 項(xiàng)的下拉列表中選擇 _blank（在一個(gè)新的未命名的瀏覽器窗口中打開鏈接）。 （ 2）使用超級鏈接對話框 打開 頁面，選中文字 “ 閃客啟航 ” 。 彈出 “ 超級鏈接 ” 對話框，我們進(jìn)行以下各項(xiàng)的設(shè)置： “ 文本 ” 文本框用來設(shè)置超級鏈接顯示的文本。 “ 目標(biāo) ” 下拉列表框用來設(shè)置超鏈接的打開方式，有四個(gè)選項(xiàng)。 設(shè)置好后，單擊 “ 確定 ” 按鈕，向網(wǎng)頁中插入超鏈接 。 我們也可以拖動(dòng) “ 鏈接 ” 后的 按鈕到站點(diǎn)面板上的相應(yīng)網(wǎng)頁文件，則鏈接將指向這個(gè)網(wǎng)頁文件。 創(chuàng)建 E－ mail 鏈接 單擊常用快捷欄中的 “ 電子郵件鏈接 ” 按鈕，彈出 “ 電子郵件鏈接 ” 對話框，在對話框的文本框那輸入要鏈接的文本，然后在 E－ mail 文本框內(nèi)輸入郵箱地址即可。 打開一個(gè)頁面較長的網(wǎng)頁，將光標(biāo)放置于要插入錨點(diǎn)的地方，單擊常用快捷欄的 “ 命名錨記 ” 按鈕，插入錨點(diǎn)。 制作圖像映射 打開 文件，選中 102。 然后在圖像上需要?jiǎng)?chuàng)建熱區(qū)的位置拖動(dòng)鼠標(biāo)，即可創(chuàng)建熱區(qū)。 選中這個(gè)圖像熱點(diǎn)，在屬性面板上可以給這個(gè)圖像熱點(diǎn)設(shè)置超鏈接即可。使用 CSS 設(shè)置頁面格式時(shí)，內(nèi)容與表現(xiàn)形式是相互分開的。使用 CSS 可以非常靈活并更好地控制頁面的外觀，從精確的布局定位到特定的字體和樣式等。例如，可以創(chuàng)建一個(gè) CSS 規(guī)則來應(yīng)用顏色，創(chuàng)建另一個(gè)規(guī)則來應(yīng)用邊距，然后將兩者應(yīng)用于一個(gè)頁面中的同一文本。 CSS 樣式表的創(chuàng)建，可以 統(tǒng)一定制網(wǎng)頁文字的大小、字體、顏色、邊框、鏈接狀態(tài)等效果。 一、創(chuàng)建 CSS 樣式 選中菜單 “ 窗口 ”“CSS 樣式 ” 。 單擊 “CSS 樣式 ” 面板右下角的 “ 新建 CSS 規(guī)則 ” 按鈕，打開 “ 新建 CSS