【正文】 情況下調(diào)整圖像的大小。4．利用圖像“屬性”欄編輯“硬件知識”網(wǎng)頁中的圖像在網(wǎng)頁中插入圖像后，如果要精確調(diào)整圖像的大小和圖像的位置，必須使用圖像“屬性”欄。在選中圖像后，圖像“屬性”欄如下圖所示。圖像命名：在圖像“屬性”欄的左上角會(huì)顯示縮小的選中的圖像，圖像的右邊會(huì)顯示它的字節(jié)數(shù)?？梢栽趫D像右邊的文本框內(nèi)輸入圖像的名字，以后可以使用腳本語言（JavaScript、VBScript等）對它進(jìn)行引用。調(diào)整圖像的位置：選中要調(diào)整位置的圖像后，或?qū)⒐鈽?biāo)移到圖像所在的行后，單擊 （居左）、（居中）或（居右）按鈕，即可對該行的圖像位置進(jìn)行調(diào)整。 精確調(diào)整圖像的大?。涸凇皩挕蔽谋究騼?nèi)輸入圖像的寬度，系統(tǒng)默認(rèn)的單位是像素（pixels），如果要使用其他單位，則必須在輸入數(shù)字后再輸入單位名稱，例如in（英寸，1in=96 pixels）、mm（毫米，1mm= pixels)、pt（磅，1pt=）和pc（派卡，1pc=16 pixels）等。用同樣的方法可在“高”文本框內(nèi)輸入圖像的高度。%表示圖像占文檔窗口的寬度和長度百分比，設(shè)置后，圖像的大小會(huì)隨文檔窗口的大小自動(dòng)進(jìn)行調(diào)整。若不管頁面大小，只想占頁面寬度的30%，可在“寬”文本框中輸入30%。 如果要還原圖像大小的初始值，可單擊和 文字或刪除“寬”和“高”文本框中的數(shù)值；要想將寬度和長度全部還原，則可單擊“重設(shè)大小”按鈕。圖像的路徑：“源文件”右邊的文本框內(nèi)給出了圖像文件的路徑。文件路徑可以是絕對路徑（“file:///D|/跟我學(xué)電腦/pic/”圖像文件不在站點(diǎn)文件夾內(nèi)），也可以是相對路徑（“pic/”或“/pic/”圖像文件在站點(diǎn)文件夾內(nèi)）。單擊“源文件”右邊的按鈕，即可彈出“選擇圖像源文件”對話框，利用它可以更換圖像。鏈接：“鏈接”右邊的文本框內(nèi)給出了被鏈接文件的路徑。超級鏈接所指向的對象可以是一個(gè)網(wǎng)頁，也可以是一個(gè)具體的文件。設(shè)置圖像鏈接后，用戶在瀏覽網(wǎng)頁時(shí)只要單擊該圖像，即可打開相關(guān)的網(wǎng)頁或文件。建立超級鏈接有3種方法：直接輸入鏈接地址URL；拖曳指向文件圖標(biāo)到“站點(diǎn)”窗口要鏈接的文件上；單擊該文本框右邊的文件夾按鈕，彈出“選擇文件”對話框，利用該對話框選定文件。 給圖像加文字提示說明：選中要加文字提示說明的圖像，再在圖像“屬性”欄內(nèi)的“替代”下拉列表框中輸入圖像的文字提示說明。用瀏覽器打開圖像頁面后，將鼠標(biāo)移到加文字提示說明的圖像上，或發(fā)生斷鏈現(xiàn)象時(shí)，即可出現(xiàn)相應(yīng)的文字提示說明，如下圖所示。“外設(shè)簡介”網(wǎng)頁1．插入導(dǎo)航條 導(dǎo)航條實(shí)際上是一組動(dòng)態(tài)圖像按鈕，單擊一個(gè)導(dǎo)航按鈕，可以在瀏覽器中彈出HTML文件和其他（如圖像）文件。插入導(dǎo)航條的方法如下。（1）單擊“插入”（常規(guī)）面板中的“圖像”快捷菜單中的“導(dǎo)航條”按鈕，即可彈出“插入導(dǎo)航條”對話框，如下圖所示。（2）在“插入導(dǎo)航條”對話框中進(jìn)行各選項(xiàng)的設(shè)置。各選項(xiàng)的作用如下“導(dǎo)航條元件”列表框：給出導(dǎo)航條中各個(gè)動(dòng)態(tài)圖像按鈕的名稱（默認(rèn)是圖像的名稱）。單擊按鈕，可以增加動(dòng)態(tài)圖像按鈕；選中動(dòng)態(tài)圖像按鈕名稱，再單擊按鈕，可以刪除該按鈕；單擊動(dòng)態(tài)圖像按鈕名稱，再單擊按鈕或按鈕，可以改變動(dòng)態(tài)圖像按鈕在導(dǎo)航條中的位置?！绊?xiàng)目名稱”文本框：其內(nèi)可輸入各動(dòng)態(tài)圖像按鈕的名稱。4個(gè)文本框與“瀏覽”按鈕：定義鼠標(biāo)4種狀態(tài)時(shí)的圖像?！盃顟B(tài)圖像”是按鈕抬起狀態(tài)，“鼠標(biāo)經(jīng)過圖像”是鼠標(biāo)移到按鈕上時(shí)的圖像，“按下圖像”是鼠標(biāo)按下時(shí)的圖像，“按下時(shí)鼠標(biāo)經(jīng)過圖像”是鼠標(biāo)按下的過程中的圖像?！鞍聪聲r(shí)，前往的URL”欄：在文本框內(nèi)可輸入與動(dòng)態(tài)按鈕鏈接的文件目錄和名字，單擊“瀏覽”按鈕后，可選擇鏈接的文件。在其右邊的列表框內(nèi)，可選擇顯示鏈接的頁面的框架名字。“選項(xiàng)”欄：第一個(gè)復(fù)選框用來確定是否要預(yù)先載入各個(gè)圖像，第2個(gè)復(fù)選框用來確定是否要在頁面載入的初始狀態(tài)時(shí)顯示鼠標(biāo)按下狀態(tài)的圖像。“插入”列表框：用來選擇按鈕放置的方式。選擇“水平”選項(xiàng)，表示水平放置；選擇“垂直”選項(xiàng)，表示垂直放置?！笆褂帽砀瘛睆?fù)選框：選中它后，表示使用表格將動(dòng)態(tài)按鈕框起來。（3）完成上述設(shè)置后，單擊“確定”按鈕，即可在網(wǎng)頁中插入導(dǎo)航條。 2．插入水平線在頁面內(nèi)可以利用水平分割線將標(biāo)題與文字或圖像等對象分割，使頁面的信息分布清晰。當(dāng)然，用線條圖像來分割，效果會(huì)更好些，但會(huì)使文件變大。插入水平線的方法如下。（1）單擊“插入”（HTML）面板中的“水平線”按鈕，即可在光標(biāo)所在的行插入一條水平線，并彈出水平線的“屬性”面板，如下圖所示。（2）在水平線“屬性”面板內(nèi)，“寬”文本框用于輸入水平線的水平長度數(shù)值，“高”文本框用于輸入水平線的垂直高度數(shù)值，單位有像素和百分?jǐn)?shù)（%）兩種選擇。在“對齊”下拉列表框內(nèi)，可以選擇“默認(rèn)”、“左對齊”、“居中對齊”或“右對齊”選項(xiàng)。選擇“陰影”復(fù)選框，則水平線是中空的；不選擇“陰影”復(fù)選框，則水平線是亮實(shí)心的線。 在標(biāo)準(zhǔn)“插入”面板中還有一些按鈕，利用它們還可以在網(wǎng)頁中插入日期、換行符和電子郵件地址等。因?yàn)槭褂梅椒ū容^簡單，所以這里不再敘述。二、計(jì)劃（5分鐘）在教帥協(xié)調(diào)下學(xué)生分組，明確分工、收集資料。學(xué)生按照工作任務(wù)的要求，在教師指導(dǎo)下制定學(xué)習(xí)計(jì)劃，教師適時(shí)審定工作計(jì)劃方案，關(guān)注計(jì)劃中的預(yù)期成果及未來的自查項(xiàng)目，關(guān)注工作進(jìn)度及重要節(jié)點(diǎn)。三、實(shí)施（55分鐘）學(xué)生根據(jù)任務(wù)計(jì)劃依據(jù)參考手冊實(shí)施任務(wù)，教師對任務(wù)重點(diǎn)難點(diǎn)進(jìn)行講解和分析，學(xué)生做好知識點(diǎn)記錄，重點(diǎn)掌握重要知識點(diǎn)，使學(xué)習(xí)計(jì)劃能夠按時(shí)完成。教師監(jiān)督學(xué)生學(xué)習(xí)過程，糾正學(xué)生學(xué)習(xí)偏差，注重考察學(xué)生在任務(wù)實(shí)施過程中的能力，關(guān)注職業(yè)素養(yǎng)的培養(yǎng)，做好相應(yīng)的記錄。本任務(wù)應(yīng)先由教師系統(tǒng)講解，學(xué)生分步跟學(xué)。對部分理解掌握知識相對熟練、快速的學(xué)生，如果其在學(xué)習(xí)過程中遇見問題，教師可輔助提示學(xué)生查找教材、參考手冊的相關(guān)內(nèi)容或通過網(wǎng)絡(luò)獲取相關(guān)內(nèi)容，引導(dǎo)學(xué)生解決問題；部分知識構(gòu)建不熟練的學(xué)生則應(yīng)詳細(xì)講解或者建議學(xué)生反復(fù)理解相關(guān)知識并完成任務(wù)。鼓勵(lì)小組成員在工作過程中互幫互助，解決在完成任務(wù)中所遇到的問題?！静僮鞑襟E】“計(jì)算機(jī)簡史”網(wǎng)頁 “硬件知識”網(wǎng)頁 “外設(shè)簡介”網(wǎng)頁 四、檢查評估（5分鐘）1 、任務(wù)完成后，學(xué)生自我檢查評價(jià)自己的工作，填寫“自我評價(jià)表”，小組成員互相檢查和評價(jià)并填寫在 “小組互評”表。2 、教師針對學(xué)生在完成任務(wù)過程中遇見的普遍問題做點(diǎn)評。3 、教師指引學(xué)生歸納總結(jié)，引導(dǎo)學(xué)生獨(dú)立寫出自己的經(jīng)驗(yàn)和完成任務(wù)的更好方法。4 、特別注意對“假如下次做同類似的任務(wù)，您認(rèn)為怎么做更好？”的引導(dǎo)和討論?！救蝿?wù)拓展】教材:完成拓展案例拓展案例拓展案例9教材:完成拓展案例拓展案例11