期中作業說明 請參考期中前之講義製作 須具備 1.以課堂練習架構修改為一全新內容的網站。 2.每個連結都要有內容(導覽頁不可直接外連網站） 3.注意配色、設計質感、排版、字體、行間、字體大小等細節，設一一具有設計質感的網站。 4.需有CSS3的效果（圓角，陰影，漸層，透明度等），但不可過於誇張。 [hr] 將資料夾命名為 midterm-學號，以ＦＴＰ上傳至midterm資料夾 作業網址為http://mepopedia.com/~css104-2b/midterm/midterm-1035445XXX 。 並請回覆： (1)作業網址： (2)網站主題： (3)導覽列選項： (2)設計對象： (3)色彩計畫： (4)風格設定、預期成效： (5)製作心得： 學號 [hr] 請於規定時間準時繳交作業，本作業佔學期分數30%，逾期不後。 [hr] http://mepopedia.com/forum/read.php?2561,80471,80471#msg-80471 Thu, 25 Jun 2026 05:35:27 +0800 Phorum 5.2.7 http://mepopedia.com/forum/read.php?2561,80471,81133#msg-81133 http://mepopedia.com/forum/read.php?2561,80471,81133#msg-81133 (2)網站主題： DEEMO
(3)導覽列選項： 首頁.故事背景.玩法說明.遊戲畫面.歌曲列表
(2)設計對象： 青少年以上
(3)色彩計畫： 主角deemo的主色是黑,而小女孩是白,網站幾乎已黑白色作為搭配,簡單卻不失質感.
(4)風格設定、預期成效： 詳細的說明DEEMO的遊戲介紹,讓更多人了解為何我如此推薦這個遊戲.
(5)製作心得：先跟老師說聲抱歉,其實近日家裡發生了一些事情,加上我自己本身還有打工,
導致我沒辦法在期限內教出作業,之後會立即補上!
還有每個語法真的花了我很多很多的時間一一去摸索去搞懂,雖然成品不是最好但也有120%的用心,
裡面的每個資料都是我花了很多時間去搜索拼湊而成的,其實做到這樣很有成就感.

我終於用好ㄌヽ(●´∀`●)ﾉヽ(●´∀`●)ﾉヽ(●´∀`●)ﾉ]]> 陳玟伶 104-2《中國》竹視傳二B-進階網頁設計 Mon, 25 Apr 2016 02:38:41 +0800 http://mepopedia.com/forum/read.php?2561,80471,81103#msg-81103 http://mepopedia.com/forum/read.php?2561,80471,81103#msg-81103 (2)網站主題： VDL
(3)導覽列選項： ABOUT.PRODUCT.ARTIST.COLLECTION.VIDEO
(2)設計對象： 喜歡此韓國彩妝品牌的族群
(3)色彩計畫： 粉紅色為主 粉藍
(4)風格設定、預期成效：粉嫩 柔和 利用今年最流行的粉紅和粉藍來呈現此彩妝品牌特色
(5)製作心得： 小小細節沒有處理好就會造成版面上的問題,需要非常仔細和專心的去調整語法.對於遲交深感抱歉,版面上可能還是不太完美,但希望能盡速繳交作業不致早老師麻煩,在此和老師說聲抱歉.


視傳2B 1035445182]]> yoman70061 104-2《中國》竹視傳二B-進階網頁設計 Fri, 22 Apr 2016 00:16:27 +0800 http://mepopedia.com/forum/read.php?2561,80471,80998#msg-80998 http://mepopedia.com/forum/read.php?2561,80471,80998#msg-80998
(1)作業網址: http://mepopedia.com/~css104-2b/midterm/midterm-1035445146/index.html
(2)網站主題: 冰雪奇緣
(3)導覽葉選項: 首頁 故事情節 製作 特展 原聲帶
(4)設計對象: 喜歡迪士尼動畫的人
(5)色彩計畫: 藍色調為主
(6)風格設定: 藍色 可愛 清新
(7)製作心得: 非常不容易，遇到困難，有部分重新做才完成，完成後覺得很有成就感]]> 1035445185 徐于庭 104-2《中國》竹視傳二B-進階網頁設計 Tue, 19 Apr 2016 18:08:07 +0800 http://mepopedia.com/forum/read.php?2561,80471,80983#msg-80983 http://mepopedia.com/forum/read.php?2561,80471,80983#msg-80983 (2)網站主題：mombrother
(3)導覽列選項：home shop about contact notice
(2)設計對象：一般大眾
(3)色彩計畫：灰色
(4)風格設定、預期成效：配色簡單清晰
(5)製作心得：很累
學號 1025445118]]> 1035445017 104-2《中國》竹視傳二B-進階網頁設計 Tue, 19 Apr 2016 15:13:50 +0800 http://mepopedia.com/forum/read.php?2561,80471,80979#msg-80979 http://mepopedia.com/forum/read.php?2561,80471,80979#msg-80979 (2)網站主題：防彈少年團BTS
(3)導覽列選項：首頁 成團經歷 成員介紹 音樂專輯 影音分享
(4)設計對象：喜愛及對此團體有興趣的人
(5)色彩計畫： 藍 灰
(6)風格設定、穩重 有魅力
(7)製作心得： 完成網頁很有成就感,雖然一開始有花了點時間,但是到後面就越來越順。

學號 1035445222]]> yung yi 104-2《中國》竹視傳二B-進階網頁設計 Tue, 19 Apr 2016 14:42:31 +0800 http://mepopedia.com/forum/read.php?2561,80471,80977#msg-80977 http://mepopedia.com/forum/read.php?2561,80471,80977#msg-80977 (2)網站主題：bury tomorrow
(3)導覽列選項：history music movie music style link
(4)設計對象：like music
(5)色彩計畫：黑
(6)風格設定、搖滾
(7)製作心得：檔案不見重作很煩]]> 1035445041 104-2《中國》竹視傳二B-進階網頁設計 Tue, 19 Apr 2016 13:42:04 +0800 http://mepopedia.com/forum/read.php?2561,80471,80949#msg-80949 http://mepopedia.com/forum/read.php?2561,80471,80949#msg-80949 (2)網站主題：宮崎駿
(3)導覽列選項：首頁、作品介紹、相關作品、電影名言、相關連結
(2)設計對象：一般大眾
(3)色彩計畫：以淡藍嶼深藍色為主
(4)風格設定、預期成效：配色簡單清晰
(5)製作心得：在這門課中學到了很多東西，也試著把不會的東西慢慢去搞懂

學號 1035445047]]> 1035445047 104-2《中國》竹視傳二B-進階網頁設計 Tue, 19 Apr 2016 09:15:01 +0800 http://mepopedia.com/forum/read.php?2561,80471,80944#msg-80944 http://mepopedia.com/forum/read.php?2561,80471,80944#msg-80944 (2)網站主題：日本
(3)導覽列選項：首頁、歷史、特產、自然環境、連結
(4)設計對象：喜歡日本文化的人
(5)色彩計畫：粉櫻色、白色、黑色
(6)風格設定、預期成效：柔和
(7)製作心得：學到了更多的網頁架構形式，但仍有許多不足

學號1035445179]]> 1035445179 104-2《中國》竹視傳二B-進階網頁設計 Tue, 19 Apr 2016 08:53:23 +0800 http://mepopedia.com/forum/read.php?2561,80471,80938#msg-80938 http://mepopedia.com/forum/read.php?2561,80471,80938#msg-80938 (2)網站主題：Nicolas Monterrat
(3)導覽列選項：Home(index.html)、About(about.html)、Works(works.html)、Films(films.html)、Links(links.html)
(2)設計對象：對GIF動畫感興趣的人
(3)色彩計畫：以低調的色調為主，融合Monterrat作品-old元素
(4)風格設定、預期成效：風格設定 - 走質感路線，主要以old元素為主 / 預期成效 - 看到這個網頁的人都會覺得很有趣、好玩、療癒
(5)製作心得：語法太多常常會忘記哪個是哪個的設定哈哈

1035445032]]> yii_ 104-2《中國》竹視傳二B-進階網頁設計 Tue, 19 Apr 2016 06:27:39 +0800 http://mepopedia.com/forum/read.php?2561,80471,80937#msg-80937 http://mepopedia.com/forum/read.php?2561,80471,80937#msg-80937 (2)網站主題： -------
(3)導覽列選項： 首頁/故事/腳色/起因/穿插
(2)設計對象： 喜歡色彩的人
(3)色彩計畫： 紅色調
(4)風格設定、預期成效： 負面感
(5)製作心得： 還可以

學號 1035445065]]> co0x 104-2《中國》竹視傳二B-進階網頁設計 Tue, 19 Apr 2016 05:49:07 +0800 http://mepopedia.com/forum/read.php?2561,80471,80936#msg-80936 http://mepopedia.com/forum/read.php?2561,80471,80936#msg-80936 (2)網站主題： 少年同盟
(3)導覽列選項： 首頁、人物介紹、劇情大綱、圖片分享、推薦影音
(2)設計對象： 同好
(3)色彩計畫： 彩色渲染
(4)風格設定、預期成效： 水彩渲染效果
(5)製作心得： 終於做完了~

學號1035445071]]> 1035445071 104-2《中國》竹視傳二B-進階網頁設計 Tue, 19 Apr 2016 05:45:01 +0800 http://mepopedia.com/forum/read.php?2561,80471,80922#msg-80922 http://mepopedia.com/forum/read.php?2561,80471,80922#msg-80922 (2)網站主題: 探險活寶
(3)導覽列選項:首頁、故事簡介、腳色介紹、故事照片、外部連結
(2)設計對象：喜愛簡單卡通的人們
(3)色彩計畫：藍白為主要配色
(4)風格設定、簡單藍白配色
(5)製作心得：帥]]> 1035445059 104-2《中國》竹視傳二B-進階網頁設計 Tue, 19 Apr 2016 03:35:31 +0800 http://mepopedia.com/forum/read.php?2561,80471,80910#msg-80910 http://mepopedia.com/forum/read.php?2561,80471,80910#msg-80910 (2)網站主題：臘腸狗
(3)導覽列選項：首頁、臘腸狗介紹、照顧臘腸狗、訓練臘腸狗、臘腸狗連結
(2)設計對象：喜愛臘腸狗的人
(3)色彩計畫：以黃咖色呈現
(4)風格設定、預期成效：簡潔可愛
(5)製作心得：從中學到了很多

學號 1035445044]]> 1035445044 104-2《中國》竹視傳二B-進階網頁設計 Tue, 19 Apr 2016 01:25:33 +0800 http://mepopedia.com/forum/read.php?2561,80471,80908#msg-80908 http://mepopedia.com/forum/read.php?2561,80471,80908#msg-80908 (2)網站主題：貓的報恩
(3)導覽列選項：首頁 、角色介紹、劇情簡介、影片欣賞、吉卜力相關
(4)設計對象：大眾
(5)色彩計畫： 深藍、淺灰藍、白色
(6)風格設定、預期成效：簡約，並用上剪影以至於不會太過單調
(7)製作心得： 這次有些許的調整背景，變得豐富點。雖然有點麻煩，但還是做完了。

學號 1035445011]]> wl02789213 104-2《中國》竹視傳二B-進階網頁設計 Tue, 19 Apr 2016 01:23:55 +0800 http://mepopedia.com/forum/read.php?2561,80471,80896#msg-80896 http://mepopedia.com/forum/read.php?2561,80471,80896#msg-80896 (2)網站主題： 好萊塢
(3)導覽列選項： 首頁、歷史、電影工業、好萊塢星光大道、相關延伸
(2)設計對象： 喜愛西方或異國的。
(3)色彩計畫： 黃澄色為主。
(4)風格設定、預期成效：˙一點點鮮豔加金閃閃。
(5)製作心得：想做其他細節結果做不成哈哈。

視傳2B 1035445107]]> ttn0910 104-2《中國》竹視傳二B-進階網頁設計 Tue, 19 Apr 2016 00:08:31 +0800 http://mepopedia.com/forum/read.php?2561,80471,80895#msg-80895 http://mepopedia.com/forum/read.php?2561,80471,80895#msg-80895 (2)網站主題：渡邊直美
(3)導覽列選項：HOME CM LINK VIDEO ABOUT
(2)設計對象：喜歡渡邊直美的人
(3)色彩計畫： 粉紅桃紅 紅
(4)風格設定、預期成效： 看到搞怪的渡邊直美
(5)製作心得：我覺得越做越有成就感
學號 1035445029]]> 1035445029 104-2《中國》竹視傳二B-進階網頁設計 Tue, 19 Apr 2016 00:06:58 +0800 http://mepopedia.com/forum/read.php?2561,80471,80894#msg-80894 http://mepopedia.com/forum/read.php?2561,80471,80894#msg-80894 (2)網站主題：楓之谷
(3)導覽列選項：首頁、冒險家、最初地圖、 經典音樂 、相關遊戲
(4)設計對象:曾經玩過此遊戲的元老級玩家以及想懷念過去楓之谷的孩子們~~~
(5)色彩計畫： 藍色色系
(6)風格設定、預期成效：清新加一點小夢幻
(7)製作心得： 有些小細節不知道該怎麼調整~~~~XD不過大致上算滿意

學號 1035445170(:P)]]> mineko15 104-2《中國》竹視傳二B-進階網頁設計 Tue, 19 Apr 2016 00:06:33 +0800 http://mepopedia.com/forum/read.php?2561,80471,80893#msg-80893 http://mepopedia.com/forum/read.php?2561,80471,80893#msg-80893 (2)網站主題：amazarashi
(3)導覽列選項：start about introduction story video
(2)設計對象：沒有接觸過吟遊詩人的人們。
(3)色彩計畫： 濁色系。
(4)風格設定、預期成效：簡約風格。
(5)製作心得：上傳好多次還是沒辦法顯示網頁，有點無奈。

學號 1035445119]]> 1035445119 104-2《中國》竹視傳二B-進階網頁設計 Mon, 18 Apr 2016 23:58:57 +0800 http://mepopedia.com/forum/read.php?2561,80471,80889#msg-80889 http://mepopedia.com/forum/read.php?2561,80471,80889#msg-80889 (2)網站主題：重機
(3)導覽列選項：首頁/ZF-R15Y/CBR-1000RR/MT-10/外部連結
(2)設計對象：喜歡重機的族群
(3)色彩計畫： 黑色，紅色，灰色。
(4)風格設定、預期成效：極簡的黑紅白風格。
(5)製作心得：學到很多東西 但是過程很艱困]]> 1025445032 104-2《中國》竹視傳二B-進階網頁設計 Mon, 18 Apr 2016 23:41:27 +0800 http://mepopedia.com/forum/read.php?2561,80471,80876#msg-80876 http://mepopedia.com/forum/read.php?2561,80471,80876#msg-80876 (2)網站主題：霍爾的移動城堡
(3)導覽列選項：首頁 人物介紹 故事介紹 製作過程 影片分享
(4)設計對象：所有年齡
(5)色彩計畫： 藍 白
(6)風格設定、預期成效：簡單明瞭
(7)製作心得：還可以

學號 1035445017]]> 1035445017 104-2《中國》竹視傳二B-進階網頁設計 Mon, 18 Apr 2016 22:00:26 +0800 http://mepopedia.com/forum/read.php?2561,80471,80871#msg-80871 http://mepopedia.com/forum/read.php?2561,80471,80871#msg-80871 (2)網站主題：番茄
(3)導覽列選項： 首頁、歷史、品種、食用、料理
(2)設計對象：喜愛番茄者
(3)色彩計畫：紅色系、綠色
(4)風格設定、預期成效：番茄風、簡單明瞭
(5)製作心得：版面意外的好看，自己也很喜歡

學號 1035445206]]> 王文筠 104-2《中國》竹視傳二B-進階網頁設計 Mon, 18 Apr 2016 20:09:11 +0800 http://mepopedia.com/forum/read.php?2561,80471,80870#msg-80870 http://mepopedia.com/forum/read.php?2561,80471,80870#msg-80870 (2)網站主題: 企鵝家族
(3)導覽列選項:首頁、故事簡介、腳色介紹、故事照片、外部連結
(2)設計對象：喜歡企鵝家族的所以年齡層
(3)色彩計畫：藍白為主要配色
(4)風格設定、預期成效：可愛簡單風格，很可愛還不錯
(5)製作心得：開心

學號 1035445068]]> _SHUAN 104-2《中國》竹視傳二B-進階網頁設計 Mon, 18 Apr 2016 19:37:09 +0800 http://mepopedia.com/forum/read.php?2561,80471,80865#msg-80865 http://mepopedia.com/forum/read.php?2561,80471,80865#msg-80865 (2)網站主題: Christophe Lemaire
(3)導覽列選項: TOP / PROFILE / Christophe Lemaire & Sarah Lin-Tran / DISCOGRAPHY / FILM
(2)設計對象：了解此設計師以及喜愛極簡風格服飾的人
(3)色彩計畫：白 / 灰
(4)風格設定、預期成效：純色、簡潔就像此設計品牌一樣
(5)製作心得：把之前學的又再複習一次

學號 1035445005]]> 1035445005 104-2《中國》竹視傳二B-進階網頁設計 Mon, 18 Apr 2016 18:39:31 +0800 http://mepopedia.com/forum/read.php?2561,80471,80856#msg-80856 http://mepopedia.com/forum/read.php?2561,80471,80856#msg-80856 (2)網站主題： 走進文化藝術之都
(3)導覽列選項： 首頁、傳統美食、傳統慶典、教堂介紹、相關書籍
(2)設計對象： 對不同文化、歷史有興趣的人
(3)色彩計畫： 主要為棗紅、深藍、白色這三個顏色為主
(4)風格設定、預期成效：以簡單的色調、跟傳統服飾上的圖騰，突顯俄國色彩。
(5)製作心得： 做第一頁的時候弄很久，加上要找很多相關資料花了不少時間，後面幾頁越做越順手，
但第三頁的漸層配色一直弄不出和諧的感覺，所以採用了東正教教堂那種搶眼的配色方式。
做了一個自己喜歡的主題，同時又可以當作業實在太棒了！
希望之後能再學到更多網頁設計的小技巧～

1035445104李恩慈]]> EN-TZU LEE 104-2《中國》竹視傳二B-進階網頁設計 Mon, 18 Apr 2016 13:44:16 +0800 http://mepopedia.com/forum/read.php?2561,80471,80849#msg-80849 http://mepopedia.com/forum/read.php?2561,80471,80849#msg-80849 (2)網站主題： 哈士奇
(3)導覽列選項： 首頁、簡介、介紹、分享、圖片
(2)設計對象： 喜歡哈士奇的人
(3)色彩計畫： 以黑色與藍色來做設計
(4)風格設定、預期成效： 簡約、無
(5)製作心得： 還不太會很進階的東西

學號 1035445080]]> quishi850816 104-2《中國》竹視傳二B-進階網頁設計 Mon, 18 Apr 2016 05:43:13 +0800 http://mepopedia.com/forum/read.php?2561,80471,80839#msg-80839 http://mepopedia.com/forum/read.php?2561,80471,80839#msg-80839 (2)網站主題：熊本熊
(3)導覽列選項：首頁、介紹、表情包、 建筑 、链结
(4)設計對象：小朋友及青少年
(5)色彩計畫： 彩色
(6)風格設定、預期成效：可愛、活潑
(7)製作心得：

學號 1025445140]]> 1035445140 104-2《中國》竹視傳二B-進階網頁設計 Sun, 17 Apr 2016 20:42:20 +0800 http://mepopedia.com/forum/read.php?2561,80471,80837#msg-80837 http://mepopedia.com/forum/read.php?2561,80471,80837#msg-80837 (2)網站主題： 法國傳統麵包
(3)導覽列選項： 首頁 麵包種類 分辨麵包 麵包小常識 相關連結
(2)設計對象：對傳統法國麵包有興趣的人
(3)色彩計畫：麵包烤出來的顏色
(4)風格設定、預期成效：鄉村風
(5)製作心得：做完了~~~]]> 1035445152 104-2《中國》竹視傳二B-進階網頁設計 Sun, 17 Apr 2016 18:29:24 +0800 http://mepopedia.com/forum/read.php?2561,80471,80836#msg-80836 http://mepopedia.com/forum/read.php?2561,80471,80836#msg-80836
(2)網站主題： C/MEO COLLECTIVE
(3)導覽列選項： New(index.html)、Shop(shop.html)、Blog(blog.html)、About(about.html)、Contact(contact.html)
(2)設計對象： 喜愛小眾設計師品牌服飾的人群
(3)色彩計畫：從圖片到背景做出相同色調間的變化
(4)風格設定、網頁看點、預期成效：想走簡約大方的風格，作為宣傳服飾品牌
(5)製作心得： 這次網頁新增了許多跟以往不同的語法，基本掌握css語法運用的基本功，更加注重細節上的風格設定，從一些細小的變化使整個網頁更加精緻。

1035445134]]> 1035445134 104-2《中國》竹視傳二B-進階網頁設計 Sun, 17 Apr 2016 17:58:24 +0800 http://mepopedia.com/forum/read.php?2561,80471,80831#msg-80831 http://mepopedia.com/forum/read.php?2561,80471,80831#msg-80831 (2)網站主題：柴犬
(3)導覽列選項：首頁、歷史、特徵及性格、柴犬種類、相關作品
(2)設計對象：各個年齡層
(3)色彩計畫： 以咖啡色系為主
(4)風格設定、預期成效： 以柴犬身上顏色為主，可以讓人聯想到柴犬
(5)製作心得：我覺得設計這樣的網站非常有趣

學號 1035445002]]> 1034445002 104-2《中國》竹視傳二B-進階網頁設計 Sun, 17 Apr 2016 15:05:43 +0800 http://mepopedia.com/forum/read.php?2561,80471,80827#msg-80827 http://mepopedia.com/forum/read.php?2561,80471,80827#msg-80827 (2)網站主題：抽象派
(3)導覽列選項：首頁 抽象派歷史 著名作家 作品 影片賞析
(4)設計對象：對抽象派有興趣的
(5)色彩計畫： 藍 白
(6)風格設定、預期成效：簡約清爽
(7)製作心得：還好]]> 1035445074 104-2《中國》竹視傳二B-進階網頁設計 Sat, 16 Apr 2016 18:15:25 +0800