網(wǎng)頁樣式與布局設(shè)計課程教學(xué)大綱一、課程說明1.課程代碼:ZJ12040152.課程類別：專業(yè)基礎(chǔ)能力課3.適應(yīng)專業(yè)及課程性質(zhì)網(wǎng)絡(luò)與新媒體專業(yè)必修4.課程目的隨著互聯(lián)網(wǎng)的快速發(fā)展，電子商務(wù)、視頻點播、即時通信、搜索、博客等已融入了人們的工作和生活。在這種環(huán)境下如何創(chuàng)建優(yōu)秀網(wǎng)站是所有互聯(lián)網(wǎng)從業(yè)者面臨的挑戰(zhàn)。通過本課程學(xué)習(xí)，使學(xué)生本掌握網(wǎng)站前端靜態(tài)網(wǎng)頁設(shè)計流行技術(shù)，熟悉Web2.0技術(shù)規(guī)范，使學(xué)生精通HTML源代碼，能夠利用AdobeDreamweaver軟件平臺，運用DIV+CSS技術(shù)制作美觀、標準、跨瀏覽器的網(wǎng)頁。5.學(xué)時與學(xué)分總學(xué)時為64學(xué)時，其中理論32學(xué)時，實踐32學(xué)時，學(xué)分為3.0學(xué)分6.建議先修課程網(wǎng)站設(shè)計與網(wǎng)頁設(shè)計基礎(chǔ)二、課程教學(xué)基本內(nèi)容及要求第1章怎樣開發(fā)設(shè)計網(wǎng)站計劃學(xué)時：4基本要求：（1）掌握網(wǎng)站開發(fā)設(shè)計需要什么技術(shù)（2）掌握一個簡單的網(wǎng)頁需要包含什么教學(xué)重點及難點：（1）網(wǎng)站開發(fā)設(shè)計需要什么技術(shù)基本內(nèi)容：（1）網(wǎng)站開發(fā)設(shè)計需要什么技術(shù)（2）一個簡單的網(wǎng)頁需要包含什么第2章HTML入門基礎(chǔ)計劃學(xué)時：4基本要求：（1）掌握文本標簽及其屬性的使用（2）掌握段落標簽及其屬性的使用（3）掌握超鏈接標簽及其屬性的使用（4）掌握圖像標簽及其屬性的使用（5）掌握表格標簽及其屬性的使用（6）掌握其它HTML標簽及其屬性的使用教學(xué)重點及難點：（1）各種常用HTML標簽的熟練使用基本內(nèi)容：（1）文本標簽及其屬性（2）段落標簽及其屬性（3）超鏈接標簽及其屬性（4）圖像標簽及其屬性（5）表格標簽及其屬性（6）其它HTML標簽及其屬性第3章CSS樣式設(shè)計基礎(chǔ)計劃學(xué)時：8基本要求：（1）掌握CSS基本語法及添加CSS的方法（2）掌握CSS選擇器及其使用（3）掌握CSS屬性和屬性值教學(xué)重點及難點：（1）CSS選擇器及其使用基本內(nèi)容：（1）CSS基本語法（2）添加CSS的方法（3）CSS選擇器概述（4）類選擇器、ID選擇器、標簽選擇器等（5）CSS屬性和屬性值第4章使用CSS設(shè)置文本和段落樣式計劃學(xué)時：4基本要求：（1）掌握字體屬性的設(shè)置（2）掌握段落屬性的設(shè)置教學(xué)重點及難點：（1）字體屬性的設(shè)置（2）段落屬性的設(shè)置基本內(nèi)容：（1）字體屬性的設(shè)置（2）段落屬性的設(shè)置（3）實例應(yīng)用第5章使用CSS設(shè)置圖片和背景樣式計劃學(xué)時：8基本要求：（1）掌握圖片樣式設(shè)置（2）掌握背景樣式設(shè)置教學(xué)重點及難點：（1）圖片樣式設(shè)置（2）背景樣式設(shè)置基本內(nèi)容：（1）定義圖片邊框（2）文字環(huán)繞圖片（3）設(shè)置頁面背景顏色（4）定義背景圖片及其重復(fù)方式（5）實例應(yīng)用第6章使用CSS控制列表樣式計劃學(xué)時：8基本要求：（1）掌握有序列表樣式的設(shè)置（2）掌握無序列表樣式的設(shè)置教學(xué)重點及難點：（1）有序列表樣式的設(shè)置（2）無序列表樣式的設(shè)置基本內(nèi)容：（1）有序列表樣式的設(shè)置（2）無序列表樣式的設(shè)置（3）實例應(yīng)用第7章使用CSS設(shè)計表格樣式計劃學(xué)時：8基本要求：（1）掌握創(chuàng)建表格的方法（2）掌握表格基本屬性的設(shè)置（3）掌握表格樣式的設(shè)置教學(xué)重點及難點：（1）表格樣式的設(shè)置基本內(nèi)容：（1）創(chuàng)建表格的方法（2）表格基本屬性的設(shè)置（3）表格樣式的設(shè)置（4）實例應(yīng)用第8章使用CSS定義鏈接樣式計劃學(xué)時：8基本要求：（1）掌握光標樣式的設(shè)置（2）掌握下劃線樣式的設(shè)置（3）掌握四種訪問狀態(tài)樣式的設(shè)置教學(xué)重點及難點：（1）四種訪問狀態(tài)樣式的設(shè)置基本內(nèi)容：（1）光標樣式的設(shè)置（2）下劃線樣式的設(shè)置（3）四種訪問狀態(tài)樣式的設(shè)置（4）實例應(yīng)用第9章CSS中的濾鏡計劃學(xué)時：4基本要求：（1）了解CSS中濾鏡的原理（2）熟悉各種CSS濾鏡樣式的設(shè)計教學(xué)重點及難點：（1）各種CSS濾鏡的設(shè)置基本內(nèi)容：（1）CSS中濾鏡的原理（2）各種CSS濾鏡樣式的設(shè)計第10章Div+CSS布局入門計劃學(xué)時：4基本要求：（1）認識盒模型（2）掌握外邊距的設(shè)置（3）掌握內(nèi)邊距的設(shè)置（4）掌握邊框的設(shè)置（5）理解CSS布局理念教學(xué)重點及難點：（1）理解CSS布局理念基本內(nèi)容：（1）認識盒模型（2）外邊距的設(shè)置（3）內(nèi)邊距的設(shè)置（4）邊框的設(shè)置（5）CSS布局基本方法第11章用CSS定位控制網(wǎng)頁布局計劃學(xué)時：4基本要求：（1）掌握position定位的方法（2）掌握浮動定位的方法（3）掌握定位層疊的方法（4）熟悉常見布局類型教學(xué)重點及難點：（1）position定位的方法（2）浮動定位的方法（3）常見布局類型基本內(nèi)容：（1）position定位的方法（2）浮動定位的方法（3）定位層疊的方法（4）常見布局類型三、課程學(xué)時分配本課程計劃64學(xué)時，其中理論教學(xué)32學(xué)時，實踐教學(xué)32學(xué)時。課程主要內(nèi)容和學(xué)時分配見課程學(xué)時分配表。表1課程學(xué)時分配表教學(xué)環(huán)節(jié)時數(shù)課程內(nèi)容理論教學(xué)課內(nèi)實踐小計第1章怎樣開發(fā)設(shè)計網(wǎng)站224第2章HTML入門基礎(chǔ)224第3章CSS樣式設(shè)計基礎(chǔ)448第4章使用CSS設(shè)置文本和段落樣式224第5章使用CSS設(shè)置圖片和背景樣式448第6章使用CSS控制列表樣式448第7章使用CSS設(shè)計表格樣式448第8章使用CSS定義鏈接樣式448第9章CSS中的濾鏡224第10章Div+CSS布局入門224第11章用CSS定位控制網(wǎng)頁布局224總計323264表2課內(nèi)實踐學(xué)時分配表序號實踐項目名稱學(xué)時實踐內(nèi)容及目的實踐方式備注實驗、課堂討論、案例分析、課程小論文、專業(yè)技法等1CSS樣式設(shè)計基礎(chǔ)81、了解網(wǎng)站開發(fā)設(shè)計需要什么；2、掌握各種HTML標簽的使用；3、掌握CSS選擇器的使用；4、熟悉CSS屬性和屬性值實驗2用CSS控制HTML元素樣式201、能使用CSS設(shè)置文本和段落樣式；2、能使用CSS設(shè)置圖片和背景樣式；3、能使用CSS控制列表樣式；4、能使用CSS設(shè)計表格樣式；5、能使用CSS定義鏈接樣式；6、熟悉CSS中的濾鏡的使用方法實驗3用CSS定位控制網(wǎng)頁布局41、掌握DIV+CSS布局的基本方法；2、掌握CSS的position定位、浮動定位、定位層疊等技巧的使用；3、綜合運用Div+Css網(wǎng)頁樣式與布局技巧設(shè)計一套網(wǎng)頁的模板，包含首頁、列表頁、內(nèi)容頁實驗四、考核及成績評定考核方式：考查成績評定：（1）平時成績占50%，形式有：考勤、實驗、作業(yè)等；（2）期末考核成績占50%，考核形式為：作品考查。五、推薦教材、參考書目與推薦網(wǎng)站推薦教材：（1）Div+CSS網(wǎng)頁樣式與布局從入門到精通，劉西杰等主編人民郵電