Web前端設計

《Web前端設計》是洛陽科技職業學院提供的慕課課程，授課老師是徐好芹、陶鵬、韓英、韓慧傑、霍文英。

基本介紹

• 中文名：Web前端設計
• 提供院校：洛陽科技職業學院
• 類別：慕課
• 授課老師：徐好芹、陶鵬、韓英、韓慧傑、霍文英

課程大綱

第一章 網站開發基礎知識

1-1 網站開發基礎知識-Ⅰ

1-2 網站開發基礎知識- Ⅱ

1-3 階段案例 Visual Studio Code 基礎操作

第一章 單元測試

第二章 HTML5基礎

2-1 HTML基礎知識

2-2 HTML基礎標籤-Ⅰ

2-3 階段案例 學院專業介紹

2-4 HTML基礎標籤-Ⅱ

2-5 HTML結構元素

2-6 階段案例 二級學院介紹

第二章章節測試

第三章 HTML5多媒體與表單

3-1 多媒體套用

3-2 階段案例 垃圾分類的好處

3-3 表單的套用

3-4 階段案例 學生信息登記表

第三章章節測試

第四章 CSS3基礎

4-1 CSS3概述

4-2 引辨舉入方式

4-3 階段案例艱永婚 沁園春﹒長沙

4-4 CSS選擇器-Ⅰ

4-4 CSS選擇器-Ⅱ

4-5 階段案例 新聞頁面

4-6 階段案例 設定文章段落樣式精良危海

第四章章節測試

第五章 CSS3屬性

5-1 CSS樣式屬性

5-2 超連結偽類及列表樣式

5-3 階朽鴉鞏段案例 新聞網站列表

5-4 線性漸變

5-5 階段案例 流行音樂排行榜

第五章章節測試

第六章 盒子模型與網頁布局

6-1 盒子模型-Ⅰ

6-1 盒子模型-Ⅱ

6-2 階段案例 讀書網側邊導航

6-3 網頁布局

6-4 階段案例 電影列表項

第六章 章節測試

第七章 浮動與定位

7-1 浮動

7-2 階段案例 讀書網頭部導航欄

7-3 階段案例 讀書網線上讀書頁面布局

7-4 定位

7-5 階段案例 帶按鈕的輪播圖片

7-6 階段綜合案例 讀書網線上讀書頁面（上）

7-6 階段綜合案例 讀書網線上讀書頁面（下）

第七章 章節測試

第八章 CSS高級套用

8-1 CSS3變形動畫

8-2 CSS3過渡動畫

8-3 階段案例 遮罩動畫

8-4 CSS3動畫

8-5 階段案例 輪播動畫

第八章 章節測試

第九章 前端框架BootStrap

9.1 回響式網頁設計概述

9.2 媒體查詢

9.3 Bootstrap簡介

9.4 Bootstrap格線系統

9.5 Bootstrap樣式

9.6 階段案例 影視網站首頁

第九章 章節測試

參考教材

[1]范玉玲，段春筍等．《HTML5+CSS3+Bootstrap回響式Web前端設計》［M］試棗迎． 北京：人民郵電出版社．2019

[2]傳智播鞏籃市頌客高教產享捆棵品研發部 ．《HTML5+CSS3網站設計基礎教程》[M] ．北京：人民郵電出版社．2016