Welcome! 登入 註冊
專區首頁 專區百科 專區論壇 專區部落格 專區地圖

Advanced

Re: [期中作業] HTML與CSS練習--網站實作

[期中作業] HTML與CSS練習--網站實作

1. 期中作業說明


請參考期中前之講義製作

須具備
1.以課堂練習架構修改為一全新內容的網站。
2.每個連結都要有內容(導覽頁不可直接外連網站)
3.注意配色、設計質感、排版、字體、行間、字體大小等細節,設一一具有設計質感的網站。
4.需有CSS3的效果(圓角,陰影,漸層,透明度等),但不可過於誇張。

[hr]
將資料夾命名為 midterm-學號,以FTP上傳至midterm資料夾
作業網址為http://mepopedia.com/~css104-2b/midterm/midterm-1035445XXX 。

並請回覆:

(1)作業網址:
(2)網站主題:
(3)導覽列選項:
(2)設計對象:
(3)色彩計畫:
(4)風格設定、預期成效:
(5)製作心得:

學號

[hr]
請於規定時間準時繳交作業,本作業佔學期分數30%,逾期不後。
[hr]



Edited 1 time(s). Last edit at 04/07/2016 10:33AM by JinJin.
(編輯記錄)

(1)作業網址:http://mepopedia.com/~css104-2b/midterm/midterm-1025445186/index.html
(2)網站主題: 空の境界
(3)導覽列選項: 首頁、故事介紹、人物介紹、影音分享、網址連結
(2)設計對象: 喜愛日本動畫文化的族群
(3)色彩計畫: 深藍色為主,漸層紅色。
(4)風格設定、預期成效:沉重、悲情。
想模擬出動畫中帶給讀者的感覺,由平靜的藍色漸層至躁動的紅色。
(5)製作心得:練習架構一個網站蠻有趣的,不過想讓版面好看真的不容易,需要花更多的時間學習與練習。

視傳3C 1025445186



Edited 5 time(s). Last edit at 03/31/2016 09:51AM by 1025445186.
(編輯記錄)

(1)作業網址: http://mepopedia.com/~css104-2b/midterm/midterm-1025445234/index.html
(2)網站主題:QOO酷兒
(3)導覽列選項:首頁 、誕生、廣告、 產品 、周邊商品
(4)設計對象:小朋友及青少年
(5)色彩計畫: 藍色、橘色、綠色
(6)風格設定、預期成效:可愛、活潑
(7)製作心得:

學號 1025445234

