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

Advanced

[期中作業] 以單欄為主的網站設計

[期中作業] 以單欄為主的網站設計

[期中作業] 以單欄為主的網站設計



1. 製作步驟及製作說明


1.請參考期中之前教過的做法及講義,製作以單欄為主的網站

2.每個同學記得在title的部分打上"自訂的主題"
在#footer 註明 Designed by 某某某(可自行取名)

3.題目自訂,選擇自己有興趣的主題,如個人網站或介紹自己喜愛的某個事物

4.可單純以色彩配色或自行設計圖片,製作網站內容

5.需以DIV搭配CSS的方式完成,設定尺寸、字體、顏色等等

6.至少完成兩頁的內容,若內容完整,且全部頁面完成,最多加6分。

7.若真的不會做,可下載附檔,參考老師的檔案,加以修改完成,但圖片及文字內容不可一樣。
(附檔有兩組:
一組是以圖片按鈕為主,需自行製作圖片
一組是以導覽列為主(色彩編排),請選擇一組參考製作)



8.製作完成上傳至FTP

9.本次作業的重點在於:

(1)能自行設計以DIV與CSS製作的網站
(2)利用自已的圖片或色彩搭配與字體設定等設計出具有質感的網頁


2. 二、評分標準與製作檢核


1.        HTML的正確架構(DIV的使用) 20%
2.        整體設計美感(CSS運用,風格及配色,字體設定、圖片製作) 30%
3.        導覽列的正確性(含導覽超連結)10%
4.        h1或h2的使用 5%
5.        class(類別)的運用 5%
6.        HTML Title的設定 5%
7.        Footer的版權宣告 5%
8.        內容完整的兩頁(至少)的連結 10%
9.        製作說明 10%

加分:
1.內容完整度,連結頁面全部做完最多加6分,最多100分。



3. 繳交作業方式


1.製作完成後,檔案命名方式:

期中作業FTP上的資料夾為:midtern

每位同學請將自己的資料夾命名為:midterm-學號
這個作業的網址則為:http://mepopedia.com/~web101c/midterm/midterm-10154452xx

資料夾內含:
(1).首頁命名為index.html
(2).其他頁面請自行命名,但需注意命名為則,不可出現中文及全形字、特殊符號等等
(3).一個命名為style.css的css樣式檔
(4).存放圖檔的images資料夾

存放在 < midterm-學號 > 的資夾內


2.全部完成後上傳至FTP



4. 回覆本篇文章


完成品(11/05前)
(1)作業網址:
(2).
1.設計風格:
2.色彩計畫:
3.有無遇到的問題:
4.製作感想:
5.製作作業的時間 :



前置作業(10/15前回覆)
(1)網站主題:
(2)製作動機:
(3)製作內容(分頁項目):
(4)資料蒐集分析
◎設計優良網站(風格):
◎相關網站列表與分析:



5. 期中作業進度參考


第六週 10/15 前置作業,題目確定,資料蒐集與分析等
第七週 10/22 決定排版形式、尺寸、圖片製作
第八週 10/29 HTML DIV與CSS設定
11/02 問題討論
第九週 11/05 11/05之前將期中作業上傳繳交,評分




6. 參考範例



http://mepopedia.com/forum/read.php?851,16485

http://mepopedia.com/forum/read.php?855,16484



Edited 3 time(s). Last edit at 10/21/2012 11:05AM by JinJin.
(編輯記錄)

Attachments:
開啟 | 下載 - midterm-sample.rar (3.1 MB)
(1)網站主題: SS501 朴政珉 박정민
(2)製作動機: 支持他已經四年了,所以想做關於他的網頁
(3)製作內容(分頁項目): 關於朴政珉、經歷、音樂、戲劇
(4)資料蒐集分析:
◎設計優良網站(風格): http://www.p-jungmin.com/ 整體看起來簡單清新,很符合朴政珉的個性
◎相關網站列表與分析: http://www.parkjungmin.com.cn/bbs/forum.php 大多資料來源出自在這裡面,內容確實且豐富

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

(1)作業網址: http://mepopedia.com/~web101c/midterm/midterm-1015445203
(2)
1.設計風格: 簡單風格
2.色彩計畫: 利用白、灰色來設計整個版面的顏色
3.有無遇到的問題:無
4.製作感想: 在製作網頁的時候要花時間去想該怎麼製作滿有趣的,而且又是做自己喜歡滿久的歌手~
5.製作作業的時間 : 兩天



Edited 3 time(s). Last edit at 11/03/2012 04:07PM by 1015445203.
(編輯記錄)

(1)作業網址:http://mepopedia.com/~web101c/midterm/midterm-1015445206
(2).
1.設計風格:簡約風
2.色彩計畫:咖啡色
3.有無遇到的問題:一樣很多 但都解決嘞~
4.製作感想: 很累阿~~~還好有達令
5.製作作業的時間 : 一個禮拜八...

(1)網站主題:風靡全球 蔡依林 Jolin
(2)製作動機:因為蔡依林是我的偶像~~ 剛好他最近又出了新專輯
(3)製作內容(分頁項目):專輯簡介 第一波主打 第二波主打
(4)資料蒐集分析
◎設計優良網站(風格):http://channel.pixnet.net/ewon/music/album/hF3qmFaUitxhMo0F1Xpz0091
◎相關網站列表與分析:



Edited 1 time(s). Last edit at 11/04/2012 11:39PM by 1015445206.
(編輯記錄)

(1)作業網址: http://mepopedia.com/~web101c/midterm/midterm-1015445238
(2)
1.設計風格: 簡約
2.色彩計畫: 使用墨綠.橘色.藍色穿插營造出穩重的感覺
3.有無遇到的問題:無
4.製作感想: 製造時能了解DW功能的應用,以及語法的使用
5.製作作業的時間 :1天

(1)網站主題: 達文西
(2)製作動機: 設計得先父
(3)製作內容(分頁項目): 關於生平.貢獻.影片.作品
(4)資料蒐集分析:
◎設計優良網站(風格):http://www.books.com.tw/activity/DAVINCI2/art11.htm內容豐富
◎相關網站列表與分析: http://www.books.com.tw/activity/DAVINCI2/art11.htm 內容大約出自這裡

(1)作業網址: http://mepopedia.com/~web101c/midterm/midterm-1015445216/index.html
(2).
1.設計風格: 清新
2.色彩計畫: 以藍色為主
3.有無遇到的問題: 剛開始用dw弄出來來文字都是亂碼... 卡了很久
4.製作感想: 問題處理完的瞬間很爽快(?)
5.製作作業的時間 : 2天左右,一直在尋找亂碼的解決辦法與找圖




(1)網站主題: うたの☆プリンスさまっ♪ マジLOVE1000%
(2)製作動機: 歌王子是我很喜歡的動畫、發現除了官方的網站後就找不到其他相關網站,所以想自己弄一個
(3)製作內容(分頁項目): 內容介紹、角色介紹、系列概要、相關歌曲、動畫工作人員
(4)資料蒐集分析
◎設計優良網站(風格): 歌王子日文官方網站 製作風格與色系會從官方這裡參考、或是參考其他動畫的官網
◎相關網站列表與分析: 歌王子維基巴哈 資料大多都從這裡蒐集,除了音樂檔要另外找之外還算是齊全的



