Re: [期末作業] 多頁專題網站設計

1. 製作RWD｜多頁專題網站設計

---

1.參照講義製作
［講義］RWD網頁複習｜HTML引用公共佈局(多個HTML共用HEADER與FOOTER)｜斷點 (BREAKPOINTS)｜計數器｜FONT AWESOME 6.1.1
［講義］多頁網頁編輯 (一)｜NAVIGATION｜ MENU ｜ VIDEO
［講義］多頁網頁編輯 (二)｜介紹頁面《關於我們》｜ 頂圖微動畫設定
［講義］多頁網頁編輯 (三) 網頁架構 ｜ 列表頁 ｜ 內容頁
［講義］多頁網頁編輯 (四) 相簿設定 ｜ 聯絡我們

---

2. 作業說明

1.請以期中企劃為主，繼續完成網站，作品須原創，不可使用他人作品。

2.參照上課範例，或其他免費版型(但須至少符合以下項目)，挑選一適合期末作業主題的版型，結合選擇之版型製作。

3.每週皆有製作進度，請至Moodle繳交。

4.需完成之製作項目：
(1) 完成網頁企劃書，期中企劃修改，上傳至Moodle。
(2) 製作『個人圖示favicon』、『LOGO』。
(3) 使用『圖示字體(icon font) Font Awesome』。
(4) 依據範本替換文字或圖片修改，可選擇需要的部分即可。
(5) 針對企劃書方向，完成一個專業RWD多頁網站｜至少10頁（基本70分，並依團隊人數斟酌給分）
(6) 製作『首頁影片』、『微動圖』等頂圖效果，不限制，依設計需求。
(7) 製作『介紹頁面』，並進行修改。
(8) 製作『列表頁』以及『內容頁（文章頁）』，不限定類型，依設計需求。
(9) 製作『相簿』，並進行修改，不限定類型，依設計需求。
(10) 製作『網站架構圖』。
(11) 請務必調整為與主題相符的色彩，以及調整字體、粗細等樣式設定，使修改之網站產生全新的風格與面貌，並與設定之網頁屬性相符。
(12) 需要連結的部分，請務必補上連結，每個連結都必須有作用。不必要的地方務必刪除，整個網站需無錯誤。

---

3. 評分標準：

1.美感性與精緻性（配色、圖片、排版效果、字體調整、整體效果、擺脫原有的感覺、表現獨特風格）。
2.完整性（符合規定，且連結點選都完整）。
3.正確性（語法正確，不出錯、連結需完整）。
4.加分項（內容豐富且完整，超過規定的要求）。

---

4.製作完畢請上傳FTP，資料夾命名為英文：請依主題自行命名。

請回覆於作業文章
：
(1)網站主題：
(2)作業網址 ：
<a href="http://my.cute.edu.tw/~1095445XXX/OOO" target="_blank">[期末作業] 多頁專題網站設計</a>
每組除上傳外，並需至Moodle繳交資料夾壓縮檔
(若無法上傳，請註明)
(3)原有網站網址：
(4) 參考之版型網址：
(5) 製作時間:
(6) 製作心得:
(7) 組員分工 (個人組不需填寫)

班級，學號



(編輯記錄)

(1) 作業網址 ：[期末作業] 多頁專題網站設計-好了啦紅茶冰

(2) 參考之版型網址：[參考版型] PetVet

(3) 製作時間：2022/05/28

(4) 老師意見與實際修改說明：

Q1：在”關於好了啦”中的第三個區塊(顧客回饋)原有標示「來自XXX的留言」，老師建議將該文字連結到具體留言之網頁
A1：因為網頁內多數東西都是模擬虛構的，無真實連結可考，故移除此項，以免誤導觀眾。

Q2：老師建議在”新品推薦”中的每樣新品可以做獨立介紹頁面。
A2：以新增，共五頁，並將連結設在圖片上，較直觀。

Q3：老師建議此網頁為虛構，不宜在聯絡加盟頁面設立聯絡表單。
A3：已移除，但空間略為簡略，故新增加盟方案與加盟辦法圖片。

Q4：老師建議於頁尾處加上作業聲明。
A4：以新增，並於寫信兩字上製作ToMail的超連結，連結為真。

(5) 製作心得：這次相對基礎網頁要做一個一頁式網站來的複雜也龐大，一開始我們組內就不想只是用老師給的模板修改，就先用COCO的官網作為示範，結果雖然還原度不高但一起完成這個作業真的蠻開心的~

