1、貴州工業(yè)職業(yè)技術(shù)學(xué)院 項(xiàng)目化課程教學(xué)計(jì)劃（2016 2017學(xué)年第二學(xué)期）課 程 網(wǎng)頁設(shè)計(jì) 教 師 鐘大利 授 課 班 級(jí) 信1608AB 專業(yè)中心負(fù)責(zé)人 分 院負(fù) 責(zé) 人 主 管 負(fù) 責(zé) 人 課次周次上課時(shí)間學(xué)時(shí)教學(xué)目標(biāo)和主要內(nèi)容單元標(biāo)題能力目標(biāo)項(xiàng)目編號(hào)知識(shí)目標(biāo)其他內(nèi)容（課程主要內(nèi)容）考核內(nèi)容方法123.6-3.124項(xiàng)目一制作簡單圖文界面培養(yǎng)學(xué)生利用記事本編寫基本網(wǎng)頁結(jié)構(gòu)的能力；培養(yǎng)學(xué)生能夠主動(dòng)閱讀項(xiàng)目內(nèi)容，積極完成項(xiàng)目內(nèi)容，養(yǎng)成良好的學(xué)習(xí)方法習(xí)慣；1-1理解本課程的定位和主要學(xué)習(xí)內(nèi)容經(jīng)及本課程在本專業(yè)的地位貢獻(xiàn)，對(duì)職業(yè)規(guī)劃有初步的了解；了解網(wǎng)頁設(shè)計(jì)行業(yè)常用軟件和技術(shù)；網(wǎng)頁專業(yè)術(shù)語；網(wǎng)頁運(yùn)

2、行原理 ;網(wǎng)頁制作工具；網(wǎng)站設(shè)計(jì)分工；HTML文檔基本結(jié)構(gòu)；利用DW cs6制作簡單圖文界面;過程化理論+實(shí)操考核 233.13-3.194項(xiàng)目二創(chuàng)建基本頁面 能夠使用DW軟件創(chuàng)建站點(diǎn)；能夠設(shè)置網(wǎng)頁標(biāo)題，輸入文字；能夠在網(wǎng)頁中插入合適的表格、flash元素;能夠設(shè)置表格的寬度、行數(shù)、列數(shù)和單元格的邊框、邊距、間距，能夠合并與拆分表格單元格，會(huì)使用嵌套表格掌握分段、換行的操作，能輸入空格、插入水平線及特殊字符能夠使用圖片，變設(shè)置圖片的對(duì)齊方式能夠設(shè)置表格的對(duì)齊方式，能夠設(shè)置單元格內(nèi)容的對(duì)齊方式能夠設(shè)置文字樣式能夠設(shè)置網(wǎng)站鏈接（當(dāng)前網(wǎng)頁文件和圖片）能夠設(shè)置鏈接樣式能夠保存、預(yù)覽并修改網(wǎng)頁2-1至2

3、-4基本HTML標(biāo)記(運(yùn)用)HTML屬性(運(yùn)用)HTML顏色(了解)字符實(shí)體(了解)插入圖片(運(yùn)用)超鏈接(運(yùn)用)制作表格頁面制作多媒體頁面在網(wǎng)頁中設(shè)置超鏈接過程化理論+實(shí)操考核343.20-3.264項(xiàng)目二創(chuàng)建基本頁面會(huì)用記事本編寫基本HTML頁面2-5基本HTML標(biāo)記(運(yùn)用)HTML屬性(運(yùn)用)HTML顏色(了解)字符實(shí)體(了解)插入圖片(運(yùn)用)超鏈接(運(yùn)用)任務(wù)：手工編寫HTML網(wǎng)頁（基本語法：標(biāo)簽、屬性、屬性值HTML文件基本結(jié)構(gòu)常用標(biāo)簽：H1、H2、p、br、特殊字符、img、a的使用）過程化理論+實(shí)操考核45、6、73.27-4.1612項(xiàng)目三使用CSS樣式美化網(wǎng)頁會(huì)新建CSS樣式

4、表并附加樣式表；會(huì)對(duì)元素應(yīng)用樣式；掌握“類型”、“背景”、“方框”、“邊框”等的使用方法；會(huì)通過DW CS6面板定義CSS樣式；熟練應(yīng)用界面設(shè)計(jì)和代碼設(shè)計(jì)的方法；3-1CSS的基本概念(了解)CSS常用屬性(運(yùn)用)CSS選擇器(運(yùn)用)CSS的位置分類(運(yùn)用)CSS偽類(運(yùn)用)CSS的層疊(運(yùn)用)在Dreamweaver中編寫和應(yīng)用CSS(運(yùn)用)Css的基本概念Css常用屬性Css選擇器Css位置分類Css偽類Css的層疊在Dreamweaver中編寫和應(yīng)用Css過程化理論+實(shí)操考核58、94.174.308項(xiàng)目四Div+css網(wǎng)頁布局會(huì)配置站點(diǎn)，站點(diǎn)下無垃圾文件，且各文件夾和文件的命名正確；會(huì)

