[期中作業]RWD-OnePage網頁實作/slider/Grid system/相簿/地圖

1. 參照 
[講義] RWD-OnePage網頁實作解析(一)輪播圖-Grid System格線系統


[講義] OnePage網頁實作解析(一)輪播圖-Grid System格線系統


[hr]

https://youtu.be/BrslTed-BB4

Edited 3 time(s). Last edit at 11/01/2019 03:01PM by JinJin.

(編輯記錄)

(1) 作業網址 ：http://file.mepopedia.com/~css108a/midterm/midterm-1075445036
(2) 參考之版型網址： http://mepopedia.com/~jinjin/ex/onepage/
(3) 設計主題 / 風格：貓咪餐廳 / 文青
(4) 導覽列項目： 首頁、關於、服務、菜單、景觀、地圖
(5) 遇到之問題: 完成了 但有BUG好難過，作了3天3夜黑眼圈超嗨
BUG在轉換圖片的那部分
(6) 製作時間: 無上限
(7) 製作心得:做得心被擊敗



(編輯記錄)

(1) 作業網址 ：http://file.mepopedia.com/~css108a/midterm/midterm-1075445075
(2) 參考之版型網址： http://mepopedia.com/~jinjin/ex/onepage/
(3) 設計主題 / 風格：個人網頁 / 文青
(4) 導覽列項目： 首頁、關於、如何找到我、關於我們
(5) 遇到之問題: 顏色還沒改完，用舊版好難做，做到心好累
(6) 製作時間: 還沒做完 還在持續中
(7) 製作心得:心累卻還沒全部完成

(1) 作業網址 ：http://file.mepopedia.com/~css108a/midterm/midterm-1075445037
(2) 參考之版型網址： http://mepopedia.com/~jinjin/ex/onepage/
(3) 設計主題 / 風格：個人網頁 / 簡約
(4) 導覽列項目： 首頁、關於、床邊故事、照片、地圖
(5) 遇到之問題: 我要摸索很久、還有我眼睛好痛來不及做完
(6) 製作時間: 還要繼續做但我眼睛可能需要休息一下
(7) 製作心得:眼睛真的很痛

(1) 作業網址 ：http://file.mepopedia.com/~css108b/midterm/midterm-1075445073
(2) 參考之版型網址：http://mepopedia.com/~jinjin/ex/onepage/
(3) 設計主題 / 風格：粉嫩
(4) 導覽列項目：首頁/關於追星/音樂節目/追星歷程/團體/地圖
(5) 遇到之問題:有時候圖片讀不出來，要嘗試幾次
(6) 製作時間:一整天
(7) 製作心得:雖然圖片置入有點麻煩，但做完很有成就感

(1) 作業網址 ：http://file.mepopedia.com/~css108a/midterm/midterm-1075445045
(2) 參考之版型網址：http://mepopedia.com/~jinjin/ex/onepage/
(3) 設計主題 / 風格：旅行/輕鬆看起來舒服的湖水綠風格
(4) 導覽列項目：HOME/ABOUT/TRAVEL/PHOTO/WONDERLAND/OUTSET
(5) 遇到之問題:圖片跑掉原來是沒改css、icon部分還沒做完而且不太會做Font Awesome圖示字體
(6) 製作時間:6天
(7) 製作心得:還沒有做完!!



(編輯記錄)

(1) 作業網址 ：http://file.mepopedia.com/~css108a/midterm/midterm-1075445005
(2) 參考之版型網址： http://mepopedia.com/~jinjin/ex/onepage/
(3) 設計主題 / 風格：法鬥
(4) 導覽列項目： 首頁、關於、瞭解、照片、網紅、地圖
(5) 遇到之問題: 標題不知道為什麼不能變顏色
(6) 製作時間: 無上限
(7) 製作心得:這次的網頁太多語法 眼睛要爛了

(1) 作業網址 ：http://file.mepopedia.com/~css108a/midterm/midterm-1075445023/
(2) 參考之版型網址： http://mepopedia.com/~jinjin/ex/onepage/
(3) 設計主題 / 風格：自我介紹 / 橘色
(4) 導覽列項目： 首頁 自我介紹 課程領域 我的作品 個人分享 學校地址
(5) 遇到之問題: 看不到輪播圖和圖片
(6) 製作時間: 快兩個禮拜
(7) 製作心得:覺得超難的



(編輯記錄)

(1) 作業網址 ：http://file.mepopedia.com/~css108a/midterm/midterm-1075445015
(2) 參考之版型網址： http://mepopedia.com/~jinjin/ex/onepage/
(3) 設計主題 / 風格：偶像/暗色
(4) 導覽列項目： 首頁、關於、認識他、照片、官方、地圖
(5) 遇到之問題: 覺得很多細節要處理很麻煩、而且蠻多看不懂的
(6) 製作時間: 無上限
(7) 製作心得:做到很累

(1) 作業網址 ：http://file.mepopedia.com/~css108a/midterm/midterm-1075445007
(2) 參考之版型網址： http://mepopedia.com/~jinjin/ex/onepage/
(3) 設計主題 / 風格：個人網頁 / 自然又簡約
(4) 導覽列項目： 首頁 / 關於 / 了解 / 圖片 / 地圖
(5) 遇到之問題: 需要一直看教學一直問人不然真的看不懂
(6) 製作時間: 兩天(有點趕出來的) 沒有很完整做完
(7) 製作心得:心很累，難到爆炸，要一直思考一直找，程式碼太多，有時候會不小心改錯地方

(1) 作業網址 ：http://file.mepopedia.com/~css108a/midterm/midterm-1075445085
(2) 參考之版型網址：http://mepopedia.com/~jinjin/ex/onepage/
(3) 設計主題 / 風格：芮瑄的個人檔案簿/簡明、一點陰鬱
(4) 導覽列項目：首頁/關於我/專業領域/作品欣賞/個人分享
(5) 遇到之問題:蠻多問題，例如圖片跑不出來。
(6) 製作時間:4到5天
(7) 製作心得:東西很多有點複雜，我電腦的是cs6要找錯誤很難找，常常找很久。希望能越來越熟練。