DreamweaverCS6文字、圖像、超鏈接第0頁ppt課件DreamweaverCS6文字、圖像、超鏈接第0頁設(shè)置頁面屬性外觀（HTML）背景圖像：設(shè)置背景圖像。單擊“瀏覽”按鈕，然后瀏覽到圖像并將其選中。或者，可以在“背景圖像”框中輸入背景圖像的路徑。背景：設(shè)置頁面的背景顏色。單擊“背景顏色”框并從顏色選擇器中選擇一種顏色。文本：指定顯示字體時(shí)使用的默認(rèn)顏色。鏈接：指定應(yīng)用于鏈接文本的顏色。已訪問鏈接：指定應(yīng)用于已訪問鏈接的顏色?；顒?dòng)鏈接：指定當(dāng)鼠標(biāo)（或指針）在鏈接上單擊時(shí)應(yīng)用的顏色。左邊距和右邊距：指定頁面左邊距和右邊距的大小。上邊距和下邊距：指定頁面上邊距和下邊距的大小。第1頁ppt課件設(shè)置頁面屬性外觀（HTML）第1頁ppt課件“標(biāo)題/編碼”屬性標(biāo)題：指定在“文檔”窗口和大多數(shù)瀏覽器窗口的標(biāo)題欄中出現(xiàn)的頁面標(biāo)題。文檔類型：指定一種文檔類型定義，使瀏覽器使用相應(yīng)的方式加載網(wǎng)頁并顯示。編碼：指定文檔中字符所用的編碼。（如果選擇Unicode(UTF-8)作為文檔編碼，則不需要實(shí)體編碼，因?yàn)閁TF-8可以安全地表示所有字符）；一般使用默認(rèn)的Unicode編碼，以中文為主的網(wǎng)頁也可以“簡體中文(GB2312）”。第2頁ppt課件“標(biāo)題/編碼”屬性第2頁ppt課件“跟蹤圖像”屬性可以將設(shè)計(jì)草圖設(shè)置成跟蹤圖像，鋪在編輯的網(wǎng)頁下面作為參考圖，用于引導(dǎo)網(wǎng)頁的設(shè)計(jì)。跟蹤圖像：用于設(shè)置跟蹤圖像文件的路徑信息，單擊右側(cè)的“瀏覽”按鈕，可以在“選擇圖像源文件”對(duì)話框中直接選擇圖像文件。透明度：根據(jù)實(shí)際情況調(diào)整跟蹤圖像的透明度。第3頁ppt課件“跟蹤圖像”屬性第3頁ppt課件文本與文檔一、添加文本1、輸入文本打開文檔，在文檔中單擊鼠標(biāo)左鍵，將光標(biāo)置于其中，然后在光標(biāo)后輸入。2、段落與換行段落：在文檔中輸入文本時(shí)，直接按“Enter”鍵，可以形成一個(gè)段落換行：按“Shift”+“Enter”鍵或選擇菜單命令“插入”/“HTML”/“特殊字符”/“換行符”。3、復(fù)制文本在外部復(fù)制文本，然后在Dreamweaver文檔窗口中定位插入點(diǎn)，選擇“粘貼”命令。第4頁ppt課件文本與文檔一、添加文本第4頁ppt課件4、選擇性粘貼要復(fù)制網(wǎng)頁或Word文檔中的內(nèi)容到Dreamweaver中進(jìn)行編輯，若使用“粘貼”功能會(huì)將源文件中的文本、圖片連同格式信息一同復(fù)制。如果僅復(fù)制純文本或帶部分樣式的文本，可選“選擇性粘貼”命令，打開“選擇性粘貼”對(duì)話框。4個(gè)單選的作用：僅文本：所有格式設(shè)置（包括分行和段落）都將被刪除。帶結(jié)構(gòu)的文本：粘貼文本并保留結(jié)構(gòu)，但不保留基本格式設(shè)置（保留段落、列表和表格的結(jié)構(gòu)，但不保留粗體、斜體和其他格式設(shè)置）。帶結(jié)構(gòu)的文本以及基本格式：粘貼結(jié)構(gòu)化并帶簡單HTML格式的文本，粘貼的默認(rèn)格式。帶結(jié)構(gòu)的文本以及全部格式：可以粘貼文本并保留所有結(jié)構(gòu)、HTML格式設(shè)置和CSS樣式。第5頁ppt課件4、選擇性粘貼第5頁ppt課件5、在屬性檢查器中設(shè)置HTML格式文本屬性可以使用文本屬性檢查器應(yīng)用HTML格式或?qū)盈B樣式表(CSS)格式。應(yīng)用HTML格式時(shí)，Dreamweaver會(huì)將屬性添加到頁面正文的HTML代碼中。應(yīng)用CSS格式時(shí)，Dreamweaver會(huì)將屬性寫入文檔頭或單獨(dú)的樣式表中。①如果屬性檢查器沒有打開，請(qǐng)將其打開（“窗口”>“屬性”），然后單擊“HTML”按鈕。②選擇要設(shè)置格式的文本。③設(shè)置要應(yīng)用于所選文本的選項(xiàng)：第6頁ppt課件5、在屬性檢查器中設(shè)置HTML格式文本屬性第6頁ppt格式：設(shè)置所選文本的段落樣式?！岸温洹睉?yīng)用<p>標(biāo)簽的默認(rèn)格式，“標(biāo)題1”添加H1標(biāo)簽，等等。ID：為所選內(nèi)容分配一個(gè)ID。類：顯示當(dāng)前應(yīng)用于所選文本的類樣式。如果沒有對(duì)所選內(nèi)容應(yīng)用過任何樣式，則彈出菜單顯示“無CSS樣式”。如果已對(duì)所選內(nèi)容應(yīng)用了多個(gè)樣式，則該菜單是空的。選擇要應(yīng)用于所選內(nèi)容的樣式。選擇“無”刪除當(dāng)前所選樣式。選擇“重命名”以重命名該樣式。選擇“附加樣式表”以打開一個(gè)允許您向頁面附加外部樣式表的對(duì)話框。鏈接：創(chuàng)建所選文本的超文本鏈接。單擊文件夾圖標(biāo)瀏覽到站點(diǎn)中的文件；鍵入U(xiǎn)RL；將“指向文件”圖標(biāo)拖到“文件”面板中的文件；或?qū)⑽募摹拔募泵姘逋系娇蛑小５?頁ppt課件格式：設(shè)置所選文本的段落樣式?！岸温洹睉?yīng)用<p>標(biāo)簽的默認(rèn)二、輸入連續(xù)空格默認(rèn)狀態(tài)下，Dreamweaver只允許輸入一個(gè)空格，需要通過設(shè)置或特定操作才能輸入連續(xù)空格。1、設(shè)置“首選參數(shù)”對(duì)話框選擇“編輯”>“首選參數(shù)”菜單命令，在“首選參數(shù)”對(duì)話框中選中“允許多個(gè)連續(xù)的空格”復(fù)選框。2、直接插入選擇“插入>HTML>特殊字符>不換行空格”命令，或按<Ctrl+Shift+Space>。將輸入法轉(zhuǎn)換到中文的全角狀態(tài)下。第8頁ppt課件二、輸入連續(xù)空格第8頁ppt課件三、插入特殊文本1、插入日期①在文檔窗口中，將插入點(diǎn)放置在想要插入對(duì)象的位置。②啟動(dòng)“插入日期”對(duì)話框。選擇“插入”面板的“常用”選項(xiàng)卡，單擊“日期”按鈕。選擇“插入>日期”命令。③選擇相應(yīng)的日期和時(shí)間格式，若選中“儲(chǔ)存時(shí)自動(dòng)更新”復(fù)選框，每一次存儲(chǔ)文件都會(huì)自動(dòng)更新文檔中插入的日期。④單擊“確定”按鈕。2、插入換行符選擇“插入”面板的“文本”選項(xiàng)卡，單擊“字符”按鈕，選擇“換行符”按鈕。按<Shift+Enter>。選擇“插入>HTML>特殊字符>換行符>”命令。第9頁ppt課件三、插入特殊文本第9頁ppt課件3、插入特殊字符選擇“插入”面板的“文本”選項(xiàng)卡，單擊“字符”按鈕，在彈出菜單中就可以找到各種特殊字符4、插入水平線水平線在網(wǎng)頁文檔中經(jīng)常用到，它主要用于分隔文檔內(nèi)容，是文檔結(jié)構(gòu)清晰明了，合理使用水平線可以獲得非常好的效果。選擇“插入”面板的“常用”選項(xiàng)卡，點(diǎn)擊水平線或選擇“插入”>“HTML”>“水平線”?？梢栽趯傩詸z查器中對(duì)水平線進(jìn)行樣式的設(shè)置。“ID”文本框：可用于為水平線指定ID。寬和高：以像素為單位或以頁面大小百分比的形式指定水平線的寬度和高度。第10頁ppt課件3、插入特殊字符第10頁ppt課件對(duì)齊：指定水平線的對(duì)齊方式（默認(rèn)、左對(duì)齊、居中對(duì)齊或右對(duì)齊）。僅當(dāng)水平線的寬度小于瀏覽器窗口的寬度時(shí)，該設(shè)置才適用。陰影：指定繪制水平線時(shí)是否帶陰影。取消選擇此選項(xiàng)將使用純色繪制水平線。第11頁ppt課件對(duì)齊：指定水平線的對(duì)齊方式（默認(rèn)、左對(duì)齊、居中對(duì)齊或右對(duì)齊）圖像網(wǎng)頁中常用的圖像格式有3種，即GIF、JPEG和PNG。目前GIF和JPEG文件格式的支持最好，大多數(shù)瀏覽器都可以查看這兩種格式的文件。由于PNG文件具有較大的靈活性且文件較小，所以它對(duì)于幾乎任何類型的網(wǎng)頁圖像都是最合適的。一、GIF圖像格式即圖像交換格式特點(diǎn)：數(shù)據(jù)量小,最多使用256種顏色,可以透明背景顯示.可以制作動(dòng)態(tài)圖像，將數(shù)張靜態(tài)圖像作為動(dòng)畫串聯(lián)起來，轉(zhuǎn)換成一張動(dòng)畫文件。可以將圖像以交錯(cuò)的方式顯示在網(wǎng)頁中。（交錯(cuò)顯示：當(dāng)圖像未下載完成時(shí)，瀏覽器先以馬賽克的形式將圖像逐步顯示）使用無損壓縮方案，圖像不會(huì)有細(xì)節(jié)上的損失。通性好，即適合任何一個(gè)瀏覽器。第12頁ppt課件圖像網(wǎng)頁中常用的圖像格式有3種，即GIF、JPEG和PNG。用途:適合顯示色調(diào)不連續(xù)或具有大面積單一顏色的圖像，如導(dǎo)航條、按鈕、圖標(biāo)、徽標(biāo)或其他具有統(tǒng)一色彩和色調(diào)的圖像。二、JPEG圖像格式即聯(lián)合圖像專家組，是一種圖像壓縮格式，文件格式是用于攝影或連續(xù)色調(diào)圖像的高級(jí)格式，這是因?yàn)镴PEG文件可以包含數(shù)百萬種顏色。隨著JPEG文件品質(zhì)的提高，文件的大小和下載時(shí)間也會(huì)隨之增加。通?？梢酝ㄟ^壓縮JPEG文件在圖像品質(zhì)和文件大小之間達(dá)到良好的平衡。有一定的失真度，但一般肉眼分辨不出與GIF的區(qū)別。特點(diǎn)：JPEG只有GIF文件大小的1/4。不支持透明圖、動(dòng)態(tài)圖。用途：通常用于顯示照片等顏色豐富的精美圖像。第13頁ppt課件用途:第13頁ppt課件三、PNG圖像格式是一種替代GIF格式的無專利權(quán)限制的格式，它包括對(duì)索引色、灰度、真彩色圖像以及alpha通道透明度的支持。PNG是Adobe?Fireworks?固有的文件格式。PNG文件可保留所有原始層、矢量、顏色和效果信息（例如陰影），并且在任何時(shí)候所有元素都是可以完全編輯的。文件必須具有.png文件擴(kuò)展名才能被Dreamweaver識(shí)別為PNG文件。特點(diǎn)：像GIF一樣無損壓縮，像JPEG一樣擁有百萬種顏色。具有隔行掃描的特性，比其他格式都要快。用途：常用于制作網(wǎng)頁效果圖。第14頁ppt課件三、PNG圖像格式第14頁ppt課件一、插入圖像將圖像插入Dreamweaver文檔時(shí)，HTML源代碼中會(huì)生成對(duì)該圖像文件的引用。為了確保此引用的正確性，該圖像文件必須位于當(dāng)前站點(diǎn)中。如果圖像文件不在當(dāng)前站點(diǎn)中，Dreamweaver會(huì)詢問是否要將此文件復(fù)制到當(dāng)前站點(diǎn)中。1、通過“選擇圖像源文件”對(duì)話框①在“文檔”窗口中，將插入點(diǎn)放置在要顯示圖像的地方，然后執(zhí)行下列操作之一：在“插入”面板的“常用”類別中，單擊“圖像”圖標(biāo)。選擇菜單“插入”>“圖像”。②選擇“文件系統(tǒng)”以選擇一個(gè)圖像文件。③單擊“確定”。將顯示“圖像標(biāo)簽輔助功能屬性”對(duì)話框④在“替代文本”和“詳細(xì)描述”文本框中輸入值，然后單擊“確定”。第15頁ppt課件一、插入圖像第15頁ppt課件在“替代文本”框中，為圖像輸入一個(gè)名稱或一段簡短描述。（在50個(gè)字符左右）。在“詳細(xì)說明”框中，輸入當(dāng)用戶單擊圖像時(shí)所顯示的文件的位置，或者單擊文件夾圖標(biāo)以瀏覽到該文件。該文本框提供指向與圖像相關(guān)（或提供有關(guān)圖像的詳細(xì)信息）的文件的鏈接。注意：可以在其中一個(gè)或兩個(gè)文本框中輸入信息。當(dāng)單擊“取消”時(shí)，該圖像將出現(xiàn)在文檔中，但Dreamweaver不會(huì)將它與輔助功能標(biāo)簽或?qū)傩韵嚓P(guān)聯(lián)。第16頁ppt課件在“替代文本”框中，為圖像輸入一個(gè)名稱或一段簡短描述。（在二、設(shè)置圖像屬性圖像的“屬性檢查器”可以顯示圖像當(dāng)前屬性，也可以設(shè)置各項(xiàng)屬性。寬和高：圖像的寬度和高度，以像素表示。在頁面中插入圖像時(shí)，Dreamweaver會(huì)自動(dòng)用圖像的原始尺寸更新這些文本框。如果設(shè)置的“寬”和“高”值與圖像的實(shí)際寬度和高度不相符，則該圖像在瀏覽器中可能不會(huì)正確顯示。（若要恢復(fù)原始值，請(qǐng)單擊用于輸入新值的“寬”和“高”文本框右側(cè)的“重設(shè)大小”按鈕。）注意：可以更改這些值來縮放該圖像實(shí)例的顯示大小，但這不會(huì)縮短下載時(shí)間，因?yàn)闉g覽器先下載所有圖像數(shù)據(jù)再縮放圖像。若要縮短下載時(shí)間并確保所有圖像實(shí)例以相同大小顯示，需要使用圖像編輯應(yīng)用程序縮放圖像。第17頁ppt課件二、設(shè)置圖像屬性第17頁ppt課件源文件：指定圖像的源文件。單擊文件夾圖標(biāo)以瀏覽到源文件，或者鍵入路徑。鏈接：指定圖像的超鏈接。將“指向文件”圖標(biāo)拖動(dòng)到“文件”面板中的某個(gè)文件，單擊文件夾圖標(biāo)瀏覽到站點(diǎn)上的某個(gè)文檔，或手動(dòng)鍵入U(xiǎn)RL。替換：指定在只顯示文本的瀏覽器或已設(shè)置為手動(dòng)下載圖像的瀏覽器中代替圖像顯示的替代文本。對(duì)于使用語音合成器（用于只顯示文本的瀏覽器）的有視覺障礙的用戶，將大聲讀出該文本。在某些瀏覽器中，當(dāng)鼠標(biāo)指針滑過圖像時(shí)也會(huì)顯示該文本。地圖：用于創(chuàng)建客戶端圖像地圖。編輯：啟動(dòng)您在“外部編輯器”首選參數(shù)中指定的圖像編輯器并打開選定的圖像。第18頁ppt課件源文件：指定圖像的源文件。單擊文件夾圖標(biāo)以瀏覽到源文件，或者三、圖像占位符如果在制作網(wǎng)頁時(shí)，需要的圖像還沒準(zhǔn)備好，可以臨時(shí)插入圖像占位符來代替索要插入的圖片位置，等有合適的圖像后，再重新定義圖像文件。1、插入圖像占位符①將插入點(diǎn)放置到插入占位符的位置。②選擇“插入”>“圖像對(duì)象”>“圖像占位符”，或在“插入/常用”面板中單擊“圖像”按鈕組中的“圖像占位符”按鈕。③在“圖像占位符”對(duì)話框中設(shè)置參數(shù)。名稱（可選）：輸入要作為圖像占位符的標(biāo)簽顯示的文本。如果不想顯示標(biāo)簽，則保留該文本框?yàn)榭?。名稱必須以字母開頭，并且只能包含字母和數(shù)字。寬度和高度（必需）：鍵入設(shè)置圖像大小的數(shù)值（以像素表示）。第19頁ppt課件三、圖像占位符第19頁ppt課件替代文本（可選）：為使用只顯示文本的瀏覽器的訪問者輸入描述該圖像的文本。2、替換圖像占位符在發(fā)布站點(diǎn)前，應(yīng)用圖像文件替換所有的占位符，新圖像設(shè)置為與占位符相同大小。雙擊“圖像占位符”，或單擊“圖像占位符”將其選中，在“屬性檢查器”中單擊“源文件”旁的文件夾圖標(biāo)。在“選擇圖像源文件”對(duì)話框中，選擇圖像，然后單擊“確定”。3、設(shè)置圖像占位符屬性使用“屬性檢查器”為占位符圖像設(shè)置名稱、寬度、高度、圖像源文件、替代文本說明、對(duì)齊方式和顏色第20頁ppt課件替代文本（可選）：為使用只顯示文本的瀏覽器的訪問者輸入描述該編輯圖像一、調(diào)整圖像大小注意：調(diào)整圖像大小只是調(diào)整圖像的顯示尺寸，對(duì)圖像文件的實(shí)際大小不做任何修改。1、通過“屬性”檢查器在“屬性”檢查器中的“寬”、“高”中輸入數(shù)值，單擊“重設(shè)大小”按鈕，將圖像恢復(fù)到調(diào)整前的原始大小，所有調(diào)整操作將失效。2、通過控制點(diǎn)選中目標(biāo)圖像，然后直接拖動(dòng)圖像上相應(yīng)的選擇控制點(diǎn)完成圖像大小的調(diào)整。第21頁ppt課件編輯圖像一、調(diào)整圖像大小第21頁ppt課件二、設(shè)置圖像邊距、邊框和對(duì)齊方式在右鍵-標(biāo)簽編輯器中設(shè)置。1、設(shè)置圖像邊距圖像邊距是指圖像相對(duì)于周圍元素的距離，包括垂直邊距和水平邊距，單位為像素。設(shè)置圖像的邊距將對(duì)圖像周圍的網(wǎng)頁元素的位置產(chǎn)生影響。2、設(shè)置圖像邊框增加邊框，可以使圖像邊緣更加突出。不設(shè)置，不會(huì)顯示邊框。如果圖像設(shè)置了超級(jí)鏈接，圖像會(huì)出現(xiàn)默認(rèn)樣式的邊框，如不希望出現(xiàn)默認(rèn)的邊框，可以將“邊框”設(shè)置為0。第22頁ppt課件二、設(shè)置圖像邊距、邊框和對(duì)齊方式第22頁ppt課件3、設(shè)置圖像對(duì)齊方式插入圖片后，在“格式”菜單下，可以看到“對(duì)齊”選項(xiàng)，在對(duì)齊下選擇“左對(duì)齊”、“居中對(duì)齊”、“右對(duì)齊”和“兩端對(duì)齊”