(6) 組員分工：
尤姿又：統籌小組進度，推動會議進程，蒐集各部門檔案彙整。
鄭宇軒：網頁代碼編輯，統整所有檔案，上傳網頁至學校平台。
周家綺：網頁圖片設計，編輯網頁圖案。
賴冠予：網頁圖片設計，編輯網頁圖案。



以上，拜託歐趴工作室
計畫主持人：
1091445017｜尤姿又
團隊成員：
1091445009｜周家綺
1091440068｜鄭宇軒
1091445063｜賴冠予



(編輯記錄)

(1) 作業網址 ：
[期末作業] 多頁專題網站設計

每組除上傳外，並需至Moodle繳交資料夾壓縮檔
(若無法上傳，請註明)

(3) 參考之版型網址：無
(4) 製作時間:五月
(5) 製作心得:在做的過程中，蠻困難的，還好老師都很耐心回答跟講解，謝謝老師。

視傳2A，1091445069



(編輯記錄)

(1) 作業網址 ：
[期末作業] 多頁專題網站設計

已上傳，網址為：http://jinjin.mepopedia.com/~jinjin/wd/famille/

(3) 參考之版型網址：http://jinjin.mepopedia.com/~jinjin/web-design/web-05.html
(4) 製作時間:2020/5/29
(5) 製作心得:製作上遇到很多困難，除了看teams的錄影之外還有上網查資料，在顏色改變上是我覺得最困難的，但做完整個網頁後瀏覽下來是很有成就感的，感謝老師辛苦教導。

班級，學號
視傳2A
1091445049 吳雨瞳
1091445077 張簡婉藝
1091445091 黃佳玗



(編輯記錄)

MEPOERs said:

(1) 作業網址 ：
[期末作業]某寵物

網址：http://jinjin.mepopedia.com/~jinjin/wd/pet/

(3) 參考之版型網址：https://www.ladyflavor.com/?gclid=CjwKCAjws8yUBhA1EiwAi_tpEVluOJ6-Sr3MaEqcQjSm_V_ji7_-oFYsEUGnfKnTDADry2_2JGJqYhoCxG8QAvD_BwE
(4) 製作時間:一整個學期
(5) 製作心得:一開始覺得這次的作業應該跟上學期的網頁製作一樣，到上課期間，新講了好多的東西，有點接收不來，製作網頁過程雖然有遇到許多問題，但同組組員互相找資料互相幫忙提升效率，這次製作網頁學到許多新的知識。

視傳2A
1091445095宋琇妤
1091445099高奕馨
1091445143張杰超
1091443083鄭子祥
1091440067沈木堂



(編輯記錄)

(1) 行天宮作業網址
[期末作業] 多頁專題網站設計
http://jinjin.mepopedia.com/~jinjin/wd/htk/

已上傳，網址為：file:///C:/Users/snack/OneDrive/%E6%A1%8C%E9%9D%A2/final/final-temp/index.html

(3) 參考之版型網址：file:///C:/Users/snack/OneDrive/%E6%A1%8C%E9%9D%A2/final/final-temp/index-.html
(4) 製作時間:2020/5/30
(5) 製作心得: 這次網頁設計課程真的比上學期難非常多，上學期的one page就像一片蛋糕一樣，這學期的Rwd 互動式網頁跟一整塊蛋糕一樣，一開始在製作時真的卡了好多關，還好有王老師細心指導我們製作RWD網站，不然我們真的製作不出來，謝謝老師不管平日還是假日都會馬上回覆我們，為我們解惑。

班級，學號
視傳2B
1091445008彭丞育
網頁製作
企劃書製作
資料收集


1091445016 李泰霆
網頁製作
資料收集
Logo設計

1091445060丁冠誌
網頁製作
最後統整
企劃書製作



(編輯記錄)

(1) 作業網址 ：http://jinjin.mepopedia.com/~jinjin/wd/boynsnake/home.html

(3) 參考之版型網址：http://jinjin.mepopedia.com/~jinjin/web-design/rwd-temp/76%20humanity/index.html
(4) 製作時間:2022/5/30
(5) 製作心得:製作時有很多困難，花了不少時間在teams看錄影和上網找資料。


班級，學號
數媒2B, 1091448120



(編輯記錄)

