【正文】 像邊框的寬度，默認(rèn)的邊框?qū)挾葹?0。按設(shè)計(jì)需要設(shè)置圖片的寬度和高度，輸入呆插入圖像的名稱(chēng)，即可。當(dāng)寬度的單位選擇百分比時(shí)，表格的寬度會(huì)隨瀏覽器窗口的大小而改變。 選擇單元格對(duì)象 對(duì)于表格、行、列、單元格屬性的設(shè)置是以選擇這些對(duì)象為前提的。 “ 邊框 ” 文本框用來(lái)設(shè)置表格邊框的寬度。 “ 水平 ” 文本框用來(lái)設(shè)置單元格內(nèi)元素的水平排版方式，是居左、居右或是居中。 表格的行和列 選中要插入行或列的單元格，單擊鼠標(biāo)右鍵，在彈出菜單中選擇 “ 插入行 ”或 “ 插入列 ” 或 “ 插入行或列 ” 命令。其次，瀏覽器在解析網(wǎng)頁(yè)的時(shí)候，是將整個(gè)網(wǎng)頁(yè)的結(jié)構(gòu)下載完畢之后才顯示表格，如果不使用嵌套，表格非常復(fù)雜，瀏覽者要等待很長(zhǎng)時(shí)間才能看到網(wǎng)頁(yè)內(nèi)容。 將光標(biāo)放置在表格二內(nèi)，插入表格二， 1行 1列，寬度 100％，高度 100％，單元格間距和單元格邊距都為 8像素，邊框?yàn)?10，邊框顏色為 FEE4ED。 入門(mén)圖文教程 :插入 Flash 動(dòng)畫(huà) [新浪 ViVi] [百度搜藏 ] [ 書(shū)簽 ] [作者 :未知 | 點(diǎn)擊數(shù) : 500 | 時(shí)間 :2020124]【 大 中 小 】 通過(guò)前面三課的學(xué)習(xí)，相信你已經(jīng)能制作出一個(gè)簡(jiǎn)單的網(wǎng)頁(yè)了，很有成就感吧 ^_^ 不過(guò)，一個(gè)優(yōu)秀的網(wǎng)站應(yīng)該不僅僅是由文字和圖片組成的，而是動(dòng)態(tài)的、多媒體。在第三行將光標(biāo)水平居中，輸入文字 “ 版權(quán)所有 169。單擊 “ 確定 ” 按鈕后，插入的 Flash 動(dòng)畫(huà)并不會(huì)在文檔窗口中顯示內(nèi)容，而是以一個(gè)帶有字母 F的灰色框來(lái)表示。 插入 Flash 文本 我們將光標(biāo)放置在表格 3 第二行的單元格中，用 Flash 文本制作導(dǎo)航欄目。 插入 FlashPaper 我們還可以在網(wǎng)頁(yè)中插入 Macromedia FlashPaper 文檔。 由于 FlashPaper 文檔是 Flash 對(duì)象，因此頁(yè)面上將出現(xiàn)一個(gè) Flash 占位符。 按下 F12 鍵，在瀏覽器中查看效果，我們可以聽(tīng)見(jiàn)背景音樂(lè)聲。 要實(shí)現(xiàn)自動(dòng)播放，可以繼續(xù)編輯參數(shù)，在參數(shù)對(duì)話(huà)框的 “ 參數(shù) ” 列中輸入autostart，并在值中輸入 true，單擊 “ 確定 ” 按鈕。 * 外部鏈接：不同網(wǎng)站文檔之間的鏈接。如鏈接到上一級(jí)目錄中的文件，則先輸入 ”../“ 再輸入目錄名，文件名。 （ 2）使用超級(jí)鏈接對(duì)話(huà)框 打開(kāi) 頁(yè)面，選中文字 “ 閃客啟航 ” 。 我們也可以拖動(dòng) “ 鏈接 ” 后的 按鈕到站點(diǎn)面板上的相應(yīng)網(wǎng)頁(yè)文件，則鏈接將指向這個(gè)網(wǎng)頁(yè)文件。 然后在圖像上需要?jiǎng)?chuàng)建熱區(qū)的位置拖動(dòng)鼠標(biāo)，即可創(chuàng)建熱區(qū)。例如，可以創(chuàng)建一個(gè) CSS 規(guī)則來(lái)應(yīng)用顏色，創(chuàng)建另一個(gè)規(guī)則來(lái)應(yīng)用邊距，然后將兩者應(yīng)用于一個(gè)頁(yè)面中的同一文本。 標(biāo)簽 （重新定義特定標(biāo)簽的外觀）：重新定義 HTML 標(biāo)記的的默認(rèn)格式。 為新建 CSS 樣式輸入或選擇名稱(chēng)、標(biāo)記或選擇器，其中： 對(duì)于自定義樣式，其名稱(chēng)必須以點(diǎn)（ .）開(kāi)始，如果沒(méi)有輸入該點(diǎn)，則 DW回自動(dòng)添加上。主要分為類(lèi)型、背景、區(qū)塊、方框、邊框、列表、定位和擴(kuò)展 8 項(xiàng)。 樣式：設(shè)置文字的外觀，包括正常、斜體、偏斜體。使用 CSS 之后，有了更加靈活的設(shè)置。 垂直位置：可以選擇 “ 頂部 ” 、 “ 底部 ” 、 “ 居中 ” 。中文文字的首行縮進(jìn)就是由它來(lái)實(shí)現(xiàn)的。選擇 “ 無(wú) ” 則關(guān)閉它被制定給的元素的顯示。選擇 “ 右對(duì)齊 ” 、對(duì)象居右?！?兩者 ” 是指左右都不允許出現(xiàn)層。也可以設(shè)置邊框的寬度值和單位。 位置：決定列表項(xiàng)目縮進(jìn)的程度。允許用戶(hù)指定在某元素前或后進(jìn)行分頁(yè)。 編輯 CSS 樣式 選中需要編輯的樣式類(lèi)型，選擇上圖中的 “ 編輯 ” 項(xiàng)或直接單擊 “ 編輯樣式 ” 按鈕 ，在彈出的 “CSS 規(guī)則定義 ” 對(duì)話(huà)框中修改相應(yīng)的設(shè)置。 dreamweaver8 的 CSS 樣式表濾鏡實(shí)例 [新浪 ViVi] [百度搜藏 ] [ 書(shū)簽 ] [作者 :佚名 | 點(diǎn)擊數(shù) : 235 | 時(shí)間 :2020125]【 大 中 小 】 制作模糊文字效果 新建 的文件插入一個(gè) 1行 1列的表格，邊框和邊距全部設(shè)置為 0。這里我們?cè)O(shè)置Direction=90。 dreamweaver8 創(chuàng)建模板 [新浪 ViVi] [百度搜藏 ] [ 書(shū)簽 ] [作者 :佚名 | 點(diǎn)擊數(shù) : 488 | 時(shí)間 :2020125]【 大 中 小 】 在我們制作網(wǎng)站的過(guò)程中，為了統(tǒng)一風(fēng)格，很多頁(yè)面會(huì)用到相同的布局、圖片和文字元素。 選擇 “ 文件 /另存為模板 ” 命令將網(wǎng)頁(yè)另存為模板。我們可以先單擊 “ 確定 ” ，以后再定義可編輯區(qū)域。 這樣模板文件就創(chuàng)建好了。 創(chuàng)建庫(kù) 在文檔窗口中選擇需要保存為庫(kù)項(xiàng)目的內(nèi)容。 在彈出的另存為模板對(duì)話(huà)框中，在 “ 站點(diǎn) ” 文本框選擇 “xmweb” ，在 “ 另存為 ” 給模板命名為 mo1，點(diǎn)擊確定。即可將該模板應(yīng) 用到 中。 使用預(yù)制框架集 (1)、新建一個(gè) HTML 文件，在快捷工具欄選擇 “ 布局 ” ，單擊 “ 框架 ” 按鈕 ，在彈出的下拉菜單中選擇 “ 頂部和嵌套的左側(cè)框架 ” 。框架的大小可以隨意修改。 在創(chuàng)建鏈接時(shí)要用到框架名稱(chēng)，所以我們要很清楚的知道每個(gè)框架對(duì)應(yīng)的框架名。 * leftFrame 放到名為 leftFrame 的框架中。 鼠標(biāo)在 leftFrame 框架中的空白處點(diǎn)擊一下，我們會(huì)看見(jiàn)文檔窗口上方的文件名變?yōu)榱?，在頁(yè)面屬性中將上、下、左。 鼠標(biāo)在 topFrame 框架中的空白處點(diǎn)擊一下，我們會(huì)看見(jiàn)文檔窗口上方的文件名變?yōu)榱?。 * _parent 放到父框架集或包含該鏈接的框架窗口中。選擇框架方法如下： 選擇菜單欄 窗口 框架，打開(kāi)框架面板，單擊某個(gè)框架，即可 選中該框架。 二 、保存框架 每一個(gè)框架都有一個(gè)框架名稱(chēng)，可以用默認(rèn)的框架名稱(chēng)，也可以在屬性面板修改名稱(chēng)，我們采用系統(tǒng)默認(rèn)的框架名稱(chēng) topFrame（上方）、 leftFrame（左側(cè)）、 mainFrame（右側(cè)）。通常把一個(gè)網(wǎng)站中頁(yè)面相同的部分單獨(dú)制作成一個(gè)頁(yè)面，作為框架結(jié)構(gòu)的一個(gè)子框架的內(nèi)容給整個(gè)網(wǎng)站公用。 彈出 “ 可編輯區(qū)域 ” 對(duì)話(huà)框，點(diǎn)擊 “ 確定 ” 。 插入庫(kù) 將光標(biāo)方在網(wǎng)頁(yè)中需要插入庫(kù)文件的位置，在資源面板 “ 庫(kù) ” 分類(lèi)中選擇需要插入的庫(kù)項(xiàng)目，直接拖動(dòng)到光標(biāo)所在位置即可。 重復(fù)區(qū)域 重復(fù)區(qū)域時(shí)可以根據(jù)需要在基于模板的頁(yè)面中負(fù)值任意次數(shù)的模板部分。 在文檔窗口中，選中需要設(shè)置為可編輯區(qū)域的部分，單擊常用快捷欄的 “ 模板 ” 按鈕，在彈出菜單中選擇 “ 可編輯區(qū)域 ” 項(xiàng)。單 擊 “ 另存模板 ” 對(duì)話(huà)框中的 “ 保存 ” 按鈕，就把當(dāng)前網(wǎng)頁(yè)轉(zhuǎn)換為了模板，同時(shí)將模板另存到選擇的站點(diǎn)。 單擊模板面板上的 “ 擴(kuò)展 ” 按鈕，在彈出菜單中選擇 “ 新建模板 ” 這是在瀏覽窗口出現(xiàn)一個(gè)未命名的模板文件，給模板命名。 在文檔編輯區(qū)選中文字所在單元格，在屬性面板設(shè)置文字的樣式為 .test。 要產(chǎn)生文字特效，最重要的是在擴(kuò)展設(shè)置區(qū)域中進(jìn)行特殊設(shè)置。 “ 文件 /URL” 設(shè)置外部樣式表文件的路徑，可以單擊瀏覽按鈕，在瀏覽窗口中找到樣式表文件。） 過(guò)濾器：使用 CSS 語(yǔ)言實(shí)現(xiàn)過(guò)濾器（濾鏡）效果。 擴(kuò)展樣式的設(shè)置 CSS 樣式還可以實(shí)現(xiàn)一些擴(kuò)展功能，這些功能集中在擴(kuò)展面板上。 類(lèi)型：設(shè)置引導(dǎo)列表項(xiàng)目的符號(hào)類(lèi)型。 在 CSS 規(guī)則定義 ” 對(duì)話(huà)框左側(cè)選擇 “ 邊框 ” 項(xiàng)，可以在右邊區(qū)域設(shè)置 CSS樣式的邊框格式。 “ 無(wú) ” 取消環(huán)繞效果。 在 CSS 規(guī)則定義 ” 對(duì)話(huà)框左側(cè)選擇 “ 方框 ” 項(xiàng)，可以在右邊區(qū)域設(shè)置 CSS樣式的方框格式。 空格：對(duì)源代碼文字空格的控制。 字母間距：設(shè)置英文字母間距，使用正值為增加字母間距，使用負(fù)值為減小字母間距。 重復(fù)：在使用圖像作為背景的時(shí)，可以使用此項(xiàng)設(shè)置背景圖像的重復(fù)方式，包括 “ 不重復(fù) ” 、 “ 重復(fù) ” 、 “ 橫向重復(fù) ” 、和 “ 縱向重復(fù) “ 。例如，文字設(shè)置為 12pt，如果要?jiǎng)?chuàng)建一倍行距，則行高應(yīng)該為 24pt。 文本樣式的設(shè)置 新建 CSS 樣式 , “ 選擇器類(lèi)型 ” 為類(lèi)，名稱(chēng)為 “style1” 定義在 “ 僅對(duì)該文檔 ” 。 在 “ 定義在 ” 區(qū)域選擇定義的樣式位置，可以是 “ 新建樣式表文件 ” 或“ 僅對(duì)該文檔 ” 。高級(jí)樣式是一種特殊類(lèi)型的樣式，常用的有 4種： a:link 設(shè)定正常狀態(tài)下鏈接文字的樣式。 一、創(chuàng)建 CSS 樣式 選中菜單 “ 窗口 ”“CSS 樣式 ” 。使用 CSS 設(shè)置頁(yè)面格式時(shí)，內(nèi)容與表現(xiàn)形式是相互分開(kāi)的。 打開(kāi)一個(gè)頁(yè)面較長(zhǎng)的網(wǎng)頁(yè)，將光標(biāo)放置于要插入錨點(diǎn)的地方，單擊常用快捷欄的 “ 命名錨記 ” 按鈕，插入錨點(diǎn)。 “ 目標(biāo) ” 下拉列表框用來(lái)設(shè)置超鏈接的打開(kāi)方式，有四個(gè)選項(xiàng)。 （ 1）直接輸入地址 打開(kāi) 頁(yè)面，輸入并選中文字 “ 閃客啟航網(wǎng)頁(yè)技術(shù)區(qū) ” 。 相對(duì)路徑，相對(duì)路徑最適合網(wǎng)站的內(nèi)部鏈接。超級(jí)鏈接由兩部分組成：鏈接載體和鏈接目標(biāo)。 單擊 快捷欄上的 “ 媒體 ” 按鈕，從下拉列表中選擇 “ 插件 ” 。 添加背景音樂(lè) 在頁(yè)面中可以嵌入背景音樂(lè)。 在 “ 插入 FlashPaper” 對(duì)話(huà)框中，瀏覽到一個(gè) FlashPaper 文檔并將其選定。 “ 樣式 ” 用來(lái)選擇按鈕的外觀， “ 按鈕文本 ” 用來(lái)輸入按鈕上的文字， “ 字體 ” 和 “ 大小 ” 用于設(shè)置按鈕上文字的字體和大小，字號(hào)變大，按鈕并不會(huì)跟著改變。 在 “ 品質(zhì) ” 下拉列表中可以選擇 Flash 影片的畫(huà)質(zhì)，以最佳狀態(tài)顯示，就選擇 “ 高品質(zhì) ” 。邊框、單元格邊距和間距都為 0。 現(xiàn)在我們開(kāi)始布局～ ^_^～ （ 1）插入一個(gè) 1行 1 列的表格（表格 1），表格的寬度為 726px，邊框粗細(xì)為 0，單元格邊距為 0、單元格間距為 1，背景顏色為 892321，將表格居中對(duì)齊。 三、表格的格式化 做好的表格可以使用 DW提供的預(yù)設(shè)外觀，可以提高制作效率，保持表格外觀的同一性，同時(shí)樣式提供的色彩搭配也比較美觀。 將光標(biāo)放置在文檔窗口要插入表格的位置，單擊常用插入欄 “ 表格 ” 按鈕，插入一個(gè) 1 行 1列的表格一，寬度 500 像素，高度 100％，邊框?yàn)?0，單元格間距為 0，單元格邊距為 12 像素。 拆分與合并單元格 拆分單元格時(shí)，將光標(biāo)放在待拆分的單元格內(nèi)，單擊屬性面板上的 “ 拆分 ”按鈕，在彈出對(duì)話(huà)框中，按需要設(shè)置即可。 “ 標(biāo)題 ” 復(fù)選框使選擇的單元格成為標(biāo)題單元格，單元格內(nèi)的文字自動(dòng)以標(biāo)題格式顯示出來(lái)。也可以如下圖所示給文本框加上鏈接路徑。 要選擇某一行或某一列，將光標(biāo)移動(dòng)到行左側(cè)或列上方，鼠標(biāo)指針變?yōu)橄蛴一蛳蛳碌募^圖標(biāo)時(shí)，單擊即可。 “ 頁(yè)眉 ” 定義頁(yè)眉樣式，可以在四種樣式中選擇 一種。一、插入并編輯表格 插入表格 在文檔窗口中，將光標(biāo)放在需要?jiǎng)?chuàng)建表格的位置，單擊 “ 常用 ” 快捷欄中的表格 按鈕彈出的 “ 表格 ” 對(duì)話(huà)框，指定表格的屬性后，在文檔窗口中插入設(shè)置的表格。通過(guò)它我們可以將文字對(duì)齊到圖像的上端、下端、左邊和右邊等，從而可以靈活的實(shí)現(xiàn)文字與圖片的混排效果。在縮略圖右側(cè)有一個(gè)文本框，在其中可以輸入圖像標(biāo)記的名稱(chēng)。 入門(mén)圖文教程： Dreamweaver 8 插入圖像 [新浪 ViVi] [百度搜藏 ] [ 書(shū)簽 ] [作者 :未知 | 點(diǎn)擊數(shù) : 524 | 時(shí)間 :2020124]【 大 中 小 】 目前互聯(lián)網(wǎng)上支持的圖像格式主要有 GIF、 JPEG 和 PNG。 設(shè)置字體組合 Dreamweaver8 預(yù)設(shè)讀的可供選擇的字體組合只有 6 項(xiàng)英文字體組合，要想使用中文字體，必須重新編輯新的字體組合，在 “ 字體 ” 后的下拉列表框中選擇“ 編輯字體列表 ” ，彈出 “ 編輯字體列表 ” 對(duì)話(huà)框： 文字的其它設(shè)置 文本換行，按 Enter 鍵換行的行距較大（在代碼區(qū)生成 p/p標(biāo)簽），按Enter＋ Shift 鍵換行的行間距較小（在代碼區(qū)生成 br標(biāo)簽）。按自己的喜歡的風(fēng)格設(shè)置吧。我們可以定義頁(yè)面中的默認(rèn)文本字體、文本字號(hào)、文本顏色、背景顏色和背景圖像等。我們直接在設(shè)計(jì)窗口上方的標(biāo)題欄內(nèi)輸入或更改，就可以完成網(wǎng)頁(yè)標(biāo)題的編輯了。首先要添加首頁(yè)，我們把首頁(yè)命名為，再分別新建 、 、 、 和 。 點(diǎn)下一步，進(jìn)入站點(diǎn)定義，我們將在站點(diǎn)建設(shè)完成后在與 F