0301--靜態(tài)網(wǎng)頁制作(dreamweaver)-以“個人-資料下載頁
2025-04-16 08:22本頁面
【正文】 浮動布局的應(yīng)用。 1) 以“個人首頁”為項目驅(qū)動，自由發(fā)揮完成一個真實項目的設(shè)計和創(chuàng)建。2) 寫出規(guī)范完善的設(shè)計和制作文檔，便于對知識進行梳理和整理。三、板書設(shè)計新課講解可擦寫區(qū)域l 設(shè)計網(wǎng)站效果圖l 劃分頁面區(qū)塊（重點）l 設(shè)計網(wǎng)站首頁頁眉（重點、難點）l 設(shè)計網(wǎng)站首頁導(dǎo)航條（重點、難點）l 設(shè)計網(wǎng)站首頁主題部分（重點、難點）講解細節(jié)布置任務(wù)四、課后附記課程回顧：【約10分鐘】l 通過互動的方式回顧之前的學(xué)習(xí)內(nèi)容，為階段項目的制作做好準備。l 學(xué)生通過互動方式回答教師提出的問題。l 認真聽取教師的總結(jié)，明確本項目單元的學(xué)習(xí)任務(wù)。l 明確本項目單元的總體學(xué)習(xí)目標。帶著目標和任務(wù)學(xué)習(xí)。l 對學(xué)習(xí)目標形成一個初步地、大致地、總體的知識輪廓。新課講解：【約65分鐘】：教師利用“個人主頁”項目為驅(qū)動，進行階段知識回顧、復(fù)習(xí)和綜合應(yīng)用。：通過“個人主頁”項目制作，完成一個網(wǎng)站首頁的整個設(shè)計流程。3. 任務(wù)目標：熟練“個人主頁”首頁的設(shè)計和創(chuàng)建。l 此部分由于在課前已作為課前任務(wù)做好了前期的準備工作，因此，直接在ps中實現(xiàn)效果圖的制作。l 時刻保持與教師的互動。l 思路跟教師保持一致，保證學(xué)習(xí)效果。提醒學(xué)生出圖的方法，注意使用切片工具對大圖進行切割。互動提問，整個頁面區(qū)塊如何劃分？教師提醒：合理進行區(qū)塊劃分將有利于后期區(qū)塊內(nèi)容得添及樣式的的設(shè)計和制作。網(wǎng)站結(jié)構(gòu)在設(shè)計過程中，一定要保證網(wǎng)頁結(jié)構(gòu)與表現(xiàn)進行分離，便于后期網(wǎng)站的維護。CSS中首選的讓元素水平居中的方法將元素的marginleft和marginright屬性設(shè)置為auto即可。在實際使用中，我們可以為這些需要居中的元素創(chuàng)建一個起容器作用的div。需要特別注意的一點就是，必須為該容器指定寬度。此部分符合樣式是為了對代碼進行優(yōu)化，避免累贅，提高代碼的執(zhí)行效率。此部分由于不涉及二級頁面的制作，將所有的導(dǎo)航目標設(shè)置為空鏈接。說明：a:link是超級鏈接的初始狀態(tài)。a:hover是把鼠標放上去時懸停的狀態(tài)。a:active是鼠標點擊時，即鼠標左鍵點擊鏈接對象與釋放鼠標右鍵之間很短暫樣式效果。a:visited是訪問過后的狀態(tài)。一般網(wǎng)站需要設(shè)置的是“a:link”、“a:visited”、“a:hover”三種狀態(tài)，“a:active”狀態(tài)設(shè)置較少。顏色測試法是網(wǎng)頁布局中最常用的測試方法。互動提問原因？總結(jié)：不占尺寸，但是還可以看到區(qū)塊的范圍。在樣式設(shè)置過程中，注重代碼的效率，此部分注意提醒學(xué)生。1）兩張圖片的樣式相同2）兩個圖片的標題相同3）兩個圖片的文字描述相同由于此部分樣式比較繁多，強調(diào)學(xué)生一定要邊做邊測試，以瀏覽器效果為準。提醒學(xué)生：注意代碼的格式，要有層次感。Bacground屬性是一個符合屬性，可以同時設(shè)置背景的多個屬性，中間通過空格來連接不同屬性值。單元項目歸納和總結(jié)【約5分鐘】教師采用互動提問的方式進行知識的歸納和總結(jié)，并強調(diào)重點和難點知識。布置單元項目任務(wù)【約5分鐘】要求學(xué)生課下任務(wù)必須按質(zhì)按量按時完成，強調(diào)作業(yè)的重要性。
公司管理相關(guān)推薦
鄂ICP備17016276號-1