(1)網站主題：咻咻熊
(2)製作動機： 喜歡這個插畫家的作品
(3)製作內容：
分為5個分頁
1.作者介紹. (index.html)
2 作品介紹(work.html)
3.問與答 (Q&A.html)
4.相關商品 (pruductsn.html)
5.聯絡資訊 (contact.html)

(4)資料蒐集分析
◎設計優良網站(風格)列表與分析： http://www.niusnews.com/
利用類似色來進行設計
◎相關網站列表與分析： http://www.pinkoi.com/
簡單又不失美感




完成品(11/19前)

(1)作業網址
http://mepopedia.com/~web104-2c/midterm/midterm-1035445102

(2)
1有無遇到的問題
連結的時候不會跳分頁，就只會跳一次然後其他網頁在同一個跳出的網頁不斷的開啟
2.製作感想
很累，但是看到完成品很感動
3.製作作業的時間
一整天



(編輯記錄)

(1)網站主題：十二生肖網
(2)製作動機： 十二生肖好做
(3)製作內容：
分為3個分頁
1.作者介紹. 我
2 作品介紹 good
3.問與答 (Q&A.html)
4.相關商品 (pruductsn.html)
5.聯絡資訊 097654xxxx

(4)資料蒐集分析
◎設計優良網站(風格)列表與分析： http://www.niusnews.com/
利用類似色來進行設計
◎相關網站列表與分析： http://www.pinkoi.com/
簡單又不失美感




完成品(11/19前)

(1)作業網址
http://mepopedia.com/~web104-2c/midterm/midterm-1035445078

(2)
1有無遇到的問題
都好難
2.製作感想
好難
3.製作作業的時間
好久

(1)網站主題：中華籃球
(2)製作動機： 最近較關切
(3)製作內容：
分為5個分頁
1.關於籃協. (index.html)
2 訊息公告(new.html)
3.紀錄台 (record.html)
4.教練講習公告 (coach.html)
5.裁判講習公告 (notices.html)

(4)資料蒐集分析
◎設計優良網站(風格)列表與分析：http://www.sta.org.tw/new_sta/



完成品(11/19前)

(1)作業網址
http://mepopedia.com/~web104-2c/midterm/midterm-1035445147

(2)
1有無遇到的問題
老師的影片很多，很好學習，只是那時沒看到做分頁的影片，又去問同學
2.製作感想
很累，但很開心
3.製作作業的時間
一整天

(1)網站主題：LOL
(2)製作動機： 喜歡這個遊戲
(3)製作內容：
分為5個分頁
1.作者介紹. (index.html)
2 遊戲介紹(work.html)
3.遊戲牌位 (video.html)
4.遊戲方式 (story.html)
5.聯絡資訊 (contact.html)

(4)資料蒐集分析
◎設計優良網站(風格)列表與分析： http://lol.garena.tw/preindex/20151218_Xmas
用類似色調
◎相關網站列表與分析： http://lol.garena.tw/preindex/20151218_Xmas
很有質感




完成品(11/19前)

(1)作業網址
http://mepopedia.com/~web104-2c/midterm/midterm-1035445108
(2)
1有無遇到的問題
很難
2.製作感想
難
3.製作作業的時間
一天

(1)作業網址http://mepopedia.com/~web104-2c/midterm/midterm-1035445129

(2) 1有無遇到的問題:還在慢慢熟悉網頁，所以有時操作時需要花上點時間，當遇到困難時，都會詢問同學一起解決

2.製作感想:網頁真的蠻複雜的，所以要花蠻多時間設計，但看到完成的樣子感覺很開心，覺得又學會了新東西。

3.製作作業的時間: 3小時~4小時

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

(1)網站主題：海綿寶寶 SpongeBob SquarePants。

(2)製作動機：海綿寶寶主色調以黃色快樂、希望的感覺帶出，希望藉此網頁能傳達快樂。

(3)製作內容：1.About/關於
2.Works/作品介紹
3.Patrick Star/派大星
4.Mr. Krabs/蟹老闆
5.Plankton/皮老闆

(4)資料蒐集分析:
1.設計優良網站(風格)列表與分析：http://www.chimeimuseum.org/
用色簡單，文字清楚，整理乾淨好閱讀。
2.相關網站列表與分析：http://www.mydesy.com/category/web-ui-ue-design

學號:1035445129



(編輯記錄)

(1)作業網址: http://mepopedia.com/~web104-2c/midterm/midterm-1035445054
(2)
1有無遇到的問題 :沒有很大的問題
2.製作感想:很有趣，可以做自己喜歡的主題
3.製作作業的時間:4-5小時

(1)網站主題：辛普森家庭
(2)製作動機：一直我就很喜歡辛普森這部卡通，不過卻很少看到在網路上有專門介紹辛普森的網頁，剛好與作業符合，所以決定自己做一個
(3)製作內容：
簡介 index.html
起源 development.html
角色 characters.html
背景 setting.html
電影 movie.html
(4)資料蒐集分析
◎設計優良網站(風格)列表與分析：
http://www.my-cartoon.com.tw/
簡單乾淨的網頁，分類很清楚
◎相關網站列表與分析：
http://www.disneychannel.com.tw/channel
主題類似，配色跟主題相近



(編輯記錄)

(1)作業網址http://mepopedia.com/~web104-2c/midterm/midterm-1015448006

(2)
1有無遇到的問題: 超連結一直遇到問題，但是多試幾次就找到問題點

2.製作感想:更熟悉此軟體，做自己想做的東西，會努力找到問題的解決辦法

3.製作作業的時間: 3小時

