實(shí)驗(yàn)一、網(wǎng)頁制作軟件認(rèn)識(shí)及靜態(tài)頁面制作實(shí)驗(yàn)?zāi)康模菏煜こＳ玫木W(wǎng)頁標(biāo)記語言html；了解記事本編輯網(wǎng)頁的方法；掌握Dreamweaver制作網(wǎng)頁的一般方法；掌握通過網(wǎng)絡(luò)學(xué)習(xí)標(biāo)記語言的能力。實(shí)驗(yàn)類型：驗(yàn)證型實(shí)驗(yàn)內(nèi)容：（每個(gè)小實(shí)驗(yàn)的文件分別應(yīng)在同一目錄下，不要放在桌面或我的文檔中）為網(wǎng)頁設(shè)計(jì)標(biāo)題和背景打開記事本輸入下面代碼：（書例3-2）保存文件為“3-2.html”如圖所示：使用瀏覽器打開3-2.html觀察網(wǎng)頁效果。思考：背景圖片是否加入，如沒有，如何使背景圖片(圖片自定)顯示；網(wǎng)頁標(biāo)題中的內(nèi)容是由什么標(biāo)記設(shè)定的，本例文字顏色是如何設(shè)定的。使用Dreamweaver創(chuàng)建圖文并茂的網(wǎng)頁（圖片文件在課件中下載）。打開Dreamweaver新建html頁面如圖所示：在【插入記錄】菜單中選擇【表格】菜單，彈出表格對(duì)話框，插入兩行表格。如圖所示：單擊表格對(duì)話框的確定按鈕結(jié)果如圖所示：通過鼠標(biāo)拖拉表格上的黑色方框調(diào)整表格外框大小，通過拖拉表格邊線調(diào)表格寬度后如下圖所示：選擇表格第二行，單擊右鍵彈出如圖所示的菜單，選擇分拆單元格:按照彈出的對(duì)話框設(shè)置如下圖所示：點(diǎn)擊確定按鈕后，再調(diào)整兩列列寬。如下圖所示：選擇第一行輸入文字，選中文字后在下方的屬性對(duì)話框中設(shè)置文字格式為“標(biāo)題1”、字體為“華文行楷”（如沒有可選擇編輯字體列表加入）、行居中，單元格背景為青綠如圖所示：在表格第二行加入如圖所示文字，選中文字后點(diǎn)右鍵，在彈出的菜單中選擇列表中的項(xiàng)目列表，然后設(shè)置字體為黑體，大小顏色等如圖中屬性對(duì)話框所示：選中表格第二行第二列，在菜單上選擇【插入記錄】中的【圖像】，在彈出的對(duì)話框中選擇圖片文件“aa.jpg”（該文件可在課件中下載）如圖所示：點(diǎn)擊確定按鈕輸入替換文字為“個(gè)人照片”，如圖所示：點(diǎn)擊確定按鈕，完成圖片的插入。如圖所示：保存頁面文件到指定文件夾。名稱為“示例.html”建立一個(gè)新頁面，名稱為“學(xué)習(xí)情況.html”內(nèi)容如下：打開“示例.html”文件，選中文字“學(xué)習(xí)情況”點(diǎn)右鍵選擇屬性，在屬性對(duì)話框中鏈接框中選擇“學(xué)習(xí)情況.html”文件（框邊的文件夾圖標(biāo)可選）目標(biāo)框?yàn)椤癬blank”，如圖所示建立超鏈接。選擇文字“學(xué)校主頁”點(diǎn)右鍵，在屬性框中的鏈接框中輸入學(xué)校網(wǎng)址在頁面下方添加文字如圖所示（注意：空格的輸入是Ctrl+Shift+空格鍵），選擇“zhaojw”文字，在菜單中選擇【插入記錄】中的【電子郵件鏈接】，在彈出的對(duì)話框中輸入電子郵件地址，點(diǎn)擊確定后，如圖所示：保存文件，然后點(diǎn)擊如圖所示的預(yù)覽按鈕，測試網(wǎng)頁。在Dreamweaver打開“示例.html”文件，在工具欄中選擇點(diǎn)擊“代碼”出現(xiàn)代碼窗口，如圖所示：思考并找出那些代碼完成文字修飾，那些完成表格，那些完成列表，那些完成超鏈接。自己不懂的代碼如何知道其含義?掌握通過網(wǎng)絡(luò)學(xué)習(xí)標(biāo)記語言的能力。代碼窗中復(fù)制“cellpadding”在百度里搜一下。如圖：點(diǎn)擊相關(guān)的第一條或其他條學(xué)習(xí)其功能：思考總結(jié)：該實(shí)驗(yàn)?zāi)阏莆樟四切﹥?nèi)容，請(qǐng)總結(jié)。課后作業(yè)：創(chuàng)建一個(gè)屬于自己的個(gè)人網(wǎng)頁，包含個(gè)性化的布局，圖文并茂，有個(gè)人信息，使用超鏈接