5、正確保存CSS樣式表會(huì)正確布局頁面，結(jié)構(gòu)草圖符合要求；DIV命名規(guī)范；正確、合理的定義CSS樣式，保證CSS樣式的排列順序與設(shè)計(jì)順序一致；4-1任務(wù)一 使用盒子模型設(shè)計(jì)網(wǎng)頁布局過程化理論+實(shí)操考核6105.15.74項(xiàng)目四Div+css網(wǎng)頁布局會(huì)配置站點(diǎn)，站點(diǎn)下無垃圾文件，且各文件夾和文件的命名正確會(huì)正確保存CSS樣式表會(huì)正確布局頁面，結(jié)構(gòu)草圖符合要求；DIV命名規(guī)范；會(huì)合理的利用浮動(dòng)屬性控制盒子的位置；會(huì)合理正確的設(shè)置和應(yīng)用列表；4-2CSS基礎(chǔ)知識(shí)(理解)Display顯示(運(yùn)用)Float浮動(dòng)(運(yùn)用)清除(運(yùn)用)絕對(duì)定位(了解)相對(duì)定位(了解)任務(wù)二利用浮動(dòng)定位的方法布局網(wǎng)頁過程化理論+

6、實(shí)操考核7115.85.144項(xiàng)目四Div+css網(wǎng)頁布局會(huì)配置站點(diǎn)，站點(diǎn)下無垃圾文件，且各文件夾和文件的命名正確會(huì)正確保存CSS樣式表會(huì)正確布局頁面，結(jié)構(gòu)草圖符合要求；DIV命名規(guī)范；正確、合理的定義CSS樣式，保證CSS樣式的排列順序與設(shè)計(jì)順序一致；會(huì)合理的利用position屬性控制盒子的位置；4-3常用網(wǎng)頁設(shè)計(jì)技術(shù)(運(yùn)用)框模型的概念(運(yùn)用)框模型的應(yīng)用(運(yùn)用)框模型的寬度和高度(運(yùn)用)Dreamweave可視化助理(了解)任務(wù)三使用positon布局定位網(wǎng)頁過程化理論+實(shí)操考核812.135.155.288項(xiàng)目四Div+css網(wǎng)頁布局會(huì)正確的搭建頁面的HTML結(jié)構(gòu)會(huì)準(zhǔn)確的設(shè)置三角形的

7、形狀會(huì)正確的定義文字的鏈接效果會(huì)正確的設(shè)置提示信息4-1列表標(biāo)記的設(shè)置及運(yùn)用使用盒子模型布局網(wǎng)頁的基礎(chǔ)知識(shí)盒子的浮動(dòng)控制盒子的定位及position屬性的運(yùn)用不同鏈接效果的設(shè)計(jì)方法任務(wù)四 列表與導(dǎo)航（設(shè)計(jì)立體導(dǎo)航菜單設(shè)計(jì)帶箭頭的導(dǎo)航菜單設(shè)計(jì)基于水平列表的導(dǎo)航菜單設(shè)計(jì)基于垂直列表的導(dǎo)航菜單）過程化理論+實(shí)操考核9145.29-6.44項(xiàng)目五 表單頁面的設(shè)計(jì)會(huì)創(chuàng)建表單域；會(huì)使用表單控件；會(huì)設(shè)置表單控件域?qū)傩?；?huì)設(shè)置表單控件屬性；熟練使用各種表單控件；5-1了解表單的作用了解各種表單域的作用掌握插入表單夫域和設(shè)置表單域?qū)傩缘姆椒軌蛑谱饔脩糇跃W(wǎng)頁和用戶登錄網(wǎng)頁學(xué)會(huì)美化用戶注冊網(wǎng)頁和用戶登錄網(wǎng)頁建立站點(diǎn)設(shè)計(jì)表單頁面過程化理論+實(shí)操考核10156.56.114項(xiàng)目六模板與框架會(huì)將已有網(wǎng)頁文檔另存為網(wǎng)頁模板；會(huì)定義庫項(xiàng)目；會(huì)創(chuàng)建可編輯區(qū)域；會(huì)創(chuàng)建可編輯的可選區(qū)域；會(huì)應(yīng)用模板創(chuàng)建頁面；6-1理解模板、庫了解模板和庫的區(qū)別利用模板和框架技術(shù)創(chuàng)建風(fēng)格統(tǒng)一的，內(nèi)容不同的頁面過程化理論+實(shí)操考核11166.126.184項(xiàng)目七前端框架應(yīng)用會(huì)使用bootstrap進(jìn)行響應(yīng)式界面設(shè)計(jì)7-1了解主流前端框架利用boots