(1)作業網址: [url=http://mepopedia.com/~css104-2b/midterm/midterm-1035445176/index.html]http://mepopedia.com/~css104-2b/midterm/midterm-1035445176/index.html[/url]
(2)網站主題:風起
(3)導覽列選項:風立,起風了,創造,影片,資料連結
(4)設計對象:所有年齡都可
(5)色彩計畫: 藍色,白色
(6)風格設定、預期成效:簡約清淡
(7)製作心得:還可以

學號 1035445176

(1)作業網址: http://mepopedia.com/~css104-2b/midterm/midterm-1035445014/index.html
(2)網站主題:TRAN 泉
(3)導覽列選項:首頁 / 活動專欄 / 形象短片 / 時裝秀 / 粉絲專業
(4)設計對象:TRAN 泉 的客戶
(5)色彩計畫: 藍,灰
(6)風格設定、預期成效:簡約 / 冰冷
(7)製作心得:覺得很有質感 / 覺得專業

學號 1035445014



Edited 1 time(s). Last edit at 04/07/2016 10:46PM by 藍道.
(編輯記錄)

(1)作業網址: http://mepopedia.com/~css104-2b/midterm/midterm-1035445086/index.html
(2)網站主題:plain-me改變你的穿搭品味
(3)導覽列選項:關於plain-me 、穿搭、NEW IN、 SHOES 、專欄好文
(4)設計對象:喜愛穿搭的人
(5)色彩計畫: 墨綠 淺藍色系
(6)風格設定、預期成效:文青
(7)製作心得: 感覺比上學期做得容易許多

學號 1035445086

(1)作業網址:http://mepopedia.com/~css104-2b/midterm/midterm-1035445209
(2)網站主題:義大利美食之旅
(3)導覽列選項: 義大利美食之旅.義大利美食餐廳.義大利美食.義大利特色美食.義大利美食相關連結
(2)設計對象:喜愛義大利美食和想去義大利旅遊吃美食
(3)色彩計畫:以橘褐色
(4)風格設定、預期成效:義大利風.簡約
(5)製作心得:做出很有介紹一個網站的架構

學號 1035445209

(1)作業網址:http://mepopedia.com/~css104-2b/midterm/midterm-1035445125/index.html
(2)網站主題:蛋黃哥
(3)導覽列選項:首頁 / 展覽簡介 / 連結網址 / 影片連結 / 點心介紹
(4)設計對象:蛋黃哥的粉絲
(5)色彩計畫: 黃
(6)風格設定、預期成效:簡單明瞭
(7)製作心得:覺得在很多錯誤中學到

學號10365445125

(1)作業網址: http://mepopedia.com/~css104-2b/midterm/midterm-1035445194/index.html
(2)網站主題: Within Temptation
(3)導覽列選項: 首頁、成員介紹、音樂專輯、樂隊歷史、影音分享
(2)設計對象: 對音樂有興趣的人
(3)色彩計畫: 紅色為主,棕色、黑色為輔。
(4)風格設定、預期成效: 暗紅色的漸層,希望表現出歌德金屬的華麗感。
(5)製作心得: 風格和色彩搭配要想比較久,細部調整的部分很多;但是完成後頗有成就感,很開心。

學號 1035445194

(1)作業網址: http://mepopedia.com/~css104-2b/midterm/midterm-1035445191/index.html
(2)網站主題: 遇見‧幾米
(3)導覽列選項: 首頁、關於幾米、出版作品、展覽裝置、外部連結
(2)設計對象: 喜歡幾米、喜歡看繪本和插畫的人
(3)色彩計畫: 主要為淺藍、深藍、白色這三個顏色為主
(4)風格設定、預期成效:盡量讓整個版面看起來簡單、舒暢,但不落於太單調,並且能一看就有幾米的風格。
(5)製作心得: 開始做第一頁的時覺得很困難,但越後面越做越順手,完成整個網站時很開心,
       且想要挑戰更有官方網站感覺的網頁版型。

學號 1035445191



Edited 1 time(s). Last edit at 04/08/2016 05:11PM by 翁瑱真.
(編輯記錄)

(1)作業網址: http://mepopedia.com/~css104-2b/midterm/midterm-1035445131
(2)網站主題: 豆豆咖啡屋
(3)導覽列選項: 首頁/咖啡歷史/咖啡介紹/烘焙介紹/咖啡連結
(2)設計對象: 對咖啡豆有研究和喜歡喝咖啡的人
(3)色彩計畫: 以褐色為主
(4)風格設定、預期成效: 成熟帶有點可愛
(5)製作心得: 漸層很有趣,沒想到還能這樣做,可是背景沒有想像中的好做,沒做出預期想做出的樣子。


學號 1035445131

(1)作業網址: http://mepopedia.com/~css104-2b/midterm/midterm-1035445200/index.html
(2)網站主題: PDA diary
(3)導覽列選項: monmobis,壘摳,漢克,lulu,Sherry ( 手帳達人介紹 )
(2)設計對象: 對寫手帳有興趣的人
(3)色彩計畫:藍色系為主
(4)風格設定、預期成效: 可愛又舒暢的感覺
(5)製作心得:學到了更多的網頁架構形式

學號 1035445200

(1)作業網址:http://mepopedia.com/~css104-2b/midterm/midterm-1035461133
(2)網站主題:愛吃鬼巧達
(3)導覽列選項:首頁(index.html) 故事簡介(about.html) 人物介紹(haracter.html) 製作相關(works.html) 外部連結(link.html)
(2)設計對象:喜歡愛吃鬼巧達的人
(3)色彩計畫:以巧達身體的紫色為主去延伸
(4)風格設定、預期成效:簡單明瞭
(5)製作心得:背景沒有想像中的好做,沒做出預期想做出的樣子。

學號 1035461133

(1)作業網址:http://mepopedia.com/~css104-2b/midterm/midterm-1035445137/index.html
(2)網站主題: vetements
(3)導覽列選項: 首頁、品牌介紹、品牌型錄、影音分享、網址連結
(2)設計對象: 對時裝有興趣的時尚愛好者
(3)色彩計畫:中性色調。
(4)風格設定、預期成效:簡約
想給人一種時裝高端簡練的感覺
(5)製作心得:學到了很多新的知識也對原來的一些知識有了複習

1035445137 周李銘



Edited 1 time(s). Last edit at 04/11/2016 02:13AM by 2zzzcm.
(編輯記錄)

(1)作業網址: http://mepopedia.com/~css104-2b/midterm/midterm-1035445218
(2)網站主題: 海底總動員2
(3)導覽列選項: 首頁 / 故事簡介 / 角色介紹 / 製作相關 / 外部連結
(2)設計對象: 10歲-20歲
(3)色彩計畫: 因為是以小孩、海洋為主題,所以使用了多種不同的藍色,再加上大面積的白色提升整體明度。
(4)風格設定、預期成效: 與之前作業不同,有在背景的圖案方面加以修改,活潑的取向,有比較接近預期效果。
(5)製作心得:套用版型製作網頁是很簡單的事,最困難的就是製作背景與內容之間的協調吧。

1035445218 柯惠文

(1)作業網址:http://mepopedia.com/~css104-2b/midterm/midterm-1035445026 。
(2)網站主題:千鳥紋
(3)導覽列選項:首頁、關於、搭配、欣賞、連結
(2)設計對象:喜愛淡雅格紋的人
(3)色彩計畫: 黑灰白
(4)風格設定、預期成效: 簡潔淡雅
(5)製作心得:定期交作業、期中就沒那麼緊迫、因此可以慢慢調整內容、光是許多細節就斟酌許久

學號1035445026

(1)作業網址: http://mepopedia.com/~css104-2b/midterm/midterm-1035445134/index.html

(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

(1)作業網址:http://mepopedia.com/~css104-2b/midterm/midterm-1035445113
(2)網站主題: Ro-Kyu-Bu!
(3)導覽列選項: 首頁、人物介紹、圖片分享、相關影音、粉絲團(會員註冊、登錄等)
(2)設計對象: 喜歡小孩動、漫畫的人
(3)色彩計畫: 淡粉、淡黃
(4)風格設定、預期成效: 介紹此部動漫,有讓人會去追蹤的成效
(5)製作心得: flash開啟動化中,發佈後html檔案無法進行超連結(swf檔案可以),以至於取消了原本的設定



Edited 1 time(s). Last edit at 04/12/2016 09:00PM by 1035445113.
(編輯記錄)

(1)作業網址: http://mepopedia.com/~css104-2b/midterm/midterm-1035445053/index.html
(2)網站主題:原原不絕
(3)導覽列選項:原來如此 原形畢露 原封不动 原頭活水 原源不絕
(4)設計對象:所有年齡都可
(5)色彩計畫:紅色 黑色
(6)風格設定、預期成效:色彩鮮艷又部會太過複雜
(7)製作心得:完成了一個像樣的網站覺得很有成就感

學號 1035445053



Edited 1 time(s). Last edit at 04/13/2016 08:53PM by 1035445053.
(編輯記錄)

(1)作業網址: http://mepopedia.com/~css104-2b/midterm/midterm-1035445158/index.html

(2)網站主題: 花花世界
(3)導覽列選項: 首頁(index.html)、賞花花季(youth.html)、花的花語(florid.html)、插花美學(art.html)、送花禁忌(give.html)
(2)設計對象: 不論各行各業或各個年齡層,只要喜歡花或對花有興趣的人為主要對象。
(3)色彩計畫:依照花的粉色系為主要基底色調,用粉色系做層次的變化。
(4)風格設定、預期成效: 風格設定偏向柔和的粉色系,像是粉嫩的花綻放,材質依不同的肌理拼貼,營造出網頁的層次感,網頁的內容有關於各種在日常生活中都用的到的有趣花知識,是這個網頁的看點,預期成效希望網頁能營造出花朵甜蜜綻放的感覺,讓瀏覽者像是置身在花園中,而在網頁內容裡又能學到知識。
(5)製作心得: 學習了很多新的語法,讓網頁看起來精緻許多,雖然很繁複,但是樂在其中。

1035445158



Edited 1 time(s). Last edit at 04/13/2016 12:07AM by 1035445158.
(編輯記錄)

1)作業網址:http://mepopedia.com/~css104-2b/midterm/midterm-1025445155/index.html
(2)網站主題: pixar動畫工作室
(3)導覽列選項: 首頁、關於製作、幕後人員、電影作品、外部連結
(2)設計對象: 喜愛pixar動畫的族群
(3)色彩計畫: 深藍色為主,淺灰色背景。
(4)風格設定、預期成效:將背景作淡凸顯主題。 滿凸顯的。
(5)製作心得:有滿多小細節可以去探討的,這次作業學習到很多東西。

1)作業網址:http://mepopedia.com/~css104-2b/midterm/midterm-1035445224/index.html
(2)網站主題:無印良品
(3)導覽列選項: 首頁、衣料品、家具、生活雜物、食品
(2)設計對象: 喜愛MUJI 的大眾
(3)色彩計畫: 以咖啡色 米色 灰色為主
(4)風格設定、預期成效:喜歡清新乾淨的感覺,以簡單的風格呈現無印良品的素雅。
(5)製作心得:用超級久 覺得網頁設計真的很困難,但我還是做完了。

