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

Advanced

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

1. 期中作業說明


請參考期中前之講義製作

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

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

並請回覆:

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

學號

[hr]

1. 範例



http://mepopedia.com/~web102-a/midterm/hw03_1015445024/
http://mepopedia.com/~web102-c/midterm/midterm-1015445215/
http://mepopedia.com/~web102-c/midterm/midterm-1015445212/
http://mepopedia.com/~web102-c/midterm/midterm-1015445219

http://mepopedia.com/~web102-c/final/final-1015445212/
[hr]
請於規定時間準時繳交作業,本作業佔學期分數30%,逾期不後。
[hr]

(1)作業網址: http://mepopedia.com/~web103-2b/hw04/hw04-1025445005/indexD.html
(2)網站主題:
Dessert Book
(3)導覽列: 首頁、做法、實作影片、參考文獻
(4)對象: 喜愛做甜點的人
(5)色彩計畫: 暖色
(6)風格設定、預期成效: 清爽、春天、水彩插畫感覺
(7)製作心得: 加了背景後,像身處春天的森林般,耳邊彷彿有鳥鳴聲,而且肚子很餓!!!

(1)作業網址: http://mepopedia.com/~web103-2b/midterm/midterm-1025445092/about.html
(2)網站主題:_ Layout ◑esign _
(3)導覽列:ⓗⓞⓜⓔ 介紹✔ 圖片素材▪ 網址素材▫ 影片分享▪
(2)對象: 欣賞更多好作品的人
(3)色彩計畫: 白 藍綠 淡粉
(4)風格設定、預期成效: 簡單,清新,明瞭,不會亂思緒。
(5)製作心得:學了很多,認為還是要不斷摸索,不斷重複用,用到對的樣子才OK,已經漸漸有網頁的樣子了,希望可以達到更完美的樣子 eye rolling smiley

學號 1025445092

(1)作業網址: http://mepopedia.com/~web103-2b/midterm/midterm-1025445134
(2)網站主題: 漫畫 -黑執事- 介紹
(3)導覽列: 首頁 作者介紹 人物介紹 本家網頁 外部連結
(2)對象: 想了解這部漫畫故事的群眾
(3)色彩計畫: 主要是走黑白風啦...不過找不到調背景色的地方 sad smiley
(4)風格設定、預期成效: 風格原本想走跟作者本家網站一樣...不過技術不夠所以沒辦法 / 預期成效跟我想做的差有點距離 sad smiley
(5)製作心得: 喔喔喔喔喔喔喔喔看來我靠自己還是不太有辦法 感覺會越弄越亂 我看我只能作超超超超超簡易的網頁了嗚嗚 sad smileysad smiley
導覽列的地方總是搞不清楚會合會排列如此不整齊,到處按按也沒按到關鍵地方

學號 1025445134



Edited 4 time(s). Last edit at 04/14/2015 02:00AM by 1025445134.
(編輯記錄)

(1)作業網址:http://mepopedia.com/~web103-2b/midterm/midterm-1025445023/
(2)網站主題:Alice in Wonderland
(3)導覽列:✪ Home Author ♤ Characters ♡ Story ♢ Shop ♧ Link
(2)對象: 不限(全年齡)、喜歡愛麗絲的人spinning smiley sticking its tongue out
(3)色彩計畫: 以愛麗絲作為主要配色
(4)風格設定、預期成效: 乾淨清新、和主題相符
(5)製作心得:雖然很難也很費時,但是最完很有成就感,希望可以繼續學習有關網頁設計的更多技巧smileys with beer

學號 1025445023



Edited 1 time(s). Last edit at 04/21/2015 11:50PM by sophia0623.
(編輯記錄)

1)作業網址:http://mepopedia.com/~web103-2b/midterm/midterm-1025445017
(2)網站主題:Tattos Artists
(3)導覽列:Tattos About tattos Artists Picture Movie
(2)對象: 不限(全年齡)、喜歡Tattos的人
(3)色彩計畫: 暗色系
(4)風格設定、預期成效: 主題相符
(5)製作心得:一開始真的完全不會,可是有人教我之後,就慢慢的上手了,雖然很難也很費時,但是最完很有成就感。
謝謝老師給我機會

