作業列表
作業00｜網頁設計課前準備與基本認識
- 網頁設計課前準備與基本認識
- 為了讓大家更快的進入這門課程，更好的學習網頁設計，請大家在一開始先完成作業任務！
- 請點選講義連結，並完成任務｜ 網頁設計前置準備篇｜
作業01｜html-css基礎概念練習-歌詞篇/基本架構/換行/標題/超連結
作業02｜CSS3｜jQuary｜FontAwesome｜練習
請參考講義：
- ［作業二語法解析］jQuery動態網頁｜CSS3語法｜圖示字體｜初探
- ［講義06］jQuery動態網頁初探
- ［講義07］使用圖示字體(icon font) Font Awesome
- ［講義08］CSS進階語法補充
參考作業範例並完成以下項目：
- 【作業02｜範例】。【作業02｜同學範例】。【作業02｜學長姐範例】
- 認識｜CSS3｜jQuary｜FontAwesome｜設定設計出具有符合歌詞意境的網頁，加入圖片、影片、Tabs、及效果使其產生：透明感、漸層、陰影..等。
- 請分別點選作業連結，並回覆 ｜ 北視傳【作業02】｜ 竹視傳【作業02】｜
RWD｜OnePage一頁式網頁設計
作業範例網址與檔案下載
請參考講義完成RWD｜OnePage一頁式網頁設計：
- ［講義］RWD｜響應式網頁｜基本概念與實作方法｜OnePage概念篇
- ［講義］OnePage 網頁｜網頁企劃
- ［講義］OnePage 網頁｜實作解析(一）｜輪播圖｜Grid System格線系統
- ［講義］OnePage 網頁｜實作解析(二）相片分類與燈箱效果｜地圖設定
- ［講義］OnePage 網頁｜實作解析(三）表格設定
- ［講義］RWD網頁解析｜Google Fonts 網路中文字型
OnePage作業說明
- 請以個人網站、作品集、自訂有興趣的等主題製作，作品須原創，不可使用他人作品。
- 需參照上課範例。
- 需完成之製作項目：
- 完成網頁企劃書
- 製作『個人圖示favicon』、『LOGO』。
- 使用『圖示字體(icon font) Font Awesome』。
- 製作『輪播圖』。
- 了解『網頁格線概念』，並進行修改。
- 製作『相簿作品分類』，並進行修改。
- 製作『表格』，並進行修改。
- 製作『地圖』，並進行修改。
- 其他部分可替換文字或圖片修改，可選擇需要的部分即可。
- 請務必調整為與主題相符的色彩，以及調整字體、粗細等樣式設定，使修改之網站產生全新的風格與面貌，並與設定之網頁屬性相符。
- 需要連結的部分，請務必補上連結，每個連結都必須有作用。不必要的地方務必刪除，整個網站需無錯誤。
- 評分標準：
- 美感性與精緻性（配色、圖片、排版效果、字體調整、整體效果、擺脫原有的感覺、表現獨特風格）。
- 完整性（符合規定，且連結點選都完整）。
- 正確性（語法正確，不出錯、連結需完整）。
- 加分項（內容豐富且完整，超過規定的要求）。
- 請分別點選作業連結，並回覆 ｜ 北視傳【 OnePage作業 】｜ 竹視傳【 OnePage作業 】｜
重點加分項目：除了上課範例外，可參考其他版型，挑選一適合的版型，製作另一個新主題的OnePage網頁。
有額外製作另一網頁的同學，總分額外加5-10分。
參考版型
學長姐範例
自我介紹
景點介紹
寵物｜遊戲｜介紹
藝人介紹