Edited 1 time(s). Last edit at 11/04/2012 11:36PM by sp39678910.
(編輯記錄)

(1)作業網址:http://mepopedia.com/~web101c/midterm/midterm-1015445269
(2).
1.設計風格:包裝設計為茶葉主題,所以以茶葉環繞杯中的情境結合設計.
2.色彩計畫:茶葉為主的綠色系列.
3.有無遇到的問題:請教老師之後解決了.
4.製作感想:做出來一個像樣的網頁很有成就感,以前只會套模板而已沒什麼樂趣,希望以後可以學到更多不同排版方法,雖然過程有點辛苦,但是學習之後的成果讓人更開心.
5.製作作業的時間:三天多.


(1)網站主題:草本茶集(HERBACEOUS COLLECTION)
(2)製作動機:介紹這款包裝茶葉的設計,從LOGO的設計到主題延伸以及創作過程.
(3)製作內容(分頁項目):前言/設計說明/創意發想/實品展示圖.
(4)資料蒐集分析
◎設計優良網站(風格): http://www.gm-design.info/ - http://www.tpda.com.tw/ - http://www.vigor2.com.tw/ 這些網站的排版和色彩搭配都很棒,因此打算製作風格像那樣強烈或者清新簡單的網站.
◎相關網站列表與分析:http://www.herb-tea.com.tw/ - 這套包裝設計是市面上已經有的,我風格也打算用綠色系列為主,許多主題的來源和介紹是自於此,但是LOGO和其包裝形式全部都重新創作過.



Edited 1 time(s). Last edit at 11/05/2012 01:19AM by 1015445269.
(編輯記錄)

(1)作業網址: http://mepopedia.com/~web101c/midterm/midterm-1015445207
(2).
1.設計風格: 咖啡色系.極簡
2.色彩計畫: 咖啡色系.白底
3.有無遇到的問題: 遇到hearder出不來!最後有解決
4.製作感想: 快爆肝了....整體感覺並不是很完整....希望下次能做得更加仔細@@
5.製作作業的時間 : 2天