學號 1025445017



Edited 1 time(s). Last edit at 04/23/2015 12:36AM by 1025445017.
(編輯記錄)

(1)作業網址:http://mepopedia.com/~web103-2b/midterm/midterm-1025445131
(2)網站主題:復古風格
(3)導覽列:首頁 復古風由來 古著穿搭 古典美食 外部連結
(2)對象:喜歡復古風格的人
(3)色彩計畫:以淺綠色為主
(4)風格設定、預期成效:復古的感覺
(5)製作心得: 製作完覺得很有成就感

學號: 1025445131

(1)作業網址:http://mepopedia.com/~web103-2b/midterm/midterm-1025445197/hw02-1025445197/
(2)網站主題:日式點心屋
(3)導覽列:首頁 大福 銅鑼燒 鯛魚燒 羊羹
(2)對象:不限
(3)色彩計畫:以日本傳統配色為主
(4)風格設定、預期成效:營造日式和菓子風味甜點的感覺
(5)製作心得: 製作完覺得辛苦,有趣等等的心情

學號: 1025445197

(1)作業網址: http://mepopedia.com/~web103-2b/midterm/midterm-1025445065
(2)網站主題: THE SIMPSONS
(3)導覽列: 首頁、劇情介紹、人物介紹、作者介紹、外部連結
(4)對象: 喜歡辛普森的人spinning smiley sticking its tongue out
(5)色彩計畫: 黃色為主,不花俏
(6)風格設定、預期成效: 以辛普森的黃色為主,雖然顏色很搶眼但風格走簡單乾淨!!!
(7)製作心得:剛開始一直找不到CSS,改顏色時常亂掉!!但做完之後更了解DW了!比起以前做的網頁,現在做的網頁更加完整,也越來越熟悉CSS了smileys with beersmileys with beer

學號 1025445065



Edited 2 time(s). Last edit at 04/15/2015 11:54AM by miho.
(編輯記錄)

(1)作業網址: http://mepopedia.com/~web103-2b/midterm/midterm-1025445029
(2)網站主題: 幾米
(3)導覽列:首頁、作者介紹、作品介紹、星空、外部連結
(2)對象:喜愛幾米的大眾
(3)色彩計畫:以冷色系的藍色為主,淡藍色在後創造出柔和的感覺。
(4)風格設定、預期成效: 簡約可愛、容易懂。
(5)製作心得:整個做完很有成就感,在過程中對CSS還是不太了解,常常找不到東西。雖然完成但不知道要如何從一個空白頁開始自己做格子,因為是直接複製老師的語法......哈哈哈~~~hot smiley

學號 1025445029

(1)作業網址:http://mepopedia.com/~web103-2b/midterm/midterm-1025445056
(2)網站主題: 藝人 -張惠妹- 介紹
(3)導覽列: 首頁 歌手簡介 專輯介紹 音樂分享 外部連結
(2)對象: 歌手張惠妹的粉絲
(3)色彩計畫: 以黑白風為主
(4)風格設定、預期成效: 風格原本就沒想太多,只是想要一些大地跟搖滾的感覺,所以成效跟我想做的差距不大,感覺還不錯。
(5)製作心得: 改現成語法容易,但如果完全靠自己的話真得沒辦法,因為常常都是一些小地方有問題,真的有點討厭,不過整個做完很有成就感,但對CSS還是不太了解,容易錯亂。

學號 1025445056



Edited 1 time(s). Last edit at 04/15/2015 02:59PM by jo914321.
(編輯記錄)