視傳2b 1035445224

(1)作業網址: http://mepopedia.com/~css104-2b/midterm/midterm-1035445185/

(2)網站主題: 日本の點心

(3)導覽列選項: 首頁、紅豆銅鑼燒、抹茶紅豆白玉、鯛魚燒、水信玄餅

(2)設計對象: 喜愛日式甜點的人, 不用花大錢和排隊就可以簡單自己製作美味的甜點

(3)色彩計畫:以柔和的綠色為主

(4)風格設定:
日式甜點就會讓我想到抹茶,所以網頁的風格大多使用柔和的綠色調來呈現,希望呈現清新風格,又不會太單調
預期成效:
能幫助到別人不用花很多錢和排隊就可以簡單自己製作美味的甜點

(5)製作心得: 雖然網頁設計越來越難,但是可以美化自己的網頁,在其中也學習到很多東西,希望以後能學以致用

1035445185

(1)作業網址:http://mepopedia.com/~css104-2b/midterm/midterm-1035445098/
(2)網站主題:宮崎駿
(3)導覽列選項:介紹頁 動畫簡介 吉普立工作室 手稿 網站連結
(4)設計對象:所有年齡都可
(5)色彩計畫:湖水綠 湖水藍 黑色
(6)風格設定、預期成效:想要有種夢幻,富有童趣的感覺。
(7)製作心得:很有成就感