(1) 作業網址 ：

[期末作業]50嵐改造企劃
[期末作業] 多頁專題網站設計

http://jinjin.mepopedia.com/~jinjin/wd/50/

(3) 參考之版型網址：0-trim(老師給的版型)
(4) 製作時間:一整個學期
(5) 製作心得:這次的網頁設計跟上學期的比差距很大，要學的東西一瞬間變了很多，在這次期末作業的製作過程中，也遇到了許多的問題，但在老師的細心教導下，都會一一解決，這學期學到了很多。

視傳2B
1091445012鄭蕎萱
1091445032吳旻玲



(編輯記錄)

請回覆於作業文章
：
台中市立圖書館
[期末作業] 多頁專題網站設計
老師~無法上傳FZ，檔案已上傳至moodle，謝謝老師!
http://jinjin.mepopedia.com/~jinjin/wd/twhz/

(3) 參考之版型網址：老師授課提供版型
(4) 製作時間:一學期
(5) 製作心得:很難，過程中也遇到許多問題，但是真正做出來時非常有成就感。



視傳2B
1091445024許嘉芸
1091445023張以慈




Edited 1 time(s). Last edit at 05/30/2022 09:43AM by JinJin.



(編輯記錄)

(1) 作業網址 ：Morinaga

(2) 參考之版型網址：[參考版型] Morinaga日本官網

(3) 製作時間：期中後每日一點，做的自閉了就稍微休息。斷斷續續做到今天(6/03)上傳。

(4) 製作心得:

心累是一定的但製作完看到成品也是很有成就感，大家各司其職最後合併再一起感到開心及滿足。是個收穫滿滿的作業。

計畫主持人：
1081445014｜蔡思婷
團隊成員：
1091445061｜林亮妤
1091440095｜胡馨方



(編輯記錄)

(2) 成品連結: [期末作業] 多頁專題網站設計
(3) 參考之版型連結: 參考之版型網站
(4) 製作時間:4/27~6/3
(5) 製作心得:這次跟上學期不同的地方是，這學期製作的網頁感覺是真實網頁一般，這次比較難的是多頁網站的設計，太多東西很容易搞混，也把瀏覽人數以及加上Google GA讓網頁更有真實感，我們開學就在討論視覺安排，結果還是很久才做完，組員們一次一次討論跟修改，才有現在的成果，謝謝老師都細心地跟同學講解，雖然我覺得網頁還是很難，一堆看不懂的代碼，但也因為這樣會上網查不同的功能加在本次作業中。
(6) 組員分工 (個人組不需填寫)
組員:
1091445124 張品慈-工作內容:視覺畫面設計安排、企劃書word、網頁製作、資料整理、檔案確認
1091445070 陳奕錡-工作內容:視覺畫面設計安排(AI設計)、PPT製作、資料整理、圖表、檔案確認
1091445102 趙羽喬-工作內容:視覺畫面設計安排(AI設計)



(編輯記錄)

南風澳
(1) 作業網址 ：
[期末作業] 多頁專題網站設計

老師不好意思我無法將網站上傳到filezilla，因為是大四生所以moodle帳號被刪除，檔案已傳到雲端!
https://drive.google.com/drive/folders/1wA3UzDEUwtHVTz50kvgo7IIF7Wp3TyYf?usp=sharing

已上傳：http://jinjin.mepopedia.com/~jinjin/wd/nanfangao/

(3) 參考之版型網址：http://jinjin.mepopedia.com/~jinjin/web-design/final-temp/
(4) 製作時間:5/2-6/4的每個上課時段，在6/4完成
(5) 製作心得:一開始覺得跟之前的onepage差不多，但多少還是有點落差，在製作分頁的時候很容易搞錯檔案、連結錯誤，做錯的時候又重開看了上課的影片，和上網找資料，完成整個網頁很有成就感。

(6) 組員分工 (個人組不需填寫)

視傳4B，1071446114



(編輯記錄)

(1) 作業網址 ：
[某寵物] 多頁專題網站設計

已上傳：http://jinjin.mepopedia.com/~jinjin/wd/pet/