(1)作業網址: http://mepopedia.com/~web103-2b/midterm/midterm-1025445083
(2)網站主題:張懸
(3)導覽列: 首頁、歌手介紹、歌曲介紹、分享、外部連結 spinning smiley sticking its tongue out
(4)對象: 喜歡張懸音樂的人
(5)色彩計畫: 簡單質感
(6)風格設定、預期成效:希望給人一種很乾淨舒服的感覺spinning smiley sticking its tongue out
(7)製作心得:剛開始很難,後來越做越有趣!!
學號 1025445083thumbs up
hot smileyhot smiley

(1)作業網址: http://mepopedia.com/~web103-2b/midterm/midterm-1025445226
(2)網站主題: Karl Lagerfeld
(3)導覽列: Home,About,Lables,Artwork,Links
(2)對象:一般大眾
(3)色彩計畫:黑白灰
(4)風格設定、預期成效:時尚,簡單
(5)製作心得:有點成就感,雖然是複製語法

學號 1025445226



Edited 1 time(s). Last edit at 04/15/2015 08:07PM by 1025445226.
(編輯記錄)

作業網址為http://mepopedia.com/~web103-2b/midterm/midterm-1025445062 。
(2)網站主題: Safini TIRAMISU
(2)對象: 一般大眾
(3)色彩計畫: 都以提拉米蘇的色系
(4)風格設定、網頁看點、預期成效: 看起來有高級下午茶的味道
(5)製作心得: 沒想到我會完成這麼像樣的網頁
學號 :1025445062

(1)作業網址: http://mepopedia.com/~web103-2b/midterm/midterm-1025445035
(2)網站主題:Free!可愛動物世界
(3)導覽列:首頁、角色、配音、歌曲、連結
(4)對象: 有看Free!的夥伴
(5)色彩計畫:海洋藍
(6)風格設定、預期成效: 清爽夏天的感覺
(7)製作心得:以前玩blog就有用過css但不知道是甚麼意思,經過老師解釋之後更加清楚了!謝謝老師!



Edited 1 time(s). Last edit at 04/22/2015 11:36AM by 駱亭均.
(編輯記錄)

(1)作業網址: http://mepopedia.com/~web103-2b/midterm/midterm-1025445140
(2)網站主題: 喵星人的小宇宙
(3)導覽列: 貓咪大本營 喵星人種類 喵星人餐廳 喵星人彩繪 喵星人影片
(4)對象:愛貓人士
(3)色彩計畫: 咖啡色 粉紅色
(4)風格設定、預期成效: 柔美 可愛 溫馨感
(5)製作心得: 到了期中 ,終於做出了一個像樣的網頁,可是有些地方還是會忘記,只好以後多多做練習囉!

學號 1025445140



Edited 1 time(s). Last edit at 04/17/2015 03:49AM by 1025445140.
(編輯記錄)

(1)作業網址:http://mepopedia.com/~web103-2b/midterm/midterm-1025445167/index.html
(2)網站主題: 懶懶的貓貓
(3)導覽列: 懶懶的介紹 懶懶的貓貓 懶懶的傭人 懶的跟你玩 貓貓的朋友
(4)對象: 喜愛懶貓的人
(5)色彩計畫: 粉色系列
(6)風格設定、預期成效: 優雅 高貴 又不失可愛
(7)製作心得: 終於比較瞭解怎麼修改CSS以及html語法spinning smiley sticking its tongue out

學號 1025445167



Edited 3 time(s). Last edit at 04/21/2015 05:25PM by 1025445167.
(編輯記錄)

(1)作業網址: http://mepopedia.com/~web103-2b/midterm/midterm-1025445225/
(2)網站主題: Mini Melts
(3)導覽列: Home、About、Taste、Characteristic、Link
(2)對象:一般大眾
(3)色彩計畫:粉色、黃
(4)風格設定、預期成效: 甜品、冰淇淋、繽紛
(5)製作心得:還需要多花點時間練習細節

學號 1025445225

