課程目標
|
本課程從網頁的原始碼HTML開始教起,適合想要完全掌控網頁設計原理的學員參加,以實務操作為主、概念介紹為輔,帶領大家學習使用、自由創作屬於自己的數位內容和互動網頁。
|
學員條件
|
對網頁設計的HTML有興趣的朋友;想學PHP & MySQL、響應式網頁設計、網頁式簡報,這個課程是您的必修課程。
|
評量方式
|
出席率30%、上課參與度30%、成果發表40%
|
授課大綱表
|
週數
|
主題
|
課程內容(請詳述)
|
第1堂
|
HTML語法與CSS樣式的認識
|
標準的HTML5文件、基本的標籤、物件的屬性與屬性值、標籤內樣式、文字的各種樣式、CSS整頁宣告、自定樣式、色彩、樣式繼承
|
第2堂
|
圖片、超連結與區塊元件
|
圖片、超連結、表格、區塊元件
|
第3堂
|
網頁的版面配置
|
Box mode的各項屬性、絕對位置與相對位置、顯示及隱藏、區塊與文字顯示區域
|
第4堂
|
表單建置
|
表單的各項標籤、HTML5的樣式設定
|
第5堂
|
HTML5與CSS3的新屬性
|
影片及音樂、使用JavaScript控制物件、區塊元件的圓角、多欄版面、進階樣式設定
|
第6堂
|
Canvas
|
介紹HTML5的Canvas
|
第7堂
|
網頁式簡報
|
使用HTML5、CSS3及impress.js製作網頁式簡報的應用
|
第8堂
|
響應式網頁設計
|
響應式網頁設計(Responsive Web Design)的概念,將網站加入Bootstrap,建置為RWD網頁架框
|
第9堂
|
實作RWD的網站
|
將前面幾堂課程所建置的網站,修改為響應式網站
|
第10堂
|
jQuery簡介
|
jQuery的介紹及範例應用
|
第11堂
|
網站上傳
|
做好要放在網路上讓訪客瀏覽,需要什麼樣的環境?建置的方式?如何上傳?我們會在這堂課程說明
|
第12堂
|
期末成果發表
|
學員將製作的網頁成果上傳至主機,進行成果發表
|
課程材料/
用品
|
講師準備
|
|
學員自行準備
|
筆電
|
材料費小計(元/人)
|
|