(3) 參考之版型網址：suitcase (老師提供網站
(4) 製作時間:一整個學期
(5) 製作心得:一開始覺得這次的作業應該跟上學期的網頁製作一樣，到上課期間，新講了好多的東西，有點接收不來，製作網頁過程雖然有遇到許多問題，但同組組員互相找資料互相幫忙提升效率，這次製作網頁學到許多新的知識。

視傳2A
1091445095宋琇妤
1091445099高奕馨
1091445143張杰超
1091443083鄭子祥
1091440067沈木堂



(編輯記錄)

可樂旅遊
[期末作業] 多頁專題網站設計

已上傳：http://jinjin.mepopedia.com/~jinjin/wd/cola/

(2)雲端網址:https://drive.google.com/drive/folders/1k094aZI5fkkJP9Gt9o4bKf0UxS_mc5_6?usp=sharing
(3) 參考之版型網址：http://jinjin.mepopedia.com/~jinjin/web-design/final-temp/
(4) 製作時間:三個禮拜
(5) 製作心得: 東西很多很雜 很容易搞混這個需要較多時間才能完成 時常感到挫折
(6) 組員分工
視傳2A
學號｜姓名:1091445113徐翊甄(網頁整體架構)
團隊成員：
學號｜姓名
1091445025 吳翊綺(找資料、協助調整)
1091445041 徐筱茵(網頁整體架構)
1091445043 鄭芊君(找資料、協助調整)
1091445071 丁于晏(找資料、協助調整)



(編輯記錄)

1) 作業網址 ：
[期末作業] 多頁專題網站設計

每組除上傳外，並需至Moodle繳交資料夾壓縮檔
(若無法上傳，請註明)

(3) 參考之版型網址：file:///C:/Users/97098/AppData/Local/Temp/Rar$EXa25940.7287/final-temp/index.html
(4) 製作時間: 兩週
(5) 製作心得:index的部分區塊比較難摸索，其他分頁有概念的話都很好摸索學習。檢查很重要，不然找程式碼會找很辛苦，contact的色塊設定比較難找，還有網站連結比較難處理。
(6) 組員分工
1091445002 黃之瀅 網站首頁模擬圖50%，期中首頁架構修改，企劃書word及ppt製作，網站架構圖修改，網站架構修改及後台維護 10%，網站首頁製作及分頁製作 40%
1091445096 林祐瑄 網站首頁模擬圖50%，期中首頁製作，網站架構圖2張及相關企劃書表格製作2張，網站首頁製作及分頁製作 50%

視傳2B，1091445002 黃之瀅
視傳2B，1091445096 林祐瑄



(編輯記錄)

(1) 作業網址 ：http://jinjin.mepopedia.com/~jinjin/wd/50P/

[期末作業]50嵐網頁改造企劃
[期末作業] 多頁專題網站設計

老師不好意思，沒有辦法上傳FZ，檔案已上傳moodle，謝謝老師!
已上傳

(3) 參考之版型網址：file:///C:/Users/User/Desktop/%E7%B6%B2%E9%A0%81%E8%A8%AD%E8%A8%88/50%E5%B5%90/index.html
這是自己電腦的連結

(4) 製作時間:一整個學期
(5) 製作心得:這次做得網頁比上學期難太多了，要確保每一個網址都是對的都有對到，在老師的細心教導下終於一頁一頁的把網站製作完成了。
(6) 組員分工 (個人組不需填寫)
視傳2B
1091445036李念恩:網頁首頁排版製作、網頁製作
1091445068詹怡均:企劃書與所需圖製作、網頁所需文案蒐集
1091445104陳宥如:企劃書製作、網頁所需圖片與文案收集
1091445140黃啟軒:ppt製作、報告



(編輯記錄)

LUCKY GIFT
(1)作業網址 ：
[期末作業] 多頁專題網站設計

無法上傳FZ，已上傳Moodle，謝謝老師~
已傳：http://jinjin.mepopedia.com/~jinjin/wd/luckygift/

(2) 參考之版型網址：http://jinjin.mepopedia.com/~jinjin/web-design/final-temp/
(3) 製作時間：1個月
(6) 製作心得：主頁設計真的太麻煩了，但我覺得最困難是分頁之間有些顏色設定是公用的，在這塊花了很多時間，但也學習了很多，很有成就感~

視傳2A，1081445108



(編輯記錄)

男子與蛇
(1)作業網址 ：
[期末作業] 多頁專題網站設計

(2) 參考之版型網址：https://www.facebook.com/
(3) 製作時間：1個月
(4) 製作心得：花太多時間在處理問題了，導致製作時間趕不上，網站做到一半請見諒