(1)作業網址: http://mepopedia.com/~web103-2b/midterm/midterm-1025445170
(2)網站主題: 彩色馬卡龍
(3)導覽列: 首頁、介紹、歷史、配方、臺式馬卡龍
(4)對象:一般大眾和喜歡甜點的人
(5)色彩計畫: 暖色系為主
(6)風格設定、預期成效: 讓大家有一種幸福和溫暖的感覺
(7)製作心得:一開始都看不懂那些程式碼,但經過老師的講解,越來越上手這個軟體,以後想多學習一些有關Dreamweaver的設計

學號 1025445170



Edited 1 time(s). Last edit at 04/19/2015 10:45PM by christy123.
(編輯記錄)

(1)作業網址: http://mepopedia.com/~web103-2b/midterm/midterm-1025445125
(2)網站主題: DORAEMON
(3)導覽列: 首頁簡介 出版品 驚點語錄 經典短片 播映時間
(2)對象: 一般民眾或是喜歡多拉A夢的人
(3)色彩計畫: 藍 白
(4)風格設定、預期成效: 運用哆啦A夢的風格,再加以介紹,讓大家更熟悉哆啦A夢
(5)製作心得: 越做越上手 ,做完一個網頁好開心!!!

學號 1025445125

(1)作業網址: http://mepopedia.com/~web103-2b/midterm/midterm-1025445182/
(2)網站主題: the seal 海豹
(3)導覽列: 首頁 關於海豹 種類介紹 可愛模樣 外部連結
(2)對象: 想初步認識海豹的人
(3)色彩計畫: 藍色+白色為主
(4)風格設定、預期成效: 可愛 簡潔
(5)製作心得: 上一個網站弄得太花,這次想做簡單可愛一點的,整體做的速度比上一個快很多

學號 1025445182

(1)作業網址:http://mepopedia.com/~web103-2b/midterm/midterm-1025445155/
(2)網站主題:蓋酷家族
(3)導覽列:首頁 簡介 人物介紹 TV 外部連結
(2)對象:喜歡蓋酷家族的人和沒看過的人
(3)色彩計畫:以橘色系為主
(4)風格設定、預期成效:一切都與蓋酷家族有關,也都把主要都介紹到了,雖然我覺得不錯,但應該還是有進步的空間。
(5)製作心得: 終於完成了!

學號: 1025445155

(1)作業網址:http://mepopedia.com/~web103-2b/midterm/midterm-1025435227/
(2)網站主題:Redvelvet
(3)導覽列:成員介紹/專輯作品/節目與品牌/音樂分享
(2)對象:喜歡Redvelvet的人
(3)色彩計畫:粉紅色
(4)風格設定、預期成效:風格設定為軟綿綿 成效應該不錯...
(5)製作心得:如果自己研究完全是會失敗 好險有影片可以看

1025435227

(1)作業網址: http://mepopedia.com/~web103-2b/midterm/midterm-1025445080
(2)網站主題: Waa Wei
(3)導覽列: home、about、fav、music、links
(2)對象: 喜歡魏如萱的人 cool smiley
(3)色彩計畫: 舒服的黑白灰色調
(4)風格設定、預期成效:整體以溫暖的灰色調做風格
(5)製作心得: 原本甚麼都不懂,隨著課堂進度一個一個摸索,有更清楚怎麼調整了~~ smileys with beersmileys with beer

學號 1025445080

(1)作業網址: http://mepopedia.com/~web103-2b/midterm/midterm-1025445008
(2)網站主題: 班克斯
(3)導覽列: 介紹/藝術生涯/效應/短片/連結
(2)對象: 藝術愛好者
(3)色彩計畫: 帶點灰的顏色
(4)風格設定、預期成效: 活潑鮮明
(5)製作心得: 很有趣

學號 : 1025445008

(1)作業網址: http://mepopedia.com/~web103-2b/midterm/midterm-1025445050/
(2)網站主題: 韓團防彈少年團介紹
(3)導覽列: BTS、MEMBER、DISCOGRAPHY、PHOTO、VIDEO
(2)對象:大眾
(3)色彩計畫:黑板綠、明亮的粉色跟藍色
(4)風格設定、預期成效:想打造黑板的感覺
(5)製作心得:有些地方想改 可是改了有些就大跑掉ㅠㅠ所以版面有點亂亂的ㅠㅠ可是可以做成這樣的網站還是很高興smiling bouncing smiley