；或者在標(biāo)簽編輯器中設(shè)置。默認(rèn)值：圖像指定為基線對(duì)齊?；€：將圖像的底部與當(dāng)前行中最高元素（圖像或文本）的基線對(duì)齊頂部：將圖像的頂部與當(dāng)前行中最高元素（圖像或文本）的頂部對(duì)齊中間：將圖像中線與當(dāng)前行文本基線對(duì)齊。底部：將圖像底線與當(dāng)前行文本底線對(duì)齊。絕對(duì)居中：將圖像中線與當(dāng)前行文本中線對(duì)齊。絕對(duì)底部：將圖像底部與文本行（含所有英文字母下部，如j、g等）的底部對(duì)齊。左：將圖像放置在文本段落的左側(cè)，文本在圖像右側(cè)換行。右：將圖像放置在文本段落的左側(cè)，文本在圖像右側(cè)換行。第23頁ppt課件3、設(shè)置圖像對(duì)齊方式第23頁ppt課件三、裁剪圖像1、裁剪圖像選中圖像，單擊圖像屬性檢查器的“裁剪”按鈕，或選擇“修改”/“圖像”/“裁剪”命令。通過拖動(dòng)裁剪框上的控制點(diǎn)進(jìn)行裁剪。2、圖像重新取樣裁剪完的圖像，實(shí)際物理大小并沒有改變，當(dāng)圖片太大時(shí)會(huì)影響網(wǎng)頁的下載速度，可以利用“圖像重新取樣”功能來同步改變圖像物理大小。選中圖像，單擊圖像屬性檢查器的“重新取樣”按鈕，或選擇“修改”/“圖像”/“重新取樣”命令?！爸匦氯印卑粹o只有當(dāng)圖像的原始大小被改變時(shí)，才能被激活第24頁ppt課件三、裁剪圖像第24頁ppt課件超鏈接一、什么是超級(jí)鏈接超級(jí)鏈接在本質(zhì)上屬于一個(gè)網(wǎng)頁的一部分，它是一種允許我們同其他網(wǎng)頁或站點(diǎn)之間進(jìn)行連接的元素。各個(gè)網(wǎng)頁鏈接在一起后，才能真正構(gòu)成一個(gè)網(wǎng)站。所謂的超級(jí)鏈接是指從一個(gè)網(wǎng)頁指向一個(gè)目標(biāo)的鏈接關(guān)系，這個(gè)目標(biāo)可以是另一個(gè)網(wǎng)頁，也可以是相同網(wǎng)頁上的不同位置，還可以是一個(gè)圖片，一個(gè)電子郵件地址，一個(gè)文件，甚至是一個(gè)應(yīng)用程序。而在一個(gè)網(wǎng)頁中用來超鏈接的對(duì)象，可以是一段文本或者是一個(gè)圖片。當(dāng)瀏覽者單擊已經(jīng)鏈接的文字或圖片后，鏈接目標(biāo)將顯示在瀏覽器上，并且根據(jù)目標(biāo)的類型來打開或運(yùn)行。如果按照使用對(duì)象的不同，網(wǎng)頁中的鏈接又可以分為：文本超鏈接，圖像超鏈接，E-mail鏈接，錨點(diǎn)鏈接，多媒體文件鏈接，空鏈接等。第25頁ppt課件超鏈接一、什么是超級(jí)鏈接第25頁ppt課件1、外部鏈接又常被稱為：“反向鏈接”或“導(dǎo)入鏈接”，是指其他網(wǎng)站鏈接到你的網(wǎng)站的鏈接。外部鏈接指的是針對(duì)搜索引擎，與其它站點(diǎn)所做的友情鏈接。高質(zhì)量的外部鏈接指：和你的網(wǎng)站建立鏈接的網(wǎng)站知名度高,訪問量大,同時(shí)相對(duì)的外部鏈作用：外部鏈接主要有兩個(gè)作用。一個(gè)作用是面向用戶，用戶可以通過A網(wǎng)站的鏈接點(diǎn)擊到B網(wǎng)站從而帶來訪問者；另一個(gè)作用是外部鏈接可以分享到一部分權(quán)重，A網(wǎng)站鏈接到B網(wǎng)站代表A網(wǎng)站告訴搜索引擎它信任B網(wǎng)站，覺得B網(wǎng)站是一個(gè)不錯(cuò)的網(wǎng)站從而給B網(wǎng)站投了一票，這樣B網(wǎng)站就可以從A網(wǎng)站分享到一定權(quán)重，并在搜索引擎那的權(quán)重得到提高。第26頁ppt課件1、外部鏈接第26頁ppt課件2、內(nèi)部鏈接與外部鏈接(即反向鏈接)相反，內(nèi)部鏈接是指同一網(wǎng)站域名下的內(nèi)容頁面之間互相鏈接。如頻道、欄目、終極內(nèi)容頁之間的鏈接，因此內(nèi)部鏈接也可以稱之為站內(nèi)鏈接。作用：合理地安排內(nèi)部鏈接，尤其是大型網(wǎng)站，合理的內(nèi)部鏈接部署策略同樣可以極大地提升網(wǎng)站的SEO（搜索引擎優(yōu)化）效果。優(yōu)點(diǎn)：內(nèi)部鏈接容易控制，成本低。你直接就可以在自己的站上進(jìn)行部署，不像外部鏈接的不可控性比較大。第27頁ppt課件2、內(nèi)部鏈接第27頁ppt課件文本超級(jí)鏈接一、文本超級(jí)鏈接文本超級(jí)鏈接是最常見的超級(jí)鏈接，通過使用鼠標(biāo)點(diǎn)擊文本即可從一個(gè)網(wǎng)頁跳轉(zhuǎn)到另一個(gè)網(wǎng)頁。1、通過HTML屬性檢查器創(chuàng)建①先選中文字，打開“屬性”面板中的“鏈接”文本框，在其中輸入要鏈接的文檔名稱或站點(diǎn)地址。如果是同一站點(diǎn)內(nèi)的文件，也可以單擊“鏈接”文本框右側(cè)的文件夾圖標(biāo)，在彈出的對(duì)話框中選擇要鏈接的網(wǎng)頁。將“鏈接”文本框右側(cè)的“指向文件”圖標(biāo)拖動(dòng)到“文件面板”中的目標(biāo)文件上。②在“標(biāo)題”文本框中輸入提示性的內(nèi)容。第28頁ppt課件文本超級(jí)鏈接一、文本超級(jí)鏈接第28頁ppt課件③“目標(biāo)”下拉菜單中，選擇文檔的打開位置。_self：會(huì)在當(dāng)前網(wǎng)頁所在的窗口或框架中打開（默認(rèn)方式）。_blank:每個(gè)鏈接會(huì)創(chuàng)建一下新的窗口。_new：會(huì)在同一個(gè)剛創(chuàng)建的窗口中打開。_parent：如果是嵌套的框架，則在父框架中打開，如果不是嵌套框架，則所鏈接的文檔載入整個(gè)瀏覽器窗口。_top：將鏈接的文檔載入整個(gè)瀏覽器窗口，從而刪除所有框架。2、通過“超級(jí)鏈接”對(duì)話框①選中要插入超級(jí)鏈接的位置，選擇命令“插入”/“超級(jí)鏈接”，或在“插入”/“常用”面板中單擊“超級(jí)鏈接”按鈕，彈出“超級(jí)鏈接”對(duì)話框。②“文本”文本框：輸入鏈接文本。“鏈接”下拉列表框：設(shè)置目標(biāo)地址。“訪問鍵”文本框：設(shè)置鏈接的快捷鍵，Alt+字母鍵?！癟ab鍵索引”文本框：設(shè)置“Tab”鍵切換順序。第29頁ppt課件③“目標(biāo)”下拉菜單中，選擇文檔的打開位置。第29頁ppt3、設(shè)置文本超級(jí)鏈接的狀態(tài)通過“頁面屬性”對(duì)話框的“鏈接”分類，可以設(shè)置文本超級(jí)鏈接的狀態(tài)。鏈接字體：設(shè)置鏈接文本的字體。大?。涸O(shè)置鏈接文本的大小。鏈接顏色：設(shè)置鏈接沒有被單擊時(shí)的靜態(tài)文本的顏色。已訪問鏈接：設(shè)置已被單擊過的鏈接文本顏色。變換圖像鏈接：設(shè)置將鼠標(biāo)指針移動(dòng)鏈接上時(shí)文本的顏色?；顒?dòng)鏈接：設(shè)置對(duì)連接文本進(jìn)行單擊時(shí)的顏色。下劃線樣式：共有4中下劃線樣式。第30頁ppt課件3、設(shè)置文本超級(jí)鏈接的狀態(tài)第30頁ppt課件二、錨記超級(jí)鏈接在制作網(wǎng)頁時(shí)，為了達(dá)到跳轉(zhuǎn)到網(wǎng)頁固定位置的目的，可以使用錨鏈接。通過對(duì)網(wǎng)頁中指定位置的命名，利用超級(jí)鏈接打開目標(biāo)網(wǎng)頁時(shí)可直接跳轉(zhuǎn)到相應(yīng)的命名位置上。1、命名錨記將光標(biāo)置于要插入錨記的位置，選擇命令“插入”/“命名錨記”，或在“插入”/“常用”面板中單擊“命名錨記”按鈕，彈出“命名錨記”對(duì)話框，在“錨記名稱”文本框中輸入名稱，單擊“確定”按鈕。如果有錯(cuò)，可以選中錨記標(biāo)志，在屬性檢查器中修改。2、創(chuàng)建錨記超級(jí)鏈接選中文本，在HTML屬性檢查器的“鏈接”下拉列表框中輸入錨記名稱，如“#a”，或直接將“指向文件”圖標(biāo)拖到錨記名稱上。選擇命令“插入”/“超級(jí)鏈接”，在“超級(jí)鏈接”對(duì)話框中設(shè)置。第31頁ppt課件二、錨記超級(jí)鏈接第31頁ppt課件注意：如果鏈接的目標(biāo)錨記在同一文檔中，只需在“鏈接”文本框中輸入一個(gè)“#”符號(hào)和錨記名稱。如果鏈接的目標(biāo)錨記在同一站點(diǎn)的其他網(wǎng)頁中，需要先輸入該網(wǎng)頁的路徑和名稱，再輸入“#”和錨記名稱，如“index.htm#a”。如果鏈接的目標(biāo)錨記在Internet上某個(gè)站點(diǎn)的網(wǎng)頁中，需要先輸入該網(wǎng)頁的完整地址，再輸入“#”和錨記名稱，如“/yx/200803.htm#b”。第32頁ppt課件注意：第32頁ppt課件圖像超級(jí)鏈接一、一般圖像超級(jí)鏈接選中圖片，打開“屬性”面板中的“鏈接”文本框，在其中輸入要鏈接的文檔名稱或站點(diǎn)地址。二、圖像熱點(diǎn)超級(jí)鏈接要在一幅比較大的圖片中添加許多超級(jí)鏈接時(shí)，應(yīng)該將圖片化整為零，分割成較小的圖片，然后分別為這些小圖像上建立超級(jí)鏈接。1、繪制熱點(diǎn)選中圖像，在屬性檢查器中單擊某一形狀的熱點(diǎn)工具按鈕，并且在圖片中用鼠標(biāo)進(jìn)行拖動(dòng)，選中需要添加鏈接的部分。2、熱點(diǎn)屬性設(shè)置繪制熱點(diǎn)后，屬性檢查器將自動(dòng)切換至“熱點(diǎn)”狀態(tài)。“地圖”文本框：用于為某個(gè)熱點(diǎn)設(shè)置一個(gè)唯一的名稱。第33頁ppt課件圖像超級(jí)鏈接一、一般圖像超級(jí)鏈接第33頁ppt課件3、使用熱點(diǎn)右鍵功能包括熱點(diǎn)屬性設(shè)置、多個(gè)熱點(diǎn)對(duì)齊方式設(shè)置、層疊順序調(diào)整，統(tǒng)一寬/高度，復(fù)制和移動(dòng)熱點(diǎn)。第34頁ppt課件3、使用熱點(diǎn)右鍵功能第34頁ppt課件其他鏈接一、Email鏈接①首先在“插入”菜單中選擇電子郵件鏈接。②在“電子郵件鏈接”對(duì)話框中，輸入email地址，輸入完成后點(diǎn)擊“確定”按鈕。第35頁ppt課件其他鏈接一、Email鏈接第35頁ppt課件二、下載文件鏈接如果超級(jí)鏈接指向的不是一個(gè)網(wǎng)頁文件，而是其他文件，如zip、mp3或exe文件等，單擊超級(jí)鏈接的時(shí)候就要下載該文件。選中需要添加下載鏈接的文本，在屬性檢查器中單擊“鏈接”文本框右邊的“瀏覽文件”按鈕，在彈出的“選擇文件”對(duì)話框中選擇要下載的文件。三、空鏈接在制作網(wǎng)頁中，時(shí)常會(huì)將一些文字、圖片等做成超鏈接，但如果在制作時(shí)，某些鏈接頁面還沒有做好，這時(shí)我們就可以用的空鏈接，提醒自己哪些地方需要添加鏈接。首先選中需要添加空鏈接的文本，在屬性檢查器的“鏈接”項(xiàng)中輸入“#”。第36頁ppt課件二、下載文件鏈接第36頁ppt課件DreamweaverCS6文字、圖像、超鏈接第37頁ppt課件DreamweaverCS6文字、圖像、超鏈接第0頁設(shè)置頁面屬性外觀（HTML）背景圖像：設(shè)置背景圖像。單擊“瀏覽”按鈕，然后瀏覽到圖像并將其選中?；蛘?，可以在“背景圖像”框中輸入背景圖像的路徑。背景：設(shè)置頁面的背景顏色。單擊“背景顏色”框并從顏色選擇器中選擇一種顏色。文本：指定顯示字體時(shí)使用的默認(rèn)顏色。鏈接：指定應(yīng)用于鏈接文本的顏色。已訪問鏈接：指定應(yīng)用于已訪問鏈接的顏色?；顒?dòng)鏈接：指定當(dāng)鼠標(biāo)（或指針）在鏈接上單擊時(shí)應(yīng)用的顏色。左邊距和右邊距：指定頁面左邊距和右邊距的大小。上邊距和下邊距：指定頁面上邊距和下邊距的大小。第38頁ppt課件設(shè)置頁面屬性外觀（HTML）第1頁ppt課件“標(biāo)題/編碼”屬性標(biāo)題：指定在“文檔”窗口和大多數(shù)瀏覽器窗口的標(biāo)題欄中出現(xiàn)的頁面標(biāo)題。文檔類型：指定一種文檔類型定義，使瀏覽器使用相應(yīng)的方式加載網(wǎng)頁并顯示。編碼：指定文檔中字符所用的編碼。（如果選擇Unicode(UTF-8)作為文檔編碼，則不需要實(shí)體編碼，因?yàn)閁TF-8可以安全地表示所有字符）；一般使用默認(rèn)的Unicode編碼，以中文為主的網(wǎng)頁也可以“簡體中文(GB2312）”。第39頁ppt課件“標(biāo)題/編碼”屬性第2頁ppt課件“跟蹤圖像”屬性可以將設(shè)計(jì)草圖設(shè)置成跟蹤圖像，鋪在編輯的網(wǎng)頁下面作為參考圖，用于引導(dǎo)網(wǎng)頁的設(shè)計(jì)。跟蹤圖像：用于設(shè)置跟蹤圖像文件的路徑信息，單擊右側(cè)的“瀏覽”按鈕，可以在“選擇圖像源文件”對(duì)話框中直接選擇圖像文件。透明度：根據(jù)實(shí)際情況調(diào)整跟蹤圖像的透明度。第40頁ppt課件“跟蹤圖像”屬性第3頁ppt課件文本與文檔一、添加文本1、輸入文本打開文檔，在文檔中單擊鼠標(biāo)左鍵，將光標(biāo)置于其中，然后在光標(biāo)后輸入。2、段落與換行段落：在文檔中輸入文本時(shí)，直接按“Enter”鍵，可以形成一個(gè)段落換行：按“Shift”+“Enter”鍵或選擇菜單命令“插入”/“HTML”/“特殊字符”/“換行符”。3、復(fù)制文本在外部復(fù)制文本，然后在Dreamweaver文檔窗口中定位插入點(diǎn)，選擇“粘貼”命令。第41頁ppt課件文本與文檔一、添加文本第4頁ppt課件4、選擇性粘貼要復(fù)制網(wǎng)頁或Word文檔中的內(nèi)容到Dreamweaver中進(jìn)行編輯，若使用“粘貼”功能會(huì)將源文件中的文本、圖片連同格式信息一同復(fù)制。如果僅復(fù)制純文本或帶部分樣式的文本，可選“選擇性粘貼”命令，打開“選擇性粘貼”對(duì)話框。4個(gè)單選的作用：僅文本：所有格式設(shè)置（包括分行和段落）都將被刪除。帶結(jié)構(gòu)的文本：粘貼文本并保留結(jié)構(gòu)，但不保留基本格式設(shè)置（保留段落、列表和表格的結(jié)構(gòu)，但不保留粗體、斜體和其他格式設(shè)置）。帶結(jié)構(gòu)的文本以及基本格式：粘貼結(jié)構(gòu)化并帶簡單HTML格式的文本，粘貼的默認(rèn)格式。帶結(jié)構(gòu)的文本以及全部格式：可以粘貼文本并保留所有結(jié)構(gòu)、HTML格式設(shè)置和CSS樣式。第42頁ppt課件4、選擇性粘貼第5頁ppt課件5、在屬性檢查器中設(shè)置HTML格式文本屬性可以使用文本屬性檢查器應(yīng)用HTML格式或?qū)盈B樣式表(CSS)格式。應(yīng)用HTML格式時(shí)，Dreamweaver會(huì)將屬性添加到頁面正文的HTML代碼中。應(yīng)用CSS格式時(shí)，Dreamweaver會(huì)將屬性寫入文檔頭或單獨(dú)的樣式表中。①如果屬性檢查器沒有打開，請(qǐng)將其打開（“窗口”>“屬性”），然后單擊“HTML”按鈕。②選擇要設(shè)置格式的文本。③設(shè)置要應(yīng)用于所選文本的選項(xiàng)：第43頁ppt課件5、在屬性檢查器中設(shè)置HTML格式文本屬性第6頁ppt格式：設(shè)置所選文本的段落樣式?！岸温洹睉?yīng)用<p>標(biāo)簽的默認(rèn)格式，“標(biāo)題1”添加H1標(biāo)簽，等等。ID：為所選內(nèi)容分配一個(gè)ID。類：顯示當(dāng)前應(yīng)用于所選文本的類樣式。如果沒有對(duì)所選內(nèi)容應(yīng)用過任何樣式，則彈出菜單顯示“無CSS樣式”。如果已對(duì)所選內(nèi)容應(yīng)用了多個(gè)樣式，則該菜單是空的。選擇要應(yīng)用于所選內(nèi)容的樣式。選擇“無”刪除當(dāng)前所選樣式。選擇“重命名”以重命名該樣式。選擇“附加樣式表”以打開一個(gè)允許您向頁面附加外部樣式表的對(duì)話框。鏈接：創(chuàng)建所選文本的超文本鏈接。單擊文件夾圖標(biāo)瀏覽到站點(diǎn)中的文件；鍵入U(xiǎn)RL；將“指向文件”圖標(biāo)拖到“文件”面板中的文件；或?qū)⑽募摹拔募泵姘逋系娇蛑?。?4頁ppt課件格式：設(shè)置所選文本的段落樣式?！岸温洹睉?yīng)用<p>標(biāo)簽的默認(rèn)二、輸入連續(xù)空格默認(rèn)狀態(tài)下，Dreamweaver只允許輸入一個(gè)空格，需要通過設(shè)置或特定操作才能輸入連續(xù)空格。1、設(shè)置“首選參數(shù)”對(duì)話框選擇“編輯”>“首選參數(shù)”菜單命令，在“首選參數(shù)”對(duì)話框中選中“允許多個(gè)連續(xù)的空格”復(fù)選框。2、直接插入選擇“插入>HTML>特殊字符>不換行空格”命令，或按<Ctrl+Shift+Space>。將輸入法轉(zhuǎn)換到中文的全角狀態(tài)下。第45頁ppt課件二、輸入連續(xù)空格第8頁ppt課件三、插入特殊文本1、插入日期①在文檔窗口中，將插入點(diǎn)放置在想要插入對(duì)象的位置。②啟動(dòng)“插入日期”對(duì)話框。選擇“插入”面板的“常用”選項(xiàng)卡，單擊“日期”按鈕。選擇“插入>日期”命令。③選擇相應(yīng)的日期和時(shí)間格式，若選中“儲(chǔ)存時(shí)自動(dòng)更新”復(fù)選框，每一次存儲(chǔ)文件都會(huì)自動(dòng)更新文檔中插入的日期。④單擊“確定”按鈕。2、插入換行符選擇“插入”面板的“文本”選項(xiàng)卡，單擊“字符”按鈕，選擇“換行符”按鈕。按<Shift+Enter>。選擇“插入>HTML>特殊字符>換行符>”命令。第46頁ppt課件三、插入特殊文本第9頁ppt課件3、插入特殊字符選擇“插入”面板的“文本”選項(xiàng)卡，單擊“字符”按鈕，在彈出菜單中就可以找到各種特殊字符4、插入水平線水平線在網(wǎng)頁文檔中經(jīng)常用到，它主要用于分隔文檔內(nèi)容，是文檔結(jié)構(gòu)清晰明了，合理使用水平線可以獲得非常好的效果。選擇“插入”面板的“常用”選項(xiàng)卡，點(diǎn)擊水平線或選擇“插入”>“HTML”>“水平線”?？梢栽趯傩詸z查器中對(duì)水平線進(jìn)行樣式的設(shè)置?！癐D”文本框：可用于為水平線指定ID。寬和高：以像素為單位或以頁面大小百分比的形式指定水平線的寬度和高度。第47頁ppt課件3、插入特殊字符第10頁ppt課件對(duì)齊：指定水平線的對(duì)齊方式（默認(rèn)、左對(duì)齊、居中對(duì)齊或右對(duì)齊）。僅當(dāng)水平線的寬度小于瀏覽器窗口的寬度時(shí)，該設(shè)置才適用。陰影：指定繪制水平線時(shí)是否帶陰影。取消選擇此選項(xiàng)將使用純色繪制水平線。第48頁ppt課件對(duì)齊：指定水平線的對(duì)齊方式（默認(rèn)、左對(duì)齊、居中對(duì)齊或右對(duì)齊）圖像網(wǎng)頁中常用的圖像格式有3種，即GIF、JPEG和PNG。目前GIF和JPEG文件格式的支持最好，大多數(shù)瀏覽器都可以查看這兩種格式的文件。由于PNG文件具有較大的靈活性且文件較小，所以它對(duì)于幾乎任何類型的網(wǎng)頁圖像都是最合適的。一、GIF圖像格式即圖像交換格式特點(diǎn)：數(shù)據(jù)量小,最多使用256種顏色,可以透明背景顯示.可以制作動(dòng)態(tài)圖像，將數(shù)張靜態(tài)圖像作為動(dòng)畫串聯(lián)起來，轉(zhuǎn)換成一張動(dòng)畫文件?？梢詫D像以交錯(cuò)的方式顯示在網(wǎng)頁中。（交錯(cuò)顯示：當(dāng)圖像未下載完成時(shí)，瀏覽器先以馬賽克的形式將圖像逐步顯示）使用無損壓縮方案，圖像不會(huì)有細(xì)節(jié)上的損失。通性好，即適合任何一個(gè)瀏覽器。第49頁ppt課件圖像網(wǎng)頁中常用的圖像格式有3種，即GIF、JPEG和PNG。用途:適合顯示色調(diào)不連續(xù)或具有大面積單一顏色的圖像，如導(dǎo)航條、按鈕、圖標(biāo)、徽標(biāo)或其他具有統(tǒng)一色彩和色調(diào)的圖像。二、JPEG圖像格式即聯(lián)合圖像專家組，是一種圖像壓縮格式，文件格式是用于攝影或連續(xù)色調(diào)圖像的高級(jí)格式，這是因?yàn)镴PEG文件可以包含數(shù)百萬種顏色。隨著JPEG文件品質(zhì)的提高，文件的大小和下載時(shí)間也會(huì)隨之增加。通?？梢酝ㄟ^壓縮JPEG文件在圖像品質(zhì)和文件大小之間達(dá)到良好的平衡。有一定的失真度，但一般肉眼分辨不出與GIF的區(qū)別。特點(diǎn)：JPEG只有GIF文件大小的1/4。不支持透明圖、動(dòng)態(tài)圖。用途：通常用于顯示照片等顏色豐富的精美圖像。第50頁ppt課件用途:第13頁ppt課件三、PNG圖像格式是一種替代GIF格式的無專利權(quán)限制的格式，它包括對(duì)索引色、灰度、真彩色圖像以及alpha通道透明度的支持。PNG是Adobe?Fireworks?固有的文件格式。PNG文件可保留所有原始層、矢量、顏色和效果信息（例如陰影），并且在任何時(shí)候所有元素都是可以完全編輯的。文件必須具有.png文件擴(kuò)展名才能被Dreamweaver識(shí)別為PNG文件。特點(diǎn)：像GIF一樣無損壓縮，像JPEG一樣擁有百萬種顏色。具有隔行掃描的特性，比其他格式都要快。用途：常用于制作網(wǎng)頁效果圖。第51頁ppt課件三、PNG圖像格式第14頁ppt課件一、插入圖像將圖像插入Dreamweaver文檔時(shí)，HTML源代碼中會(huì)生成對(duì)該圖像文件的引用。為了確保此引用的正確性，該圖像文件必須位于當(dāng)前站點(diǎn)中。如果圖像文件不在當(dāng)前站點(diǎn)中，Dreamweaver會(huì)詢問是否要將此文件復(fù)制到當(dāng)前站點(diǎn)中。1、通過“選擇圖像源文件”對(duì)話框①在“文檔”窗口中，將插入點(diǎn)放置在要顯示圖像的地方，然后執(zhí)行下列操作之一：在“插入”面板的“常用”類別中，單擊“圖像”圖標(biāo)。選擇菜單“插入”>“圖像”。②選擇“文件系統(tǒng)”以選擇一個(gè)圖像文件。③單擊“確定”。將顯示“圖像標(biāo)簽輔助功能屬性”對(duì)話框④在“替代文本”和“詳細(xì)描述”文本框中輸入值，然后單擊“確定”。第52頁ppt課件一、插入圖像第15頁ppt課件在“替代文本”框中，為圖像輸入一個(gè)名稱或一段簡短描述。（在50個(gè)字符左右）。在“詳細(xì)說明”框中，輸入當(dāng)用戶單擊圖像時(shí)所顯示的文件的位置，或者單擊文件夾圖標(biāo)以瀏覽到該文件。該文本框提供指向與圖像相關(guān)（或提供有關(guān)圖像的詳細(xì)信息）的文件的鏈接。注意：可以在其中一個(gè)或兩個(gè)文本框中輸入信息。當(dāng)單擊“取消”時(shí)，該圖像將出現(xiàn)在文檔中，但Dreamweaver不會(huì)將它與輔助功能標(biāo)簽或?qū)傩韵嚓P(guān)聯(lián)。第53頁ppt課件在“替代文本”框中，為圖像輸入一個(gè)名稱或一段簡短描述。（在二、設(shè)置圖像屬性圖像的“屬性檢查器”可以顯示圖像當(dāng)前屬性，也可以設(shè)置各項(xiàng)屬性。寬和高：圖像的寬度和高度，以像素表示。在頁面中插入圖像時(shí)，Dreamweaver會(huì)自動(dòng)用圖像的原始尺寸更新這些文本框。如果設(shè)置的“寬”和“高”值與圖像的實(shí)際寬度和高度不相符，則該圖像在瀏覽器中可能不會(huì)正確顯示。（若要恢復(fù)原始值，請(qǐng)單擊用于輸入新值的“寬”和“高”文本框右側(cè)的“重設(shè)大小”按鈕。）注意：可以更改這些值來縮放該圖像實(shí)例的顯示大小，但這不會(huì)縮短下載時(shí)間，因?yàn)闉g覽器先下載所有圖像數(shù)據(jù)再縮放圖像。若要縮短下載時(shí)間并確保所有圖像實(shí)例以相同大小顯示，需要使用圖像編輯應(yīng)用程序縮放圖像。第54頁ppt課件二、設(shè)置圖像屬性第17頁ppt課件源文件：指定圖像的源文件。單擊文件夾圖標(biāo)以瀏覽到源文件，或者鍵入路徑。鏈接：指定圖像的超鏈接。將“指向文件”圖標(biāo)拖動(dòng)到“文件”面板中的某個(gè)文件，單擊文件夾圖標(biāo)瀏覽到站點(diǎn)上的某個(gè)文檔，或手動(dòng)鍵入U(xiǎn)RL。替換：指定在只顯示文本的瀏覽器或已設(shè)置為手動(dòng)下載圖像的瀏覽器中代替圖像顯示的替代文本。對(duì)于使用語音合成器（用于只顯示文本的瀏覽器）的有視覺障礙的用戶，將大聲讀出該文本。在某些瀏覽器中，當(dāng)鼠標(biāo)指針滑過圖像時(shí)也會(huì)顯示該文本。地圖：用于創(chuàng)建客戶端圖像地圖。編輯：啟動(dòng)您在“外部編輯器”首選參數(shù)中指定的圖像編輯器并打開選定的圖像。第55頁ppt課件源文件：指定圖像的源文件。單擊文件夾圖標(biāo)以瀏覽到源文件，或者三、圖像占位符如果在制作網(wǎng)頁時(shí)，需要的圖像還沒準(zhǔn)備好，可以臨時(shí)插入圖像占位符來代替索要插入的圖片位置，等有合適的圖像后，再重新定義圖像文件。1、插入圖像占位符①將插入點(diǎn)放置到插入占位符的位置。②選擇“插入”>“圖像對(duì)象”>“圖像占位符”，或在“插入/常用”面板中單擊“圖像”按鈕組中的“圖像占位符”按鈕。③在“圖像占位符”對(duì)話框中設(shè)置參數(shù)。名稱（可選）：輸入要作為圖像占位符的標(biāo)簽顯示的文本。如果不想顯示標(biāo)簽，則保留該文本框?yàn)榭?。名稱必須以字母開頭，并且只能包含字母和數(shù)字。寬度和高度（必需）：鍵入設(shè)置圖像大小的數(shù)值（以像素表示）。第56頁ppt課件三、圖像占位符第19頁ppt課件替代文本（可選）：為使用只顯示文本的瀏覽器的訪問者輸入描述該圖像的文本。2、替換圖像占位符在發(fā)布站點(diǎn)前，應(yīng)用圖像文件替換所有的占位符，新圖像設(shè)置為與占位符相同大小。雙擊“圖像占位符”，或單擊“圖像占位符”將其選中，在“屬性檢查器”中單擊“源文件”旁的文件夾圖標(biāo)。在“選擇圖像源文件”對(duì)話框中，選擇圖像，然后單擊“確定”。3、設(shè)置圖像占位符屬性使用“屬性檢查器”為占位符圖像設(shè)置名稱、寬度、高度、圖像源文件、替代文本說明、對(duì)齊方式和顏色第57頁ppt課件替代文本（可選）：為使用只顯示文本的瀏覽器的訪問者輸入描述該編輯圖像一、調(diào)整圖像大小注意：調(diào)整圖像大小只是調(diào)整圖像的顯示尺寸，對(duì)圖像文件的實(shí)際大小不做任何修改。1、通過“屬性”檢查器在“屬性”檢查器中的“寬”、“高”中輸入數(shù)值，單擊“重設(shè)大小”按鈕，將圖像恢復(fù)到調(diào)整前的原始大小，所有調(diào)整操作將失效。2、通過控制點(diǎn)選中目標(biāo)圖像，然后直接拖動(dòng)圖像上相應(yīng)的選擇控制點(diǎn)完成圖像大小的調(diào)整。第58頁ppt課件編輯圖像一、調(diào)整圖像大小第21頁ppt課件二、設(shè)置圖像邊距、邊框和對(duì)齊方式在右鍵-標(biāo)簽編輯器中設(shè)置。1、設(shè)置圖像邊距圖像邊距是指圖像相對(duì)于周圍元素的距離，包括垂直邊距和水平邊距，單位為像素。設(shè)置圖像的邊距將對(duì)圖像周圍的網(wǎng)頁元素的位置產(chǎn)生影響。2、設(shè)置圖像邊框增加邊框，可以使圖像邊緣更加突出。不設(shè)置，不會(huì)顯示邊框。如果圖像設(shè)置了超級(jí)鏈接，圖像會(huì)出現(xiàn)默認(rèn)樣式的邊框，如不希望出現(xiàn)默認(rèn)的邊框，可以將“邊框”設(shè)置為0。第59頁ppt課件二、設(shè)置圖像邊距、邊框和對(duì)齊方式第22頁ppt課件3、設(shè)置圖像對(duì)齊方式插入圖片后，在“格式”菜單下，可以看到“對(duì)齊”選項(xiàng)，在對(duì)齊下選擇“左對(duì)齊”、“居中對(duì)齊”、“右對(duì)齊”和“兩端對(duì)齊”

