0301--靜態(tài)網(wǎng)頁制作(dreamweaver)-以“個人-閱讀頁
2025-05-01 08:22本頁面
【正文】 /div(2) 首先切換到樣式表文件“”，添加下列樣式代碼對導(dǎo)航條的樣式進行定義。 height:22px。 margintop:15px。 }nav ul{ liststyletype:none。} nav li{ float:left。 textalign:center。 }a:link{ color:00F。}a:hover{ color:F00。}a:acktive{ color:000。}a:visited { backgroundcolor: 000。【任務(wù)分析】完成網(wǎng)站主內(nèi)容區(qū)域布局設(shè)計及內(nèi)容版式設(shè)計，此部分我們將完成ID名稱為divMain的DIV區(qū)塊的CSS設(shè)置。 divMain{ width:600px。 Background:red。這樣的確定是美麗的，但變幻無常更為美麗。 divLeft{ width:180px。 background:D2E7FF。 textalign:center。 paddingright:10px。 margintop:15px。 color: 66F。 } .leftTextContent{ textalign:left。br 三歲時，我騎著小木馬一路搖到外婆家，它不喝水也不吃草。br 我真的沒騙你，我通通都記得，還有照片為證。br 十五歲生日的那年秋天早晨，br 窗外下著毛毛雨，br 我喂好我的貓。/p h4 class=rightTitlea href=向左走向右走/a/h4 p class=rightContentThey39。 divRight{ width:400px。 background:E9FBFF。 background:e9fbff url(../images/) norepeat bottom right。 color:0FC。 color:000。l 再次強化講解并應(yīng)用了CSS+DIV布局、盒子模型和浮動布局的應(yīng)用。2) 寫出規(guī)范完善的設(shè)計和制作文檔，便于對知識進行梳理和整理。l 學(xué)生通過互動方式回答教師提出的問題。l 明確本項目單元的總體學(xué)習(xí)目標。l 對學(xué)習(xí)目標形成一個初步地、大致地、總體的知識輪廓。：通過“個人主頁”項目制作，完成一個網(wǎng)站首頁的整個設(shè)計流程。l 此部分由于在課前已作為課前任務(wù)做好了前期的準備工作，因此，直接在ps中實現(xiàn)效果圖的制作。l 思路跟教師保持一致，保證學(xué)習(xí)效果?；犹釂枺麄€頁面區(qū)塊如何劃分？教師提醒：合理進行區(qū)塊劃分將有利于后期區(qū)塊內(nèi)容得添及樣式的的設(shè)計和制作。CSS中首選的讓元素水平居中的方法將元素的marginleft和marginright屬性設(shè)置為auto即可。需要特別注意的一點就是，必須為該容器指定寬度。此部分由于不涉及二級頁面的制作，將所有的導(dǎo)航目標設(shè)置為空鏈接。a:hover是把鼠標放上去時懸停的狀態(tài)。a:visited是訪問過后的狀態(tài)。顏色測試法是網(wǎng)頁布局中最常用的測試方法。在樣式設(shè)置過程中，注重代碼的效率，此部分注意提醒學(xué)生。提醒學(xué)生：注意代碼的格式，要有層次感。單元項目歸納和總結(jié)【約5分鐘】教師采用互動提問的方式進行知識的歸納和總結(jié)，并強調(diào)重點和難點知識。
公司管理相關(guān)推薦
鄂ICP備17016276號-1