【正文】 區(qū) ? 網(wǎng)頁標(biāo)簽 ? 擴(kuò)展按鈕 ? 浮動(dòng)面板組 ? 屬性面板 ? 標(biāo)簽選擇器 ? 水平標(biāo)尺和垂直標(biāo)尺 向下 向上 末頁 首頁 《 中文 Dreamweaver 8網(wǎng)頁設(shè)計(jì)培訓(xùn)教程 》 調(diào)音 返回 零點(diǎn) 起飛電腦培訓(xùn)學(xué)校 結(jié)束 上機(jī)實(shí)戰(zhàn) 本課上機(jī)實(shí)戰(zhàn)將練習(xí)在Dreamweaver 8中新建一個(gè)只包含文本的簡單網(wǎng)頁，并使用 IE瀏覽器預(yù)覽其效果。 向下 向上 末頁 首頁 《 中文 Dreamweaver 8網(wǎng)頁設(shè)計(jì)培訓(xùn)教程 》 調(diào)音 返回 零點(diǎn) 起飛電腦培訓(xùn)學(xué)校 結(jié)束 ? 課堂講解 ? 上機(jī)實(shí)戰(zhàn) 第 2課 站點(diǎn)的基本操作 向下 向上 末頁 首頁 《 中文 Dreamweaver 8網(wǎng)頁設(shè)計(jì)培訓(xùn)教程 》 調(diào)音 返回 零點(diǎn) 起飛電腦培訓(xùn)學(xué)校 結(jié)束 課堂講解 ?站點(diǎn)的規(guī)劃 ?創(chuàng)建本地站點(diǎn) ?創(chuàng)建遠(yuǎn)程站點(diǎn) ?管理本地站點(diǎn) ?管理站點(diǎn)地圖 ?頁面設(shè)置 向下 向上 末頁 首頁 《 中文 Dreamweaver 8網(wǎng)頁設(shè)計(jì)培訓(xùn)教程 》 調(diào)音 返回 零點(diǎn) 起飛電腦培訓(xùn)學(xué)校 結(jié)束 站點(diǎn)的規(guī)劃 ?Dreamweaver 8的站點(diǎn)類型 ?規(guī)劃站點(diǎn)結(jié)構(gòu) ?繪制網(wǎng)站結(jié)構(gòu)草圖 向下 向上 末頁 首頁 《 中文 Dreamweaver 8網(wǎng)頁設(shè)計(jì)培訓(xùn)教程 》 調(diào)音 返回 零點(diǎn) 起飛電腦培訓(xùn)學(xué)校 結(jié)束 Dreamweaver 8的站點(diǎn)類型 ?本地站點(diǎn) ?遠(yuǎn)程站點(diǎn) ?測試站點(diǎn) 向下 向上 末頁 首頁 《 中文 Dreamweaver 8網(wǎng)頁設(shè)計(jì)培訓(xùn)教程 》 調(diào)音 返回 零點(diǎn) 起飛電腦培訓(xùn)學(xué)校 結(jié)束 規(guī)劃站點(diǎn)結(jié)構(gòu) 規(guī)劃站點(diǎn)結(jié)構(gòu)是設(shè)計(jì)站點(diǎn)的必要前提，其操作是將不同的文件分類存放在文件夾中以便于設(shè)計(jì)者管理。 向下 向上 末頁 首頁 《 中文 Dreamweaver 8網(wǎng)頁設(shè)計(jì)培訓(xùn)教程 》 調(diào)音 返回 零點(diǎn) 起飛電腦培訓(xùn)學(xué)校 結(jié)束 繪制網(wǎng)站結(jié)構(gòu)草圖 站點(diǎn)規(guī)劃好之后，就可以根據(jù)規(guī)劃繪制出一個(gè)網(wǎng)站結(jié)構(gòu)草圖，以便于有一個(gè)清晰的思路。 向下 向上 末頁 首頁 《 中文 Dreamweaver 8網(wǎng)頁設(shè)計(jì)培訓(xùn)教程 》 調(diào)音 返回 零點(diǎn) 起飛電腦培訓(xùn)學(xué)校 結(jié)束 新建站點(diǎn) 向下 向上 末頁 首頁 《 中文 Dreamweaver 8網(wǎng)頁設(shè)計(jì)培訓(xùn)教程 》 調(diào)音 返回 零點(diǎn) 起飛電腦培訓(xùn)學(xué)校 結(jié)束 新建文件夾 建立好站點(diǎn)后就可以在站點(diǎn)中新建文件夾，該文件夾主要用來存儲(chǔ)這個(gè)網(wǎng)站中用到的網(wǎng)頁元素，如圖片、音樂等。 向下 向上 末頁 首頁 《 中文 Dreamweaver 8網(wǎng)頁設(shè)計(jì)培訓(xùn)教程 》 調(diào)音 返回 零點(diǎn) 起飛電腦培訓(xùn)學(xué)校 結(jié)束 創(chuàng)建遠(yuǎn)程站點(diǎn) 創(chuàng)建遠(yuǎn)程站點(diǎn)的方法與創(chuàng)建本地站點(diǎn)的方法類似，只是無需在站點(diǎn)文件夾下再新建文件夾或網(wǎng)頁文件。 向下 向上 末頁 首頁 《 中文 Dreamweaver 8網(wǎng)頁設(shè)計(jì)培訓(xùn)教程 》 調(diào)音 返回 零點(diǎn) 起飛電腦培訓(xùn)學(xué)校 結(jié)束 管理站點(diǎn)地圖 ?定義主頁 ?查看站點(diǎn)地圖 ?在站點(diǎn)地圖中管理頁面文件 向下 向上 末頁 首頁 《 中文 Dreamweaver 8網(wǎng)頁設(shè)計(jì)培訓(xùn)教程 》 調(diào)音 返回 零點(diǎn) 起飛電腦培訓(xùn)學(xué)校 結(jié)束 定義主頁 在使用站點(diǎn)地圖查看站點(diǎn)時(shí)必須保證這個(gè)站點(diǎn)已定義了一個(gè)主頁，因?yàn)橹黜撌且粋€(gè)站點(diǎn)的根節(jié)點(diǎn)，必須有根節(jié)點(diǎn)才有各個(gè)支節(jié)點(diǎn)，也就是各個(gè)子頁。 向下 向上 末頁 首頁 《 中文 Dreamweaver 8網(wǎng)頁設(shè)計(jì)培訓(xùn)教程 》 調(diào)音 返回 零點(diǎn) 起飛電腦培訓(xùn)學(xué)校 結(jié)束 在站點(diǎn)地圖中管理頁面文件 ?選擇頁面文件 ?打開頁面文件 ?新建頁面文件 ?更改頁面標(biāo)題 向下 向上 末頁 首頁 《 中文 Dreamweaver 8網(wǎng)頁設(shè)計(jì)培訓(xùn)教程 》 調(diào)音 返回 零點(diǎn) 起飛電腦培訓(xùn)學(xué)校 結(jié)束 選擇頁面文件 ?在站點(diǎn)地圖中的某個(gè)頁面文件上單擊鼠標(biāo)即可選擇該文件 。 ?按住 【 Ctrl】 鍵的同時(shí)單擊需要選取的文件 ， 可選擇多個(gè)不連續(xù)的頁面文件 。 ?在選擇頁面之后 ， 選擇 [文件 ]?[打開 ]菜單命令打開頁面 。 向下 向上 末頁 首頁 《 中文 Dreamweaver 8網(wǎng)頁設(shè)計(jì)培訓(xùn)教程 》 調(diào)音 返回 零點(diǎn) 起飛電腦培訓(xùn)學(xué)校 結(jié)束 新建頁面文件 在建立好站點(diǎn)地圖之后，如果還需要在其中添加新的網(wǎng)頁文件，可以在站點(diǎn)地圖中新建一個(gè)頁面文件。 向下 向上 末頁 首頁 《 中文 Dreamweaver 8網(wǎng)頁設(shè)計(jì)培訓(xùn)教程 》 調(diào)音 返回 零點(diǎn) 起飛電腦培訓(xùn)學(xué)校 結(jié)束 頁面設(shè)置 當(dāng)站點(diǎn)建立好之后，就可以進(jìn)行具體的網(wǎng)頁編輯操作了，但在編輯網(wǎng)頁之前，還需要對(duì)頁面進(jìn)行一些簡單的屬性設(shè)置以方便以后的工作。然后為“國畫欣賞”網(wǎng)站建立一個(gè)存放圖片的文件夾“ pic”，并新建名為“ ”、“ ”、“ ”、“ ”、“ ”、“ ”和“ ”的網(wǎng)頁文件，最后設(shè)置“ ”的頁面屬性。 ?在 Word等文本編輯軟件中編輯好文本之后，將其復(fù)制到剪貼板上，然后在 Dreamweaver 8中將插入點(diǎn)定位到文檔編輯區(qū)中，粘貼剪貼板中的文本即可。、注冊(cè)商標(biāo)符號(hào) 174。 向下 向上 末頁 首頁 《 中文 Dreamweaver 8網(wǎng)頁設(shè)計(jì)培訓(xùn)教程 》 調(diào)音 返回 零點(diǎn) 起飛電腦培訓(xùn)學(xué)校 結(jié)束 在字符之間添加空格 Dreamweaver 8中的文檔格式都是以 HTML編碼形式存在的 ， 而 HTML編碼中只允許字符之間包含一個(gè)空格 ， 所以在 Dreamweaver 8中無論按多少次空格鍵都只會(huì)輸入一個(gè)空格。 向下 向上 末頁 首頁 《 中文 Dreamweaver 8網(wǎng)頁設(shè)計(jì)培訓(xùn)教程 》 調(diào)音 返回 零點(diǎn) 起飛電腦培訓(xùn)學(xué)校 結(jié)束 修改水平線 初始繪制的水平線的格式往往不能滿足實(shí)際需要，此時(shí)可通過屬性面板對(duì)其進(jìn)行修改。 向下 向上 末頁 首頁 《 中文 Dreamweaver 8網(wǎng)頁設(shè)計(jì)培訓(xùn)教程 》 調(diào)音 返回 零點(diǎn) 起飛電腦培訓(xùn)學(xué)校 結(jié)束 格式化文本 ?設(shè)置字體外觀 ?設(shè)置字體大小 ?設(shè)置顏色 ?設(shè)置字體樣式 ?設(shè)置對(duì)齊方式 ?設(shè)置標(biāo)題格式 ?設(shè)置樣式 向下 向上 末頁 首頁 《 中文 Dreamweaver 8網(wǎng)頁設(shè)計(jì)培訓(xùn)教程 》 調(diào)音 返回 零點(diǎn) 起飛電腦培訓(xùn)學(xué)校 結(jié)束 設(shè)置字體外觀 用戶也可對(duì)屬性面板的“字體”下拉列表框中的字體列表重新編輯。 其中字體的度量單位有像素（ px）、厘米（ cm）等，可根據(jù)具體情況進(jìn)行選擇，但一般都以像素為單位。 向下 向上 末頁 首頁 《 中文 Dreamweaver 8網(wǎng)頁設(shè)計(jì)培訓(xùn)教程 》 調(diào)音 返回 零點(diǎn) 起飛電腦培訓(xùn)學(xué)校 結(jié)束 設(shè)置字體樣式 ?粗體 根據(jù)在 “ 首選參數(shù) ” 對(duì)話框的 “ 常規(guī) ” 選項(xiàng)中設(shè)置的樣式參數(shù)選擇 ， 將 b或 strong標(biāo)簽應(yīng)用于選定的文本 ， 即對(duì)所選文本加粗 。 ?斜體 根據(jù)在“首選參數(shù)”對(duì)話框的“常規(guī)”選項(xiàng)中設(shè)置的樣式參數(shù)選擇，將 i或 em標(biāo)簽應(yīng)用于選定的文本，即對(duì)所選文本進(jìn)行傾斜設(shè)置。再次單擊按鈕可取消“傾斜”設(shè)置。 向下 向上 末頁 首頁 《 中文 Dreamweaver 8網(wǎng)頁設(shè)計(jì)培訓(xùn)教程 》 調(diào)音 返回 零點(diǎn) 起飛電腦培訓(xùn)學(xué)校 結(jié)束 設(shè)置標(biāo)題格式 在屬性欄的“格式”下拉列表框中可設(shè)置標(biāo)題格式，其中“段落”是應(yīng)用 p標(biāo)簽的默認(rèn)格式，“標(biāo)題 1”選項(xiàng)應(yīng)用 H1標(biāo)簽，設(shè)置該選項(xiàng)可以將所選的文本設(shè)置成各種標(biāo)題。 向下 向上 末頁 首頁 《 中文 Dreamweaver 8網(wǎng)頁設(shè)計(jì)培訓(xùn)教程 》 調(diào)音 返回 零點(diǎn) 起飛電腦培訓(xùn)學(xué)校 結(jié)束 設(shè)置樣式 屬性面板中的“樣式”下拉列表框可用于顯示當(dāng)前應(yīng)用于所選文本的樣式。 向下 向上 末頁 首頁 《 中文 Dreamweaver 8網(wǎng)頁設(shè)計(jì)培訓(xùn)教程 》 調(diào)音 返回 零點(diǎn) 起飛電腦培訓(xùn)學(xué)校 結(jié)束 無序列表 無序列表又稱為項(xiàng)目列表，是一系列無順序級(jí)別關(guān)系的項(xiàng)目文本組成的列表，一般前面是用項(xiàng)目符號(hào)作為前導(dǎo)字符。 向下 向上 末頁 首頁 《 中文 Dreamweaver 8網(wǎng)頁設(shè)計(jì)培訓(xùn)教程 》 調(diào)音 返回 零點(diǎn) 起飛電腦培訓(xùn)學(xué)校 結(jié)束 為現(xiàn)有文本創(chuàng)建列表 除了先創(chuàng)建列表項(xiàng)再輸入文本外，還可以先輸入文本，然后再設(shè)置列表項(xiàng)。 向下 向上 末頁 首頁 《 中文 Dreamweaver 8網(wǎng)頁設(shè)計(jì)培訓(xùn)教程 》 調(diào)音 返回 零點(diǎn) 起飛電腦培訓(xùn)學(xué)校 結(jié)束 設(shè)置項(xiàng)目列表屬性 使用“列表屬性”對(duì)話框可以設(shè)置列表項(xiàng)的外觀，包括編號(hào)樣式、項(xiàng)目符號(hào)樣式等。標(biāo)尺的單位包括像素、厘米和英寸，在默認(rèn)狀態(tài)下使用像素為單位。文檔編輯區(qū)中顯示了網(wǎng)格后，就可以對(duì)網(wǎng)頁元素進(jìn)行準(zhǔn)確的定位了。 向下 向上 末頁 首頁 《 中文 Dreamweaver 8網(wǎng)頁設(shè)計(jì)培訓(xùn)教程 》 調(diào)音 返回 零點(diǎn) 起飛電腦培訓(xùn)學(xué)校 結(jié)束 ? 課堂講解 ? 上機(jī)實(shí)戰(zhàn) 第 4課 為網(wǎng)頁添加圖像 向下 向上 末頁 首頁 《 中文 Dreamweaver 8網(wǎng)頁設(shè)計(jì)培訓(xùn)教程 》 調(diào)音 返回 零點(diǎn) 起飛電腦培訓(xùn)學(xué)校 結(jié)束 課堂講解 ?網(wǎng)頁圖像的格式及來源 ?插入圖像 ?設(shè)置圖像屬性 ?圖像高級(jí)設(shè)置 向下 向上 末頁 首頁 《 中文 Dreamweaver 8網(wǎng)頁設(shè)計(jì)培訓(xùn)教程 》 調(diào)音 返回 零點(diǎn) 起飛電腦培訓(xùn)學(xué)校 結(jié)束 網(wǎng)頁圖像的格式及來源 ?GIF格式 ?JPEG格式 ?PNG格式 ?網(wǎng)頁圖像來源 向下 向上 末頁 首頁 《 中文 Dreamweaver 8網(wǎng)頁設(shè)計(jì)培訓(xùn)教程 》 調(diào)音 返回 零點(diǎn) 起飛電腦培訓(xùn)學(xué)校 結(jié)束 GIF格式 GIF全稱為“ Graphics Interchange Format”，意為可交換圖像格式，它是第一個(gè)支持網(wǎng)頁的圖像格式，在 PC機(jī)和蘋果機(jī)上都能被正確識(shí)別。 GIF圖像可以在網(wǎng)頁中以透明方式顯示，還可以包含動(dòng)態(tài)信息，即 GIF動(dòng)畫。 向下 向上 末頁 首頁 《 中文 Dreamweaver 8網(wǎng)頁設(shè)計(jì)培訓(xùn)教程 》 調(diào)音 返回 零點(diǎn) 起飛電腦培訓(xùn)學(xué)校 結(jié)束 PNG格式 PNG全稱為“ Portable Network Graphics”，意為便攜網(wǎng)絡(luò)圖像，它是逐漸流行的網(wǎng)絡(luò)圖像格式。 向下 向上 末頁 首頁 《 中文 Dreamweaver 8網(wǎng)頁設(shè)計(jì)培訓(xùn)教程 》 調(diào)音 返回 零點(diǎn) 起飛電腦培訓(xùn)學(xué)校 結(jié)束 網(wǎng)頁圖像來源 網(wǎng)頁圖像的素材有很多來源，如可以使用圖形處理軟件（如 Photoshop、Fireworks和 FreeHand等軟件）制作；可以購買網(wǎng)頁素材光盤；可以從網(wǎng)絡(luò)上下載等。 ?單擊插入欄的“常用”選項(xiàng)卡中的按鈕。 向下 向上 末頁 首頁 《 中文 Dreamweaver 8網(wǎng)頁設(shè)計(jì)培訓(xùn)教程 》 調(diào)音 返回 零點(diǎn) 起飛電腦培訓(xùn)學(xué)校 結(jié)束 占位符插入 制作網(wǎng)頁時(shí)還未選定需插入的圖像，但確定了圖像大小的時(shí)候，可以使用占位符來代替圖像的方式插入到文檔中。 向下 向上 末頁 首頁 《 中文 Dreamweaver 8網(wǎng)頁設(shè)計(jì)培訓(xùn)教程 》 調(diào)音 返回 零點(diǎn) 起飛電腦培訓(xùn)學(xué)校 結(jié)束 圖像的放大顯示