學號 1025445050

(1)作業網址:http://mepopedia.com/~web103-2b/midterm/midterm-1025445068
(2)網站主題: Cartoon Network
(3)導覽列: 首頁、關於、卡通影片、周邊商品、參考文獻
(2)對象: 全年齡
(3)色彩計畫: 黑白簡約風
(4)風格設定、預期成效: 簡單易懂的風格,讓大眾更了解卡通頻道
(5)製作心得: 有比較懂了但連結部分怪怪的無法改顏色@@

學號 1025445068

(1)作業網址:http://mepopedia.com/~web103-2b/midterm/midterm-1025445011 。
(2)網站主題: SNOOPY
(3)導覽列: SNOOPY、WOODSTOCK、CHARLIE BROWN、LUCY、LINUS
(2)對象: 喜歡史努比的人
(3)色彩計畫: 黑白、土耳其藍
(4)風格設定、預期成效: 簡單
(5)製作心得:一開始摸索很久,但最後完成卻非常的有成就感耶 spinning smiley sticking its tongue outspinning smiley sticking its tongue outspinning smiley sticking its tongue outspinning smiley sticking its tongue outspinning smiley sticking its tongue out

學號 1025445011

(1)作業網址:http://mepopedia.com/~web103-2b/midterm/midterm-1025445014
(2)網站主題:草間彌生
(3)導覽列:首頁 畫作 展覽 商品 關於
(2)對象:喜愛點點的朋友
(3)色彩計畫: 繽紛粉.繽紛紅.點點
(4)風格設定、預期成效:以簡單的點點方式來呈現
(5)製作心得: 一步一步跟著老師的進度做,真的學到東西,網頁語法少一個單字就不成立,一個網頁一直重覆做最後成品出來真的很高興。

(1)作業網址: http://mepopedia.com/~web103-2b/midterm/midterm-1025445128
(2)網站主題:Criminal Minds
(3)導覽列:首頁/FBI/BAU/事件/幕後黑手
(2)對象:喜歡犯罪相關劇情的影迷
(3)色彩計畫: 黑白紅灰
(4)風格設定、預期成效: 簡單、沉穩,成現俐落的感覺
(5)製作心得:覺得網頁不再是恐懼的事物,漸漸了解也更加熟悉網頁,希望之後能學到更多更酷的功能

學號 1025445128

1)作業網址: http://mepopedia.com/~web103-2b/midterm/midterm-1025445047/
(2)網站主題:HelloKitty
(3)導覽列:首頁.基本資料.成長過程.周邊商品.影片
(2)對象:喜愛HelloKitty的人
(3)色彩計畫:粉色系列
(4)風格設定、預期成效:夢幻女孩風格
(5)製作心得:因為本身喜愛HelloKitty,所以製作了Kitty主題的網站,有關他的介紹和商品等等。
雖然過程複雜,因為要改很多程式碼,但做完卻是一個字「爽」!!!!!

學號 1025445047

(1)作業網址:
(2)網站主題:介紹自家兔子+兔子飼養方式
(3)導覽列:首頁、 啵啵的日常、啵啵的傭人、啵啵的餐點、啵啵的朋友
(2)對象:喜愛兔子的人
(3)色彩計畫:甜美、活潑的暖色調
(4)風格設定、預期成效:看了有暖暖的感覺,讓大家一起掉入兔子的世界吧XD
(5)製作心得: 做完後發現沒想像中這麼困難,有時候是自己想太多XD

學號: 1025445044