數媒1B，1101448056



(編輯記錄)

(1) 作業網址 ：[期末作業] 國立海洋生物博物館設計提案

(2) 參考之版型網址：國立海洋生物博物館

(3) 製作時間：兩個月

(4) 製作心得：這次網頁製作比起以往相當的花時間，加上已有段時間沒有碰過Dreamweaver ，導致想要重現期中視覺提案上的問題比較多，雖然製作不如預期，但還是收穫很多，加上老師用心的課程教學，循序漸進的引導與說明，學到了很多有關製作網頁的知識，讚讚～謝謝老師。
這學期最後一個作業也終於完成！要畢業了，老師再見886㋡

(5) 組員分工：
曾婷婷：視覺設計，網頁設計，網頁架構設計，figma製作
邱名遠：網頁編輯，網頁製作，文案撰寫，資料彙整



班級，學號
視傳4A
1071445148 邱名遠
1071445157 曾婷婷

(1)網站主題：三支雨傘標
(2)作業網址 ：
[期末作業] 多頁專題網站設計

本組無法上傳至學校my.cute網址
已上傳網址：http://jinjin.mepopedia.com/~jinjin/wd/daiyu/

(3) 原有網站網址：http://www2.showbox.com.tw/Daiyu/_bin/
(4) 參考之版型網址：http://jinjin.mepopedia.com/~jinjin/web-design/final-temp/
(5) 製作時間:2-3天
(6) 製作心得:
在製作過程中，超多不會的地方，有看老師的講義、遠距教學的路影片，一步一步慢慢的完成，也謝謝老師認真的指導。
(7) 組員分工
周妤忻：網頁代碼編輯，統整所有檔案，上傳網頁至學校平台。
方紫衣：蒐集各部門檔案彙整。
張欣怡：網頁圖片設計，編輯網頁圖案。
林嘉芸：網頁圖片設計，編輯網頁圖案。
黃彥慈：蒐集各部門檔案彙整。


視傳2B，1091445014 ，周妤忻



(編輯記錄)

(1) 北投慈后宮
作業網址 ：
[期末作業] 多頁專題網站設計

網址:https://drive.google.com/drive/folders/1mc4u8-5SKEylAyEDulnWYU6NT9EgsXrK?usp=sharing

原網址：原網址

(3) 參考之版型網：參考老師範例模板
(4) 製作時間:2022/5/16~6/5
(5) 製作心得:製作過程中遇到一些瓶頸，不過和組員的分工合作算是盡力的完成這次的期末作業。雖然疫情的關係導致上課的困難變多，但是老師還是很鍥而不捨，每次下課之後都歡迎同學提出意見與問題，非常感謝老師的教導。這次課程收穫得比以前更多了!
(6)組員分工
視傳3A 1081445124 許珉瑄 :各自都有分配到
視傳3B 1081445036 林逸萱:各自都有分配到
1081445111許宸語:各自都有分配到

視傳3A 1081445124 許珉瑄 (組長)
視傳3B 1081445036 林逸萱
1081445111許宸語



(編輯記錄)

參考之版型:https://www.starbucks.com.tw/home/index.jspx?r=3

期末作業: Flash coffee 改造企劃 http://jinjin.mepopedia.com/~jinjin/wd/flash/portfolio.html

製作時間: 從期中~至今

製作心得: 這次的期末作業，是從期中延伸至期末，在製作過程中闖過了重重重難關。參考其他網頁並且嘗試將其他網頁的格式製作出來並且將bug排除的過程十分有趣，雖然在搬運資訊的過程非常繁瑣，尤其是菜單的份量十分的多，但是最後真的把網站完整的做出來時非常的有成就感

組員分工

1091445026李嘉芸
企劃書製作
資料整理
網頁編輯
1091445038吳翊華
PPT製作
資料整理
菜單設計
1091445062吳馨怡
PPT製作
資料整理
網頁編輯

1091445080林思妤
企劃書製作
資料整理
菜單設計

1091445108藍奕玹
資料整理
網頁編輯
報告
統整檔案



(編輯記錄)

