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