十天精通CSS3:課程簡介,課程大綱,

《十天精通CSS3》是寧波城市職業技術學院提供的慕課課程，授課老師是鄭哲、盧秋錦。

基本介紹

中文名：十天精通CSS3
類別：慕課
授課老師：鄭哲、盧秋錦
提供院校：寧波城市職業技術學院

課程簡介,課程大綱,

課程簡介

課程內容包括4個章節，第一章講解HTML5和CSS3的基礎知識；第二章以GreenStart項目為主線，讓學生在做項目的同時掌握相關的知識和操作技能；第三章總結和歸納了項目中的核心知識要點，並對這些核心知識進行重點剖析和講解；第四章以學校兩學一做網站主頁為背景，展示其從頁面設計效果到網頁實現的全過程。

課程大綱

第一章常用開發工具使用簡介

【學習目標】通過本單元的學習，掌握網頁製作的常用開發工具DW和Sublime的安裝、配置、和基本使用

課時

1.1DW初體驗

1.2使用Sublime開發第一個頁面

1.3擴展閱讀-Emmet語法

1.4單元討論

1.5單元課件

第二章HTML基礎

【學習目標】通過本單元的學習，您將了解HTML的標籤語法，掌握連結和錨點的概念，學習並掌握圖片在網頁中的套用。

課時

2.1認識HTML常用標籤

2.2使用連結和錨點

2.3使用圖片

2.4單元討論

2.5單元課件

第三章盒子模型

【學習目標】通過本單元的學習，您將了解①CSS樣式的三種引入方式；②掌握盒子模型的工作原理

課時

3.1樣式的三種引入方式

3.2盒子模型

3.3單元討論

3.4相關課件

第四章CSS3樣式基礎

【學習目標】通過本單元的學習，您將了解CSS中①框線線樣式；②背景樣式

課時

4.1框線樣式

4.2背景樣式

4.3單元討論

4.4相關課件

第五章CCS3選擇器

【學習目標】通過本單元的學習，您將了解CSS中常見的選擇器語法及其套用技巧：①CSS基本選擇器②後代選擇器③子選擇器④偽類選擇器⑤偽元素選擇器

課時

5.1CSS基本選擇器

5.2CSS高級選擇器

5.2.1偽類選擇器

5.2.2偽元素選擇器

5.2.3後代選擇器和子選擇器

5.3單元討論

5.4單元課件

第六章浮動

【學習目標】通過本單元的學習，您將學習浮動原理及其四大特性

課時

6.1浮動特性01

6.2浮動特性02

6.3浮動特性03

6.4浮動特性04

6.5單元討論

6.6單元課件

第七章定位

【學習目標】通過本單元的學習，您將學習並掌握css中定位的原理及套用技巧，主要包括：①固定定位fixed；②相對定位relative；③絕對定位absolute

課時

7.1fixed定位

7.2relative定位

7.3absolute定位

7.4單元討論

7.5單元課件

第八章GreenStart項目實戰1

【學習目標】從本單元開始，您將通過一個綜合項目來進一步加深並了解html5基礎標籤語法和css3樣式定義語法在實戰中的使用。在本單元教學中，你將實現①套用DW模板快速創建標準化頁面布局；②使用樣式創建header背景；③使用定位添加logo圖示；④使用nav標籤定製頁面主導航條

課時

8.1快速創建標準化頁面

8.2創建header背景

8.3添加logo

8.4添加nav導航條

8.5單元討論

8.6單元課件

第九章GreenStart項目實戰2

【學習目標】通過本單元學習，您將掌握：①側邊欄的製作；②框線和背景的細節處理；③側邊導航功能的實現；④container容器的自定義處理

課時

9.1移動側邊欄

9.2調整container

9.3設定背景和框線

9.4製作側邊欄導航

9.5單元討論

9.6單元課件

第十章GreenStart項目實戰3

【學習目標】通過本單元學習，您將掌握：①圖片占位符的使用；②頁面模板的設計；③字型族的工作原理及套用；④細節處理

課時

10.1圖片占位符

10.2頁面模板設計

10.3完善細節

10.4字型族

10.5單元討論

10.6單元課件

第十一章GreenStart項目實戰4

【學習目標】通過本單元學習，您將掌握：①背景圖的處理；②自定義類樣式；③id樣式的套用；④連結和偽類的綜合套用

課時

11.1背景圖

11.2自定義類樣式

11.3id樣式

11.4連結和偽類

11.5單元討論

11.6單元課件

第十二章GreenStart項目實戰5

【學習目標】通過本單元學習，您將掌握：①三維導航選單的製作技巧；②印表機樣式的製作；③創建模板並根據模板快速新建頁面；④更新模板

課時

12.1三維選單導航

12.2印表機樣式

12.3根據模板創建頁面

12.4更新模板

12.5單元討論

12.6單元課件

第十三章GreenStart項目實戰5

【學習目標】通過本單元學習，您將掌握：①庫元素的製作和使用；②服務端包含的製作與使用；③從模板快速構建GreenNews頁面；④從模板快速構建GreenTips頁面

課時

13.1庫元素（library item）

13.2服務端包含（SSI）

13.3製作GreenNews頁面

13.4製作GreenTips頁面

13.5單元討論

13.6單元課件

第十四章GreenStart項目實戰6

【學習目標】通過本單元學習，您將掌握：①從模板構建ContactUs頁面；②創建頁面中的表格；③處理表格的框線線和單元格樣式；④導入表格數據

課時

14.1製作ContactUs頁面

14.2創建表格

14.3框線線摺疊和單元格樣式

14.4 導入表格數據

14.5單元討論

14.6單元課件

第十五章GreenStart項目實戰7

【學習目標】通過本單元學習，您將掌握：①在頁面中插入美觀的圖片；②在頁面中插入內部連結；③在頁面中插入外部連結；④製作和處理連結和錨點

課時

15.1 插入圖片

15.2插入連結

15.3外部連結

15.4連結錨點

15.5單元討論

15.6單元課件

第十六章GreenStart項目實戰8

【學習目標】通過本單元學習，您將掌握：①利用spry組件製作快速製作選單；②在頁面中製作表單並添加表單元素

課時

16.1spry選單

16.2表單

16.3單元討論

16.4單元課件

十天精通CSS3

基本介紹

課程簡介

課程大綱

相關詞條

熱門詞條