網頁設計筆記

作業範例網址與檔案下載

1. 範例網址
2. 範例下載

請參考講義完成RWD｜OnePage一頁式網頁設計：

1. ［講義］RWD｜響應式網頁｜基本概念與實作方法｜OnePage概念篇
2. ［講義］OnePage 網頁｜網頁企劃
3. ［講義］OnePage 網頁｜實作解析(一）｜輪播圖｜Grid System格線系統
4. ［講義］OnePage 網頁｜實作解析(二）相片分類與燈箱效果｜地圖設定
5. ［講義］OnePage 網頁｜實作解析(三）表格設定
6. ［講義］RWD網頁解析｜Google Fonts 網路中文字型

OnePage作業說明

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

---

重點加分項目：除了上課範例外，可參考其他版型，挑選一適合的版型，製作另一個新主題的OnePage網頁。

有額外製作另一網頁的同學，總分額外加5-10分。

參考版型

1. RWD｜範本｜Template｜下載
2. OnePage參考範例下載

---

學長姐範例

自我介紹

1. 陳彥慈的作品集
2. 有顏色的葉子
3. My forest

景點介紹

1. IN THE MOON
2. Okinawa
3. 青青踏踏遊玩誌
4. Taichung
5. IN THE MOON

寵物｜遊戲｜介紹

1. French Bulldog
2. 魔女手冊
3. 糖份家
4. 貓貓的奇幻世界
5. 動物森友會
6. 小雅的遊戲寶箱

藝人介紹

1. ABOUT ONE
2. Tae Hyung

專案應用｜

1. 中國科大規劃與設計學院4E計畫成果
2. 發現邊境小鎮-文化創意產業扶植計畫
3. 生猛師父｜大師工作營活動網站

1. 請分別點選作業連結，並回覆 ｜ 北視傳【 OnePage作業 】｜ 竹視傳【 OnePage作業 】｜
2. 製作完畢請上傳FTP，資料夾命名：onepage。
   
FTP設定：
1. 主機名稱: my.cute.edu.tw
2. 使用者: 學號
3. 密碼: 單一入口密碼
4. 第一次登入，須建public_html目錄，請將網頁資料置於該目錄內，方能成為網站。
這個作業的網址則為：http://my.cute.edu.tw/~1095445XXX/onepage
3. 請回覆於作業文章
1. 作業網址 ：
請複製連結，記得修改學號。

---

2. 企劃書網址：
請複製連結，記得修改為Figma企劃書網址。
3. 參考之版型網址：
4. 製作時間:
5. 製作心得:
4. 發表時間：每位同學限制約五分鐘內，簡潔扼要為主。

[OnePage] 實作解析 | 輪播圖 | 網格系統

https://youtu.be/3ffLSFo7VQo

---

---

[OnePage] 實作解析 | Table | 表格設定

https://youtu.be/ST2gCXo306k

---

---

[OnePage] 實作解析 | 網頁企劃

https://youtu.be/1etKtul9Y-0

---