0301--靜態(tài)網(wǎng)頁(yè)制作(dreamweaver)-以“個(gè)人-全文預(yù)覽
【正文】 是定義頁(yè)眉的結(jié)構(gòu)，添加下列樣式代碼：top,nav,main{ margin:0 auto。【任務(wù)實(shí)施】(1) 首先切換到樣式表文件“”，添加下列樣式代碼對(duì)整個(gè)頁(yè)面的樣式進(jìn)行定義。核心代碼如下：link href=css/ rel=stylesheet type=text/css(7) 首先根據(jù)分析得出的頁(yè)面結(jié)構(gòu)搭建整個(gè)網(wǎng)頁(yè)的頁(yè)面布局。(3) 規(guī)劃站點(diǎn)目錄結(jié)構(gòu)，建立CSS和images文件夾，將在ps中導(dǎo)出的圖片放入images文件夾?！救蝿?wù)要求】根據(jù)已經(jīng)收集好的素材及網(wǎng)站規(guī)劃，進(jìn)行網(wǎng)站的整體頁(yè)面布局。并根據(jù)功能定位先行設(shè)計(jì)了網(wǎng)站效果圖。 教師首先簡(jiǎn)述本項(xiàng)目單元重點(diǎn)、難點(diǎn)，讓學(xué)生有重點(diǎn)的聽講。 培學(xué)生的設(shè)計(jì)和創(chuàng)意能力，提升學(xué)生對(duì)于網(wǎng)頁(yè)設(shè)計(jì)的熱情教學(xué)內(nèi)容：網(wǎng)站設(shè)計(jì)流程規(guī)劃網(wǎng)站目錄結(jié)構(gòu)利用HTML基本標(biāo)簽創(chuàng)建網(wǎng)頁(yè)結(jié)構(gòu)利用浮動(dòng)或定位設(shè)計(jì)頁(yè)面布局通過(guò)CSS樣式修飾 進(jìn)行網(wǎng)站測(cè)試教學(xué)重點(diǎn)：n 利用浮動(dòng)或定位設(shè)計(jì)頁(yè)面布局n 通過(guò)CSS樣式修飾教學(xué)難點(diǎn)：n 利用浮動(dòng)或定位設(shè)計(jì)頁(yè)面布局教學(xué)方法和策略：u 教學(xué)方法： 采用項(xiàng)目驅(qū)動(dòng)法、分組競(jìng)爭(zhēng)法、案例演示法提高學(xué)生的學(xué)習(xí)興趣u 教學(xué)策略： 通過(guò)分組討論、競(jìng)爭(zhēng)的方式激發(fā)學(xué)生的學(xué)習(xí)熱情教學(xué)設(shè)計(jì)思路： 通過(guò)教師演示項(xiàng)目，采用項(xiàng)目驅(qū)動(dòng)法引導(dǎo)學(xué)生進(jìn)行階段知識(shí)的復(fù)習(xí)和回顧，強(qiáng)化關(guān)鍵知識(shí)的應(yīng)用； 讓學(xué)生對(duì)完整網(wǎng)站首頁(yè)的設(shè)計(jì)和制作有一個(gè)整體認(rèn)識(shí)，提升學(xué)生進(jìn)行真實(shí)項(xiàng)目開發(fā)的經(jīng)驗(yàn)和興趣。 通過(guò)CSS+DIV技術(shù)設(shè)計(jì)并實(shí)現(xiàn)一個(gè)完整網(wǎng)站項(xiàng)目的創(chuàng)建178。 回顧常用標(biāo)簽的用法178。學(xué)習(xí)評(píng)價(jià)?行為表現(xiàn) ○課堂作業(yè) ○測(cè)驗(yàn)測(cè)試 ?制作作品 ○其他 作業(yè)題目利用CSS+DIV自由設(shè)計(jì)并制作“個(gè)人首頁(yè)”要求：178。Dreamweaver網(wǎng)頁(yè)設(shè)計(jì)教案河北工業(yè)職業(yè)技術(shù)學(xué)院《靜態(tài)網(wǎng)頁(yè)制作（Dreamweaver）》課程教案首頁(yè)授課教師張亞靜班級(jí)16網(wǎng)絡(luò)訂單1班學(xué)時(shí)2授課日期主題或任務(wù)以“個(gè)人主頁(yè)”項(xiàng)目為驅(qū)動(dòng)的階段復(fù)習(xí)課型考試授課地點(diǎn)○多媒體教室○企業(yè)○專業(yè)教室?實(shí)訓(xùn)室教學(xué)目標(biāo)知識(shí)目標(biāo)： 回顧常用標(biāo)簽的用法 強(qiáng)化樣式的綜合應(yīng)用理解盒子模型的意義掌握浮動(dòng)布局和定位技能目標(biāo)：通過(guò)CSS+DIV技術(shù)設(shè)計(jì)并實(shí)現(xiàn)一個(gè)完整網(wǎng)站項(xiàng)目的創(chuàng)建靈活運(yùn)用盒子模型靈活設(shè)計(jì)網(wǎng)頁(yè)布局靈活運(yùn)用浮動(dòng)和定位布局頁(yè)面素質(zhì)目標(biāo)： 培養(yǎng)學(xué)生團(tuán)隊(duì)合作意識(shí) 培學(xué)生的設(shè)計(jì)和創(chuàng)意能力，提升學(xué)生對(duì)于網(wǎng)頁(yè)設(shè)計(jì)的熱情學(xué)習(xí)內(nèi)容以“個(gè)人主頁(yè)”完整項(xiàng)目為驅(qū)動(dòng)進(jìn)行階段復(fù)習(xí)：網(wǎng)站設(shè)計(jì)流程規(guī)劃網(wǎng)站目錄結(jié)構(gòu)利用HTML基本標(biāo)簽創(chuàng)建網(wǎng)頁(yè)結(jié)構(gòu)利用浮動(dòng)或定位設(shè)計(jì)頁(yè)面布局通過(guò)CSS樣式修飾進(jìn)行網(wǎng)站測(cè)試重點(diǎn)難點(diǎn)重點(diǎn)：178。 利用浮動(dòng)或定位設(shè)計(jì)頁(yè)面布局教學(xué)方法○理論講授 ○小組討論 ?項(xiàng)目教學(xué)?任務(wù)驅(qū)動(dòng) ○參觀教學(xué) ○模擬教學(xué)?實(shí)驗(yàn)實(shí)訓(xùn) ○演示教學(xué) ○其他 素材資源○文本素材○實(shí)物展示?PPT幻燈片○音頻素材○視頻素材○動(dòng)畫素材?圖形/圖像素材○網(wǎng)絡(luò)資源○其他教學(xué)設(shè)計(jì) 通過(guò)教師演示項(xiàng)目，采用項(xiàng)目驅(qū)動(dòng)法引導(dǎo)學(xué)生進(jìn)行階段知識(shí)的復(fù)習(xí)和回顧，強(qiáng)化關(guān)鍵知識(shí)的應(yīng)用； 讓學(xué)生對(duì)完整網(wǎng)站首頁(yè)的設(shè)計(jì)和制作有一個(gè)整體認(rèn)識(shí)，提升學(xué)生進(jìn)行真實(shí)項(xiàng)目開發(fā)的經(jīng)驗(yàn)和興趣。 代碼格式規(guī)范雙語(yǔ)教學(xué) Banner head link navigation foot 系（部）： 計(jì)算機(jī)技術(shù)系 教研室： 網(wǎng)絡(luò)技術(shù) 教研室主任簽字： 年 月 日13學(xué)習(xí)單元六 以“個(gè)人主頁(yè)”項(xiàng)目為驅(qū)動(dòng)的階段復(fù)習(xí)授課內(nèi)容：以“個(gè)人主頁(yè)”項(xiàng)目為驅(qū)動(dòng)的階段復(fù)習(xí)學(xué)時(shí)：2學(xué)時(shí)（90分鐘）教學(xué)目標(biāo)：知識(shí)目標(biāo)：178。 掌握浮動(dòng)布局和定位技能目標(biāo)：178。 培養(yǎng)學(xué)生團(tuán)隊(duì)合作意識(shí)178。l 常用的布局方
公司管理相關(guān)推薦
鄂ICP備17016276號(hào)-1