【正文】 ” ，切換到字符插入欄，單擊文本插入欄的最后一個(gè)按鈕，可以向網(wǎng)頁(yè)中插入相應(yīng)的特殊符號(hào)。 插入列表，列表分為兩種，有序列表和無序列表，無序列表沒有順序，每一項(xiàng)前邊都以同樣的符號(hào)顯示，有序列表前邊的每一項(xiàng)有序號(hào)引導(dǎo)。在文檔編輯窗口中選中需要設(shè)置的文本，在屬性面板 中單擊 ，則選中的文本被設(shè)置成無序列表，單擊 則被設(shè)置成有序 列表。 插入水平線，水平線起到分隔文本的排版作用，選擇快捷工具欄的 “HTML”項(xiàng)，單擊 HTML 欄的第一個(gè)按鈕 ，即可向網(wǎng)頁(yè)中插入水平線。選中插入的這條水平線，可以在屬性面板對(duì)它的屬性進(jìn)行設(shè)置。 插入時(shí)間，在文檔編輯窗口中，將鼠標(biāo)光標(biāo)移動(dòng)到要插入日期的位置，單擊常用插入欄的 “ 日 期 ” 按鈕，在彈出的 “ 插入日期 ” 對(duì)話框中選擇相應(yīng)的格式即可。 入門圖文教程： Dreamweaver 8 插入圖像 [新浪 ViVi] [百度搜藏 ] [ 書簽 ] [作者 :未知 | 點(diǎn)擊數(shù) : 524 | 時(shí)間 :2020124]【 大 中 小 】 目前互聯(lián)網(wǎng)上支持的圖像格式主要有 GIF、 JPEG 和 PNG。其中使用最為廣泛的是GIF 和 JPEG。 插入圖像 在制作網(wǎng)頁(yè)時(shí)，先構(gòu)想好網(wǎng)頁(yè)布局，在圖像處理軟件中將需要插入的圖片進(jìn)行處理，然后存放在站點(diǎn)根目錄下的文件夾里。 插圖圖像時(shí)，將光標(biāo)放置在文檔窗口需要插入圖像的位置，然后鼠標(biāo)單擊常用插入欄的 “ 圖像 ” 按鈕。 彈出的 “ 選擇圖像源文件 ” 對(duì)話框，選擇 img/，單擊 “ 確定 ” 按鈕就把圖像 插入到了網(wǎng)頁(yè)中。 注意：如果我們?cè)诓迦雸D片的時(shí)候，沒有將圖片保存在站點(diǎn)根目錄下，會(huì)彈出下圖所示的對(duì)話框，提醒我們要把圖片保存在站點(diǎn)內(nèi)部，這時(shí)單擊 “ 是 ” 按鈕， 然后選擇本地站點(diǎn)的路徑將圖片保存，圖像也可以被插入到網(wǎng)頁(yè)中。 設(shè)置圖像屬性 選中圖像后，在屬性面板中顯示出了圖像的屬性，如下如所示。 在屬 性面板的左上角，顯示當(dāng)前圖像的縮略圖，同時(shí)顯示圖像的大小。在縮略圖右側(cè)有一個(gè)文本框，在其中可以輸入圖像標(biāo)記的名稱。 圖像的大小是可以改變的，但是在 DW 里更改是極不好的習(xí)慣，如果我們的電腦安裝了 FW 軟件，單擊屬性面板的 “ 編輯 ” 旁邊的 ，即可啟動(dòng) FW 對(duì)圖像進(jìn)行縮放等處理。當(dāng)圖像的大小 改變時(shí)，屬性欄中 “ 寬 ” 和 “ 高 ” 的數(shù)值會(huì)以粗體顯示，并在旁邊出現(xiàn)一個(gè)弧形箭頭，單擊它可以恢復(fù)圖像的原始大小。 “ 水平邊距 ” 和 “ 垂直邊距 ” 文本框用來設(shè)置圖像左右和上下與其它頁(yè)面元素的距離。 “ 邊框 ” 文本框時(shí)用來設(shè)置圖像邊框的寬度，默認(rèn)的邊框?qū)挾葹?0。 “ 替代 ” 文本框用來設(shè)置圖像的替代文本，可以輸入一段文字，當(dāng)圖像無法顯示時(shí)，將顯示這段文字。 單擊屬性面板中的 對(duì)齊按鈕，可以分別將圖像設(shè)置成瀏覽器居左對(duì)齊、居中對(duì)齊、居右對(duì)齊。 在屬性面板中， “ 對(duì)齊 ” 下拉列表框時(shí)設(shè)置圖像與文本的相互對(duì)齊方式，共有 10 個(gè)選項(xiàng)。通過它我們可以將文字對(duì)齊到圖像的上端、下端、左邊和右邊等，從而可以靈活的實(shí)現(xiàn)文字與圖片的混排效果。 插入其它圖像元素 在我們單擊常用插入欄的 “ 圖像 ” 按鈕時(shí)，可以看到，除了第 1 項(xiàng) “ 圖像 ”外，還有 “ 圖像占位符 ” 、 “ 鼠標(biāo)經(jīng)過圖像 ” 、 “ 導(dǎo)航條 ” 等項(xiàng)目。 插入圖像占位符，在我們布局頁(yè)面時(shí)，如果要在網(wǎng)頁(yè)中插入一張圖片，可以先不制作圖片，而是使用占位符來代替圖片位置。單擊下拉列表中的 “ 圖像占位符 ” ，打開 “ 圖像占位符 ” 對(duì)話框。按設(shè)計(jì)需要設(shè)置圖片的寬度和高度，輸入呆插入圖像的名稱，即可。 鼠標(biāo)經(jīng)過圖像，鼠標(biāo)經(jīng)過圖像實(shí)際上由兩個(gè)圖像 組成，主圖像（當(dāng)首次載入頁(yè)時(shí)顯示的圖像）和次圖像（當(dāng)鼠標(biāo)指針移過主圖像時(shí)顯示的圖像）。這兩張圖片要大小相等，如果不相等， DW自動(dòng)調(diào)整次圖片的大小跟主圖像大小一致。 圖片與文本一樣，是網(wǎng)頁(yè)中最常用到的內(nèi)容，其變化相對(duì)較少，要想排出精致美觀的網(wǎng)頁(yè)，下一節(jié)課的內(nèi)容可是必不可少的哦， 繼續(xù)努力吧 ^_^ 入門圖文教程： Dreamweaver 8 插入并編輯表格 [新浪 ViVi] [百度搜藏 ] [ 書簽 ] [作者 :未知 | 點(diǎn)擊數(shù) : 581 | 時(shí)間 :2020124]【 大 中 小 】 表格是網(wǎng)頁(yè)設(shè)計(jì)制作不可缺少的元素，它以簡(jiǎn)潔明了和高效快捷的方式將圖片、文本、數(shù)據(jù)和表單的元素有序的顯示在頁(yè)面上，讓我們可以設(shè)計(jì)出漂亮的頁(yè)面，使用表格排版的頁(yè)面在不同平臺(tái)、不同分辨率的瀏覽器里都能保持其原有的布局，而在不同的瀏覽器平臺(tái)有較好的兼容性，所以表格是網(wǎng)頁(yè)中最常用的排版方式之一。一、插入并編輯表格 插入表格 在文檔窗口中，將光標(biāo)放在需要?jiǎng)?chuàng)建表格的位置，單擊 “ 常用 ” 快捷欄中的表格 按鈕彈出的 “ 表格 ” 對(duì)話框，指定表格的屬性后，在文檔窗口中插入設(shè)置的表格。 “ 行數(shù) ” 文本框用來設(shè)置表格的行數(shù)。 “ 列數(shù) ” 文本框用來設(shè)置表格的列數(shù)。 “ 表格寬度 ” 文本框用來設(shè)置表格的寬度，可以填入數(shù)值，緊隨其后的下拉列表框用來設(shè)置寬度的單位，有兩個(gè)選項(xiàng) —— 百分比和像素。當(dāng)寬度的單位選擇百分比時(shí)，表格的寬度會(huì)隨瀏覽器窗口的大小而改變。 “ 單元格邊距 ” 文本框用來設(shè)置單元格的內(nèi)部空白的大小。 “ 單元格間距 ” 文本框用來設(shè)置單元格與單元格之間的距離。 “ 邊框粗細(xì) ” 用來設(shè)置表格的邊框的寬度。 “ 頁(yè)眉 ” 定義頁(yè)眉樣式，可以在四種樣式中選擇 一種。 “ 標(biāo)題 ” 定義表格的標(biāo)題。 “ 對(duì)其標(biāo)題 ” 定義表格標(biāo)題的對(duì)齊方式。 “ 摘要 ” 可以在這里對(duì)表格進(jìn)行注釋。 選擇單元格對(duì)象 對(duì)于表格、行、列、單元格屬性的設(shè)置是以選擇這些對(duì)象為前提的。 選擇整個(gè)表格的方法是把鼠標(biāo)放在表格邊框的任意處，當(dāng)出現(xiàn) 這樣的標(biāo)志時(shí)單擊即可選中整個(gè)表格，或在表格內(nèi)任意處單擊，然后在狀態(tài)欄選中 table標(biāo)簽即可；或在單元格任意處單擊，點(diǎn)鼠標(biāo)右鍵在彈出菜單菜單中選擇 “ 表格—— 選擇表格 ” 要選中某一單元格，按住 Ctrl 鍵，鼠標(biāo)在需要選中的單元格單擊即可；或者，選中狀態(tài)欄中的 td標(biāo)簽。 要選中連 續(xù)的單元格，按住鼠標(biāo)左鍵從一個(gè)單元格的左上方開始向要連續(xù)選擇單元格的方向拖動(dòng)。要選中不連續(xù)的幾個(gè)單元格，可以按住 Ctrl 鍵，單擊要選擇的所有單元格即可。 要選擇某一行或某一列，將光標(biāo)移動(dòng)到行左側(cè)或列上方，鼠標(biāo)指針變?yōu)橄蛴一蛳蛳碌募^圖標(biāo)時(shí)，單擊即可。 設(shè)置表格屬性 選中一個(gè)表格后，可以通過屬性面板更改表格屬性。 “ 填充 ” 文本框用來設(shè)置單元格邊距， “ 間距 ” 文本框用來設(shè)置單元格間距。 “ 對(duì)齊 ” 下拉列表框用來設(shè)置表格的對(duì)齊方式，默認(rèn)的對(duì)齊方式一般為左對(duì)齊。 “ 邊框 ” 文本框用來設(shè)置表格邊框的寬度。 “ 背景顏色 ” 文本框用來設(shè)置表格的背景顏色。 “ 邊框顏色 ” 用來設(shè)置表格邊框的顏色。 在 “ 背景圖像 ” 文本框填入表格背景圖像的路徑，可以給表格添加背景圖像。也可以如下圖所示給文本框加上鏈接路徑。還可以單擊文本框后的 “ 瀏覽 ”按鈕，查找圖像文件。在 “ 選擇圖像源 ” 對(duì)話框 中定位并選擇要設(shè)置為背景的圖片，單擊 “ 確認(rèn) ” 按鈕即可。 單元格屬性 把光標(biāo)移動(dòng)到某個(gè)單元格內(nèi)，可以利用單元格屬性面板對(duì)這個(gè)單元格的屬性進(jìn)行設(shè)置。 “ 水平 ” 文本框用來設(shè)置單元格內(nèi)元素的水平排版方式，是居左、居右或是居中。 “ 垂直 ” 文本框用來設(shè)置單元格內(nèi)的垂直排版方式，是頂端對(duì)齊、底端對(duì)齊或是居中對(duì)齊。 “ 高 ” 、 “ 寬 ” 文本框用來設(shè)置單元格的寬度和高度。 “ 不換行 ” 復(fù)選框可以防止單元格中較長(zhǎng)的文本自動(dòng)換行。 “ 標(biāo)題 ” 復(fù)選框使選擇的單元格成為標(biāo)題單元格，單元格內(nèi)的文字自動(dòng)以標(biāo)題格式顯示出來。 “ 背景 ” 文本框用來設(shè)置表格的背景圖像。 “ 背景顏色 ” 文本框用來設(shè)置表格的背景顏色。 “ 邊框 ” 文本框用來色設(shè)置表格邊框的顏色。 表格的行和列 選中要插入行或列的單元格，單擊鼠標(biāo)右鍵，在彈出菜單中選擇 “ 插入行 ”或 “ 插入列 ” 或 “ 插入行或列 ” 命令。 如果選擇了 “ 插入行 ” 命令，在選擇行的上方就插入了一個(gè)空白行 ，如果選擇了 “ 插入列 ” 命令，就在選擇列的左側(cè)插入了一列空白列。 如果選擇了 “ 插入行或列 ” 命令，會(huì)彈出 “ 插入行或列 ” 對(duì)話框，可以設(shè)置插入行還是列、插入的數(shù)量，以及使在當(dāng)前選擇的單元格的上方或下方、左側(cè)或是右側(cè)插入行或列。 要?jiǎng)h除行或列，選擇要?jiǎng)h除的行或列，單擊鼠標(biāo)右鍵，在彈出 菜單中選擇 “ 刪除行 ” 或 “ 刪除列 ” 命令即可。 拆分與合并單元格 拆分單元格時(shí)，將光標(biāo)放在待拆分的單元格內(nèi)，單擊屬性面板上的 “ 拆分 ”按鈕，在彈出對(duì)話框中，按需要設(shè)置即可。 合并單元格時(shí)，選中要合并的單元格，單擊屬性面板中的 “ 合并 ” 按鈕即可。 入門圖文教程 :Dreamweaver 8 嵌套表格 [新浪 ViVi] [百度搜藏 ] [ 書簽 ] [作者 :未知 | 點(diǎn)擊數(shù) : 467 | 時(shí)間 :2020124]【 大 中 小 】 表格之中還有表格即嵌套表格。 網(wǎng)頁(yè)的排版有時(shí)會(huì)很復(fù)雜，在外部需要一個(gè)表格來控制總體布局，如果內(nèi)部排版的細(xì)節(jié)也通過總表格來實(shí)現(xiàn)，容易引起行高列寬等的沖突，給表格的制作帶來困難。其次，瀏覽器在解析網(wǎng)頁(yè)的時(shí)候，是將整個(gè)網(wǎng)頁(yè)的結(jié)構(gòu)下載完畢之后才顯示表格，如果不使用嵌套，表格非常復(fù)雜，瀏覽者要等待很長(zhǎng)時(shí)間才能看到網(wǎng)頁(yè)內(nèi)容。 引入嵌套表格，由總表格負(fù)責(zé)整體排版，由嵌套的表格負(fù)責(zé)各個(gè)子欄目的排版，并插入到總表格的相應(yīng)位置中，各司其職，互不沖突。 另外，通過嵌套表格，利用表格的背景圖像、邊框、單元格間距和單元格邊距等屬性可以得到漂亮的邊框效果，制作出精美的音畫貼圖網(wǎng)頁(yè)。 創(chuàng)建嵌套表格的操作方法，先插入總表格，然后將光標(biāo)置于要插入嵌套表格的地方，繼續(xù)插入表格即可。 將光標(biāo)放置在文檔窗口要插入表格的位置，單擊常用插入欄 “ 表格 ” 按鈕，插入一個(gè) 1 行 1列的表格一，寬度 500 像素，高度 100％，邊框?yàn)?0，單元格間距為 0，單元格邊距為 12 像素。背景圖像選擇 beij/。 將光標(biāo)放置在表格一內(nèi)，插入表格二， 1行 1列，寬度 100％，高 度 100％，邊框?yàn)?0，單元格間距為 0，單元格邊距為 12像素。背景圖像選擇 beij/。 將光標(biāo)放置在表格二內(nèi)，插入表格二， 1行 1列，寬度 100％，高度 100％，單元格間距和單元格邊距都為 8像素，邊框?yàn)?10，邊框顏色為 FEE4ED。背景圖像選擇 beij/。 將光標(biāo)放置在表格三內(nèi)，選擇單元格的背景圖像為 beij/。添加文字 “ 恭賀新禧 ” ，字號(hào) 68px，字體為隸書，顏色為 A51008。 三、表格的格式化 做好的表格可以使用 DW提供的預(yù)設(shè)外觀，可以提高制作效率，保持表格外觀的同一性，同時(shí)樣式提供的色彩搭配也比較美觀。 插入一個(gè) 5 行 6列的表格，表格的寬為 500 像素，高為 300 像素，邊框、單元格間距和邊距全為 0 。 選擇表格，居中對(duì)齊表格后，執(zhí)行命令 /格式化表格，彈出 “ 格式化表格 ”對(duì)話框，我們選擇 AltRows red 格 式，單擊 “ 確定 ” 表格的樣式就設(shè)定好了。 m 這里，還可以自己設(shè)定相應(yīng)的參數(shù)值。 入門圖文教程 :插入 Flash 動(dòng)畫 [新浪 ViVi] [百度搜藏 ] [ 書簽 ] [作者 :未知 | 點(diǎn)擊數(shù) : 500 | 時(shí)間 :2020124]【 大 中 小 】 通過前面三課的學(xué)習(xí)，相信你已經(jīng)能制作出一個(gè)簡(jiǎn)單的網(wǎng)頁(yè)了，很有成就感吧 ^_^ 不過，一個(gè)優(yōu)秀的網(wǎng)站應(yīng)該不僅僅是由文字和圖片組成的，而是動(dòng)態(tài)的、多媒體。為了增強(qiáng)網(wǎng)頁(yè)的表現(xiàn)力，豐富文檔的顯示效果，我們可以向其 Flash 動(dòng)畫、Java 小程序、音頻播放插件等多媒體內(nèi)容。 一、插入 Flash 動(dòng)畫 插入 Flash 為了合理的安排這一課的頁(yè)面元素，在插入 Flash 動(dòng)畫之前，讓我們先來復(fù)習(xí)一下表格布局吧 ^_^ 打開 ，設(shè)置頁(yè)面屬性，在彈出的 “ 頁(yè)面屬性 ” 對(duì)話框中， “ 外觀 ”項(xiàng)設(shè)置字體為 “ 宋體 ” ，字號(hào)為 16px，文本顏色為 F282A8，背景圖像為img/，上邊距為 50px、下、左、右的邊距都為 0。 “ 鏈接 ” 項(xiàng)選擇始終無下劃線，鏈接顏色為 F282A8，已訪問鏈接為 F5E458。 現(xiàn)在我們開始布局