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