(1)作業網址:http://mepopedia.com/~web103-2b/midterm/midterm-1025445020/
(2)網站主題:童話之森
(3)導覽列:◆內容介紹◆◆精彩章節◆◆作者介紹◆◆延伸閱讀◆◆外部連結◆
(2)對象: 喜愛插畫的同好
(3)色彩計畫: 以淺淺淡淡的色彩將主題明顯的表達出來
(4)風格設定、預期成效:簡單乾淨,跟預期的差不多
(5)製作心得:因為製作一本書的網頁,所以覺得在製作的時候也有些困難,書沒有影片,所以找了畫電繪相同風格的影片
學號 1025445020

(1)作業網址: http://mepopedia.com/~web103-2b/midterm/midterm-1025445002
(2)網站主題: 中華一番!
(3)導覽列: 首頁、角色介紹、拿手好菜、實際上菜、經典片段
(4)對象: 喜愛中華一番!的人
(5)色彩計畫: 小當家的配色
(6)風格設定、預期成效: 很沉穩,讓大家覺得有中華一番的感覺
(7)製作心得: 我終於把不懂的地方弄懂謝謝幫我的同學thumbs up,製作網頁愈來愈順手,看到完整的網頁也覺得很愉悅!

(1)作業網址: http://mepopedia.com/~web103-2b/midterm/midterm-1025445086/about.html
(2)網站主題:Bingtai Jiang 薑餅乾
(3)導覽列:首頁.關於薑餅乾.作品.影片.參考文獻
(2)對象: 喜歡插畫的人
(3)色彩計畫: 藍.綠
(4)風格設定、預期成效: 活潑不失質感
(5)製作心得:這是第一次自己獨立完成一個網頁,覺得很有成就感,雖然不是說真的很美,但還是很開心完成了

學號 1025445086

(1)作業網址: http://mepopedia.com/~web103-2b/midterm/midterm-1025445041
(2)網站主題:奇奇蒂蒂歷險記
(3)導覽列:可愛的風格
(2)對象:一般大眾
(3)色彩計畫:以奇奇蒂蒂身上的顏色去做搭配
(4)風格設定、預期成效:可愛的感覺,清楚明瞭
(5)製作心得:雖然一開始不是很懂,但現在自己做出來的感覺還不錯

學號1025445041



Edited 1 time(s). Last edit at 04/22/2015 11:27AM by 1025445041.
(編輯記錄)

(1)作業網址:http://mepopedia.com/~web103-2b/midterm/midterm-1025445224
(2)網站主題:打造自己的幸福住所
(3)導覽列:首頁/金契妍設計的漂亮房子/角落改造的59種設計/我想要的新房/新房BEST3
(2)對象:想改善居住空間的人
(3)色彩計畫: 暖色調(綠、白、橘)
(4)風格設定、預期成效:風格簡單舒適,打造屬於自己的家。
(5)製作心得:對語法有更深入的了解,也學習了很多,做完覺得自己很厲害。

學號 1025445224

(1)作業網址: http://mepopedia.com/~web103-2b/midterm/midterm-1025445119
(2)網站主題: Krystal
(3)導覽列: High Kick!短腿的反擊、金妍兒的Kiss & Cry、繼承者們、Jessica & Krystal、對我而言可愛的她
(2)對象: 喜歡Krysta的粉絲
(3)色彩計畫: 紫色
(4)風格設定、預期成效:簡單和神祕的感覺
(5)製作心得: 其實做網頁真的蠻好玩的,很花費時間但是做出來的成果會讓人很滿足。

學號 1025445119



Edited 1 time(s). Last edit at 04/22/2015 11:36AM by 1025445119.
(編輯記錄)

(1)作業網址: http://mepopedia.com/~web103-2b/midterm/midterm-1025445116
(2)網站主題: pure cobbler
(3)導覽列: home introduction commodity fashion week about
(2)對象: 想了解這品牌的人
(3)色彩計畫: 簡單與品牌LOGO顏色相符
(4)風格設定、預期成效: 簡單與品牌LOGO顏色相符還不錯
(5)製作心得: 接觸過後滿喜歡的 還自己上網找別的語法

