0301--靜態(tài)網(wǎng)頁(yè)制作(dreamweaver)-以“個(gè)人(參考版)
2025-04-19 08:22本頁(yè)面
【正文】 布置單元項(xiàng)目任務(wù)【約5分鐘】要求學(xué)生課下任務(wù)必須按質(zhì)按量按時(shí)完成，強(qiáng)調(diào)作業(yè)的重要性。Bacground屬性是一個(gè)符合屬性，可以同時(shí)設(shè)置背景的多個(gè)屬性，中間通過(guò)空格來(lái)連接不同屬性值。1）兩張圖片的樣式相同2）兩個(gè)圖片的標(biāo)題相同3）兩個(gè)圖片的文字描述相同由于此部分樣式比較繁多，強(qiáng)調(diào)學(xué)生一定要邊做邊測(cè)試，以瀏覽器效果為準(zhǔn)?；?dòng)提問(wèn)原因？總結(jié)：不占尺寸，但是還可以看到區(qū)塊的范圍。一般網(wǎng)站需要設(shè)置的是“a:link”、“a:visited”、“a:hover”三種狀態(tài)，“a:active”狀態(tài)設(shè)置較少。a:active是鼠標(biāo)點(diǎn)擊時(shí)，即鼠標(biāo)左鍵點(diǎn)擊鏈接對(duì)象與釋放鼠標(biāo)右鍵之間很短暫樣式效果。說(shuō)明：a:link是超級(jí)鏈接的初始狀態(tài)。此部分符合樣式是為了對(duì)代碼進(jìn)行優(yōu)化，避免累贅，提高代碼的執(zhí)行效率。在實(shí)際使用中，我們可以為這些需要居中的元素創(chuàng)建一個(gè)起容器作用的div。網(wǎng)站結(jié)構(gòu)在設(shè)計(jì)過(guò)程中，一定要保證網(wǎng)頁(yè)結(jié)構(gòu)與表現(xiàn)進(jìn)行分離，便于后期網(wǎng)站的維護(hù)。提醒學(xué)生出圖的方法，注意使用切片工具對(duì)大圖進(jìn)行切割。l 時(shí)刻保持與教師的互動(dòng)。3. 任務(wù)目標(biāo)：熟練“個(gè)人主頁(yè)”首頁(yè)的設(shè)計(jì)和創(chuàng)建。新課講解：【約65分鐘】：教師利用“個(gè)人主頁(yè)”項(xiàng)目為驅(qū)動(dòng)，進(jìn)行階段知識(shí)回顧、復(fù)習(xí)和綜合應(yīng)用。帶著目標(biāo)和任務(wù)學(xué)習(xí)。l 認(rèn)真聽(tīng)取教師的總結(jié)，明確本項(xiàng)目單元的學(xué)習(xí)任務(wù)。三、板書(shū)設(shè)計(jì)新課講解可擦寫(xiě)區(qū)域l 設(shè)計(jì)網(wǎng)站效果圖l 劃分頁(yè)面區(qū)塊（重點(diǎn)）l 設(shè)計(jì)網(wǎng)站首頁(yè)頁(yè)眉（重點(diǎn)、難點(diǎn)）l 設(shè)計(jì)網(wǎng)站首頁(yè)導(dǎo)航條（重點(diǎn)、難點(diǎn)）l 設(shè)計(jì)網(wǎng)站首頁(yè)主題部分（重點(diǎn)、難點(diǎn)）講解細(xì)節(jié)布置任務(wù)四、課后附記課程回顧：【約10分鐘】l 通過(guò)互動(dòng)的方式回顧之前的學(xué)習(xí)內(nèi)容，為階段項(xiàng)目的制作做好準(zhǔn)備。 1) 以“個(gè)人首頁(yè)”為項(xiàng)目驅(qū)動(dòng)，自由發(fā)揮完成一個(gè)真實(shí)項(xiàng)目的設(shè)計(jì)和創(chuàng)建。 } (8) 頁(yè)面效果如圖6所示：圖6 “個(gè)人主頁(yè)”主內(nèi)容區(qū)右區(qū)塊效果圖二、單元小結(jié)與項(xiàng)目單元任務(wù) l 通過(guò)“個(gè)人主頁(yè)”真實(shí)項(xiàng)目對(duì)階段知識(shí)點(diǎn)進(jìn)行回顧、強(qiáng)化和綜合應(yīng)用，再次強(qiáng)調(diào)重點(diǎn)和難點(diǎn)。 }.rightContent{ fontsize:15px。 }.rightTitle{ fontsize:5px。 float:left。 height:580px。re both convincedbr that a sudden passion joined them.br Such certainth is beautiful,br but uncertainty is more beautiful still./p br/div(7) 在“”樣式表中添在名稱(chēng)為“divRight”樣式，并對(duì)其樣式的具體設(shè)置。br 六點(diǎn)零五分，br 我走進(jìn)地下鐵。 /p h4 class=rightTitlea href=地下鐵/a/h4 p class=rightContent天使在地下鐵的入口，br 和我說(shuō)再見(jiàn)的那一年，br 我漸漸看不見(jiàn)了。br 四歲時(shí)，我離家出走，在公車(chē)上睡著了，最后是太空超人送我回家。 }(5) 頁(yè)面效果如圖5所示：圖5 “個(gè)人主頁(yè)”主內(nèi)容區(qū)左區(qū)塊效果圖(6) 添加主體內(nèi)容右區(qū)塊的頁(yè)面結(jié)構(gòu)，其代碼如下： div id=divRight h4 class=rightTitlea href=介紹/a/h4 p class=rightContent我努力的抓緊世界，最后卻仍被世界淘汰，如果一開(kāi)始就松手，我會(huì)不那么傷
公司管理相關(guān)推薦
鄂ICP備17016276號(hào)-1