學號 1035445098



Edited 1 time(s). Last edit at 04/14/2016 10:25PM by 1035445098.
(編輯記錄)

(1)作業網址: http://mepopedia.com/~css104-2b/midterm/midterm-1035445023
(2)網站主題: 米老鼠Mickey Mouse
(3)導覽列選項: 首頁、關於米老鼠、參與劇集、影片分享、外部連結
(2)設計對象: 各種年齡層
(3)色彩計畫: 主要橘紅、黃色、黑色
(4)風格設定、預期成效: 用米老鼠身上的顏色來進行配色,希望看到能立即聯想到米老鼠
(5)製作心得: 製作過程很累,但是看到成果很滿足

1035445023

(1)作業網址: http://mepopedia.com/~css104-2b/midterm/midterm-1035445149/index.html
(2)網站主題:ONLY NY
(3)導覽列選項:ABOUT 、Introduction、Sweatshirts、 Hats、Video
(4)設計對象:喜歡這個牌子的人
(5)色彩計畫: 墨綠 深色系
(6)風格設定、預期成效:簡單時尚
(7)製作心得: 感覺越做越投入

學號 1035445149

(1)作業網址: http://mepopedia.com/~css104-2b/midterm/midterm-1035445056/index.html
(2)網站主題: 幻想神域
(3)導覽列選項: 遊戲特色、故事背景、職業介紹、源神介紹、外部連結。
(2)設計對象: 為喜歡玩線上遊戲的玩家介紹此款遊戲。
(3)色彩計畫: 幻想藍色風格。
(4)風格設定 : 清新有幻想的風格。 使用了遊戲內的場景之一來做主體搭配一連串的藍色風格。
(5)製作心得:覺得很新奇也很複雜,自己製作網頁、圖片等等的真的花費許多心力。



