003創(chuàng)建和編輯網(wǎng)頁.ppt

1、,Dreamweaver 應(yīng)用技術(shù) Dreamweaver 8 實(shí)訓(xùn)教程講義,第3章 創(chuàng)建和編輯網(wǎng)頁 重點(diǎn)內(nèi)容： 網(wǎng)頁的創(chuàng)建 網(wǎng)頁的命名原則 網(wǎng)頁的保存 打開已有文檔 修改網(wǎng)頁屬性,Dreamweaver 應(yīng)用技術(shù) Dreamweaver 8 實(shí)訓(xùn)教程講義,一、網(wǎng)頁的創(chuàng)建： 1. 應(yīng)用空白文檔創(chuàng)建頁面 從起始頁面創(chuàng)建,起始頁,單擊【創(chuàng)建新項(xiàng)目】欄中的【HTML】鏈接。,Dreamweaver 應(yīng)用技術(shù) Dreamweaver 8 實(shí)訓(xùn)教程講義,一、網(wǎng)頁的創(chuàng)建： 1. 應(yīng)用空白文檔創(chuàng)建頁面 使用命令創(chuàng)建,【新建文檔】對話框,選擇【文件】|【新建】命令，彈出【新建文檔】對話框，在【常規(guī)】選項(xiàng)卡中選

2、擇網(wǎng)頁類別，在右側(cè)的列表框中選擇具體的頁面類型，然后單擊【創(chuàng)建】按鈕。,Dreamweaver 應(yīng)用技術(shù) Dreamweaver 8 實(shí)訓(xùn)教程講義,一、網(wǎng)頁的創(chuàng)建： 2. 通過設(shè)計(jì)文件創(chuàng)建頁面 選擇【文件】|【新建】命令，彈出【新建文檔】對話框，在【常規(guī)】選項(xiàng)卡中的【類別】列表框中選擇【CSS樣式表】、【框架集】、【頁面設(shè)計(jì)(CSS)】、【頁面設(shè)計(jì)】或【頁面設(shè)計(jì)(有輔助功能的)】選項(xiàng)，然后從右側(cè)的列表框中選擇一個設(shè)計(jì)文件（文件類型隨所選網(wǎng)頁類別而異），再單擊【創(chuàng)建】按鈕，即可在文檔窗口中打開一個相應(yīng)的文檔副本。,Dreamweaver 應(yīng)用技術(shù) Dreamweaver 8 實(shí)訓(xùn)教程講義,一、網(wǎng)

3、頁的創(chuàng)建： 3. 基于模板創(chuàng)建頁面,【模板】選項(xiàng)卡,選擇【文件】|【新建】命令，彈出【新建文檔】對話框，選擇【模板】選項(xiàng)卡，在【模板用于】列表框中選擇所需站點(diǎn)，然后從右側(cè)的列表框中選擇一個模板，單擊【創(chuàng)建】按鈕。,Dreamweaver 應(yīng)用技術(shù) Dreamweaver 8 實(shí)訓(xùn)教程講義,二、網(wǎng)頁的命名原則： 文件名中只能包含小寫的英文字母、數(shù)字和下劃線。 文件名不能以數(shù)字開頭。 不能在文件名中使用空格、標(biāo)點(diǎn)符號或特殊字符。 主頁的文件名稱通常設(shè)定為“index”。 用盡量少的字符概括文件主旨，不要過于冗長。,Dreamweaver 應(yīng)用技術(shù) Dreamweaver 8 實(shí)訓(xùn)教程講義,三、網(wǎng)頁

4、的保存： 保存當(dāng)前網(wǎng)頁：選擇【文件】|【保存】命令，彈出【另存為】對話框，打開所需站點(diǎn)文件夾，在【文件夾】文本框中輸入網(wǎng)頁名稱，然后單擊【保存】按鈕。 保存已創(chuàng)建的所有頁面：選擇【文件】|【保存全部】命令。,Dreamweaver 應(yīng)用技術(shù) Dreamweaver 8 實(shí)訓(xùn)教程講義,四、打開已有文檔： 1. 通過【打開】對話框打開文檔,選擇【文件】|【打開】命令，彈出【打開】對話框，選擇所需的網(wǎng)頁文檔，單擊【打開】按鈕。,【打開】對話框,Dreamweaver 應(yīng)用技術(shù) Dreamweaver 8 實(shí)訓(xùn)教程講義,四、打開已有文檔： 2. 通過【文件】面板打開文檔,顯示【文件】面板，在面板左上方

5、的【站點(diǎn)】下拉列表框中選擇保存網(wǎng)頁的站點(diǎn)、服務(wù)器或驅(qū)動器，然后在文件和文件夾列表中雙擊所需網(wǎng)頁文檔的圖標(biāo)。,【文件】面板,Dreamweaver 應(yīng)用技術(shù) Dreamweaver 8 實(shí)訓(xùn)教程講義,五、修改網(wǎng)頁屬性： 1. 網(wǎng)頁的基本屬性 外觀屬性指頁面中文本的字體、字樣、大小、顏色、背景顏色和背景圖像，以及頁面邊距的設(shè)置。 鏈接屬性指鏈接文本的字體、大小，鏈接文本的顏色，鼠標(biāo)指針指向鏈接文本時的顏色，已訪問過的鏈接文本的顏色，單擊鏈接文本時的顏色，以及下畫線的樣式。,Dreamweaver 應(yīng)用技術(shù) Dreamweaver 8 實(shí)訓(xùn)教程講義,五、修改網(wǎng)頁屬性： 1. 網(wǎng)頁的基本屬性 標(biāo)題屬性

6、指在網(wǎng)頁中使用的默認(rèn)字體庫及最多6種標(biāo)題標(biāo)簽使用的字體大小和顏色。 標(biāo)題/編碼屬性指在文檔窗口和大多數(shù)瀏覽器窗口的標(biāo)題欄中出現(xiàn)的頁面標(biāo)題，以及文檔中字符所用的編碼。 跟蹤圖像屬性指在復(fù)制設(shè)計(jì)時作為參考的圖像和跟蹤圖像的透明度。,Dreamweaver 應(yīng)用技術(shù) Dreamweaver 8 實(shí)訓(xùn)教程講義,五、修改網(wǎng)頁屬性： 2. 【頁面屬性】對話框 外觀,【外觀】選項(xiàng)卡,Dreamweaver 應(yīng)用技術(shù) Dreamweaver 8 實(shí)訓(xùn)教程講義,五、修改網(wǎng)頁屬性： 2. 【頁面屬性】對話框 鏈接,【鏈接】選項(xiàng)卡,Dreamweaver 應(yīng)用技術(shù) Dreamweaver 8 實(shí)訓(xùn)教程講義,五、修改網(wǎng)頁屬性： 2. 【頁面屬性】對話框 標(biāo)題,【標(biāo)題】選項(xiàng)卡,Dreamweaver 應(yīng)用技術(shù) Dreamweaver 8 實(shí)訓(xùn)教程講義,五、修改網(wǎng)頁屬性： 2. 【頁面屬