網(wǎng)頁樣式與布局設計課程實驗教學大綱

網(wǎng)頁樣式與布局設計課程實驗教學大綱一、課程說明1.課程代碼：ZJ12040152.課程類別：專業(yè)基礎能力課3.適應專業(yè)及課程性質網(wǎng)絡與新媒體專業(yè)必修4.課程目的隨著互聯(lián)網(wǎng)的快速發(fā)展，電子商務、視頻點播、即時通信、搜索、博客等已融入了人們的工作和生活。在這種環(huán)境下如何創(chuàng)建優(yōu)秀網(wǎng)站是所有互聯(lián)網(wǎng)從業(yè)者面臨的挑戰(zhàn)。通過本課程學習，使學生本掌握網(wǎng)站前端靜態(tài)網(wǎng)頁設計流行技術，熟悉Web2.0技術規(guī)范，使學生精通HTML源代碼，能夠利用AdobeDreamweaver軟件平臺，運用DIV+CSS技術制作美觀、標準、跨瀏覽器的網(wǎng)頁。5.學時與學分實踐學時為32學時，與理論教學合并計算為3.0學分6.建議先修課程網(wǎng)站設計與網(wǎng)頁設計基礎二、實驗教學基本內容及要求項目一CSS樣式設計基礎計劃學時：8基本要求：（1）了解網(wǎng)站開發(fā)設計需要什么（2）掌握各種HTML標簽的使用（3）掌握CSS選擇器的使用（4）熟悉CSS屬性和屬性值基本內容：（1）網(wǎng)站開發(fā)設計的基本技能要求（2）各種HTML標簽的使用（3）CSS選擇器的使用（4）CSS屬性和屬性值項目二用CSS控制HTML元素樣式計劃學時：20基本要求：（1）能使用CSS設置文本和段落樣式、圖片和背景樣式等（2）熟悉CSS中的濾鏡的使用方法基本內容：（1）使用CSS設置文本和段落樣式（2）使用CSS設置圖片和背景樣式（3）使用CSS控制列表樣式（4）使用CSS設計表格樣式（5）使用CSS定義鏈接樣式（6）CSS中的濾鏡的使用項目三用CSS定位控制網(wǎng)頁布局計劃學時：4基本要求：（1）掌握DIV+CSS布局的基本方法（2）掌握CSS的position定位、浮動定位、定位層疊等技巧的使用基本內容：（1）使用DIV+CSS進行基本布局（2）使用CSS的position定位、浮動定位、定位層疊等技巧進行網(wǎng)頁布局（3）綜合運用Div+Css網(wǎng)頁樣式與布局技巧設計一套網(wǎng)頁的模板，包含首頁、列表頁、內容頁三、實驗項目與內容提要本課程實驗項目既有驗證性實驗，也有綜合性實驗，學生根據(jù)使用教學目的要求認真實驗，完成設計相關作品，完成實驗報告的填寫；本課程實驗教學計劃32學時，實驗項目內容及學時分配見下表。序號實驗名稱學時必開選開實驗類型內容提要驗證綜合設計1CSS樣式設計基礎8√驗證1、了解網(wǎng)站開發(fā)設計需要什么；2、掌握各種HTML標簽的使用；3、掌握CSS選擇器的使用；4、熟悉CSS屬性和屬性值2用CSS控制HTML元素樣式20√驗證1、能使用CSS設置文本和段落樣式；2、能使用CSS設置圖片和背景樣式；3、能使用CSS控制列表樣式；4、能使用CSS設計表格樣式；5、能使用CSS定義鏈接樣式；6、熟悉CSS中的濾鏡的使用方法3用CSS定位控制網(wǎng)頁布局4√設計1、掌握DIV+CSS布局的基本方法；2、掌握CSS的position定位、浮動定位、定位層疊等技巧的使用；3、綜合運用Div+Css網(wǎng)頁樣式與布局技巧設計一套網(wǎng)頁的模板，包含首頁、列表頁、內容頁

四、實驗報告的格式按學院實驗報告格式統(tǒng)一規(guī)范填寫。五、考核及成績評定考核方式：考查成績評定：（1）平時成績占50%，形式有：考勤、實驗、作業(yè)等；（2）期末考核成績占50%，考核形式為：作品考查。六、推薦教材和參考書目推薦教材：（1）Div+CSS網(wǎng)頁樣式與布局從入門到精通，劉西杰等主編，人民郵電出版社，2015年參考書目：（1）精通DIV+CSS網(wǎng)頁樣式與布局（第二版），何麗等主編，清華大學出版社，2014年（2）CSS+DI