網頁設計課程講義

Final Assignment

學期作業說明

從網站企劃到實作，製作RWD Oneoage網站，以個人網站、作品集、自訂有興趣的等主題製作。

平時作業及出席表現
期中發表
期末發表與展覽

網頁設計｜學期作業說明

從網站企劃到實作，製作RWD Oneoage網站，以個人網站、作品集、自訂有興趣的等主題製作，作品須原創，不可使用他人作品。請參考講義。

期中作業｜撰寫OnePage網頁企劃，制定企劃內容，請依項目修改為個人設定的內容，並依據網站風格及配色做企劃書之修改，更為詳盡的企劃方式，將於進階網頁設計中繼續進行。
請以個人網站、作品集、自訂有興趣的等主題製作，作品須原創，不可使用他人作品。需參照上課範例。

平時作業｜作業一｜html+css練習｜歌詞排版

第4週繳交

  • 請參考[講義]製作說明製作。
  • 在title的部分打上『歌詞名稱』。
  • 自行選擇兩首歌詞，設定歌詞風格，依照所設定風格進行配色。
  • footer請設定個人的專屬版權聲明，並註明『本網頁為作業之用，如有侵權敬請告知』字樣。
  • 上傳至學校FTP
  • 網址為：https://my.cute.edu.tw/~學號/hw01
  • 作業重點：
    • 認識基礎html網頁架構、標題設定、連結設定。
    • 認識css基礎語法，利用單純色彩搭配字體，設計出具有符合歌詞意境的網頁。
    • 學習上傳自己製作的網頁到雲端空間，成為自己專屬的網頁。

學長姐作業參考

平時作業｜作業二｜html+css 進階練習｜歌詞排版

作業 2｜

第7週繳交

  • 請參考[講義] html-css基礎概念練習-歌詞篇製作說明 的步驟製作。
  • 請分別於兩首歌詞，加入CSS3視覺效果、jQuary動態效果、FontAwesome圖示字體等，
  • 設定出具有符合歌詞意境的網頁
  • 加入圖片、影片、及效果使其產生：透明感、漸層、陰影..等。
  • 上傳至學校FTP
  • 網址為：https://my.cute.edu.tw/~學號/hw02
  • 作業評分標準
    • 完成兩個檔案且分別設定符合要求的css，無錯誤，至少80分
    • 完成以上說明，並符合歌詞意境，設計符合設計美感，85分以上，優秀作品90分以上
    • 只完成一個檔案css設定，無錯誤，至多70分
    • 只完成一個檔案css設定，且有錯誤，至多60分
    • 完成兩個檔案，部分設定未符合要求，且有錯誤，至多70分

學長姐作業參考

學期作業

期末作業

第9，17週繳交

OnePage作業說明

  1. 請以個人網站、作品集、自訂有興趣的等主題製作，作品須原創，不可使用他人作品。
  2. 需參照上課範例。
  3. 需完成之製作項目：
    1. 完成網頁企劃書
    2. 製作『個人圖示favicon』、『LOGO』。
    3. 使用『圖示字體(icon font) Font Awesome』。
    4. 製作『輪播圖』。
    5. 了解『網頁格線概念』，並進行修改。
    6. 製作『相簿作品分類』，並進行修改。
    7. 製作『表格』，並進行修改。
    8. 製作『地圖』，並進行修改。
    9. 其他部分可替換文字或圖片修改，可選擇需要的部分即可。
    10. 請務必調整為與主題相符的色彩，以及調整字體、粗細等樣式設定，使修改之網站產生全新的風格與面貌，並與設定之網頁屬性相符。
    11. 需要連結的部分，請務必補上連結，每個連結都必須有作用。不必要的地方務必刪除，整個網站需無錯誤。
  4. 評分標準：
    1. 美感性與精緻性（配色、圖片、排版效果、字體調整、整體效果、擺脫原有的感覺、表現獨特風格）。
    2. 完整性（符合規定，且連結點選都完整）。
    3. 正確性（語法正確，不出錯、連結需完整）。
    4. 加分項（內容豐富且完整，超過規定的要求）。

學長姐作業參考

第9週繳交