項(xiàng)目化教學(xué)案例：六人行網(wǎng)站

1、精選word文檔 下載可編輯項(xiàng)目案例六人行網(wǎng)站一、訓(xùn)練的技能點(diǎn)使用div+css實(shí)現(xiàn)整體布局使用div+css實(shí)現(xiàn)典型的4種局部結(jié)構(gòu)使用絕對(duì)定位和濾鏡實(shí)現(xiàn)css特效使用css實(shí)現(xiàn)頁(yè)面的美化二、任務(wù)描述系統(tǒng)概述六人行網(wǎng)站是目前人氣較旺的網(wǎng)絡(luò)交友平臺(tái)模擬制作4個(gè)網(wǎng)頁(yè)首頁(yè)活動(dòng)頁(yè)據(jù)點(diǎn)頁(yè)注冊(cè)頁(yè)系統(tǒng)角色網(wǎng)站開(kāi)發(fā)人員、瀏覽者三、問(wèn)題分析問(wèn)題分析1網(wǎng)站制作步驟使用dreamweaver創(chuàng)建站點(diǎn)、公用文件夾制作首頁(yè)創(chuàng)建網(wǎng)站所有頁(yè)面共用的全局樣式global.css并綁定頁(yè)面使用標(biāo)簽引用細(xì)節(jié)風(fēng)格detail.css創(chuàng)建頁(yè)面的頂部、底部模板應(yīng)用模板實(shí)現(xiàn)多個(gè)頁(yè)面，包括布局實(shí)現(xiàn)、涉及的樣式實(shí)現(xiàn)頁(yè)面的兼容性測(cè)試問(wèn)題分析2

2、實(shí)現(xiàn)頁(yè)面的整體布局4個(gè)頁(yè)面均為多行多列的布局頁(yè)面整體布局的實(shí)現(xiàn)步驟根據(jù)效果圖劃分區(qū)塊，編寫html頁(yè)面結(jié)構(gòu)創(chuàng)建各區(qū)塊的布局樣式layout.css，用綁定頁(yè)面四、難點(diǎn)分析難點(diǎn)分析1典型局部布局結(jié)構(gòu)參加豐富的活動(dòng)培訓(xùn) 11月17號(hào)婚戀心理工作坊（活動(dòng)介紹婚戀心理工作坊 難點(diǎn)分析2背景修飾技巧羽毛球培訓(xùn)班報(bào)名六人行免費(fèi)口語(yǔ)輔導(dǎo)卡申請(qǐng)中“戶外”雜志半價(jià)征訂 css代碼.roundline-height:21px;background:url('top right no-repeat;width:195px;.listpadding:9px 9px px 9px;background:url(' top left no-repeat;.endpadding: 9px;background:url(' bottom left no-repeat;.end pline-height:9px;height:9px;margin-top:-9px;padding: 9px 9px ;background:url(' bottom right no-repeat;五、開(kāi)發(fā)計(jì)劃用例1登錄網(wǎng)站 7分鐘用例2發(fā)布或參與活動(dòng) 24分鐘用例3參與或發(fā)布據(jù)點(diǎn) 3分鐘用例4注冊(cè)會(huì)員 3分鐘六、技能總結(jié)html與xhtml關(guān)系基本標(biāo)簽cs