學號 1025445116

(1)作業網址:http://mepopedia.com/~web103-2b/midterm/midterm-1025445071/
(2)網站主題:盛夏在墾丁
(3)導覽列:首頁/DAY1/DAY2/DAY3/同場加映DAY4
(2)對象一般大眾
(3)色彩計畫: 高彩度色彩
(4)風格設定、網頁看點、預期成效:青春有活力的,能感受到南國的熱情與美麗。
(5)製作心得:覺得能以自己的力量做完一個屬於自己的網頁感到很開心,雖然現在還在初步階段,只是很簡單的網頁架構,但還是從中學到了許多東西,希望以後能做出更深度的網站。

學號 1025445071

期中作業
(1)作業網址:http://mepopedia.com/~web103-2b/midterm/midterm-1025445146/
(2)網站主題:披頭四
(3)導覽列:首頁 簡介 介紹 專輯介紹 影音
(2)對象:大眾
(3)色彩計畫:以淡藍 、灰為主
(4)風格設定、預期成效:簡單的感覺
(5)製作心得: 做完還蠻有成就感的,心情也好很多因為做出來了。
學號: 1025445146

(1)作業網址:http://mepopedia.com/~web103-2b/midterm/midterm-1025445101/
(2)網站主題:FTISLAND
(3)導覽列: 首頁、成員介紹、MV花絮、影片分享、相關網站
(4)對象: 喜歡FTISLAND的人
(5)色彩計畫:黑白色為主
(6)風格設定、預期成效: 搖滾的風格
(7)製作心得:雖然只是簡單的幾個顏色的配色也可以讓人配很久,我技巧不夠有些欠缺,導致一直出問題,希望之後可以更熟練。

學號:1025445101



Edited 2 time(s). Last edit at 04/22/2015 12:03PM by cjliliah.
(編輯記錄)

(1)作業網址: http://mepopedia.com/~web103-2b/midterm/midterm-1025445164/
(2)網站主題: MICHAEL KORS
(3)導覽列: HOME.MEN.BAGS.SHOES.SALE.
(4)對象: 大眾
(5)色彩計畫: 白.淺咖啡色.
(6)風格設定、預期成效:簡單.時尚.
(7)製作心得:弄了很久終於用完了 !

(1)作業網址: http://mepopedia.com/~web103-2b/midterm/midterm-1025435233
(2)網站主題:CNLBUE
(3)導覽列:團員介紹.發表專輯.得獎紀錄.其他活動
(2)對象: 一般大眾.想了解這團體的人
(3)色彩計畫: 簡單與cnblue顏色相符的配色
(4)風格設定、預期成效: 簡單與cnblue顏色相符的配色還不錯
(5)製作心得: 剛開始做一直覺得很煩燥,覺得自己一定做不出來,但越來越順手後覺得其實也沒那麼難
自己做完一整個網頁自信心上升很多。

學號 1025435233

(1)作業網址:http://mepopedia.com/~web103-2b/midterm/midterm-1025445026
(2)網站主題:Hippo Hippo
(3)導覽列:河馬近親 河馬照片 河馬分布 河馬習性 河馬影片連結
(2)對象 :任何對荷馬有興趣的人
(3)色彩計畫: 河馬類似配色
(4)風格設定、網頁看點、預期成效:簡潔,河馬色
(5)製作心得:還是很多沒有做的完全的地方,因為自己還不是很熟悉,有些地方會跑掉橋很久還用不回來,希望以後可以進步,也可以設計出更有感覺的網頁。

學號 1025445026

(1)作業網址:http://mepopedia.com/~web103-2b/midterm/midterm-1025445113/
(2)網站主題:pepe桑/貓畫
(3)導覽列:首頁 作品介紹 影音欣賞 展覽資訊 相關連結
(2)對象:喜歡插畫 、動物
(3)色彩計畫:以橘黃 、淺藍為主
(4)風格設定、預期成效:簡單豐富的感覺
(5)製作心得: 雖然沒有做得很好,但製作完覺得很有成就感
學號: 1025445113

