《網頁的編輯》教案及習題

《網頁的編輯》教案本章重點：文本的插入及屬性設置、圖像的插入及屬性設置、圖文混排、圖像的編輯。2.1網頁文本的輸入和屬性設置2.1.1文本輸入1.輸入文本文件→導入復制→粘貼直接輸入2.輸入網頁中的空格漢字輸入狀態(tài)下輸入屬性面板→格式→預先格式化的Shift+Ctrl+空格編輯→首選參數(shù)→常規(guī)→允許多個連續(xù)的空格3.文本換行Enter→分段（隔一行）Shift+Enter→換行（不分段）2.1.2文本的格式設置Dreamweaver文字格式化主要有三種方式：手工格式化方式用HTML標記格式化方式CSS樣式(第9章再講）1.手工格式化方式屬性面板中的字體、樣式、大小、顏色等2.用HTML標記格式化方式屬性面板中的格式2.2網頁圖片的插入與屬性設置2.2.1網頁圖像格式網絡上支持的圖像格式有3種：GIF,JPEG和PNGGIF→對色彩要求不高的地方可使用JPEG→用于色彩豐富的圖片PNG→保留所有原始層、矢量、顏色和效果信息。2.2.2插入圖像插入→圖像插入面板→常用→圖像直接將圖像文件拖入編輯區(qū)注意：1）在插入圖像前應先將網頁文件已保存，從而使所插圖像引用正確。2）圖像插入網頁后，應確定圖像文件已存入站點，否則在下次打開網頁時，會出現(xiàn)看不到圖像的情況。2.2.3設置圖像的屬性圖像→設置的名稱寬、高→可縮小和放大圖片的顯示尺寸。源文件→圖片的路徑和名稱。鏈接→圖像超鏈接的URL地址。替代→圖像的說明文字編輯→可打開外部編輯器進行圖片的編輯。（默認為Fireworks）垂直邊距和水平邊距→圖片四周突出的尺寸低品質源→原圖的低品質替換圖形邊框→圖片是否要加邊框對齊→在一行中圖形和文本的對齊方式地圖→創(chuàng)建熱區(qū)的工具2.3

圖文混排—我與足球、2.3.1實例綜述通過本例我們可以掌握網頁制作時的一些基本步驟和相關的屬性設置，學會在網頁中加入最基本的元素―－文字和圖像。2.3.2案例分析在制作網頁時，大致需要以下幾下環(huán)節(jié)：新建或打開網頁設置頁面屬性設置頭部信息規(guī)劃頁面布局添加頁面元素制作超鏈接保存網頁2.3.3實現(xiàn)步驟1、新建或打開網頁2、設置頁面屬性3、設置頭部信息插入作者信息插入“關鍵字”插入“說明”插入“刷新”4、規(guī)劃頁面布局5、添加頁面元素插入文本插入圖像圖像文字的混排圖像的編輯6、設置超鏈接7、保存網頁小結與重點回顧本章詳細介紹了網頁對象文本和圖像的插入及屬性的設置，圖文混排及鼠標經過圖像、導航條、水平線、日期等元素的插入方法。本章的重點知識是文本的插入及屬性設置、圖像的插入及屬性設置、圖文混排、圖像的編輯。

《網頁的編輯》習題選擇題在網頁中連續(xù)輸入空格的方法是（）Ａ、連續(xù)按空格鍵Ｂ、按下Ｃtrl鍵再連續(xù)按空格鍵Ｃ、轉換到中文的全角狀態(tài)下連續(xù)按空格鍵Ｄ、按下shift鍵再連續(xù)按空格鍵2、網頁可以支持的圖像格式有（）A、.gifB、.bmpC、.pspD、.jieg二、填空題1、在計算機領域中，圖像分為（）和（）兩大類。2、GIF格式圖像采用的是（）壓縮格式。3、Web頁中通常使用的圖像文件格式為（）、（）和（）。4、若要插入更多的特殊字符，請選擇（）/（）/（）或在（）欄的（）類別中選擇（）圖標，選擇一個字符，然后