學號:1015448006

(1)網站主題：水墨畫
(2)製作動機：一直都覺得水墨畫是中國人最美的書畫表現，所以介紹了水墨畫。
(3)製作內容：水墨畫的特色、由來、鑑賞等等
分為5個分頁
1.水墨畫的認識 (index.html)
2 水墨畫的起源 (index_2.html)
3.水墨畫的特色 (index_3.html)
4.水墨畫的由來 (index_4.html)
5.水墨畫的鑑賞 (index_5.html)

(4)資料蒐集分析
http://163.17.158.1/chpaint/knowing.htm
https://tw.answers.yahoo.com/question/index?qid=20090527000015KK05530




完成品(11/19前)

(1)作業網址
http://mepopedia.com/~web104-2c/midterm/midterm-1035445035

(2)
1有無遇到的問題
問題都有馬上被解決
2.製作感想
熬夜做很久，但完成了覺得其實並不是這麼難
3.製作作業的時間
一整個晚上(約23:30至3:30)

(1)作業網址 http://mepopedia.com/~web104-2c/midterm/midterm-1035445159

(2)
1有無遇到的問題：CSS設定，要分類，自己開網路預覽都正常，上傳後點網址卻照片都顯示不出來
2.製作感想：很有成就感～～～終於完成了
3.製作作業的時間：四個小時



(編輯記錄)

(1)網站主題：小熊維尼與他的好朋友
(2)製作動機：很喜歡小熊維尼這個卡通人物。

(3)製作內容：
分為5個分頁
1.關於維尼 (index.html)
2.維尼與好朋友 (friends.html)
3.圖片 (photos.html)
4.影片 (videos.html)
5.相關連結 (link.html)

(4)資料蒐集分析
◎設計優良網站(風格)列表與分析：http://p-sachi.com/
清新的手繪風格很有設計感。
◎相關網站列表與分析：http://suhama.net/
配色繽紛、風格可愛。


(1)作業網址http://mepopedia.com/~web104-2c/midterm/midterm-1035445162

(2) 1有無遇到的問題: 按鈕滑過去不會改變字，多試幾次就發現錯誤的地方了

2.製作感想:做完很有成就感，製作網頁還滿有趣的

3.製作作業的時間: 3小時~4小時

學號:1035445162



(編輯記錄)

(1)網站主題：皮耶-奧古斯特‧雷諾瓦
(2)製作動機：因為我非常喜歡他的畫風以及態度，所以製作介紹他的網站，想讓更多人認識他。

(3)製作內容：
分為5個分頁
1.關於雷諾瓦 (index.html)
2.繪畫風格 (style.html)
3.作品介紹 (introduction.html)
4.繪畫特展 (exhibition.html)
5.交通資訊 (traffic.html)

(4)資料蒐集分析
◎設計優良網站(風格)列表與分析：http://www.pazzo.com.tw/
風格簡單舒服一致，操作頁面不會覺得很凌亂。
◎相關網站列表與分析：http://www.pazzo.com.tw/LookBooks#/
裡面附有搭配特輯，照片擺放讓網頁可以呼吸不會讓人閱讀緊張。

(1)作業網址：http://mepopedia.com/~web104-2c/midterm/midterm-1035445006

(2)
1有無遇到的問題：切片位置跑掉、影片嵌入以及btn的問題
2.製作感想：在解決問題的時，頭部極疼，但做完之後非常有成就感，看到網頁整整齊齊呈現在我眼前好抒壓、好好看！
3.製作作業的時間：5小時



(編輯記錄)

完成品(11/19前)

(1)
作業網址：http://mepopedia.com/~web104-2c/midterm/midterm-1035445171/

(2)
1有無遇到的問題 ：圖片跟字卡卡的，放的位置不是非常自由。

2.製作感想 ：製作關於倉鼠覺得很有趣，在做網站的同時可以多吸收關於倉鼠的飼養資訊。

3.製作作業的時間 ：找資料+做網站=4個小時


前置作業(11/05)

(1)網站主題： 倉鼠

(2)製作動機： 從小就喜歡養倉鼠，現在還在養。

(3)製作內容：
倉鼠品種 index.html
倉鼠食物 food.html
飼養環境 environment.html
倉鼠用具 appliance.html
倉鼠病症 disease.html

(4)資料蒐集分析
◎設計優良網站(風格)列表與分析： http://cangshu.baike.com/category-2001.html
條列清晰，採用暖橘色配色。

◎相關網站列表與分析：http://blog.xuite.net/sonicps2/twip/31940925
很單調，但內容豐富。



(編輯記錄)

(1)網站主題：幾米
(2)製作動機：幾米深受大家的喜愛，我很喜歡他的畫風
(3)製作內容：
分為5個分頁
1.關於幾米(index.html)
2.作品欣賞 (artworks.html)
3.相關藝術介紹 (related.html)
4衍生作品(derivative.html)
5.相關連結 (link.html)

(4)資料蒐集分析
◎設計優良網站(風格)列表與分析：http://www.jimmyspa.com/22312223202151220316.html
畫面清楚易懂，字不會太多，不會有凌亂的感覺
◎相關網站列表與分析：http://www.jimmyspa.com/
排版簡潔，不會有太多的雜物，讓人看了很舒服

(1)作業網址：http://mepopedia.com/~web104-2c/midterm/midterm-1035445033

(2)
1有無遇到的問題：影片嵌入
2.製作感想：覺得要做很多分頁很煩很討厭，但做完之後超級有成就感的!!!
3.製作作業的時間：4小時