(1)網站主題: 夢境甜點屋(不知道會不會想改人物XD(但甜點一定會有~
(2)製作動機: 因為我愛吃甜點XD 喜歡清晰可愛的風格~
(3)製作內容(分頁項目): 甜點教學、角色介紹、甜點系列
(4)資料蒐集分析
◎設計優良網站(風格): 可愛、清晰、咖啡色系
◎相關網站列表與分析:
http://mysweet.com.tw/
http://blog.yam.com/mountainlife/article/48740085
http://blog.yam.com/peray1/article/54270260
http://carol0509.pixnet.net/blog



Edited 2 time(s). Last edit at 11/05/2012 04:31PM by FF.
(編輯記錄)

(1)作業網址: http://mepopedia.com/~web101c/midterm/midterm-1015445232
(2)
1.設計風格: 簡單風格
2.色彩計畫: 利用白色和綠色
3.有無遇到的問題:不會用最外圍的邊框
4.製作感想: 從頭到尾都慢慢研究自己做,但有的還有不會用的
5.製作作業的時間 : 好幾天,每天都做一些




(1)網站主題:唐老鴨
(2)製作動機: 因為喜歡這卡通人物
(3)製作內容(分頁項目): 關於唐老鴨的故事、作品年表、性格特點、形象
(4)資料蒐集分析:
◎設計優良網站(風格):http://www.woc.com.tw/web/html/01about/01.aspx
◎相關網站列表與分析: http://wikiyou.tw/%E5%94%90%E8%80%81%E9%B4%A8/ http://disney.lovesakura.com/Special/1999/990609.htm



Edited 2 time(s). Last edit at 11/05/2012 03:28PM by 1015445232.
(編輯記錄)

(1)網站主題: 英雄聯盟
(2)製作動機:個人很喜歡英雄聯盟這款線上遊戲
(3)製作內容(分頁項目):故事介紹.遊戲介紹.腳色介紹.TPA成員介紹
(4)資料蒐集分析
◎設計優良網站(風格):http://lol.garena.tw/champions/index.php?menu=2 官方網站 就是英雄聯盟的風格
◎相關網站列表與分析: http://zh.wikipedia.org/zh-hk/%E8%8B%B1%E9%9B%84%E8%81%94%E7%9B%9F 維基.巴哈.MEGEE 都有相關網站

(1)作業網址:http://mepopedia.com/~web101c/midterm/midterm-1015445208/
(2).
1.設計風格: 清爽風
2.色彩計畫: 白橘灰紅
3.有無遇到的問題:已解決
4.製作感想:花了蠻多時間才做完,非常辛苦。
5.製作作業的時間 :一天多
---------------------------------------------------------------------------------------------------------------------------------------------
(1)網站主題:夏目友人帳
(2)製作動機: 因為喜歡這部卡通跟裡面溫馨情節
(3)製作內容(分頁項目): 關於夏木貴志的故事、人物介紹、圖鑑集、動畫
(4)資料蒐集分析:
◎設計優良網站(風格):
http://www.nasinc.co.jp/jp/natsume-anime/
http://japan.videoland.com.tw/channel/natume/natume.html
◎相關網站列表與分析:
http://zh.wikipedia.org/wiki/%E5%A4%8F%E7%9B%AE%E5%8F%8B%E4%BA%BA%E5%B8%B3



Edited 1 time(s). Last edit at 11/19/2012 11:23AM by 1015445208.
(編輯記錄)

(1)作業網址: http://mepopedia.com/~web101c/midterm/midterm-1015445240
(2).
1.設計風格: 女孩風
2.色彩計畫: 紅粉色系
3.有無遇到的問題:已解決
4.製作感想:花了一段時間才做完,努力做完就會有成果。
5.製作作業的時間 :兩天多
---------------------------------------------------------------------------------------------------------------------------------------------
(1)網站主題:K-ON!輕音部
(2)製作動機:人物可愛,音樂好聽。
(3)製作內容(分頁項目):關於K-ON、劇情介紹、人物介紹、音樂、作者介紹
(4)資料蒐集分析
◎設計優良網站(風格):http://www.tbs.co.jp/anime/k-on/
◎相關網站列表與分析:http://zh.wikipedia.org/zh-tw/K-ON%EF%BC%81%E8%BC%95%E9%9F%B3%E9%83%A8
http://forum.gamer.com.tw/A.php?bsn=41226



Edited 3 time(s). Last edit at 11/05/2012 08:51PM by 1015445240.
(編輯記錄)

(1)作業網址: http://mepopedia.com/~web101c/midterm/midterm-1015445270
(2).
1.設計風格: 簡單
2.色彩計畫: 淡色系
3.有無遇到的問題: 慢慢看講義研究就ok &請教宜倢smiling smiley
4.製作感想: 好趕的 終於做完了~~~
5.製作作業的時間 : 約2-3小時左右

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

(1)網站主題: 日本料理
(2)製作動機: 想要多了解異國料理
(3)製作內容(分頁項目):1.首頁 2.簡介 3.特色 4.傳統擺設 5.常用的調味 6.料理名吃
(4)資料蒐集分析:
◎設計優良網站(風格):http://www.ichilong.com.tw/ 暖色系
◎相關網站列表與分析:http://zh.wikipedia.org/zh-tw/%E6%97%A5%E6%9C%AC%E6%96%99%E7%90%86
http://tw.knowledge.yahoo.com/question/question?qid=1010011303195



Edited 1 time(s). Last edit at 11/05/2012 12:02PM by 1015445270.
(編輯記錄)

(1)網站主題 :介紹藝人:CIRCUS
(2)製作動機:很喜歡他們,很有趣很瘋狂,生活態度很棒。
(3)製作內容(分頁項目):成員介紹,主持節目介紹,工作介紹,其他發展介紹。
(4)資料蒐集分析
◎設計優良網站(風格): http://www.imfever.com/ 類似這樣的排版
◎相關網站列表與分析:http://zh.wikipedia.org/zh-tw/CIRCUS
http://tw.kkbox.com/artist/7VQBM-WPIwPMx1l0F0Bqs08J-index-1.html
http://tw.image.search.yahoo.com/search/images;_ylt=A8tUwJvNwoRQfFIABR5t1gt.?p=circus%E7%8B%97%E4%BB%94%E9%9A%8A&fr=yfp-s&ei=utf-8&n=30&x=wrt&fr2=sg-gac&sado=1

以上是資料來源。

1.作業網址: http://mepopedia.com/~web101c/midterm/midterm-1015445218
2.設計風格: 米奇顏色
3.色彩計畫: 用黑.紅.白設計
4.有無遇到的問題:沒有~~~
5.製作感想: 做自己喜歡的網頁很好玩唷!
6.製作作業的時間 : 三天


(1)網站主題:米奇
(2)製作動機:因為非常喜歡米奇唷!
(3)製作內容(分頁項目): 1.簡介2.好朋友3.所有電影4.周邊商品5.首頁
(4)資料蒐集分析
◎設計優良網站(風格):
http://portal.disney.com.tw/
http://home.disney.com.tw/tv/
◎相關網站列表與分析:
http://www.disneybox.com/wiki/%E7%B1%B3%E5%A5%87



Edited 2 time(s). Last edit at 11/04/2012 10:29PM by 1015445218.
(編輯記錄)

(1)網站主題: 只想告訴你
(2)製作動機: 她出漫畫的時候就很喜歡了~後來還有出動畫~~~
(3)製作內容(分頁項目):劇情簡介、故事大綱、人物介紹、相關歌曲、動畫分享、作者介紹
(4)資料蒐集分析 :
◎設計優良網站(風格)
http://japan.videoland.com.tw/channel/kimini_t/default_002.asp
◎相關網站列表與分析
http://comic.qq.com/view/todoke.htm

(1)網站主題: 寵物當家
(2)製作動機: 從小常看日本這節目《寵物當家》,看著松本帶著雅夫一代傳一代。對狗狗有深厚的感情。
(3)製作內容(分頁項目): 雅夫/大介/雅春介紹&寵物當家節目介紹&主持人松本介紹&電影:雅夫愛相隨 介紹
(4)資料蒐集分析
◎設計優良網站(風格): http://www.tv-tokyo.co.jp/pochitama/(寵物當家 官網----俏皮可愛)
http://upteaser.lager.com.tw/(寵物派對WEB---俏皮可愛)
◎相關網站列表與分析:
http://www.ettoday.net/news/20120625/64722.htm
http://www.youtube.com/watch?v=dm93uPGiCGE
http://www.facebook.com/pages/%E5%AF%B5%E7%89%A9%E7%95%B6%E5%AE%B6/125278350897552?sk=info

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

(1) 作業網址 : http://mepopedia.com/~web101c/midterm/midterm-1015445252/

(2) 風格設定: 可愛俏皮

(3) 有無遇到的問題:一開始要先好好複習講義,一些小問題也問同學解決了~

(4) 製作感想 :其實網頁設計並不難,只是有些設定很麻煩...自己打語法真有成就哈哈,以前都看不懂

(5) 製作作業的時間 :兩天~



Edited 3 time(s). Last edit at 11/05/2012 04:28PM by Chian Chian.
(編輯記錄)

MEPOERs said:
JinJin: 很開心有成就感囉!要繼續保持這個熱情唷!
JinJin: footer的字體偏大,跟內文的字比例不太合!可修改會更好
(1)網站主題 :歌手:盧廣仲
(2)製作動機:他很有自己的個性跟態度,所以想介紹他。
(3)製作內容(分頁項目):專輯介紹,出生背景,經歷介紹,得獎紀錄,代言商品。
(4)資料蒐集分析
◎設計優良網站(風格):http://www.team-ear.com/ 類似這樣排版
◎相關網站列表與分析:<1>http://zh.wikipedia.org/wiki/%E7%9B%A7%E5%BB%A3%E4%BB%B2
<2> http://www.outdoorproducts.com.tw/
------------------------------------------------------------------------------------------------------------------
(1)作業網址: http://mepopedia.com/~web101c/midterm/midterm-1015445236

1.設計風格:有盧廣仲的色彩
2.色彩計畫:黃,彩色
3.有無遇到的問題:有,但解決了
4.製作感想: 有點複雜
5.製作作業的時間 : 1天

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



Edited 1 time(s). Last edit at 11/05/2012 04:31PM by 1015445236.
(編輯記錄)

完成品
(1)作業網址:http://mepopedia.com/~web101c/midterm/midterm-1015445221
(2).
1.設計風格:青春
2.色彩計畫:藍 白
3.有無遇到的問題:連結連錯
4.製作感想:終於做出來了
5.製作作業的時間 :1天

前置作業
(1)網站主題:跳越吧!時空少女
(2)製作動機:能穿越時空的能力引人深思,看完以後很喜歡!
(3)製作內容(分頁項目): 劇情與介紹 作品介紹 精彩預告片 劇照 幕後團隊
(4)資料蒐集分析
◎設計優良網站(風格):

喜歡的攝影網站
影像魔法的極限狀態http://www.christophegilbert.com/index_high.html
夢境般的透明影像 市橋織江http://www.ichihashiorie.com/contents/main.html


◎相關網站列表與分析:
台灣角川官網
http://www.bvi.com.tw/movies/timeleapt/
維基百科
http://zh.wikipedia.org/zh-tw/%E8%B7%B3%E8%BA%8D%E5%90%A7%EF%BC%81%E6%99%82%E7%A9%BA%E5%B0%91%E5%A5%B3
Yahoo!電影
http://tw.movie.yahoo.com/movieinfo_main.html/id=2166
巴哈姆特論壇
http://acg.gamer.com.tw/acgDetail.php?s=16090



Edited 3 time(s). Last edit at 11/05/2012 05:42PM by 姚少涵.
(編輯記錄)

(1) 期中作業網址:http://mepopedia.com/~web101c/midterm/midterm-1015445243/
(2).
1.設計風格: 潑漆華麗風
2.色彩計畫: 粉紅色系
3.有無遇到的問題: 差一點跟不上進度=口=
4.製作感想: 用AI切片會切到手軟~~~
5.製作作業的時間 : 3天的樣子~~~((依稀記得
-----------------------------------------------------------------------------------------------------------------------------------------------
(1)網站主題:Nicki Minaj介紹
(2)製作動機:愛聽西洋歌~~所以用Nicki Minaj作為嘻哈代表人物之一.而且他的造型多變!!我很喜歡~~
(3)製作內容(分頁項目):音樂.介紹.事蹟....
(4)資料蒐集分析
◎設計優良網站(風格): http://www.mypinkfriday.com/
◎相關網站列表與分析: https://twitter.com/NICKIMINAJ
http://translate.google.com/translate?hl=zh-TW&langpair=en%7Czh-TW&u=http://nickiminajfans.com/
http://translate.googleusercontent.com/translate_c?depth=1&hl=zh-TW&langpair=en%7Czh-TW&rurl=translate.google.com&twu=1&u=http://nickiminajbarbies.com/&usg=ALkJrhiPg-ep2w82zwZ4nxYmzjMUlzg9Hw



Edited 2 time(s). Last edit at 11/05/2012 10:59AM by 1015445243.
(編輯記錄)

(1)作業網址: http://mepopedia.com/~web101c/hw03/hw03-1015445239
(2)
1.設計風格: 簡單俐落
2.色彩計畫: 利用白、灰還有CLOT的標準色酒紅
3.有無遇到的問題:有 但自己找到問題已解決了^^
4.製作感想: 好久沒有碰網頁感覺有點生疏 , 完成後成就感依然在 smiling smiley) 冠希好帥♥
5.製作作業的時間 : 兩天

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

(1)網站主題: 陳冠希 EDC
(2)製作動機: 帥哥帥哥 ^____<
(3)製作內容(分頁項目): 關於陳冠希 音樂作品 其他作品 成就 自創品牌
(4)資料蒐集分析:
◎設計優良網站(風格): 無
◎相關網站列表與分析: http://mv-blog.org/%E9%99%B3%E5%86%A0%E5%B8%8C/



Edited 1 time(s). Last edit at 11/05/2012 12:03PM by ,,* × Su Han°,; ★.
(編輯記錄)

http://mepopedia.com/~web101c/midterm/midterm-1015445245
(1)
1.設計風格: 咖啡 紅 黃 (維尼必備色彩)

2.色彩計畫: 咖啡 紅 黃

3.有無遇到的問題:連結一直卡住 還會有時候圖片不見.

4.製作感想: 很開心,但是

5.製作作業的時間 : 三天多 (不包括找圖文資料)

...............................................................................................................................................................................................

(1)網站主題:噗噗熊維尼

(2)製作動機:我是他的超級紛絲 (收集很多有關的東西)

(3)製作內容(分頁項目):1 發源地(基本的自我介紹) 2喜歡的事物 3他的朋友 4出刊的書籍 5 電視和電影動畫

(4)資料蒐集分析
◎設計優良網站(風格):
http://mediacdn.disney.com.tw/pooh/index.html

http://www.pooh-country.co.uk/

◎相關網站列表與分析:
http://noelpooh.myweb.hinet.net/history.htm

http://www.miniworld.com.tw/article/libear/6674747

http://www.jhjh.cyc.edu.tw/student/95/301/30124/html/new_page_4.htm



Edited 1 time(s). Last edit at 11/05/2012 04:19PM by 1015445245.
(編輯記錄)

(1)網站主題: 神隱少女
(2)製作動機:對於這部電影深受感動、 想藉由報告了解宮崎駿更多
(3)製作內容(分頁項目): 人物介紹、影片劇照、創作理念、影片涵義
(4)資料蒐集分析
◎設計優良網站(風格):
http://www.imfever.com/default.aspx喜歡這種打開網頁圖片佔居多、以樸素的方式呈現
http://kawashimakotori.com/
◎相關網站列表與分析:
http://zh.wikipedia.org/wiki/%E7%A5%9E%E9%9A%B1%E5%B0%91%E5%A5%B3(維基百科)
http://www.shs.edu.tw/works/essay/2008/10/2008102122082025.pdf(故事分析)

(1)作業網址: http://mepopedia.com/~web101c/midterm/midterm-1015445254
(2).
1.設計風格: 封面神秘 首頁朝氣 內頁粉藍
2.色彩計畫: 粉藍系列
3.有無遇到的問題: 常常DW有顯示 但到瀏覽器時就顯示不出來
4.製作感想: 哇!! 做完會很棒!!!! 難得自己做出喜歡的東西
5.製作作業的時間 :兩天
----------------------------------------------------------------------------------------
(1)網站主題: 五人的東方神起
(2)製作動機: 是從暑假才開始迷上他們的,不希望分裂,希望他們回到跟以前一樣!! 想收集他們美好的時候^^!!
(3)製作內容(分頁項目): 個人介紹 成長過程 (專輯 個人戲劇,音樂,創作,) 演唱會
(4)資料蒐集分析
◎設計優良網站(風格): http://www.avex.com.tw/tohoshinki/ (官方網站,有種神秘的氣息.) 外
◎相關網站列表與分析:http://zh.wikipedia.org/wiki/%E6%9D%B1%E6%96%B9%E7%A5%9E%E8%B5%B7 (維基百科,詳細介紹)
http://www.tvxqschool.net/ (神祕之後帶點五人歡樂的時光) 內
http://www.g-music.com.tw/GMusicSinger.aspx?Param1=1573&Param2=70-39-51-60-67-4E-BC-82-CB-9F-40-37-C7-53-A7-4E#c (小檔案)



Edited 1 time(s). Last edit at 11/05/2012 04:31PM by 許豆豆.
(編輯記錄)

(1)網站主題:伊凡塞斯Evanescence
(2)製作動機:喜歡這各樂團的曲風,哥德式搖滾。
(3)製作內容(分頁項目): 樂團介紹、團員介紹、音樂介紹。
(4)資料蒐集分析
◎設計優良網站(風格):

http://www.evanescence.com/
官方網站,喜歡這配色所呈現出來的感覺。

◎相關網站列表與分析:

官方網站
http://www.evanescence.com/

維基百科
http://zh.wikipedia.org/zh-hk/Evanescence

Yahoo!奇摩音樂
http://tw.music.yahoo.com/hot/album/list.html?id=Y9YwBlyJiteCiTnU000Wc08I

________________________________________________________________________

(1)作業網址: http://mepopedia.com/~web101c/midterm/midterm-1015445215
(2).
1.設計風格:黑暗、神秘
2.色彩計畫:黑色、紫色
3.有無遇到的問題: 有,已自己解決。
4.製作感想: 很開心能學習到新的語法做完這次的作業,雖然中間有點小困擾,但最後還是順利解決問題,然後看到自己的網頁作出來真的很有成就感!
5.製作作業的時間 : 兩天左右



Edited 1 time(s). Last edit at 11/05/2012 01:29AM by 1015445215.
(編輯記錄)

網站主題: 不老騎士
製作動機: 故事感人,也夠振奮人心,讓人很想也為他們做一點小事
製作內容(分頁項目):關於不老騎士,環台日記,專訪導演,記錄片
資料蒐集分析
設計優良網站(風格): http://www.mottimes.com/cht/interview_detail.php?serial=114 讓人覺得舒服利落簡單,很想效仿
相關網站列表與分析:http://blog.xuite.net/hondao/motortaiwan?&p=1 資料大多來源參考

(1)網站主題: Mount&Blade 騎馬與砍殺
(2)製作動機: 很喜歡這款中世紀風格的遊戲!!有各式各樣的MOD可以進行遊戲!!
(3)製作內容(分頁項目): 遊戲介紹,中世紀背景介紹,遊戲圖片,遊戲影片,相關介紹
(4)資料蒐集分析 http://www.paradoxplaza.com/Mount&Blade/?p=game_info 遊戲官方網站,
◎設計優良網站(風格): http://www.mountandbladewarband.com/
http://www.withfireandswordgame.com/
◎相關網站列表與分析: http://bbs.mountblade.com.cn/ 中國玩家製作的論壇,方便使用中文的群眾交流

----------------------------------------------------------------------------------------------------------------------------------------------------------
作業網址: http://mepopedia.com/~web101c/midterm/midterm-1015445261/
1.風格設定:硬式派風格,呈現出騎士精神和中古世紀的感覺
2.色彩計畫:使用低調但沉穩的顏色
3.有無遇到的問題 :背景跟圖片放置弄了很久
4.製作感想 :做完很有成就感!!要一直檢查有無錯誤,只要發現錯誤就要馬上改,不然全部做完後才找到,再改就會非常累!!
5.製作作業的時間 :花了我一整天...



Edited 1 time(s). Last edit at 11/03/2012 06:54PM by 1015445261.
(編輯記錄)

MEPOERs said:
JinJin: 完整的設計,按鈕字體再小一些會更有設計感喔!
(1)網站主題:adidas 愛迪達
(2)製作動機:因為我很喜歡它哈哈
(3)製作內容(分頁項目): 關於愛迪達、歷史、產品、代言明星
(4)資料蒐集分析:
◎設計優良網站(風格):http://www.adidas.com.tw/ 版面風格簡單大方明瞭
◎相關網站列表與分析: http://www.nike2012.com.tw/list.php?pc2=13 網站內容大多會取自這裡,內容豐富且多元化

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

(1)作業網址: http://mepopedia.com/~web101c/midterm/midterm-1015445263
(2)
1.設計風格: 運動活躍風
2.色彩計畫: 利用紅、藍色來加強主題的運動感
3.有無遇到的問題:有,非常多,無敵多 ,世界多
4.製作感想: 因為我本身非常喜歡愛迪達,覺得它非常的潮,尤其很多明星都會代言它,所以製作起來非常的開心
5.製作作業的時間 : 一天



Edited 1 time(s). Last edit at 11/05/2012 03:08PM by 1015445263.
(編輯記錄)

啊呀~style存css不成ㄟ,都一直是筆記本的格式

http://mepopedia.com/~web101c/midterm/midterm-1015445225/
1.設計風格:己簡風
2.色彩計畫:黑.粉.白
3.有無遇到的問題:太多問題!
4.製作感想:真的非常感謝你!!!^_ 5.製作作業的時間 : 兩禮拜!



Edited 1 time(s). Last edit at 11/06/2012 11:42PM by blckdesign.
(編輯記錄)

(1)網站主題:披頭四
(2)製作動機:喜歡囉~~
(3)製作內容(分頁項目):團體成員介紹
(4)資料蒐集分析
◎設計優良網站(風格): 沒有(黑、白、紅)
◎相關網站列表與分析:http://tw.knowledge.yahoo.com/question/question?qid=1105070802098

(1)作業網址: http://mepopedia.com/~web101c/midterm/midterm-1015445213
(2)
1.設計風格: 簡約風格
2.色彩計畫: 利用灰色,帶點藍綠點綴,增加趣味。
3.有無遇到的問題:圖片顯示不出來以及圖片環繞問題。
4.製作感想: 製作出來之後,很有成就感,尤其是為自己喜歡的歌手製作。
5.製作作業的時間 : 兩天

(1)網站主題:青峰
(2)製作動機: 喜歡的音樂
(3)製作內容(分頁項目): 關於青峰的簡介、音樂、歷年專輯
(4)資料蒐集分析:
◎設計優良網站(風格):http://www.sodagreen.com/main/2012-newsite/
◎相關網站列表與分析: http://zh.wikipedia.org/wiki/%E8%98%87%E6%89%93%E7%B6%A0

(1)作業網址: http://mepopedia.com/~web101c/midterm/midterm-1015445207
(2).
1.設計風格: 咖啡色系.極簡
2.色彩計畫: 咖啡色系.白底
3.有無遇到的問題: 遇到hearder出不來!最後有解決
4.製作感想: 快爆肝了....整體感覺並不是很完整....希望下次能做得更加仔細@@
5.製作作業的時間 : 2天

(1)作業網址:http://mepopedia.com/~web101c/midterm/midterm-1015445201

(2).
1.設計風格:簡約
2.色彩計畫:紅、黑、白
3.有無遇到的問題:有,以解決
4.製作感想:一開始做的不是很順利做到很煩,但最後能做出一個網頁來真的很開心:)
5.製作作業的時間 :3天

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

(1)網站主題:草間彌生
(2)製作動機:因為覺得她很有個人特色
(3)製作內容(分頁項目): 簡介、特色、作品、商品、書籍
(4)資料蒐集分析
◎設計優良網站(風格):http://www.yayoi-kusama.jp/
◎相關網站列表與分析:http://zh.wikipedia.org/zh-hant/%E8%8D%89%E9%96%93%E5%BD%8C%E7%94%9F



Edited 1 time(s). Last edit at 11/05/2012 10:55AM by 1015445201.
(編輯記錄)

作業網址:http://mepopedia.com/~web101c/midterm/midterm-1015445250
1.設計風格:酷炫風
2.色彩計畫:暗色調
3.有無遇到的問題:慢慢摸索就解決了
4.製作感想:複雜....困難.......還是搞定..........累..........
5.製作作業的時間 :兩天............

(1)網站主題: 郭采潔
(2)製作動機: 我真的好喜歡她好希望自己也可以替自己的偶像做個專頁
(3)製作內容(分頁項目): 基本介紹、音樂戲劇方面發展
(4)資料蒐集分析
◎設計優良網站(風格): http://www.kidamber.net/ Amber的專業風格一直很有特色古靈精怪的
◎相關網站列表與分析: http://stars.udn.com/udnstars/StarBasic/StarBasic2.do?starID=TW06740

(1)作業網址: http://mepopedia.com/~web101c/midterm/midterm-1015445202
(2).
1.設計風格: 簡單大方的郭采潔給人清新感
2.色彩計畫: 清新舒服的色調
3.有無遇到的問題: 圖片連結一直跳掉
4.製作感想: 一開始學網頁會覺得很不耐煩,可是幫自己在做的時候會越做越有成就感
而且還會欲罷不能想做的更好更精緻做出讓自己也能讚嘆的網頁,謝謝老師,我真的覺得收穫很多
5.製作作業的時間 :1天

(1)作業網址:http://mepopedia.com/~web101c/midterm/midterm-1015445212/index.html
(2)
1.設計風格: 兒童的
2.色彩計畫: 粉色藍綠色
3.有無遇到的問題:連結的部分
4.製作感想:連結的部分有些困難後來就慢慢懂了
5.製作作業的時間 : 周末,做一些
smiling bouncing smileysmiling bouncing smileysmiling bouncing smileyeye popping smileyeye popping smileyeye popping smileytongue sticking out smileytongue sticking out smileytongue sticking out smiley
(1)網站主題:玩具總動員
(2)製作動機: 喜歡這電影
(3)製作內容(分頁項目): 關於玩具總動員
(4)資料蒐集分析: http://www.facebook.com/PixarToyStory/info

完成品(11/05前)
作業網址. http://mepopedia.com/~web101c/midterm/midterm-1015445241
1.設計風格: 暗色
2.色彩計畫: 暗色
3.有無遇到的問題: 無
4.製作感想: 完成了
5.製作作業的時間 : 1天


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

前置作業(10/15前回覆)
(1)網站主題:The Walking Dead陰屍路
(2)製作動機:影集
(3)製作內容(分頁項目):劇照 劇情介紹 官網
(4)資料蒐集分析 http://www.amctv.com/shows/the-walking-dead
◎設計優良網站(風格): http://www.amctv.com/shows/the-walking-dead
◎相關網站列表與分析: http://www.amctv.com/shows/the-walking-dead

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

完成品
(1)作業網址:http://mepopedia.com/~web101c/midterm/midterm-1015445228
(2)
1.設計風格: 歡樂
2.色彩計畫: 黃色系
3.有無遇到的問題:有一些....但大致上都解決惹....
4.製作感想: 很累...但很開心~有好多貓咪~( = ////// = )
5.製作作業的時間 : 兩至三天左右.....


前置作業
(1)網站主題: 96猫
(2)製作動機: 貓咪是我很喜番的一個nico翻唱歌手,所以一切都是愛....(遭拖走
(3)製作內容(分頁項目): 96猫近期生放送、96猫介紹、96猫投稿作、96猫專輯、96猫相關連結
(4)資料蒐集分析
◎設計優良網站(風格): 96猫twitter因為96猫沒有官方網站....所以就試著使用黃色系的配色
◎相關網站列表與分析nano Official Site 原本是想做成這樣的....但似乎我操之過急...??
痞客邦、96猫nico清單資料大多是從這裡取得....



Edited 1 time(s). Last edit at 11/05/2012 12:04PM by LI-WAN-YU.
(編輯記錄)

(1)作業網址:http://mepopedia.com/~web101c/midterm/midterm-1015445222
(2).
1.設計風格:
2.色彩計畫:藍.黃.紅
3.有無遇到的問題:連結無法出現.但有解決了.檔名會忘記要打英文
4.製作感想: 蠻牛.馬力夯.紅牛我都喝了......................zZZZZ
5.製作作業的時間 : 一個漫長的夜晚

(1)網站主題:辛普森家族SIMPSONS
(2)製作動機:辛普森超口ㄞ.我超愛.超難做
(3)製作內容(分頁項目):成員介紹.故事背景.商品.成就.評論.特點
(4)資料蒐集分析
◎設計優良網站(風格):http://channel.pixnet.net/ewon/music/album/hF3qmFaUitxhMo0F1Xpz0091
◎相關網站列表與分析:http://zh.wikipedia.org/zh-tw/%E8%BE%9B%E6%99%AE%E6%A3%AE%E4%B8%80%E5%AE%B6

(1) 作業網址 http://mepopedia.com/~web101c/midterm/midterm-1015445214/

(2) 風格設定 黑白灰 呈現比較黑暗的感覺

 (3) 有無遇到的問題 影片致中的問題

 (4) 製作感想 做好了之後檔案不見真的很悲劇

 (5) 製作作業的時間 2天

(1) 作業網址:http://mepopedia.com/~web101c/hw03/hw03-1015445258

(2) 風格設定:藍黃對比風格

(3) 有無遇到的問題:有,還好有同學就我不然我就GG了....

(4) 製作感想:網頁真的不是普通人做的事情有夠難有夠複雜但我會繼續加油ˊ_>ˋ

(5) 製作作業的時間 :兩天左右

(1) 作業網址:http://mepopedia.com/~web101c/midterm/midterm-1015445210/

(2) 風格設定:活潑的冒險風格

(3) 有無遇到的問題:有,同學一起解決太棒了

(4) 製作感想:網頁設計真的是慢慢學 學著學著做出來的東西就有成就感

(5) 製作作業的時間 :兩天左右

midterm-1015445262

(1)作業網址: http://mepopedia.com/~web101c/midterm/midterm-1015445262
(2)
1.設計風格: 以紅藍色調對比
2.色彩計畫: 用對比色看起來比較和諧
3.有無遇到的問題:有 每次都好緊張 一緊張就會做錯 現在搞懂了就比較輕鬆了
然後我後面三個連結沒把法典進去耶 請老師幫我看看 3Q
4.製作感想: 需要花時間自己捉摩 看到作品完成 辛苦努力是值得的
5.製作作業的時間 : 二天

(1)作業網址: http://mepopedia.com/~web101c/midterm/midterm-1015445258
(2)
1.設計風格: 藍黃對比風格
2.色彩計畫: 用對比色看起來比較和諧
3.有無遇到的問題:有,太複雜了好容易少做步驟
4.製作感想: 單攔的網頁已經搞死我了沒想到還要更進階不過還好做完了萬歲....
5.製作作業的時間 : 四天

(1)網站主題: happy tree friends
(2)製作動機: 很可愛的卡通可是卻很血腥
(3)製作內容(分頁項目): 卡通人物介紹、卡通介紹、影片、相關連結、簡介
(4)資料蒐集分析 :http://www.mondomedia.com/shows/happytreefriends/ 官方網站
◎設計優良網站(風格): https://www.facebook.com/pages/%E5%BF%AB%E6%A8%82%E6%A8%B9%E6%9C%8B%E5%8F%8BHappy-Tree-Friends/181496775226319
◎相關網站列表與分析: http://en.wikipedia.org/wiki/Happy_Tree_Friends

----------------------------------------------------------------------------------------------------------------------------------------------------------
作業網址: http://mepopedia.com/~web101c/midterm/midterm-1015445259
1.風格設定:可愛風
2.色彩計畫:粉色果凍系
3.有無遇到的問題 :檔案的圖片要分類好
4.製作感想 :很好玩,很有成就感。
5.製作作業的時間 :2

(1)網站主題: 達欣籃球隊
(2)製作動機: 從以前到現在一直支持這支球隊 超喜歡的拉
(3)製作內容(分頁項目): 關於達欣 賽事照片 官方網站 人物介紹
(4)資料蒐集分析:
◎設計優良網站(風格):http://www.dacintigers.com.tw/ 這是達欣官方網站 也是資料的來源
◎相關網站列表與分析http://www.qme.tw/home/action091119/index_1.php

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

(1)作業網址: http://mepopedia.com/~web101c/midterm/midterm-1015445223
(2)
1.設計風格: 簡單風格
2.色彩計畫: 利用白、藍色
3.有無遇到的問題:東西太多 會被搞亂
4.製作感想: 在製作網頁的過程 花了好多時間,可是做出來後,覺得其實蠻簡單的,只是很不熟
5.製作作業的時間 : 兩天

(1)作業網址: http://mepopedia.com/~web101c/midterm/midterm-1015445255/
(2)
1.設計風格: 海綿寶寶
2.色彩計畫: 黃
3.有無遇到的問題: 還好
4.製作感想: 麻煩
5.製作作業的時間 : 2天 其實只是懶得1天做完

(1)作業網址: http://mepopedia.com/~web101c/midterm/midterm-1015445217
(2)
1.設計風格: 粉粉的
2.色彩計畫: 紫紫、黃黃、粉粉的
3.有無遇到的問題:有,同學真好
4.製作感想: 好想睡覺
5.製作作業的時間 : 半小時

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

(1)網站主題:愛吃鬼巧達
(2)製作動機:我愛愛吃鬼巧達
(3)製作內容(分頁項目): 巧達
(4)資料蒐集分析:
◎設計優良網站(風格):http://www.cartoonnetwork.com.tw/minisite/chowder/index.php
◎相關網站列表與分析:http://www.cartoonnetwork.com.tw/



Edited 1 time(s). Last edit at 11/05/2012 04:25PM by gigi1015445217.
(編輯記錄)

(1)作業網址: http://mepopedia.com/~web101c/midterm/midterm-1015445233
(2)
1.設計風格: 橘黃
2.色彩計畫: 橘和黃
3.有無遇到的問題:很混亂很難
4.製作感想: 需要聊解每個網頁怎麼弄之後才會上手
5.製作作業的時間 : 3天

(1)作業網址:http://mepopedia.com/~web101c/midterm/midterm-1015445226
(2).
1.設計風格:簡單
2.色彩計畫:桃紅帶點跳
3.有無遇到的問題:很多問題可是都可以了
4.製作感想: 很累ˋ花超多時間
5.製作作業的時間 :5天吧

(1)作業網址: C:\Documents and Settings\User\桌面\midterm-1015445242\index.html
(2).
1.設計風格: 簡單 以粉紅色為主
2.色彩計畫: 大量粉紅色 白色 灰色 黑色
3.有無遇到的問題: 主題一直忘記改 或是做完一頁忘記儲存
4.製作感想: 看到自己也可以做得還不錯 有成就感
5.製作作業的時間 : 一天內


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

前置作業(10/15前回覆)
(1)網站主題: 女生喜愛的HELLO KITTY
(2)製作動機: 讓女生都很瘋狂又愛不釋手 所以特別做出一系列的資訊
(3)製作內容(分頁項目): 有相關的介紹圖片和產品與設施
(4)資料蒐集分析 網路搜尋 與 口耳相傳
◎設計優良網站(風格): 無
◎相關網站列表與分析: 無

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

(1)作業網址:http://mepopedia.com/~web101c/midterm/midterm-1015445248
(2).
1.設計風格: 簡單、瞭然
2.色彩計畫: 紫色、藍色
3.有無遇到的問題: 有,插入問題
4.製作感想: 具有挑戰性,越做越有心得
5.製作作業的時間 : 三天

_________________________

(1)網站主題:童軍
(2)製作動機:因為我喜歡
(3)製作內容(分頁項目): 諾言、規律、銘言、制度
(4)資料蒐集分析
◎設計優良網站(風格): http://scouting.edu.tw/
◎相關網站列表與分析: http://scouting.edu.tw/



Edited 1 time(s). Last edit at 11/05/2012 05:05PM by 1015445248.
(編輯記錄)

(1)作業網址: http://mepopedia.com/~web101c/midterm/midterm-1015445256
(2)
1.設計風格: 簡潔
2.色彩計畫: 利用粉色系來設計整個版面的顏色
3.有無遇到的問題:無
4.製作感想: 在製作網頁的時候要花時間去想該怎麼製作滿有趣的,而且又是做自己喜歡的卡通
5.製作作業的時間 : 1天

(1)作業網址: http://mepopedia.com/~web101c/midterm/midterm-1015445246
(2).
1.設計風格: 神秘
2.色彩計畫: 以黑、橘為主
3.有無遇到的問題: 比較不會連結
4.製作感想: 做完真爽!!
5.製作作業的時間 :一個禮拜左右,每次做一些



(1)網站主題: 神隱少女 千と千尋の神隠し
(2)製作動機:我很喜歡神隱少女這部電影
(3)製作內容(分頁項目): introduce、video、picture
(4)資料蒐集分析
◎設計優良網站(風格):
◎相關網站列表與分析: http://www.youtube.com/watch?v=EyB-YnpSvtQ&feature=related

(1)作業網址:http://mepopedia.com/~web101c/midterm/midterm-1015445257
(2).
1.設計風格: 簡單、舒服
2.色彩計畫: 粉紅、黃、藍綠
3.有無遇到的問題: 有,插入影片
4.製作感想: 越做越有心得越有想法^_^
5.製作作業的時間 : 一天

_________________________

(1)網站主題:棉花糖
(2)製作動機:喜歡他們的歌>grinning smiley<
(3)製作內容(分頁項目): 關於棉花糖

(1)作業網址: http://mepopedia.com/~web101c/midterm/midterm-1015445219/
(2).
1.設計風格: 下課後(卡通)風格
2.色彩計畫: 藍色系+下課後色系
3.有無遇到的問題: 路徑問題
4.製作感想: 真的很複雜,但有大家的幫忙,終於做好了spinning smiley sticking its tongue out
5.製作作業的時間 : 2天


(1)網站主題: Recess
(2)製作動機: 最近很懷念一直看卡通的時光
(3)製作內容(分頁項目):T.J.、Vince、Ashley、Gretchen、Mikey、Gus
(4)資料蒐集分析
◎設計優良網站(風格): 可愛、有活力 eye rolling smiley

(1)作業網址: http://mepopedia.com/~web101c/midterm/midterm-1015445234
(2).
1.設計風格: 簡約
2.色彩計畫: 白跟粉紫色代表戀愛的感覺
3.有無遇到的問題: 無
4.製作感想: 做自己喜歡的漫畫的網站很開心~~做完很有成就感!!smiling smiley
5.製作作業的時間 : 3天


1)網站主題: 只想告訴你
(2)製作動機: 她出漫畫的時候就很喜歡了~後來還有出動畫~~~
(3)製作內容(分頁項目):劇情簡介、故事大綱、人物介紹、相關歌曲、動畫分享、作者介紹
(4)資料蒐集分析 :
◎設計優良網站(風格)
http://japan.videoland.com.tw/channel/kimini_t/default_002.asp
◎相關網站列表與分析
http://comic.qq.com/view/todoke.htm
http://www.hudong.com/wiki/%E3%80%8A%E5%A5%BD%E6%83%B3%E5%91%8A%E8%AF%89%E4%BD%A0%E3%80%8B%5B%E5%8A%A8%E7%94%BB%5D
http://baike.baidu.com/view/602507.htm



Edited 1 time(s). Last edit at 11/05/2012 05:47PM by a1234561018.
(編輯記錄)

(1)作業網址:http://mepopedia.com/~web101c/midterm/midterm-1015445260


(2).
1.設計風格:簡潔
2.色彩計畫:黑白
3.有無遇到的問題: 有,很多...
4.製作感想:好累唷
5.製作作業的時間 : 很久


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

(1)網站主題: 水木茂
(2)製作動機:我喜歡他的作品
(3)製作內容(分頁項目):作者簡介.作品集.插圖.影片
(4)資料蒐集分析
◎設計優良網站(風格):無
◎相關網站列表與分析:google 維基百科

(1)網站主題: 梁靜茹
(2)製作動機: 從認識她以來就深深崇拜她
(3)製作內容(分頁項目): 關於梁靜茹的經歷、音樂、生平 等等
(4)資料蒐集分析: http://zh.wikipedia.org/wiki/Wikipedia:%E9%A6%96%E9%A1%B5

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

(1)作業網址: http://mepopedia.com/~web101c/midterm/midterm-1015445251
1.設計風格: 普普風
2.色彩計畫: 利用粉色系完成
3.有無遇到的問題:無
4.製作感想: 不要蹺課 又不問人 拖到最後才完成很累
5.製作作業的時間 : 兩小時

(1) 作業網址:http://mepopedia.com/~web101c/hw03/hw03-1015445224

(2) 風格設定:簡單大方 清新脫俗

(3) 有無遇到的問題:影音檔 連結

(4) 製作感想:過程雖然很繁複可是做完了別有一般成就

(5) 製作作業的時間 :兩天

(1)作業網址:
http://mepopedia.com/~web101c/midterm/midterm-1015445264
(2).
1.設計風格:黑暗瘋狂
2.色彩計畫:用黑色為背景色
3.有無遇到的問題:有,做完了 T T
4.製作感想:不知為啥在最後一課才做得出來,可是好累啊~
5.製作作業的時間 :一個禮拜唄?


(1)網站主題:狂暗獄曲
(2)製作動機:只想著黑暗系的人格、瘋狂的角色等等
(3)製作內容(分頁項目):瘋狂介紹、黑暗索引、邁向地獄
(4)資料蒐集分析
◎設計優良網站(風格):沒想到
◎相關網站列表與分析:
http://zh.wikipedia.org/wiki/BLEACH
http://zh.wikipedia.org/wiki/Hunter_%C3%97_Hunter
http://zh.wikipedia.org/wiki/%E7%8A%AC%E5%A4%9C%E5%8F%89
http://zh.wikipedia.org/wiki/%E7%81%AB%E5%BD%B1%E5%BF%8D%E8%80%85
http://zh.wikipedia.org/wiki/%E5%B9%BD%E9%81%8A%E7%99%BD%E6%9B%B8
http://zh.wikipedia.org/wiki/%E5%AE%B6%E5%BA%AD%E6%95%99%E5%B8%ABHITMAN_REBORN!
http://zh.wikipedia.org/wiki/%E9%96%83%E9%9D%88%E4%BA%8C%E4%BA%BA%E7%B5%84
http://zh.wikipedia.org/wiki/%E6%83%A1%E9%AD%94%E5%A5%B6%E7%88%B8
http://zh.wikipedia.org/wiki/%E6%A4%8D%E6%9C%A8%E7%9A%84%E6%B3%95%E5%89%87
.
.
.
.
只要打動漫的名字,例如:驅魔少年角色列表 就可以了
或是打名字進去找到角色列表點下去 都是找維基百科的

還有YouTube
https://www.youtube.com/watch?v=n0J0QwHxGOc
http://www.youtube.com/watch?v=kKTKp_IoG-Y&feature=player_embedded

完成品
(1)作業網址: http://mepopedia.com/~web101c/midterm/midterm-1015445229
(2)
1.設計風格: 無彩風
2.色彩計畫: 黑、灰、白色塊
3.有無遇到的問題: DW好多功能因為英文忘得好快...
4.製作感想: 好多東西做好在IE都出不來...
5.製作作業的時間 : 2天


前置作業
(1)網站主題: 開門七件事
(2)製作動機: 食物調味很重要
(3)製作內容(分頁項目):介紹&歌曲
(4)資料蒐集分析
◎設計優良網站(風格): http://mofasalon.myweb.hinet.net/
◎相關網站列表與分析:http://www.aseart.com/blog/?p=833
http://www.aseart.com/blog/?p=895

(1)作業網址:file:///C:/Users/Aki/Desktop/hw03-9821445142/index1.html
(2).
1.設計風格:簡約活潑
2.色彩計畫:阿拉伯色系
3.有無遇到的問題:一樣很多 但都解決了 借書來看快很多
4.製作感想:有更多時間的話會做很漂亮
5.製作作業的時間 :2天

(1)網站主題:愛吃鬼巧達
(2)製作動機:超級無敵可愛
(3)製作內容(分頁項目):巧達人物介紹
(4)資料蒐集分析 http://diary.blog.yam.com/nine/article/7461583
http://blog.udn.com/dodobear/3092532



Edited 1 time(s). Last edit at 11/11/2012 10:00PM by oomnindance.
(編輯記錄)

MEPOERs said:
JinJin: 網址不對!這是你自己電腦的路徑,請繳交與上傳檔案!
(1)作業網址: http://mepopedia.com/~web101c/midterm/midterm-1015445244/
(2).
1.設計風格:簡單
2.色彩計畫: 橙黃+黑邊
3.有無遇到的問題:電腦中毒該壞的都壞了...
4.製作感想: 語法好麻煩阿
5.製作作業的時間 : 3天(?


前置作業(10/15前回覆)
(1)網站主題: となりの怪物くん 鄰座的怪同學
(2)製作動機: 最近動畫剛出、推薦一下
(3)製作內容(分頁項目): 人物介紹、劇情簡介、音樂、連結
(4)資料蒐集分析
◎設計優良網站(風格):
◎相關網站列表與分析:

http://www.tk-anime.info/character/index.html

http://zh.wikipedia.org/wiki/%E9%84%B0%E5%BA%A7%E7%9A%84%E6%80%AA%E5%90%8C%E5%AD%B8#.E7.99.BB.E5.A0.B4.E4.BA.BA.E7.89.A9

作業網址: http://mepopedia.com/~web101c/midterm/midterm-1015445271
(2)
1.設計風格: 輕鬆,愉快

2.色彩計畫: 因為是類似勵志,志人的故事,所以階以暖色調為主,給人溫馨陽光的感覺。

3.有無遇到的問題: 遇到的問題都問同學老師已經解決了,但按鍵來不及作完。(就去看醫生了)= = 

4.製作感想: 好不容易把學了一個多月的網頁設計搞好有基本的樣子,說來是還蠻難的,當初還自以為很OK
      作起來去不如我意,快氣死了,哈哈,辛苦了老師的用心唷!!

5.製作作業的時間 : 嚴格來說一天半。

(1)網站主題: NBA MIAMI HEATS
(2)製作動機: 邁阿密熱火隊的忠實粉絲
(3)製作內容(分頁項目):熱火隊相關介紹 歷年冠軍
(4)資料蒐集分析:
◎設計優良網站(風格): http://www.nba.com/
◎相關網站列表與分析:http://watch.nba.com/nba/video 我覺得非常用心,可以瀏覽到當天或是先前各大球隊所對戰過的精采影集

(1)作業網址:file:///C:/Users/Aki/Desktop/hw03-9821445149/index1.html