Edited 1 time(s). Last edit at 04/17/2016 05:11PM by 陳冠霖.
(編輯記錄)

(1)作業網址: http://mepopedia.com/~css104-2b/midterm/midterm-1035445074/index.html
(2)網站主題:抽象派
(3)導覽列選項:首頁 抽象派歷史 著名作家 作品 影片賞析
(4)設計對象:對抽象派有興趣的
(5)色彩計畫: 藍 白
(6)風格設定、預期成效:簡約清爽
(7)製作心得:還好

(1)作業網址:http://mepopedia.com/~css104-2b/midterm/midterm-1035445002/
(2)網站主題:柴犬
(3)導覽列選項:首頁、歷史、特徵及性格、柴犬種類、相關作品
(2)設計對象:各個年齡層
(3)色彩計畫: 以咖啡色系為主
(4)風格設定、預期成效: 以柴犬身上顏色為主,可以讓人聯想到柴犬
(5)製作心得:我覺得設計這樣的網站非常有趣

學號 1035445002



Edited 2 time(s). Last edit at 04/17/2016 03:08PM by 1034445002.
(編輯記錄)

(1)作業網址:http://mepopedia.com/~css104-2b/midterm/midterm-1035445152
(2)網站主題: 法國傳統麵包
(3)導覽列選項: 首頁 麵包種類 分辨麵包 麵包小常識 相關連結
(2)設計對象:對傳統法國麵包有興趣的人
(3)色彩計畫:麵包烤出來的顏色
(4)風格設定、預期成效:鄉村風
(5)製作心得:做完了~~~

(1)作業網址:http://mepopedia.com/~css104-2b/midterm/midterm-1035445140
(2)網站主題:熊本熊
(3)導覽列選項:首頁、介紹、表情包、 建筑 、链结
(4)設計對象:小朋友及青少年
(5)色彩計畫: 彩色
(6)風格設定、預期成效:可愛、活潑
(7)製作心得:

學號 1025445140

(1)作業網址:http://mepopedia.com/~css104-2b/midterm/midterm-1035445080
(2)網站主題: 哈士奇
(3)導覽列選項: 首頁、簡介、介紹、分享、圖片
(2)設計對象: 喜歡哈士奇的人
(3)色彩計畫: 以黑色與藍色來做設計
(4)風格設定、預期成效: 簡約、無
(5)製作心得: 還不太會很進階的東西

學號 1035445080

(1)作業網址: http://mepopedia.com/~css104-2b/midterm/midterm-1035445104/index.html
(2)網站主題: 走進文化藝術之都
(3)導覽列選項: 首頁、傳統美食、傳統慶典、教堂介紹、相關書籍
(2)設計對象: 對不同文化、歷史有興趣的人
(3)色彩計畫: 主要為棗紅、深藍、白色這三個顏色為主
(4)風格設定、預期成效:以簡單的色調、跟傳統服飾上的圖騰,突顯俄國色彩。
(5)製作心得: 做第一頁的時候弄很久,加上要找很多相關資料花了不少時間,後面幾頁越做越順手,
但第三頁的漸層配色一直弄不出和諧的感覺,所以採用了東正教教堂那種搶眼的配色方式。
做了一個自己喜歡的主題,同時又可以當作業實在太棒了!
希望之後能再學到更多網頁設計的小技巧~