前置作業(11/05)
(1)網站主題： PENTATONIX
(2)製作動機： 很喜歡這個團體
(3)製作內容： 團員介紹、音樂歷程、音樂作品、MV欣賞
(4)資料蒐集分析
◎設計優良網站(風格)列表與分析： http://www.coldplay.com/ink/
整個看起來清晰，一開始就是主要影片，下面有三個連結
◎相關網站列表與分析： http://www.mydesy.com/
各種分類清楚，內容雖然多但不會太雜亂


完成品(11/19前)
請將這項放置於文章最前面
(1)作業網址 http://mepopedia.com/~web104-2c/midterm/midterm-1035445051
(2)
1有無遇到的問題:在排列上一直用不好，要調很久
2.製作感想:終於做完了!!!!!!!
3.製作作業的時間 :沒看，可是非常的久

(1)網站主題：Hello Nico
(2)製作動機：是我很喜愛的樂團
(3)製作內容：
分為5個分頁
1.樂團介紹(index.html)
2.專輯介紹 (albums.html)
3.MV欣賞 (mv.html)
4.樂團資訊(news.html)
5.販售地點 (Location.html)

(4)資料蒐集分析
◎設計優良網站(風格)列表與分析：http://www.niusnews.com/
雖然資訊排列太過密集，但大致還是非常清楚每個區塊的分類，版面配色簡單可愛。
◎相關網站列表與分析：http://tw.streetvoice.com/
版面配色風格簡單，又不失美感。

(1)作業網址：http://mepopedia.com/~web104-2c/midterm/midterm-1035445048

(2)
1有無遇到的問題：影片嵌入/按鈕跑位(請教老師已解決)
2.製作感想：雖然要花很多的時間及耐心，但做出來的成果還蠻滿意的!非常開心
3.製作作業的時間：忘了



(編輯記錄)

1005445160 - 王思博

作業網址 ：http://mepopedia.com/~web104-2c/midterm/midterm-1005445160

-----------------------------------------------------------

** 前置作業(11/05) **

(1) 網站主題： 魔髮奇緣
(2) 製作動機： 很喜歡迪士尼的作品
(3) 製作內容： 魔法奇緣的介紹


** 資料蒐集分析**

◎ 設計優良網站(風格)列表與分析：http://www.teeteringbulb.com/
◎ 相關網站列表與分析：簡單又乾淨，因為作品本身充斥著色彩反而與背景做區隔，可以更讓視覺鎖定在作品本身。



** 完成品心得(11/19前) **

◎ 有無遇到的問題 ：剛開始還有點懵懵懂懂的，後面越作越順手。
◎ 製作感想 ：本來還會擔心自己忘記該怎麼做，但老師這次講得很仔細，抓到訣竅後便駕輕就熟。
◎ 製作作業的時間： 11/7~11/8



(編輯記錄)

(1)網站主題：拉斯卡爾
(2)製作動機：現在社會中許多動物與人類的共存問題一直存在
動畫是1963年時回顧少年時代所描寫當時的動物與人類的共存是很困難的，
透過史坦利與浣熊拉斯卡爾的成長來描寫。
(3)製作內容：
分為5個分頁
1.作品概要 (index.html)
2 人物介紹(people.html)
3.故事內容 (story.html)
4.關於浣熊 (about.html)
5.相關事情 (related.html)

(1)作業網址
http://mepopedia.com/~web104-2c/midterm/midterm-1035445057

(2)
1有無遇到的問題
按鈕做好之後插入DW卻無法顯示 還有按鈕連結只過得去回不來 好險後來都解決了
2.製作感想
超累！但是做完之後超感動的 ~~~~~~
3.製作作業的時間
一整天 ...

(1)作業網址http://mepopedia.com/~web104-2c/midterm/midterm-1035445189

(2) 1有無遇到的問題: 剛開始不知道要怎麼讓頁面連結,研究了好久,然後title-bar也不知道為什麼一直出不來

2.製作感想:做網頁設計真的蠻複雜又累人的,但是只要搞懂製作速度就會變快,網頁設計師真的是一個蠻辛苦的工作,雖然做了整整一天,但是看到完成品後超開心,覺得自己很棒

3.製作作業的時間: 1天

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

(1)網站主題：One Direction

(2)製作動機：從以前就非常喜歡他們,想要自己的網站上面都是他們的東西

(3)製作內容：
1.樂團/band
2.成員/member
3.音樂/muic
4.照片/photo
(4)資料蒐集分析:
1.設計優良網站(風格)列表與分析：http://www.skyisland.com.tw/tw/information.php
整體網站帶有一點點的童趣,可愛中又帶有親切感,加上天空藍的底色讓人覺得很舒服,會想入住
2.相關網站列表與分析：http://ihope.info/2694

(1)網站主題：ONE PIECE
(2)製作動機：這是我很喜歡的動漫，所以選擇他來製作
(3)製作內容：
分為5個分頁
1.作者介紹 (index.html)
2 故事大綱(Story.html)
3.登場人物 (Character.html)
4.經典語錄 (Quotations.html)
5.電影賞析 (Movie.html)

(1)作業網址
http://mepopedia.com/~web104-2c/midterm/midterm-1035445168

(2)
1有無遇到的問題
為什麼我在wrapper的margin有設定auto，在chrome的瀏覽器正常，但在IE 瀏覽器版面卻不會置中
2.製作感想
超有成就感~~~
3.製作作業的時間
6~8小時