(1)作業網址: http://mepopedia.com/~web103-2b/midterm/midterm-1025448040
(2)網站主題:藍莓甜點食譜
(3)導覽列: 首頁、藍莓塔、藍莓果醬、食譜分享、外部連結
(4)對象: 不限
(5)色彩計畫:紫色系
(6)風格設定、預期成效: 可愛風格
(7)製作心得: 做完一整個完整的網頁,覺得很有成就感。

(1)作業網址:http://mepopedia.com/~web103-2b/midterm/midterm-1025445089/
(2)網站主題:FABITORIA
(3)導覽列:首頁 名人 購物 秀場
(2)對象:喜歡一些時尚穿搭的人們
(3)色彩計畫:以白 灰 膚色 色調明亮 乾淨
(4)風格設定、預期成效:極簡 乾淨 質感
(5)製作心得:其實做的東西沒有很多,但還是有學到一些基本的東西,完成後有點開心!
學號: 1025445089

(1)作業網址:http://mepopedia.com/~web103-2b/midterm/midterm-1025445143 。
(2)網站主題:破銅爛鐵
(3)導覽列:首頁、情侶、銀飾、影音分享、關於我們
(2)對象:喜愛銀飾的人
(3)色彩計畫:黑白色調
(4)風格設定、預期成效:酷酷的感覺
(5)製作心得:做網頁是一件很不簡單的事!!

(1)作業網址: http://mepopedia.com/~web103-2b/midterm/midterm-1025445095/
(2)網站主題:Ferrari
(3)導覽列:首頁、歷史、車型、比賽、贊助選手
(2)對象: 一般大眾
(3)色彩計畫: 黑 灰 紅
(4)風格設定、簡約的黑與紅與Ferrari相互映襯
(5)製作心得:學了很多,認為還是要不斷摸索,不斷重複用,用到對的樣子才OK,已經漸漸有網頁的樣子了,希望可以達到更完美的樣子 。

學號 1025445095



Edited 1 time(s). Last edit at 04/22/2015 12:02PM by show47976.
(編輯記錄)

(1)作業網址:http://mepopedia.com/~web103-2b/midterm/midterm-1025445179
(2)網站主題:Maroon 5
(3)導覽列:首頁 成員介紹 音樂 影片 相簿
(2)對象:喜歡Maroon 5的人
(3)色彩計畫:以紅紫色系為主
(4)風格設定、預期成效:Maroon 5的感覺
(5)製作心得: 製作完覺得很有成就感

學號: 1025445179

(1)作業網址:http://mepopedia.com/~web103-2b/midterm/midterm-1025445152
(2)網站主題:球迷網站
(3)導覽列:球隊介紹 歷史 球星 (2)對象:喜歡雨勢隊的球迷(3)色彩計畫:以黃籃球隊顏色為主
(4)風格設定、預期成效:有球隊氣氛
(5)製作心得: 很開心能做一個網站
學號: 1025445152

1025445077 儲徳君

(1)作業網址: http://mepopedia.com/~web103-2b/midterm/midterm-1025445077/index.html
(2)網站主題: snoopy史努比
(3)導覽列: 關於snoopy,snoopy的朋友,snoopy的產品,相關影片
(2)對象: 給喜愛snoopy的人
(3)色彩計畫: 紅色 黃色 橘色
(4)風格設定、預期成效: 卡通風格
(5)製作心得: 成就感

(1)作業網址: http://mepopedia.com/~web103-2b/midterm/midterm-1025445200/
(2)網站主題: GODIVA
(3)導覽列: GODIVA 家族 GODIVA 傳奇 GODIVA 品質承諾 GODIVA 全球專營店 GODIVA 巧克力
(2)對象: 愛巧克力的人
(3)色彩計畫: 黃/咖啡
(4)風格設定、預期成效:簡約風
(5)製作心得: 很有成就感

學號 1025445200