1035445104李恩慈

(1)作業網址:http://mepopedia.com/~css104-2b/midterm/midterm-1035445005
(2)網站主題: Christophe Lemaire
(3)導覽列選項: TOP / PROFILE / Christophe Lemaire & Sarah Lin-Tran / DISCOGRAPHY / FILM
(2)設計對象:了解此設計師以及喜愛極簡風格服飾的人
(3)色彩計畫:白 / 灰
(4)風格設定、預期成效:純色、簡潔就像此設計品牌一樣
(5)製作心得:把之前學的又再複習一次

學號 1035445005

(1)作業網址:http://mepopedia.com/~css104-2b/midterm/midterm-1035445068
(2)網站主題: 企鵝家族
(3)導覽列選項:首頁、故事簡介、腳色介紹、故事照片、外部連結
(2)設計對象:喜歡企鵝家族的所以年齡層
(3)色彩計畫:藍白為主要配色
(4)風格設定、預期成效:可愛簡單風格,很可愛還不錯
(5)製作心得:開心

學號 1035445068

(1)作業網址:http://mepopedia.com/~css104-2b/midterm/midterm-1035445206
(2)網站主題:番茄
(3)導覽列選項: 首頁、歷史、品種、食用、料理
(2)設計對象:喜愛番茄者
(3)色彩計畫:紅色系、綠色
(4)風格設定、預期成效:番茄風、簡單明瞭
(5)製作心得:版面意外的好看,自己也很喜歡

學號 1035445206