(1)網站主題：台南旅遊網
(2)作業網址 ：
[期末作業] 台南旅遊網
(3)原有網站網址：http://tainan.tranews.com/
(4) 參考之版型網址：http://jinjin.mepopedia.com/~jinjin/web-design/final-temp/index.html
(5) 製作時間:三個禮拜
(6) 製作心得:這次相對基礎網頁要做一個一頁式網站來的複雜，所以我們選擇用老師給的模板修改，過程中遇到很多問題，例如:照片修改，擺放位置，但最大的問題還是最後的網址上傳，上傳後的結果跟我們在DW預覽的結果落差很大。
(7) 組員分工:
討論修改方案：吳韻慧、徐鐿芸、林昀萱、陳沛欣
製作企劃書：吳韻慧、徐鐿芸、林昀萱
網頁RWD設計 ：吳韻慧、徐鐿芸、林昀萱、陳沛欣
Ppt製作：陳沛欣
提案報告：陳沛欣

團隊成員:1091445054吳韻慧，1091445082林昀萱，1091445090徐鐿芸，1091445118陳沛欣

MEPOERs said:

(1) 作業網址 ：無法上傳FZ，已上傳Moodle

(2) 參考之版型網址：[參考版型] 老師給予之範本

(3) 製作時間：2022年05月到6月初

(4) 製作心得：我是依照老師的版型去製作，對於其他同學來說想對簡單，但對於我來說，想當困難，但完成一個網頁的興奮感，和成就感是令人愉悅的，這次的學習也讓我學習到很多，很開心能完成這個項目。



(編輯記錄)

MEPOERs said:

(1)網站主題：臺北霞海城隍廟
(2)作業網址 ：
[期末作業] 多頁專題網站設計
(3)原有網站網址：http://www.tpecitygod.org/hot-news.html
(4) 參考之版型網址：http://jinjin.mepopedia.com/~jinjin/web-design/rwd-temp/0-trim/
(5) 製作時間:十一小時
(6) 製作心得:我覺得好困難...感覺手跟腰快斷了，很多內容需要蒐尋相關的教學才會修改，不過大部分靠自己摸索加上老師之前教過的知識，如果我早一點開始做，成果肯定會更，老師辛苦了...
(7) 組員分工
1091445004 楊凱恩:蒐集資料、簡報
1091445006 張榕芮:蒐集資料、企劃書
1091445052 劉韋彤:網頁設計、報告
視傳2B,1091445052



(編輯記錄)

MEPOERs said:

1)網站主題：衛生福利部疾病管制署
(2)作業網址 ： [期末作業] 多頁專題網站設計

無法上傳，已傳Moodle繳交資料夾壓縮檔
已傳：http://jinjin.mepopedia.com/~jinjin/wd/cdc66/

(3)原有網站網址：https://www.cdc.gov.tw
(4) 參考之版型網址： http://jinjin.mepopedia.com/~jinjin/web-design/final-temp/
(5) 製作時間: 一個月

(6) 製作心得:
雖然在製作的過程遇到很多瓶頸，但還算有理解。

(7) 組員分工 (個人組不需填寫)
李佩芸：網頁製作
李怡璇：網頁製作
林映均：網頁製作
張恩雨：企劃書製作
李品慧：

班級，學號
視傳2A 1091445067李佩芸
視傳2A 1091445019李怡璇
視傳2A 1091445065林映均
視傳2A 1091445047張恩雨
視傳2A 1091445097 李品慧



(編輯記錄)

(1)網站主題：國家兩廳院
(2)作業網址 ：
[期末作業] 多頁專題網站設計

(3)原有網站網址：http://jinjin.mepopedia.com/~jinjin/wd/1091445088/

(4) 參考之版型網址：(找不到當初的網址)使用老師提供之版型Snow-master
(5) 製作時間:上課時間+課後3小時
(6) 製作心得:這學期的網頁比上學期還要困難很多，不僅內容更加複雜，還要加上GA，加上因為是個人組沒人可以詢問，還有許多需要學習的地方。
(7) 組員分工:個人組
視傳2B 1091445088 白藝庭



(編輯記錄)

(1)網站主題：臺灣旅行趣
(2)作業網址 ：

[期末作業] 多頁專題網站設計

(3)原有網站網址：http://jinjin.mepopedia.com/~jinjin/wd/travel/

(4) 參考之版型網址：http://jinjin.mepopedia.com/~jinjin/web-design/final-temp/