[color=#FF0000]完成品(11/19前)[/color]

(1)作業網址
http://mepopedia.com/~web104-2c/midterm/midterm-1035445183/
(2)
1有無遇到的問題
做完沒有連結到 要重新連結按鈕才可以
2.製作感想
做出自己喜歡的模特兒的專欄很有成就感
3.製作作業的時間
找資料+做網站 3小時


[color=#FF0000]前置作業(11/05)[/color]
(1)網站主題： 模特/演員
(2)製作動機： 想為PIPI做一個專欄哈哈
(3)製作內容：
關於index.html
相片photo.html
川島小鳥bird.hhtml
廣告影片film.html
傳送門link.html
(4)資料蒐集分析
◎設計優良網站(風格)列表與分析：
http://www.idid-clothing.com/
清楚簡單
◎相關網站列表與分析：
https://www.facebook.com/pp1006/?fref=ts
資料大部分都在模特自己的臉書上找得

作業網址 http://mepopedia.com/~web104-2c/midterm/midterm-1035445027

(1)網站主題：怪獸大學
(2)製作動機：喜歡皮克斯的動畫
(3)製作內容：
1.關於怪獸 (index.html)
2 成員介紹(member.html)
3.故事大綱(story.html)



(編輯記錄)

完成品(11/19前)

(1)作業網址
http://mepopedia.com/~web104-2c/midterm/midterm-1035445186
(2)
1有無遇到的問題
繞圖排文還不是太會，整體上還不夠熟悉
2.製作感想
有像樣的網頁出來有成就感
3.製作作業的時間
約5小時

前置作業(11/05)
(1)網站主題： 遊戲官網
(2)製作動機： 我喜歡打LOL
(3)製作內容：
遊戲簡介、天賦符文、角色

(4)資料蒐集分析
◎設計優良網站(風格)列表與分析：
http://lol.garena.tw/preindex
清楚簡單
◎相關網站列表與分析：
http://lol.garena.tw/

完成品
(1)作業網址 http://mepopedia.com/~web104-2c/midterm/midterm-1035445207
(2)
1有無遇到的問題：很多時候預覽跟實際顯示的不同，很困擾。
2.製作感想：雖然差點要發瘋，但做完真的很有成就感！！
好佩服那些網頁設計師，要弄清楚那麼多語法，視力一定很傷
可能一個case要身心崩潰好幾次，真的太厲害了。
3.製作作業的時間：
整整一天。

前置作業
(1)網站主題：方大同
(2)製作動機：[color=#FF9999]太帥又有才華想嫁給他[/color]
(3)製作內容：
個人簡介index.html
專輯介紹album.html
作品欣賞video.hhtml
得獎紀錄awards.html

(4)資料蒐集分析
◎設計優良網站(風格)列表與分析：
http://hyper-beat.com/
走的最簡約的路線，卻是最有品味的呈現。
◎相關網站列表與分析：
http://jong-in.net/
圖片的編排很值得學習，看起來很有質感。

(1)作業網址 http://mepopedia.com/~web104-2c/midterm/midterm-1035445195

(2) 1有無遇到的問題:超多困難,真的很煩

2.製作感想:網頁真的是我的弱點,希望老師邊教一步就讓我們做一步,不然我會消化不良

3.製作作業的時間: 6小時

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

(1)網站主題：少女時代 Girs' Generation

(2)製作動機：以自己喜歡的少女時代風格去做

(3)製作內容：1.成員介紹
2.音樂風格
3.生活照片
4.影片欣賞
5.音樂專輯
(4)資料蒐集分析:
1.設計優良網站(風格)列表與分析：http://www.grnet.com.tw/
好特別的設計, 很有特色。
2.相關網站列表與分析：http://www.originaltaiwan.com/
學號:1035445195



(編輯記錄)

(1)作業網址 http://mepopedia.com/~web104-2c/midterm/midterm-1035445195

(2) 1有無遇到的問題:超多困難,真的很煩, 現在連網頁船上去都怪怪的沒辦法正常

2.製作感想:網頁真的是我的弱點,希望老師邊教一步就讓我們做一步,不然我會消化不良

3.製作作業的時間: 6小時

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

(1)網站主題：少女時代 Girs' Generation

(2)製作動機：以自己喜歡的少女時代風格去做

(3)製作內容：1.成員介紹
2.音樂風格
3.生活照片
4.影片欣賞
5.音樂專輯
(4)資料蒐集分析:
1.設計優良網站(風格)列表與分析：http://www.grnet.com.tw/
好特別的設計, 很有特色。
2.相關網站列表與分析：http://www.originaltaiwan.com/
學號:1035445195



(編輯記錄)

(1)網站主題：謎幻樂團 demons
(2)製作動機： 喜歡這個樂團
(3)製作內容：
分為4個分頁
1.團員 (index.html)
2 簡介(history.html)
3.作品(albums.html)
4.mv(mv.html)


(4)資料蒐集分析
◎設計優良網站(風格)列表與分析： http://www.maplestage.com/
用暖色調地的版面很溫馨
◎相關網站列表與分析： http://www.nike.com/tw/zh_tw/
簡單明瞭



(1)作業網址
http://mepopedia.com/~web104-2c/midterm/midterm-1035445024

(2)
1有無遇到的問題
連結不會跳分頁很多零碎的小問題
2.製作感想
頗複雜~要很小心很認真
3.製作作業的時間
一整晚



(編輯記錄)

(1)網站主題：hush!樂團
(2)製作動機：我很喜歡這個樂團的唱風，以及創作風格特別。
(3)製作內容：
分為5個分頁
1.樂團介紹 (index.html)
2 樂團資訊(orchestra.html)
3.專輯介紹 (album.html)
4.mv資訊 (mv.html)
5.相關連結 (related.html)

(1)作業網址
http://mepopedia.com/~web104-2c/midterm/midterm-1035445042

(2)
1有無遇到的問題
一開始有遇到問題事後問了同學已解決。
2.製作感想
覺得做出來一個網站是很喜歡的團體很開心，一開始覺得不太可能做出來，最後還是成功做出來了，謝謝老師的教導。
3.製作作業的時間
約8小時

(1)作業網址:
　http://mepopedia.com/~web104-2c/midterm/midterm-1025445189
(2)
1有無遇到的問題 :
　新增的title 邊框 不知為什麼都剛好符合字的長度，沒辦法到底
2.製作感想 :
　 做完挺有成就感的，但感覺還能再增加更多東西。ps.主題讓我想了非常多天
3.製作作業的時間：
　一天

前置作業
(1)網站主題：皮克斯動畫
(2)製作動機：本身滿喜歡皮克斯的作品
(3)製作內容：分頁共５頁
　　　　　　１.公司簡介(index.html)
　　　　　　２.關於製作(about.html)
　　　　　　３.電影介紹(movie.html)
　　　　　　４.經典短片(classical.html)
　　　　　　５.相關資訊(news.html)



(編輯記錄)

(1)作業網址http://mepopedia.com/~web104-2c/midterm/midterm-1025445115

(2) 1有無遇到的問題:時間需要很長

2.製作感想:終於完成

3.製作作業的時間: 3~4小時

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

(1)網站主題：柴犬

(2)製作動機：因為喜歡狗狗

(3)製作內容：1.首頁2.關於3.圖片4.影片


(4)資料蒐集分析: http://www.trymore-inc.jp/works/?page=0
互動式網站，色彩鮮豔。

(1)網站主題：BOYFRIEND
(2)製作動機：是我很喜歡的偶像團體
(3)製作內容：
分為3個分頁
1.團體簡例(index.html)
2 成員介紹(member.html)
3.發表專輯(album.html)


(4)資料蒐集分析
維基百科


(1)作業網址
http://mepopedia.com/~web104-2c/midterm/midterm-1035445216

(2)
1有無遇到的問題
有，但都克服了!!
2.製作感想
很累又很煩，但是看到完成品還是讓人感動到想哭啊~~
3.製作作業的時間
持續都有製作，一天一點點

完成品(11/19前)
請將這項放置於文章最前面
(1)作業網址 http://mepopedia.com/~web104-2c/midterm/midterm-1035445141
(2)
1有無遇到的問題 有很多問題
2.製作感想 精疲力盡
3.製作作業的時間 5個小時更多

前置作業(11/05)
(1)網站主題： 恐怖童話
(2)製作動機： 打破人心中現實美好的一面
(3)製作內容： 各種童話集結
(4)資料蒐集分析 很多網站 找得很累
◎設計優良網站(風格)列表與分析： http://www.niusnews.com/=P2efqj68 想法很獨特畫出每個人物的重點
◎相關網站列表與分析： http://qdole.pixnet.net/blog/post/15330211 網站製作很精細

(1)網站主題：大學生了沒
(2)製作動機：喜歡看大學生了沒
(3)製作內容：
分為5個網頁
1.首頁(index.html)
2.主持人介紹(about.html)
3.活動(activity.html)
4.節目預告(pre.html)
5.相關連結(link.html)


(1)作業網址: http://mepopedia.com/~web104-2c/midterm/midterm-1025445061
(2)
1有無遇到的問題 :不熟練
2.製作感想 :需要很長的製作時間
3.製作作業的時間:5個小時多

(1)網站主題：Mini Austin
(2)製作動機：因為我很喜歡Mini Austin這款車，再加上之前去參觀其展覽，所以想以此為主題。
(3)製作內容：
分為4頁
1.關於迷你(index.html)
2 設計理念(design.html)
3.影片欣賞(video.html)
4.相關活動(activity.html)

(1)作業網址
http://mepopedia.com/~web104-2c/midterm/midterm-1035445072

(2)
1有無遇到的問題
上傳之後點網址沒東西......
2.製作感想
很有成就感～滿喜歡做網頁的！雖然要一直動腦><
3.製作作業的時間
一整天



(編輯記錄)

(1)網站主題：神隱少女
(2)製作動機：感人肺腑的巨作
(3)製作內容：
分為5個分頁
1.介紹. (index.html)
2 故事(story.html)
3.音樂 (music.html)
4.電影 (movie.html)
5.傳言 (rumor.html)

(4)資料蒐集分析
◎設計優良網站(風格)列表與分析： http://krystalrae.com/#collection
畫面很空彈也讓視覺很集中在主題上
特殊的互動面板


◎相關網站列表與分析：http://demicreative.com/
把內文字放的大大的,感覺文字好像也是圖片
畫面很滿,但卻很活潑能呼吸




(1)作業網址
http://mepopedia.com/~web104-2c/midterm/midterm-1035445105

(2)
1有無遇到的問題
想睡
2.製作感想
累
3.製作作業的時間
沒辦法注意時間的流去

(1)網站主題：小小兵
(2)製作動機：喜歡小小兵
(3)製作內容：
分為5個分頁
1.今晚誰當家(index.html)
2 小小兵檔案櫃(minions.html)
3.生活塗鴉牆 (living.html)
4.語言大解密 (language.html)
5.小小兵錄影棚 (record.html)

(4)資料蒐集分析
◎設計優良網站(風格)列表與分析： http://universalshowtimes.com/tw/minions/
小小兵的官方網站，顏色搭配得很巧妙，排版與設計既簡單又不失活潑
◎相關網站列表與分析：https://zh.wikipedia.org/wiki/%E5%B0%8F%E5%B0%8F%E5%85%B5
小小兵的資料來源


(1)作業網址
http://mepopedia.com/~web104-2c/midterm/midterm-1035445153

(2)
1有無遇到的問題
欄與欄之間一直會有間隙，但是我還是順利的解決了!
2.製作感想
找到錯誤後做修正很有成就感
3.製作作業的時間
一個晚上

(1)網站主題： Fruit Family
(2)製作動機： 因為我喜歡水果，所以想做一個介紹水果及水果營養的網站。
(3)製作內容：
1.介紹 (index.html)
2 香蕉 (banana.html)
3.奇異果 (kiwi.html)
4.火龍果 (pitaya.html)
5.芭樂 (guava.html)
6.葡萄 (grape.html)
(4)資料蒐集分析
◎設計優良網站(風格)列表與分析：http://www.meierq.com/
照片跟文字都很有質感
分區也做得很有規劃
整體感覺有金屬冷灰偏像冬天的色調看起來很舒服

◎設計優良網站(風格)列表與分析：http://www.divinewrite.com.au/?source=silverpistolflash-home
一個文案設計的網站
做的很有質感 看起來簡單清爽



(1)作業網址
http://mepopedia.com/~web104-2c/midterm/midterm-1035445090

(2)
1有無遇到的問題：找不到更改的項目跟文字需要如何置中
2.製作感想：對網頁製作不熟悉，很謝謝身邊的老師與同學的幫助，讓我完成了它，有小小的成就感好開心～～
3.製作作業的時間：3~4小時

(1)作業網址: http://mepopedia.com/~web104-2c/midterm/midterm-1035445009
(2)
1有無遇到的問題 :還好，影片一直拋不出來不知道為什麼
2.製作感想:很有成就感 一直以為很難
3.製作作業的時間:5~6小時

(1)網站主題：孩子王春艷
(2)製作動機：我很喜歡這個饒舌歌手所以製作他的網頁
(3)製作內容：
簡介 index.html
團體 group.html
相片 photo.html
專輯 alboms.html
影片 film.html
(4)資料蒐集分析
沒有
學號1035445009

(1)作業網址 http://mepopedia.com/~web104-2c/midterm/midterm-1035445060
(2)
1有無遇到的問題:滑鼠變化影像,突然沒辦變換圖片

2.製作感想: 語法有點錯亂,不過一步一步慢慢做完感覺很開心

3.製作作業的時間 :12小時

(1)網站主題：細田守
(2)製作動機：喜歡他的長篇動畫電影
(3)製作內容：分五個部分頁面 介紹 經歷 作品 預告片 相關
(4)資料蒐集分析
◎設計優良網站(風格)列表與分析 http://www.elisacarareto.com/
繪圖風格特別
◎相關網站列表與分析：



(編輯記錄)

這個作業的網址則為:http://mepopedia.com/~web104-2c/midterm/midterm-1035445201

(1)網站主題：李榮浩
(2)製作動機： 非常喜歡他的音樂
(3)製作內容：
分為3個分頁
1.關於他 (index.html)
2 專輯介紹(Albums.html)
3.MV(MV.html)



(編輯記錄)

完成品
(1)作業網址:http://mepopedia.com/~web104-2c/midterm/midterm-1035445081
(2)
1有無遇到的問題 沒有
2.製作感想 做網頁蠻複雜的，但做完之後鰻有成就感的~
3.製作作業的時間 4小時

前置作業
(1)網站主題：大英雄天團
(2)製作動機：突然想到，而且是一部蠻好看的影片
(3)製作內容：
1.劇情介紹(index.html)
2.腳色介紹(actor.html)
3.花絮(highlights.html)
4.背景音樂(music.html)
5.預告片段(part.html)



(編輯記錄)

(1)網站主題：手心
(2)製作動機： 高中畢業製作的專題展示
(3)製作內容：
分為5個分頁
1.起源(start.html)
2 關於(about.html)
3.吉祥物 (use.html)
4.標誌 (brand.html)
5.影片 (photo.html)




完成品(11/19前)

(1)作業網址
http://mepopedia.com/~web104-2c/midterm/midterm-103544520

(2)
1有無遇到的問題
很多東西都不熟練 但完成後莫名的就會了
2.製作感想
好幾度想撞牆，但是慢慢地看到成品就有完成的動力，完成做品就很感動
3.製作作業的時間
12小時 從天黑到天亮

1.作業網址http://mepopedia.com/~web104-2c/hw03/hw03-1035445093/

2.有無遇到的問題:有時候字會跑掉 有點無助 但老師教學影片講解清楚真的太方便了


2.製作感想:做完後覺得很有成就感

3.製作作業的時間: 4-5h
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

(1)網站主題：嚕嚕米~~

(2)製作動機：因為嚕嚕米真的超可愛的 又能給人正面的感覺

(3)製作內容：
1.嚕嚕米的介紹
2.嚕嚕米的家人
3.嚕嚕米的出場
4.嚕嚕米的生活
5.嚕嚕米的影片

(4)資料蒐集分析:
1.設計優良網站(風格)列表與分析：http://www.npm.gov.tw/
一個很有東方風格的感覺
2.相關網站列表與分析：http://pick.mydesy.com/
學號:1035445093

(1)網站主題：頑童mj116
(2)製作動機：我愛饒舌
(3)製作內容：介紹他們




完成品(11/19前)

(1)作業網址
http://mepopedia.com/~web104-2c/midterm/midterm-1035445066

(2)網頁設計好難喔一個頭兩個扁

完成品(11/19前)
請將這項放置於文章最前面
(1)作業網址
http://mepopedia.com/~web104-2c/midterm/midterm-1035445087/(2)
1有無遇到的問題 我完全有障礙
2.製作感想
完全不知道該怎麼弄 弄了很多次還做錯也刪了很多次,感謝兩位室友的幫忙,多虧陳室友跟阮室友的幫忙我才教得出作業 雖然非常陽春請多包涵
3.製作作業的時間
兩天 可能再多一些




前置作業(11/05)
(1)網站主題： 愛麗絲夢遊仙境
(2)製作動機： 我喜歡愛麗絲 追他很久了
(3)製作內容： 愛麗絲的各種介紹
(4)資料蒐集分析 大多是維基百科
◎設計優良網站(風格)列表與分析：
◎相關網站列表與分析：

(1)作業網址http://mepopedia.com/~web104-2c/midterm/midterm-1035445030

(2) 1有無遇到的問題:因為家裡沒有軟體所以只能課堂做，所以有點難在時間內完成 。

2.製作感想:慢慢再熟悉了，希望下次能更進步 。



3.製作作業的時間: 3小時~4小時

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

(1)網站主題：布丁狗ポムポムプリン

(2)製作動機：本身很喜歡布丁狗~~想表達可愛感 咖啡 黃 橘色為主色調

(3)製作內容：

1.index/關於布丁狗
2.friend/布丁狗的朋友
3.picture/圖片欣賞
4.coffee/布丁狗咖啡廳
5.link/相關連結

(4)資料蒐集分析:
https://twitter.com/purin_sanrio?lang=ja

1.設計優良網站(風格)列表與分析：http://pompom.createrestaurants.com/jp/


2.相關網站列表與分析：學號:1035445030



(編輯記錄)

1)網站主題：小時代
(2)製作動機：我很喜歡的一部電影
(3)製作內容：
分為5個分頁
1.關於小時代(index.html)
2 小說(Story.html)
3.電影歌曲 (Character.html)
4.演員介紹 (Quotations.html)
(1)作業網址
http://mepopedia.com/~web104-2c/midterm/midterm-1035445123

(2)
1有無遇到的問題
圖片出不來，真的很煩躁一直出不來，也看過問題 不知道有啥問題欸
2.製作感想
各種問題，有點不知道該怎麼解決

3.製作作業的時間
24小時

(1)網站主題：HALO
(2)製作動機：喜歡這遊戲
(3)製作內容：
分為4個分頁
1.遊戲介紹 (index.html)
2 人物介紹(history.html)
3.圖片欣賞(albums.html)
4.系列作(mv.html)
5.相關連結(link.html)



(1)作業網址
http://mepopedia.com/~web104-2c/midterm/midterm-1035445126

(2)
1有無遇到的問題
沒有
2.製作感想
很有一番風味
3.製作作業的時間
8小時

(1)網站主題：岡特．蘭堡
(2)製作動機：世界三大設計師
(3)製作內容：
分為5個分頁
1.簡介. (index.html)
2.生平 (life.html)
3.作品賞析(works.html)
4.網路連結 (links.html)
5.相關資訊 (Information.html)

(4)資料蒐集分析
◎設計優良網站(風格)列表與分析：http://houshidai.com/master/gunter-rambow.html
◎相關網站列表與分析：http://baike.baidu.com/view/625367.htm



完成品(11/19前)

(1)作業網址
http://mepopedia.com/~web104-2c/midterm/midterm-1035445219

(2)
1有無遇到的問題
排版.人繞圖的問題
2.製作感想
有些地方搞不清楚，後來了解就會做了
3.製作作業的時間
很長時間



(編輯記錄)

(1)網站主題：歐陽靖
(2)製作動機：我熱愛跑步 我的女神是歐陽靖
(3)製作內容：
分為5個分頁
1..跑者 (index.html)
2 歐陽靖(oy.html)
3.末日 (brand.html)
4.馬拉松 (marathon.html)
5.影片賞析 (fixtures.html)

(1)作業網址
http://mepopedia.com/~web104-2c/midterm/midterm-1035445015

(2)
1有無遇到的問題
會一直亂步驟
2.製作感想
覺得很難很難，但是做完超有成就感~~~
3.製作作業的時間
2小時

(1)網站主題：魔鏡夢遊
(2)製作動機：我非常的喜歡愛麗斯夢遊仙境~~~有一部電影(魔鏡夢遊)是出於他的故事
(3)製作內容：
分為5個分頁
1.電影介紹(index.html)
2.角色介紹(style.html)
3.寫真集 (introduction.html)
4.曲目 (exhibition.html)
5.曲目 (traffic.html)

(4)資料蒐集分析
◎設計優良網站(風格)列表與分析：http://www.pazzo.com.tw/
風格簡單舒服
◎相關網站列表與分析：http://www.pazzo.com.tw/LookBooks#/
照片擺放讓頁面不凌亂

(1)作業網址：http://mepopedia.com/~web104-2c/midterm/midterm-1035445096/red.html

(2)
1有無遇到的問題：切片位置跑掉、影片嵌入以及btn的問題
2.製作感想：在解決問題的時，頭部極疼，但做完之後非常有成就感，看到網頁整整齊齊呈現在我眼前好抒壓、好好看！
3.製作作業的時間：3小時

(1)作業網址http://mepopedia.com/~web104-2c/midterm/midterm-1035445018

(2) 1有無遇到的問題:還在慢慢熟悉網頁語法，遇到不會的連結問題就請教同學

2.製作感想:網頁真的好難但做完真的好有成就真的學到很多。

3.製作作業的時間: 2小時~3小時

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

(1)網站主題：龍貓

(2)製作動機：製作藍色調的感覺比較輕快。

(3)製作內容：
1.關於
2.人物介紹
3劇情大綱
4.配音人員
5.周邊商品

學號:1035445018

完成品(11/19前)

(1) http://mepopedia.com/~web104-2c/midterm/midterm-1035445156
(2)
1遇到問題與同學一起研究 室友用心的教我 我好感動
2.剛開始覺得霧薩薩，之後越做越上手
3.哈哈哈8小時



前置作業(11/05)
(1)網站主題：迪士尼公主
(2)製作動機： 很喜歡公主~
(3)製作內容： 有7個我愛的公主的介紹~
(4)資料蒐集分析
◎設計優良網站(風格)列表與分析：http://www.culturalsolutions.co.uk/
互動式的網站更吸引人停留腳步多看幾眼



(編輯記錄)

(1)作業網址 http://mepopedia.com/~web104-2c/midterm/midterm-1035445150
(2)
1有無遇到的問題 做完又不見
2.製作感想 很有成就感
3.製作作業的時間 一整天

(1)網站主題： Lana del rey
(2)製作動機： 喜歡的歌手
(3)製作內容：
關於(index.html)
專輯介紹(album.html)
相片集(photo.html)
MV欣賞(movie.html)
(4)資料蒐集分析 維基百科

完成品(11/19前)

(1)作業網址
http://mepopedia.com/~web104-2c/midterm/midterm-1035445180
(2)
1有無遇到的問題
對整個都還不太熟悉~許多問題都還是要靠同學才能完成
2.製作感想
做出來讓我非常有成就感
3.製作作業的時間
約4.5小時

前置作業(11/05)
(1)網站主題： 遊戲官網
(2)製作動機：喜歡玩LOL
(3)製作內容：
角色介紹.技能介紹.影片

(4)資料蒐集分析
◎設計優良網站(風格)列表與分析：
http://lol.garena.tw/preindex
清楚簡單
◎相關網站列表與分析：
http://lol.garena.tw/

(1)作業網址
http://mepopedia.com/~web104-2c/midterm/midterm-1035445084
(2)
1有無遇到的問題
沒什麼太大的問題
2.製作感想
覺得很有成就感
3.製作作業的時間
約8小時

前置作業
(1)網站主題： 角色介紹
(2)製作動機： 覺得這隻角色的故事很有趣
(3)製作內容：
角色簡介、天賦符文、技能介紹、角色攻略、角色影片

(4)資料蒐集分析
◎設計優良網站(風格)列表與分析：
http://lol.garena.tw/preindex
清楚簡單
◎相關網站列表與分析：
http://lol.garena.tw/

前置作業
(1)網站主題：羊駝
(2)製作動機：覺得羊駝可愛
(3)製作內容：羊駝
大羊駝
毛纖維
經濟價值
(4)資料蒐集分析
◎設計優良網站(風格)列表與分析：天使的咖啡屋 小肉球的部落格，走典雅風趣路線
◎相關網站列表與分析：羊駝百度百科 天使的咖啡屋 小肉球的部落格


完成品
(1)作業網址 http://mepopedia.com/~web104-2c/midterm/midterm-1035445036
(2)
1有無遇到的問題： 一大堆問題不想面對
2.製作感想：算了
3.製作作業的時間：3週以上

(1)網站主題：柯基
(2)製作動機：是一個很可愛的品種犬
(3)製作內容：柯基的簡單介紹


完成品
(1)作業網址 http://mepopedia.com/~web104-2c/midterm/midterm-1035445114
(2)
1有無遇到的問題： 影片其實蠻清楚的!
2.製作感想：覺得柯基很可愛
3.製作作業的時間：1天

(1)網站主題：Alexander McQueen
(2)製作動機： 較為熟悉的人物
(3)製作內容：
分為4個分頁
1.關於(index.html)
2.生平(index1.html)
3.作品(index2.html)
4.影片(index3.html)

(4)資料蒐集分析
之前做過的報告統整



完成品(11/19前)

(1)作業網址
http://mepopedia.com/~web104-2c/midterm/midterm-1035445111

(2)
1有無遇到的問題
老師影片學起來很簡單，只是影片裡的字有時候有點小 會看不清楚
2.製作感想
一開始覺得很難，但後來越做越簡單
3.製作作業的時間
斷斷續續的總共應該是一個晚上吧

(1)作業網址 http://mepopedia.com/~web104-2c/midterm/midterm-1035445075/
(2)
1有無遇到的問題 連結錯亂 footer底圖會一直跑掉 照片沒顯示出來 可是我自己預覽的時候看得到照片 照片也有一起上傳FTP呀
2.製作感想 這次製作時間比較短
3.製作作業的時間 4hr

(1)作業網址:http://mepopedia.com/~web104-2c/midterm/midterm-1035445063/

(2)
1有無遇到的問題 :一切順利
2.製作感想 :做完了很開心
3.製作作業的時間 :六小時多

前置作業
(1)網站主題:探險活寶
(2)製作動機:之前看過探險活寶感覺很有趣
(3)製作內容:
關於探險活寶
主角介紹
配角介紹
家與內部介紹
影片觀賞



(編輯記錄)

回復補交
作業網址:http://mepopedia.com/~web104-2b/midterm/midterm-1045445023