(1)作業網址: [url=http://mepopedia.com/~css104-2b/midterm/midterm-1035445017/index.html]http://mepopedia.com/~css104-2b/midterm/midterm-1035445017/index.html[/url]
(2)網站主題:霍爾的移動城堡
(3)導覽列選項:首頁 人物介紹 故事介紹 製作過程 影片分享
(4)設計對象:所有年齡
(5)色彩計畫: 藍 白
(6)風格設定、預期成效:簡單明瞭
(7)製作心得:還可以

學號 1035445017

(1)作業網址: http://mepopedia.com/~css104-2b/midterm/midterm-1025445032/index.html
(2)網站主題:重機
(3)導覽列選項:首頁/ZF-R15Y/CBR-1000RR/MT-10/外部連結
(2)設計對象:喜歡重機的族群
(3)色彩計畫: 黑色,紅色,灰色。
(4)風格設定、預期成效:極簡的黑紅白風格。
(5)製作心得:學到很多東西 但是過程很艱困

(1)作業網址: http://mepopedia.com/~css104-2b/midterm/midterm-1035445119/index.html
(2)網站主題:amazarashi
(3)導覽列選項:start about introduction story video
(2)設計對象:沒有接觸過吟遊詩人的人們。
(3)色彩計畫: 濁色系。
(4)風格設定、預期成效:簡約風格。
(5)製作心得:上傳好多次還是沒辦法顯示網頁,有點無奈。

學號 1035445119

(1)作業網址: http://mepopedia.com/~css104-2b/midterm/midterm-1035445170
(2)網站主題:楓之谷
(3)導覽列選項:首頁、冒險家、最初地圖、 經典音樂 、相關遊戲
(4)設計對象:曾經玩過此遊戲的元老級玩家以及想懷念過去楓之谷的孩子們~~~
(5)色彩計畫: 藍色色系
(6)風格設定、預期成效:清新加一點小夢幻
(7)製作心得: 有些小細節不知道該怎麼調整~~~~XD不過大致上算滿意

學號 1035445170spinning smiley sticking its tongue out

(1)作業網址:http://mepopedia.com/~css104-2b/midterm/midterm-1035445029
(2)網站主題:渡邊直美
(3)導覽列選項:HOME CM LINK VIDEO ABOUT
(2)設計對象:喜歡渡邊直美的人
(3)色彩計畫: 粉紅桃紅 紅
(4)風格設定、預期成效: 看到搞怪的渡邊直美
(5)製作心得:我覺得越做越有成就感
學號 1035445029

(1)作業網址:http://mepopedia.com/~css104-2b/midterm/midterm-1035445107/index.html
(2)網站主題: 好萊塢
(3)導覽列選項: 首頁、歷史、電影工業、好萊塢星光大道、相關延伸
(2)設計對象: 喜愛西方或異國的。
(3)色彩計畫: 黃澄色為主。
(4)風格設定、預期成效:˙一點點鮮豔加金閃閃。
(5)製作心得:想做其他細節結果做不成哈哈。

視傳2B 1035445107

(1)作業網址: http://mepopedia.com/~css104-2b/midterm/midterm-1035445011/index.html
(2)網站主題:貓的報恩
(3)導覽列選項:首頁 、角色介紹、劇情簡介、影片欣賞、吉卜力相關
(4)設計對象:大眾
(5)色彩計畫: 深藍、淺灰藍、白色
(6)風格設定、預期成效:簡約,並用上剪影以至於不會太過單調
(7)製作心得: 這次有些許的調整背景,變得豐富點。雖然有點麻煩,但還是做完了。

學號 1035445011

(1)作業網址:http://mepopedia.com/~css104-2b/midterm/midterm-1035445044
(2)網站主題:臘腸狗
(3)導覽列選項:首頁、臘腸狗介紹、照顧臘腸狗、訓練臘腸狗、臘腸狗連結
(2)設計對象:喜愛臘腸狗的人
(3)色彩計畫:以黃咖色呈現
(4)風格設定、預期成效:簡潔可愛
(5)製作心得:從中學到了很多

學號 1035445044

(1)作業網址:http://mepopedia.com/~css104-2b/midterm/midterm-1035445059
(2)網站主題: 探險活寶
(3)導覽列選項:首頁、故事簡介、腳色介紹、故事照片、外部連結
(2)設計對象:喜愛簡單卡通的人們
(3)色彩計畫:藍白為主要配色
(4)風格設定、簡單藍白配色
(5)製作心得:帥

(1)作業網址: http://mepopedia.com/~css104-2b/midterm/midterm-1035445071
(2)網站主題: 少年同盟
(3)導覽列選項: 首頁、人物介紹、劇情大綱、圖片分享、推薦影音
(2)設計對象: 同好
(3)色彩計畫: 彩色渲染
(4)風格設定、預期成效: 水彩渲染效果
(5)製作心得: 終於做完了~

學號1035445071

(1)作業網址:http://mepopedia.com/~css104-2b/midterm/midterm-1035445065
(2)網站主題: -------
(3)導覽列選項: 首頁/故事/腳色/起因/穿插
(2)設計對象: 喜歡色彩的人
(3)色彩計畫: 紅色調
(4)風格設定、預期成效: 負面感
(5)製作心得: 還可以

學號 1035445065

(1)作業網址:http://mepopedia.com/~css104-2b/midterm/midterm-1035445032/index.html
(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



Edited 1 time(s). Last edit at 04/19/2016 06:28AM by yii_.
(編輯記錄)

(1)作業網址: http://mepopedia.com/~css104-2b/midterm/midterm-1035445179/index.html
(2)網站主題:日本
(3)導覽列選項:首頁、歷史、特產、自然環境、連結
(4)設計對象:喜歡日本文化的人
(5)色彩計畫:粉櫻色、白色、黑色
(6)風格設定、預期成效:柔和
(7)製作心得:學到了更多的網頁架構形式,但仍有許多不足

學號1035445179

(1)作業網址:http://mepopedia.com/~css104-2b/midterm/midterm-1035445047
(2)網站主題:宮崎駿
(3)導覽列選項:首頁、作品介紹、相關作品、電影名言、相關連結
(2)設計對象:一般大眾
(3)色彩計畫:以淡藍嶼深藍色為主
(4)風格設定、預期成效:配色簡單清晰
(5)製作心得:在這門課中學到了很多東西,也試著把不會的東西慢慢去搞懂

學號 1035445047

(1)作業網址:http://mepopedia.com/~css104-2b/midterm/midterm-1025445118
(2)網站主題:mombrother
(3)導覽列選項:home shop about contact notice
(2)設計對象:一般大眾
(3)色彩計畫:灰色
(4)風格設定、預期成效:配色簡單清晰
(5)製作心得:很累
學號 1025445118

(1)作業網址: http://mepopedia.com/~css104-2b/midterm/midterm-1035445041/index.html
(2)網站主題:bury tomorrow
(3)導覽列選項:history music movie music style link
(4)設計對象:like music
(5)色彩計畫:黑
(6)風格設定、搖滾
(7)製作心得:檔案不見重作很煩

(1)作業網址: http://mepopedia.com/~css104-2b/midterm/midterm-1035445222/index.html
(2)網站主題:防彈少年團BTS
(3)導覽列選項:首頁 成團經歷 成員介紹 音樂專輯 影音分享
(4)設計對象:喜愛及對此團體有興趣的人
(5)色彩計畫: 藍 灰
(6)風格設定、穩重 有魅力
(7)製作心得: 完成網頁很有成就感,雖然一開始有花了點時間,但是到後面就越來越順。

學號 1035445222



Edited 1 time(s). Last edit at 04/19/2016 02:45PM by yung yi.
(編輯記錄)

學號:1035445146

(1)作業網址: http://mepopedia.com/~css104-2b/midterm/midterm-1035445146/index.html
(2)網站主題: 冰雪奇緣
(3)導覽葉選項: 首頁 故事情節 製作 特展 原聲帶
(4)設計對象: 喜歡迪士尼動畫的人
(5)色彩計畫: 藍色調為主
(6)風格設定: 藍色 可愛 清新
(7)製作心得: 非常不容易,遇到困難,有部分重新做才完成,完成後覺得很有成就感

(1)作業網址: file:///C:/Users/User/Desktop/hw1035445182/index.html
(2)網站主題: VDL
(3)導覽列選項: ABOUT.PRODUCT.ARTIST.COLLECTION.VIDEO
(2)設計對象: 喜歡此韓國彩妝品牌的族群
(3)色彩計畫: 粉紅色為主 粉藍
(4)風格設定、預期成效:粉嫩 柔和 利用今年最流行的粉紅和粉藍來呈現此彩妝品牌特色
(5)製作心得: 小小細節沒有處理好就會造成版面上的問題,需要非常仔細和專心的去調整語法.對於遲交深感抱歉,版面上可能還是不太完美,但希望能盡速繳交作業不致早老師麻煩,在此和老師說聲抱歉.


視傳2B 1035445182

(1)作業網址:http://mepopedia.com/~css104-2b/midterm/midterm-1035445050/index/index.html
(2)網站主題: DEEMO
(3)導覽列選項: 首頁.故事背景.玩法說明.遊戲畫面.歌曲列表
(2)設計對象: 青少年以上
(3)色彩計畫: 主角deemo的主色是黑,而小女孩是白,網站幾乎已黑白色作為搭配,簡單卻不失質感.
(4)風格設定、預期成效: 詳細的說明DEEMO的遊戲介紹,讓更多人了解為何我如此推薦這個遊戲.
(5)製作心得:先跟老師說聲抱歉,其實近日家裡發生了一些事情,加上我自己本身還有打工,
導致我沒辦法在期限內教出作業,之後會立即補上!
還有每個語法真的花了我很多很多的時間一一去摸索去搞懂,雖然成品不是最好但也有120%的用心,
裡面的每個資料都是我花了很多時間去搜索拼湊而成的,其實做到這樣很有成就感.

我終於用好ㄌヽ(●´∀`●)ノヽ(●´∀`●)ノヽ(●´∀`●)ノ



Edited 2 time(s). Last edit at 04/26/2016 03:20PM by 陳玟伶.
(編輯記錄)