0301--靜態(tài)網(wǎng)頁制作(dreamweaver)-以“個人-文庫吧在線文庫
【正文】 kgroundcolor:90bcff。 height:133px?！救蝿?wù)要求】通過CSS規(guī)則來精確控制網(wǎng)站首頁頁眉部分，從而實現(xiàn)頁面布局效果?！救蝿?wù)實施】(1) 在具體布局之前，首先分析一下頁面的構(gòu)成，目的是明確所需要創(chuàng)建頁面的布局結(jié)構(gòu)，如下圖2所示。網(wǎng)站設(shè)計流程規(guī)劃網(wǎng)站目錄結(jié)構(gòu)利用HTML基本標簽創(chuàng)建網(wǎng)頁結(jié)構(gòu)利用浮動或定位設(shè)計頁面布局（重點和難點）通過CSS樣式修飾（重點） 進行網(wǎng)站測試本學(xué)習(xí)單元總體目標（教師總結(jié)） 通過本項目單元的學(xué)習(xí)，學(xué)生對階段只是做一整體實踐和應(yīng)用，讓學(xué)生感受階段學(xué)習(xí)成果的喜悅，為后續(xù)知識的學(xué)習(xí)奠定基礎(chǔ)，并提升學(xué)習(xí)的興趣和動力。 靈活運用浮動和定位布局頁面素質(zhì)目標：178。 網(wǎng)站目錄結(jié)構(gòu)規(guī)劃合理178。 利用浮動或定位設(shè)計頁面布局178。 強化樣式的綜合應(yīng)用178。授課內(nèi)容提綱： 復(fù)習(xí)舊課導(dǎo)出階段項目課程回顧（1）教師綜述 在前五個學(xué)習(xí)單元的課程中，我們分階段的以“計算機技術(shù)系網(wǎng)站”首頁項目為驅(qū)動完成了網(wǎng)站首頁的制作，對于網(wǎng)站設(shè)計有了初步的認識和了解，經(jīng)過階段學(xué)習(xí)，同學(xué)們已經(jīng)具備了獨立設(shè)計和制作網(wǎng)站首頁的能力?！救蝿?wù)要求】根據(jù)與用戶溝通和交流做好的需求分析，設(shè)計和制作“個人主頁”效果圖。(4) 創(chuàng)建網(wǎng)站首頁，命名為“”，將其保存在站點根目錄下。body{ padding:0?！救蝿?wù)分析】完成ID名稱為nav的DIV區(qū)塊的CSS設(shè)置。 }nav ul{ liststyletype:none。}a:hover{ color:F00。 divMain{ width:600px。 background:D2E7FF。 color: 66F。br 十五歲生日的那年秋天早晨，br 窗外下著毛毛雨，br 我喂好我的貓。 background:e9fbff url(../images/) norepeat bottom right。2) 寫出規(guī)范完善的設(shè)計和制作文檔，便于對知識進行梳理和整理。：通過“個人主頁”項目制作，完成一個網(wǎng)站首頁的整個設(shè)計流程。CSS中首選的讓元素水平居中的方法將元素的marginleft和marginright屬性設(shè)置為auto即可。a:visited是訪問過后的狀態(tài)。單元項目歸納和總結(jié)【約5分鐘】教師采用互動提問的方式進行知識的歸納和總結(jié)，并強調(diào)重點和難點知識。在樣式設(shè)置過程中，注重代碼的效率，此部分注意提醒學(xué)生。此部分由于不涉及二級頁面的制作，將所有的導(dǎo)航目標設(shè)置為空鏈接。l 思路跟教師保持一致，保證學(xué)習(xí)效果。l 明確本項目單元的總體學(xué)習(xí)目標。 color:000。 divRight{ width:400px。br 三歲時，我騎著小木馬一路搖到外婆家，它不喝水也不吃草。 paddingright:10px。這樣的確定是美麗的，但變幻無常更為美麗。}a:visited { backgroundcolor: 000。 textalign:center。 height:22px。 /*將頁面中的三個大區(qū)塊設(shè)置水平居中*/ }banner{ width:600px。div id=top/divdiv id=nav/divdiv id=divMain div id=divLeft/div div id=divRight/div（三）工作任務(wù)三：制作“個人主頁”首頁頁眉【任務(wù)背景】在上一工作任務(wù)中，我們已經(jīng)實現(xiàn)了本項目DIV框架結(jié)構(gòu)布局，但是效果離我們要實現(xiàn)的網(wǎng)頁布局效果還相差甚遠，僅僅依靠DIV標簽是無法實現(xiàn)頁面布局的，我們必須要配合CSS來對網(wǎng)站的各個部分進行更加精確的
公司管理相關(guān)推薦
鄂ICP備17016276號-1