網頁設計筆記

網頁設計進階筆記

講義單元與作業連結區

本課程之講義與作業列表

講義單元與作業連結區


【作業00】網頁設計課前準備與基本認識

為了讓大家更快的進入這門課程,更好的學習網頁設計,請大家在一開始先完成作業任務!

請分別點選作業連結,並回覆 | 北視傳【作業00】 竹視傳【作業00】

【講義01】html-css基礎概念練習-歌詞篇/基本架構/換行/標題/超連結

【歌詞範例】
認識基礎html網頁架構、標題設定、連結設定。並瞭解css基礎語法,利用單純色彩搭配字體,設定設計出具有符合歌詞意境的網頁。

請分別點選作業連結,並回覆 | 北視傳【作業01】 竹視傳【作業01】

【講義02】header/nav/LOGO設計與導覽列設定/main/table

【作業02】範例
期中作業的前置階段,主要設定header中的LOGO設計與導覽列設定,以及main區塊內table表格的基本設定。

請分別點選作業連結,並回覆 | 北視傳【作業02】 竹視傳【作業02】

【期中講義|作業】onepage/main/article/section/圖文編排區塊單元/錨點連結/

【期中作業】範例

期中範例| 自我介紹 1自我介紹 2自我介紹 3偶像介紹 1偶像介紹 2偶像介紹 3偶像介紹 4遊戲介紹製作蛋糕漫威介紹

自選主題,製作簡易的一頁式網頁(One Page Web),將重點集結於一頁介紹。

請分別點選作業連結,並回覆 | 北視傳【期中作業】 竹視傳【期中作業】

【講義03】期末作業首頁設計/table練習/圖文編輯

【作業03】範例
為期末作業首頁設計,首頁內容通常包含整個網站的概述與精華內容統整。

請分別點選作業連結,並回覆 | 北視傳【作業03】 竹視傳【作業03】

【講義04】次頁設計/圖文列表練習

【作業04】範例
為期末作業首頁設計,首頁內容通常包含整個網站的概述與精華內容統整。

請分別點選作業連結,並回覆 | 北視傳【作業04】 竹視傳【作業04】

【期末講義|作業】多頁專題網站設計

【期末作業】範例

期末範例:自我介紹 1自我介紹 2景點介紹 1景點介紹 2偶像介紹 1偶像介紹 2偶像介紹 3時尚介紹

利用本學期所學之技巧及功能,自選主題,製作多頁專題網站。

請分別點選作業連結,並回覆 | 北視傳【期末作業】 竹視傳【期末作業】