(5) 製作時間: 整個學期
(6) 製作心得: 製作上相較於上個學期的個人網頁感到困難很多，因為這次的做出來就像真實有這個網站一樣，很多部分常常需要回去多看幾次影片才能理解，中間雖然有一點點削弱了自己對網頁製作的熱情，但還是覺得網頁設計很有趣，可以學到更多製作網頁上的細節之類的，會覺得很有成就感。

班級，學號
視傳2B
1091445040 呂惟甄
1091445042 陳玟君
1091445072 張芷珊



(編輯記錄)

(1)網站主題：小琉球旅遊資訊網頁
(2)作業網址 ：
[期末作業] 多頁專題網站設計 小琉球旅遊資訊網頁

每組除上傳外，並需至Moodle繳交資料夾壓縮檔
(若無法上傳，請註明)
(3)原有網站網址：https://liuqiu.pthg.gov.tw/liuqiu/web_tw.php
(4) 參考之版型網址：https://themewagon.com/themes/free-bootstrap-hotel-template-royal/
(5) 製作時間:每個禮拜3-5小時
(6) 製作心得:自己找版型來做比想像中的難，也沒想到一個網站的內容其實有超多的，一層又一層，2個人要完成一個完整的網站真的需要很多時間!!
(7) 組員分工
1091445078黃書勤 網站內容製作、logo設計
1091445086莊宜諠 資料收集、報告

班級視傳2B，學號1091445078 1091445086

(1) 作業網址 ：
[期末作業] 多頁專題網站設計
[檔案雲端連結]
[簡報 (fugma)]

(3) 參考版型：老師提供的模板 studio

(4) 製作時間：三個月

(5) 製作心得：
花了非常多的時間研究原本的中國科大網站，也分析出很細節的學校網站架構，資訊比我們一開始想像中的還要多很多，只可惜我們製作網頁的時間不太夠，也有很多能力不足，做不出來的效果跟功能，但還是有盡可能的把必要資訊全部還原出來！
比上一次做過的單一網站還要複雜，尤其是每個不同的頁面要連結到另一個頁面，思緒與邏輯要清楚才不會出差錯。這次有埋入先前學過的google analytics，真的是一個全方位的方便功能，能夠建立自己的後台，如果未來製作個人網站也可以運用到！

(6) 組員分工：
黃俐學：
製作時程規劃，網頁企劃書，整體架構規劃，埋入google analytics，資料與照片蒐集，考生、畢業生、家長、學務處、推廣進修、資訊服務、通識教育中心、學生作品、聯繫頁面製作。
盧毓庭：
網頁企劃書，首頁、家長、學務處、教務處、圖資中心、推廣進修、通識教育服務、學生作品圖片製作，簡報製作。
林虹均：
google analytics帳號管理，LOGO顏色調整、首頁漸層製作，教務處、圖資中心頁面製作，導覽列程式碼編輯，網站上線、BUG修復。

視傳2A
1091445087 黃俐學
1091445011 盧毓庭
1091445079 林虹均

(1)網站主題：胖胖狗咪麵包店
(2)作業網址 ：（已由吳旻穎將檔案私訊老師line過目）
MOODLE已上傳
(3)原有網站網址：file:///Users/chenyihua/Desktop/final-temp-2/contact.html
(4) 參考之版型網址：
(5) 製作時間:1天（尚未完成）
(6) 製作心得:這學期的外務較多因此製作時間較少，但跟去年所學的onepage比 更有趣了！也在執行時摸索了更多dw的功能。
(7) 組員分工:018-執行製作，077-其餘輔助作業

視傳３B
1081445018陳羿化
1081445077吳旻穎



(編輯記錄)

http://jinjin.mepopedia.com/~jinjin/wd/new/
(4) 參考之版型網址： ：https://html5up.net/uploads/demos/forty/
(5) 製作時間: 兩個月左右
(6) 製作心得:這次的RWD網頁明顯比之前期末製作的onepage還要複雜困難很多，尤其是又碰到遠距離教學，在製作方面又會遇到比較多的困難，但是還好學期末前有討論並且做完整個網頁，也謝謝老師耐心的指導，只要問問題老師總是能快速回覆，這堂網頁設計課程真的收穫滿滿！
(7) 組員分工 (個人組不需填寫)
洪采荷1091445010 figma製作、資料搜集
陳韋蒨 1091445030 資料搜集、figma製作
陳玥彤 1091445066 ppt、figma ui 製作
高佩瑋 1091445110 figma ui製作、網頁內容製作