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

Advanced

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

1. 期中作業說明


請參考期中前之講義製作

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

[hr]
將資料夾命名為 midterm-學號,以FTP上傳至midterm資料夾
作業網址為http://mepopedia.com/~web103-2a/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-2a/midterm/midterm-1025445214/
(2)網站主題: 有你真好(韓國感人電影)
(3)導覽列:首頁/劇情介紹/演員陣容/相關影集/影片幕後
(2)對象: 台灣人。
(3)色彩計畫: 以粉色系為主,讓人感受到些許溫馨感。
(4)風格設定、預期成效: 粉色及白色。
(5)製作心得: 越來越上手,而且又是第一次提早做完,覺得開心開心,
只是一剛開始fz一直無法上傳,有點難過。

1025445214



Edited 1 time(s). Last edit at 04/17/2015 05:02PM by Grape.
(編輯記錄)

[size=small](1)作業網址:http://mepopedia.com/~web103-2a/midterm/midterm-1025445001
(2)網站主題:鬼束千尋
(3)導覽列: 首頁、音樂歷程、專輯介紹、MV、相關連結
(2)對象:喜歡日本樂風的各位
(3)色彩計畫: 黑白,灰為輔助色
(4)風格設定、預期成效:黑白極簡風,希望能讓更多人認識鬼束千尋。
(5)製作心得:
又多學了一種新的版型,覺得開心,
但是想加一點上學期所學的語法,沒想到都差不多忘光了...。
所以跑回去翻講義,然後花了很多時間才把語法看懂(眼神死
對於CSS還是很不熟悉,關於類別等等如何自己設定是一大問題。
因為都以老師已經用好的程式碼下去改,雖然自己摸索完知道要改哪裡,
但是若想自己新增設定還是一項大考驗。

1025445001[/size]

[size=small][size=small]作業網址為http://mepopedia.com/~web103-2a/midterm/midterm-1025445178


([size=small]2)網站主題: Fly for fun
(3)導覽列:首頁,遊戲介紹,人物職業介紹,圖片分享,外部連結
(2)對象: 國高中生大學生
(3)色彩計畫: 藍綠色為主,淺藍綠為輔
(4)風格設定、預期成效: 一開始的風格本來是想走明度較高的風格,有點像馬卡龍色,不過實際用在遊戲網頁風格好像不是很搭
所以換成自己本身喜歡的藍綠色,有穩重和舒服的FEEL,做出來的感覺很舒服我自己也蠻喜歡的

(5)製作心得: 其實很高興老師沒有設定主題,我做這個遊戲是因為我也玩了近4年了,國小五年級玩
國中-高中斷了幾年沒碰,最近2年回來玩
我個人非常喜歡遊戲的人物角色,武器,裝備.套裝.還有FLYFF不是單機遊戲,一定會有很多人在線上
現在台灣公司伺服器要關了,許多回憶在遊戲上其實很深刻,因為也遇到蠻多好人的,想藉由這次機會做關於飛飛的作業 yawning smiley
(是說美國伺服器的人也很善良,不過駭客艇多就是 :p 還有要錢的假新手(台灣也有但是會被罵) )
台灣公司把商城東西變得很少,美國版就不會.而且每一周都會有活動,台灣也沒有 sad smiley 真的很可惜
所以台灣近幾年來,人口流失, 伺服器從4個變成2個,
最後這兩年只剩最後一個(強制合併),美國有五個伺服器~美國玩家想合併,不過官方還沒回應
同樣的遊戲給不同的廠商經營,完全不同的下場 sad smiley 其實飛飛是好遊戲,可是他不能選擇代理商
這是很遺憾的部分
不過我還是會在美版繼續玩耍的 smiling smiley HAHA thumbs up
另外藉由這次機會,我和外國朋友認識更多,請他們分享影片等等之類的,(來自澳洲及南美的朋友)
認識來自各地的朋友是我在美國伺服器最開心的事情(他們還很樂意教你英文XDDD 或西班牙文)
也有來自台灣的朋友他在美國讀書,真的很奇妙smiling smiley 透過這次的作業我又認識更多人了 smiling smiley so happy tongue sticking out smiley

1025445178 祐寧
[/size]



Edited 1 time(s). Last edit at 04/17/2015 06:56PM by yo.nin.
(編輯記錄)

(1)作業網址:http://mepopedia.com/~web103-2a/midterm/midterm-1025445049/index.html
(2)網站主題:Minnie Mouse's World
(3)導覽列:首頁/簡介/作者介紹/好友介紹/影片
(2)對象:愛好米妮的人
(3)色彩計畫:以紅色系為主
(4)風格設定、預期成效: 紅色點點風格、簡單明瞭
(5)製作心得:還可以~至少做得出來^^"

1025445049



Edited 1 time(s). Last edit at 04/17/2015 10:59PM by Angelina.
(編輯記錄)

(1)作業網址:http://mepopedia.com/~web103-2a/midterm/midterm-1025445187/index.html
(2)網站主題:toy story
(3)導覽列:首頁/人物角色/劇情介紹/影片欣賞/相關連結
(2)對象:喜歡玩具總動員的人
(3)色彩計畫:以黃藍白色系為主
(4)風格設定、預期成效: 乾淨簡單
(5)製作心得:還行 比較熟練

1025445187



Edited 1 time(s). Last edit at 05/26/2015 04:43PM by 1025445187.
(編輯記錄)

(1)作業網址:http://mepopedia.com/~web103-2a/midterm/midterm-1025445130
(2)網站主題: EXO
(3)導覽列: NOTICE / ALBUM / MEMBER / VIDEO / PICTURE
(2)對象: 粉絲迷妹
(3)色彩計畫: 藍灰 黑白
(4)風格設定、預期成效: 太空
(5)製作心得: 有成就感

學號 1025445130

(1)作業網址:[url=http://mepopedia.com/~web103-2a/midterm/midterm-1025445133/]http://mepopedia.com/~web103-2a/midterm/midterm-1025445133/[/url]
(2)網站主題:魔法科高校的劣等生
(3)導覽列:首頁、人物簡介、劇情介紹、影音欣賞、官網連結
(4)對象:喜愛帶有科幻風動畫的觀眾
(5)色彩計畫:藍色科幻風
(6)風格設定、預期成效: 科幻風、讓更多人對此動畫感興趣
(7)製作心得:找youtube的影片花了一些時間,希望大家會喜歡這個網站

1025445133

(1)作業網址:http://mepopedia.com/~web103-2a/midterm/midterm-1025445205/
(2)網站主題:Don't Starve
(3)導覽列:首頁-新手教學-人物介紹-食物介紹-相關影片
(4)對象: 遊戲玩家
(5)風格設定、網頁看點、預期成效: 遊戲介紹,使用高貴黑暗風格~介紹遊戲內的攻略等資料 人物介紹
(5)製作心得:結尾還算ok的

1025445049



Edited 1 time(s). Last edit at 04/18/2015 05:59PM by 衛生綿.
(編輯記錄)

(1)作業網址: http://mepopedia.com/~web103-2a/midterm/midterm-1025445109
(2)網站主題: 康熙來了介紹裡面的東西
(3)導覽列:首頁、主持人簡介、康熙活動、節目預告、外部連結
(2)對象: 所有觀眾
(3)色彩計畫: 漸層
(4)風格設定、預期成效:跟節目風格差不多
(5)製作心得: 有點難度,看到最後還是會忘了自己做到哪了

學號 1025445109

(1)作業網址:http://mepopedia.com/~web103-2a/midterm/midterm-1025445070/
(2)網站主題:BIGBANG
(3)導覽列:首頁、成員介紹、專輯介紹、歷年歌曲、相關連結
(2)對象:喜歡聽音樂的人
(3)色彩計畫: 黃色系為主
(4)風格設定、預期成效:黃色高貴氛圍、希望讓大家能對BIGBANG有更進一步的了解。
(5)製作心得:新的版面,語法感覺上比較難懂,所以花了比較多的時間在這上面;
其中有套一點上學期教的,但因為也忘了差不多了,在設定時有點頭痛。
看來語法上的設定,我還要多練習才行。
摁...雖然語法不太行,但還是很期待接下來會學到的東西。


1025445070

(1)作業網址: http://mepopedia.com/~web103-2a/midterm/midterm-1025445079
(2)網站主題: 日本的女畫家下田ひかり
(3)導覽列:首頁、作品分享、作者介紹、作者經歷、相關商品
(2)對象: 喜歡他畫風的人
(3)色彩計畫: 想用透明度但......痾 再研究看看XD
(4)風格設定、預期成效:帶點迷幻又憂鬱
(5)製作心得: 被語法搞混然後就懶的精緻了~做完就好!!!!!!

學號 1025445079

(1)作業網址:http://mepopedia.com/~web103-2a/midterm/midterm-1025445100
(2)網站主題:詩特莉Aunt Stella's
(3)導覽列:首頁/品牌故事/美食佳餚/品質堅持/外部連結
(2)對象:各年齡層女性
(3)色彩計畫:暖色系、咖啡色跟卡其色為主
(4)風格設定、預期成效:溫馨鄉村風,讓人看了有置身詩特莉的感覺。
(5)製作心得:語法很多要一直連好難,不過作完真的讓人很有成就感。

(1)作業網址:http://mepopedia.com/~web103-2a/midterm/midterm-1025445043
建議用Chrome開

(2)網站主題:AMIT 2
(3)導覽列:HOME / ABOUT AMIT 2 / UTOPIA WOTLD TOUR / MV / OFFCIAN PAGE
(2)對象:不限
(3)色彩計畫:黑 / 白 / 籃紫
(4)風格設定、預期成效: 簡約又可以有多一點溫暖跟奔放
(5)製作心得:想睡,但值得

學號 1025445043



Edited 2 time(s). Last edit at 04/22/2015 08:28PM by 1025445043.
(編輯記錄)

(1)作業網址:http://mepopedia.com/~web103-2a/midterm/midterm-1025445064/about.html
(2)網站主題: Five Nights at Freddy's
(3)導覽列: 首頁、故事內容、角色介紹、遊戲攻略、相關影片
(2)對象: 喜好恐怖遊戲的玩家
(3)色彩計畫: 黑、灰、白色調
(4)風格設定、預期成效: 恐怖帶點詭異的視覺感,但為了調整視覺感覺所以有幾頁特別明亮比較好看文字
(5)製作心得:~~~歐耶~~~雖然花了有點多時間在搞語法,還是順利做完了~~~

學號 1025445064

(1)作業網址: http://mepopedia.com/~web103-2a/midterm/midterm-1025445073
(2)網站主題:泰勒絲
(3)導覽列: 首頁.早期經歷.音樂生涯.個人形象.外部連結
(2)對象: 泰勒絲的粉絲
(3)色彩計畫: 深綠色色調
(4)風格設定、預期成效: 簡單明瞭.
(5)製作心得: 又多學了一種新的版型, 但是上學期的都忘了,讓我很傷心.....。


學號 1025445073

(1)作業網址:http://mepopedia.com/~web103-2a/midterm/midterm-1025445097
(3)導覽列: 紫色薰衣草 / 森林花草 / 森林體驗 / 香草鋪子 / 交通資訊
(2)對象: 觀光客
(3)色彩計畫: 紫色 淡紫色 淺灰 白色
(4)風格設定、預期成效: 花草.簡單.舒服
(5)製作心得: 比上學期製作的速度快比較多,也學到更多不同的語法,做完很有成就感,希望能在更好

視傳二A 125445097 陳慶芳

(1)作業網址: http://mepopedia.com/~web103-2a/midterm/midterm-1025445124/index.html
(2)網站主題:HELLO KITTY
(3)導覽列:「 KITTY」「家人&朋友」「相關資訊」「LINE貼圖」「APP介紹」
(2)對象: 各個年齡層
(3)色彩計畫: 藍白灰
(4)風格設定、預期成效: 簡單可愛 還不錯
(5)製作心得: 有些地方卡卡的 但是做完很有成就感

(1)作業網址: http://mepopedia.com/~web103-2a/midterm/midterm-1025445040

(2)網站主題: 猫が大好きです。 ΦωΦ ♥
(3)導覽列: 首頁、 喵喵介紹 、喵喵簡介 、喵喵分享 、喵喵連結
(2)對象:喜歡貓的人
(3)色彩計畫: 粉白灰
(4)風格設定、預期成效: 可愛簡單
(5)製作心得: 原本我的背景音樂是很洗腦的歌,可是我仔細想想,
背景音樂太洗腦會影響閱讀網站的人,所以我換成簡單的配樂。

1025445040

(1)作業網址: http://mepopedia.com/~web103-2a/midterm/midterm-1025445199/

(2)網站主題: TSUJIRI辻利茶舗
(3)導覽列: 首頁、 歷史故事 、抹茶的魅力 、強力推薦 、國際分店
(2)對象:喜歡抹茶的人
(3)色彩計畫: 乾淨、綠色調
(4)風格設定、預期成效: 簡單明瞭
(5)製作心得:做完非常的有成就感,原本有些東西都差不多快忘了,還好有同學的幫助,
很快地把一些簡單語法找回來,這次比上學期家更多的語法,雖然一開始還是會搞不清楚,
常常東漏西漏,但是用到最後熟悉後,就比較不會了~

1025445199

(1)作業網址: http://mepopedia.com/~web103-2a/midterm/midterm-1025445148
(2)網站主題: IKEA
(3)導覽列: 首頁、兒童產品、床鋪寢具、收納、浴室用品
(2)對象: 家具愛好者
(3)色彩計畫: 橘、藍
(4)風格設定、預期成效:簡約清新,一目了然
(5)製作心得: 要細心點,時常一個小地方打錯,所有連結都亂了,但做自己有興趣的主題,心情上覺得比較輕鬆。

學號 1025445148

(1)作業網址:http://mepopedia.com/~web103-2a/midterm/midterm-1025445025
(2)網站主題: 甜點
(3)導覽列: 首頁、布朗尼DIY、參考網站、飲食文化、下午茶推薦
(2)對象: 喜愛甜點
(3)色彩計畫:馬卡龍色
(4)風格設定、預期成效:舒服
(5)製作心得: 配色與小細節要注意

學號 1025445025



Edited 2 time(s). Last edit at 04/21/2015 05:12PM by 許函郁.
(編輯記錄)

(1)作業網址:http://mepopedia.com/~web103-2a/midterm/midterm-1025445061
(2)網站主題: 大學生了沒
(3)導覽列: 首頁、主持人介紹、大學生活動、節目預告、相關連結
(2)對象: 愛好大學生觀眾
(3)色彩計畫: 藍綠、藍、白
(4)風格設定、乾淨簡約、明亮的色彩
(5)製作心得: 花很久時間,一直搞混後重做,覺得過程辛苦,但做完後有成就感。

學號 1025445061

(1)作業網址: http://mepopedia.com/~web103-2a/midterm/midterm-1025445058/
(2)網站主題: Nicoletta
(3)導覽列: 首頁、作者、影片、作品、風格
(2)對象: 大學生
(3)色彩計畫: 低調、穩重、神秘
(4)風格設定、預期成效: 做出來很和那些作品、很像一系列
(5)製作心得: 我終於做完了!!!

(1)作業網址:http://mepopedia.com/~web103-2a/midterm/midterm-1025445082
(2)網站主題:草間彌生
(3)導覽列:首頁、人物介紹、作品介紹、經歷、連結
(2)對象:想了解草間彌生的人
(3)色彩計畫:白、紅色系
(4)風格設定、預期成效: 草間風格
(5)製作心得:覺得這次的成品還可以看,哈哈
如果把兩個以上的區塊做草間彌生風格的背景,會太花並造成瀏覽著的負擔,所以只有把背景用成草間彌生的風格。

(1)作業網址: http://mepopedia.com/~web103-2a/midterm/midterm-1025445118/

(2)網站主題:MOMBROTHER
(3)導覽列:HOME.SHOP.ABOUT.CONTACT.NOTICE
(2)對象:喜愛網拍的女生
(3)色彩計畫:大理石 白色 灰色
(4)風格設定、預期成效: 簡單明瞭
(5)製作心得:因為自己有臉書粉絲專頁 所以也做一個屬於自己的網拍出來
好累 因為都沒去上課真qq

(1)作業網址: http://mepopedia.com/~web103-2a/midterm/midterm-1025445118/

(2)網站主題:MOMBROTHER
(3)導覽列:HOME.SHOP.ABOUT.CONTACT.NOTICE
(2)對象:喜愛網拍的女生
(3)色彩計畫:大理石 白色 灰色
(4)風格設定、預期成效: 簡單明瞭
(5)製作心得:因為自己有臉書粉絲專頁 所以也做一個屬於自己的網拍出來
好累 因為都沒去上課真qq

(1)作業網址: http://mepopedia.com/~web103-2a/midterm/midterm-1025445115/
(2)網站主題: 任時完
(3)導覽列:首頁/出道/演戲/照片/影音
(2)對象: 喜歡時完的人
(3)色彩計畫: 暗色系。
(4)風格設定、預期成效:顏色不想用太多..
(5)製作心得: 如果沒有影片(重複的看),我大概......

(1)作業網址: http://mepopedia.com/~web103-2a/midterm/midterm-1025445160
(2)網站主題: BEAUTY
(3)導覽列: 品牌故事 彩妝產品 時尚妝感 代言人 影音花絮
(2)對象: 愛美的女孩
(3)色彩計畫: 粉膚 紫芋
(4)風格設定、預期成效:簡單看了舒服的配色
(5)製作心得: 還是有些許不如預期成果,但能完成這次作業對自己是很大的進步,覺得又多學了一些變化和技巧

學號 1025445160

(1)作業網址:http://mepopedia.com/~web103-2a/midterm/midterm-1025445127/
(2)網站主題: ZARA
(3)導覽列:HOME ABOUT NEW ARRIVAL LOOKBOOK TAWINAS STORIE
(4)對象:喜歡逛網拍的人
(5)色彩計畫: 以簡約為主,符合ZARA給人的印象。
(6)風格設定、預期成效: 簡單俐落,純粹的感覺。
(7)製作心得: 雖然花了很多時間研究,也不斷從做,但是做完很有成就感,自己也很喜歡。


視傳2A 1025445127 王嘉瑜

(1)作業網址:http://mepopedia.com/~web103-2a/midterm/midterm-1025445136/
(2)網站主題:minecraft之菜鳥生存
(3)導覽列:首頁、新手必備絕招、危險須知、環境攻略、進階攻略
(4)對象:minecraft菜鳥
(5)色彩計畫:windowsXP方塊風
(6)風格設定、預期成效: 淺顯易懂的基本攻略
(7)製作心得: 實現了兒時的幻想──玩電腦邊做作業然後還科吉霸。

(1)作業網址: http://mepopedia.com/~web103-2a/midterm/midterm-1025461016/
(2)網站主題: 迪士尼小飛象動畫
(3)導覽列: 首頁/內容介紹/迪士尼小飛象周邊商品/作品畫面/相關歌曲
(2)對象: 大眾
(3)色彩計畫: 以動畫顏色為主
(4)風格設定、預期成效: 藍色和白色
(5)製作心得: 轉系第一次做這種的作業覺得好難,做了很久




視傳2A 1025461016 溫小僑

(1)作業網址: http://mepopedia.com/~web103-2a/midterm/midterm-1025445223
(2)網站主題: 喬納森喬斯達的廚廚網站
(3)導覽列: 喬納森喬斯達/和迪奧的青春/波紋氣功/一切的起源/替身使者
(2)對象: 喬納森癡漢【?!
(3)色彩計畫: 灑滿騒紫色【x
(4)風格設定、預期成效: 比較騷的原作向
(5)製作心得: [img]https://images.plurk.com/1PdLrabWeGZGiFtIM8gLmQ.jpg[/img]

學號 1025445223

http://mepopedia.com/~web103-2a/midterm/midterm-1025445067
網站主題: Mr.Bean
導覽列: 首頁-人物介紹-遊戲-影片-照片
對象: 喜歡豆豆先生的人
色彩計畫: 有點可愛又有點成熟的色彩簡約風格
風格設定、預期成效: 要走可愛但有質感的風格,然後可以立馬知道豆豆先生的可愛
製作心得: 好有..成就感.......

1025445067

(1)作業網址:http://mepopedia.com/~web103-2a/midterm/midterm-1025445103/index.html
(2)網站主題:RODY
(3)導覽列:首頁/商品/周邊/銷售據點/展覽
(2)對象:兒童 有小孩的大人
(3)色彩計畫:以白色系為主
(4)風格設定、預期成效: 白灰黃色
(5)製作心得:還可以~終於做出來了
1025445103

(1)作業網址: http://mepopedia.com/~web103-2a/midterm/midterm-1025445112
(2)網站主題: LEGO
(3)導覽列: 首頁 關於樂高 樂高介紹 樂高系列 樂高影片
(2)對象: 各個年齡
(3)色彩計畫: 黑灰
(4)風格設定、預期成效: 風格簡單
(5)製作心得:連錯CSS了,很艱辛地做完,雖然沒做太複雜,可是還是覺得很難。
學號:1025445112

(1)作業網址:http://mepopedia.com/~web103-2a/midterm/midterm-1025445151/index.html
(2)網站主題:佛祖你好
(3)導覽列:首頁/背景/由來/教義/影響
(2)對象:參考佛教資料者
(3)色彩計畫:以淺色系為主
(4)風格設定、預期成效: 要升天的感覺?
(5)製作心得:想不到要做什麼
1025445151



Edited 2 time(s). Last edit at 04/22/2015 08:27PM by bnn.
(編輯記錄)

(1)作業網址: http://mepopedia.com/~web103-2a/midterm/midterm-1025445076
(2)網站主題:火影忍者
(3)導覽列: 首頁 人物角色 故事介紹 影片欣賞 影評分享
(2)對象: 喜愛火影的人
(3)色彩計畫: 橘紅黃
(4)風格設定、預期成效:主題色
(5)製作心得: 有遇到一點問提

學號 1025445076

(1)作業網址: http://mepopedia.com/~web103-2a/midterm/medterm-1025445010/
(2)網站主題: Soft Lipa
(3)導覽列: HOME / ABOUT / PROFILE / ALBUM / LINK
(2)對象: 喜歡蛋堡的歌迷
(3)色彩計畫: 黑白為主
(4)風格設定、預期成效:以簡單黑色為主
(5)製作心得: 越來越能上手而且覺得做完非常有成就

1025445010

(1)作業網址: http://mepopedia.com/~web103-2a/midterm/midterm-1025445091
(2)網站主題: 幾米的異想世界
(3)導覽列:最新消息 幾米123事 幾米畫廊 幾米會員 關於幾米
(2)對象:喜歡插畫的人
(3)色彩計畫: 清新的顏色
(4)風格設定、預期成效: 各種綠色和藍色
(5)製作心得: 老師 我改好了!!! 謝謝 指導~~
1025445091



Edited 6 time(s). Last edit at 04/23/2015 07:30PM by 小碧.
(編輯記錄)

(1)作業網址: http://mepopedia.com/~web103-2a/midterm/midterm-1025445085
(2)網站主題:郭采潔
(3)導覽列: 首頁、詳細介紹、專輯介紹、影音、外部連結
(2)對象: 郭采潔的粉絲跟想更了解她的人
(3)色彩計畫:粉色系
(4)風格設定、預期成效:簡約清新帶有甜美感
(5)製作心得: 好難!可是做完很有成就感
學號 1025445085

(1)作業網址: http://mepopedia.com/~web103-2a/midterm/midterm-1025443064
(2)網站主題: 美女與野獸
(3)導覽列: 首頁/劇情介紹/圖片分享/錄影帶/原聲帶
(2)對象: 喜歡動畫的人
(3)色彩計畫: 黑黃
(4)風格設定、預期成效: 以野獸的衣服藍配上貝兒禮服的黃
(5)製作心得: 比上學期熟練

1025443064

(1)作業網址: http://mepopedia.com/~web103-2a/midterm/midterm-1025445106
(2)網站主題: 魔力紅
(3)導覽列:首頁 團名由來 團員介紹 經典歌曲 活動
(3)色彩計畫: 以黑白來作呈現
(4)風格設定、簡約風
(5)製作心得: 不知道這樣做對不對



Edited 1 time(s). Last edit at 04/22/2015 11:13PM by j840516.
(編輯記錄)

(1)作業網址: http://mepopedia.com/~web103-2a/midterm/midterm-1025461015/01.html
(2)網站主題: VAPE(電子煙)
(3)導覽列:首頁/主機介紹/霧化器介紹/果汁介紹/影片介紹
(2)對象:對電子煙有興趣的人
(3)色彩計畫:以黑白灰色系為主
(4)風格設定:以黑灰色系簡單明瞭
(5)製作心得:做完很有成就感,能做出自己想做出的網站感覺很不錯。

(1)作業網址: http://mepopedia.com/~web103-2a/midterm/midterm-1025445055/
(2)網站主題: Katy Perry
(3)導覽列:首頁/生平及成名之路/歷年專輯/暢銷歌曲/Katy Perry網站連結
(2)對象: 所有還不是Katy的粉絲或是已經是粉絲的人
(3)色彩計畫: 以紫色和白色為主,是Katy最喜歡的顏色
(4)風格設定、預期成效: 紫色格紋+白色。
(5)製作心得: 很累...這次做的真的沒有很好,除了沒什麼動力突破新領域以外就是事情超多又不想做啊啊

1025445055

(1)作業網址:http://mepopedia.com/~web103-2a/midterm/midterm-1025445190/
(2)網站主題: 洛克人X4
(3)導覽列: 簡介 / 故事背景 / 主要人物 / 頭目角色 / 相關影片
(2)對象: 曾經在SS主機或是PS上玩過本作的人
(3)色彩計畫: 藍 白
(4)風格設定、預期成效:電子空間
(5)製作心得:呃 嘿嘿嘿

(1)作業網址:http://mepopedia.com/~web103-2a/midterm/midterm-1025445184
(2)網站主題:friendy pizzria
(3)導覽列: 首頁 最新消息 美食菜單 用餐環境 店裡位置
(2)對象:喜愛義大利餐點美食德大眾
(3)色彩計畫: 酒紅,白為輔助色
(4)風格設定、預期成效:單一色調,讓大家認識這間店
(5)製作心得:
上課講解但講完就沒時間做,回家做根本就忘記差不多了,就要全部從新在看一變
覺得好煩,然後這次做的沒上一次滿意

(1)作業網址: http://mepopedia.com/~web103-2a/midterm/midterm-1025461052/index.html
(2)網站主題: 刺青TATTOO
(3)導覽列: 首頁/歷史/刺青藝術/參考網站/影片欣賞
(2)對象: 喜歡刺青的各種藝術家
(3)色彩計畫: 黑/白/灰
(4)風格設定、預期成效: 灰階色調,簡約風格
(5)製作心得: 經過期中的摸索 慢慢懂得這套軟體的使用方式 多加練習一定是非常簡單的



1025461052-吳玟妮

(1)作業網址: http://mepopedia.com/~web103-2a/midterm/midterm-1025445217/
(2)網站主題: lol专题
(3)導覽列:首页,术语解释,职业介绍,开发团队
(2)對象:所有人。
(3)色彩計畫: 黑白,单纯的想做出质感。
(4)風格設定、預期成效: 我尽力了。
(5)製作心得: 嗯~觉得学到了东西

(1)作業網址 :http://mepopedia.com/~web103-2a/midterm/midterm-1025445169
(2)網站主題 :Barbapapa
(3)導覽列 : 首頁、作者簡介、故事起源、故事人物、相關影音
(2)對象 :喜歡Barbapapa的人
(3)色彩計畫 : 湖水綠混咖啡色系
(4)風格設定、預期成效 :因為這個是一個有年代的卡通,所以想讓它復古帶點可愛的感覺。還可以。
(5)製作心得 :覺得需要時間去努力,才能做得更好,有些東西,還是沒做好,也沒有弄好,希望能把它弄懂,也希望能在更進步。

(1)作業網址: http://mepopedia.com/~web103-2a/midterm/midterm-1025445052
(2)作品主題:AIR SUPPLY 空中補給
(2)導覽列: 首頁/關於/專輯/成員/影片
(3)對象: 所有人
(4)色彩計畫: 黑白色調
(5)製作心得: 很難 但跟上學期比有進步

1025445052

(1)作業網址: http://mepopedia.com/~web103-2a/midterm/midterm-1025445172/
(2)網站主題: 芝麻柚子豬排店
(3)導覽列:首頁/本月活動/餐點介紹/餐桌禮儀/本店資訊
(2)對象: 老饕
(3)色彩計畫: 暖色
(4)風格設定、預期成效:呈現出懷舊好吃感
(5)製作心得: 每次資料夾路徑都會跑位T T


1025445172

(1)作業網址:http://mepopedia.com/~web103-2a/midterm/midterm-1025445175
(2)網站主題:醜比頭
(3)導覽列: home.about.story.kobitos.movies
(2)對象:想認識醜比頭的人
(3)色彩計畫: 繽紛,點點是輔助圖
(4)風格設定、預期成效:可愛繽紛 吸引目光 清楚介紹醜比頭
(5)製作心得:真的好累 每次都弄到很晚才睡覺 可是非常的有成就感 也很高興更熟練Dreamwaver
1025445175

(1)作業網址:http://mepopedia.com/~web103-2a/midterm/midterm-1025445046
(2)網站主題:艾可先生漢堡餐廳
(3)導覽列:首頁、最新消息、漢堡先生、三明治小姐、其他餐點
(2)對象:喜歡美式餐點的人
(3)色彩計畫:使用橄欖綠色系,配合餐廳使用的咖啡色系,再加上一些鵝黃色系。
(4)風格設定、預期成效:微微的美式復古風,希望加了一些小插圖可以讓食物看起來更好吃。
(5)製作心得:這學期多學會了更多語法,覺得很新奇,但不是每個語法用起來都容易,還是會
有使用上的問題存在,而且語法太多太繁雜, 有些語法存在,但卻好像沒什麼功能,又不敢亂
刪,怕事後出現更多小問題,比起上學期,因為已經略懂,所以坐起來容易些,但困難的地方還
是很困難啊!!!一度覺得再做下去會往生...每次在緊要關頭的時候就會出錯,錯誤的地方已經更改
好幾萬遍了,都改成正確的了,傳至雲端的還是不會改變...我已盡力而為了!!

1025445046

(1)作業網址: http://mepopedia.com/~web103-2a/midterm/midterm-1025445139/
(2)網站主題: ハイキュー!!
(3)導覽列: HAIKYU-KARASUNO-ENEMY-TEAM-VIDEO
(2)對象: 15~25歲青少年
(3)色彩計畫: 橙白紅黑,大致上以橘色系為主
(4)風格設定、預期成效:希望能讓大家喜歡上這部動漫,主色調使用與主角相同的色系與點點風。
(5)製作心得: 我自己都覺得我自己混了,有待調整。

學號 1025445139

(1)作業網址: http://mepopedia.com/~web103-2a/midterm/midterm-1025445163/
(2)網站主題: OVERKILL inc.
(3)導覽列:HOME/ABOUT/NEWS/SHOP/TAWINAS STORIE
(2)對象: 大眾
(3)色彩計畫: 黑白
(4)風格設定、預期成效:單調
(5)製作心得:太難了˙受不了


1025445163

(1)作業網址: http://mepopedia.com/~web103-2a/midterm/midterm-1025445037
(2)網站主題:神魔之塔
(3)導覽列:首頁 關於 神魔故事 遊戲指引 外部連結
(2)對象:玩神魔的人
(3)色彩計畫:黑色系
(4)風格設定、預期成效: 神秘風格
(5)製作心得: 慢慢會習慣

(1)作業網址:http://mepopedia.com/~web103-2a/midterm/midterm-1025445196/
(2)網站主題: GAP
(3)導覽列:首頁 關於 商品 線上購物 各家門市
(4)對象:喜歡牛仔褲的人
(5)色彩計畫: 以簡約為主,符合GAP給人的印象。
(6)風格設定、預期成效: 簡單俐落,純粹的感覺。
(7)製作心得: 雖然花了很多時間研究,也不斷從做,但是做完很有成就感,自己也很喜歡。