；或者在標(biāo)簽編輯器中設(shè)置。默認(rèn)值：圖像指定為基線對(duì)齊?；€：將圖像的底部與當(dāng)前行中最高元素（圖像或文本）的基線對(duì)齊頂部：將圖像的頂部與當(dāng)前行中最高元素（圖像或文本）的頂部對(duì)齊中間：將圖像中線與當(dāng)前行文本基線對(duì)齊。底部：將圖像底線與當(dāng)前行文本底線對(duì)齊。絕對(duì)居中：將圖像中線與當(dāng)前行文本中線對(duì)齊。絕對(duì)底部：將圖像底部與文本行（含所有英文字母下部，如j、g等）的底部對(duì)齊。左：將圖像放置在文本段落的左側(cè)，文本在圖像右側(cè)換行。右：將圖像放置在文本段落的左側(cè)，文本在圖像右側(cè)換行。第60頁ppt課件3、設(shè)置圖像對(duì)齊方式第23頁ppt課件三、裁剪圖像1、裁剪圖像選中圖像，單擊圖像屬性檢查器的“裁剪”按鈕，或選擇“修改”/“圖像”/“裁剪”命令。通過拖動(dòng)裁剪框上的控制點(diǎn)進(jìn)行裁剪。2、圖像重新取樣裁剪完的圖像，實(shí)際物理大小并沒有改變，當(dāng)圖片太大時(shí)會(huì)影響網(wǎng)頁的下載速度，可以利用“圖像重新取樣”功能來同步改變圖像物理大小。選中圖像，單擊圖像屬性檢查器的“重新取樣”按鈕，或選擇“修改”/“圖像”/“重新取樣”命令?！爸匦氯印卑粹o只有當(dāng)圖像的原始大小被改變時(shí)，才能被激活第61頁ppt課件三、裁剪圖像第24頁ppt課件超鏈接一、什么是超級(jí)鏈接超級(jí)鏈接在本質(zhì)上屬于一個(gè)網(wǎng)頁的一部分，它是一種允許我們同其他網(wǎng)頁或站點(diǎn)之間進(jìn)行連接的元素。各個(gè)網(wǎng)頁鏈接在一起后，才能真正構(gòu)成一個(gè)網(wǎng)站。所謂的超級(jí)鏈接是指從一個(gè)網(wǎng)頁指向一個(gè)目標(biāo)的鏈接關(guān)系，這個(gè)目標(biāo)可以是另一個(gè)網(wǎng)頁，也可以是相同網(wǎng)頁上的不同位置，還可以是一個(gè)圖片，一個(gè)電子郵件地址，一個(gè)文件，甚至是一個(gè)應(yīng)用程序。而在一個(gè)網(wǎng)頁中用來超鏈接的對(duì)象，可以是一段文本或者是一個(gè)圖片。當(dāng)瀏覽者單擊已經(jīng)鏈接的文字或圖片后，鏈接目標(biāo)將顯示在瀏覽器上，并且根據(jù)目標(biāo)的類型來打開或運(yùn)行。如果按照使用對(duì)象的不同，網(wǎng)頁中的鏈接又可以分為：文本超鏈接，圖像超鏈接，E-mail鏈接，錨點(diǎn)鏈接，多媒體文件鏈接，空鏈接等。第62頁ppt課件超鏈接一、什么是超級(jí)鏈接第25頁ppt課件1、外部鏈接又常被稱為：“反向鏈接”或“導(dǎo)入鏈接”，是指其他網(wǎng)站鏈接到你的網(wǎng)站的鏈接。外部鏈接指的是針對(duì)搜索引擎，與其它站點(diǎn)所做的友情鏈接。高質(zhì)量的外部鏈接指：和你的網(wǎng)站建立鏈接的網(wǎng)站知名度高,訪問量大,同時(shí)相對(duì)的外部鏈作用：外部鏈接主要有兩個(gè)作用。一個(gè)作用是面向用戶，用戶可以通過A網(wǎng)站的鏈接點(diǎn)擊到B網(wǎng)站從而帶來訪問者；另一個(gè)作用是外部鏈接可以分享到一部分權(quán)重，A網(wǎng)站鏈接到B網(wǎng)站代表A網(wǎng)站告訴搜索引擎它信任B網(wǎng)站，覺得B網(wǎng)站是一個(gè)不錯(cuò)的網(wǎng)站從而給B網(wǎng)站投了一票，這樣B網(wǎng)站就可以從A網(wǎng)站分享到一定權(quán)重，并在搜索引擎那的權(quán)重得到提高。第63頁ppt課件1、外部鏈接第26頁ppt課件2、內(nèi)部鏈接與外部鏈接(即反向鏈接)相反，內(nèi)部鏈接是指同一網(wǎng)站域名下的內(nèi)容頁面之間互相鏈接。如頻道、欄目、終極內(nèi)容頁之間的鏈接，因此內(nèi)部鏈接也可以稱之為站內(nèi)鏈接。作用：合理地安排內(nèi)部鏈接，尤其是大型網(wǎng)站，合理的內(nèi)部鏈接部署策略同樣可以極大地提升網(wǎng)站的SEO（搜索引擎優(yōu)化）效果。優(yōu)點(diǎn)：內(nèi)部鏈接容易控制，成本低。你直接就可以在自己的站上進(jìn)行部署，不像外部鏈接的不可控性比較大。第64頁ppt課件2、內(nèi)部鏈接第27頁ppt課件文本超級(jí)鏈接一、文本超級(jí)鏈接文本超級(jí)鏈接是最常見的超級(jí)鏈接，通過使用鼠標(biāo)點(diǎn)擊文本即可從一個(gè)網(wǎng)頁跳轉(zhuǎn)到另一個(gè)網(wǎng)頁。1、通過HTML屬性檢查器創(chuàng)建①先選中文字，打開“屬性”面板中的“鏈接”文本框，在其中輸入要鏈接的文檔名稱或站點(diǎn)地址。如果是同一站點(diǎn)內(nèi)的文件，也可以單擊“鏈接”文本框右側(cè)的文件夾圖標(biāo)，在彈出的對(duì)話框中選擇要鏈接的網(wǎng)頁。將“鏈接”文本框右側(cè)的“指向文件”圖標(biāo)拖動(dòng)到“文件面板”中的目標(biāo)文件上。②在“標(biāo)題”文本框中輸入提示性的內(nèi)容。第65頁ppt課件文本超級(jí)鏈接一、文本超級(jí)鏈接第28頁ppt課件③“目標(biāo)”下拉菜單中，選擇文檔的打開位置。_self：會(huì)在當(dāng)前網(wǎng)頁所在的窗口或框架