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

Advanced

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

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

[color=#990000][期中作業] 以單欄為主的網站設計[/color]



1. 一、製作說明:


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

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

3.題目自訂

4.需自行設計圖片,製作網站內容

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

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

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


8.製作完成上傳至FTP

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

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



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. 三、繳交作業方式


[color=#CC0066]1.製作完成後,檔案命名方式:[/color]

[color=#669900]期中作業FTP上的資料夾為:midtern

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

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

存放在 < midterm-學號 > 的資夾內[/color]


[color=#CC0066]2.全部完成後上傳至FTP[/color]

[color=#CC0066]3.依進度回覆本篇文章[/color]

[color=#0066CC]前置作業[/color](10/19)
(1)網站主題:
(2)製作動機:
(3)製作內容:
(4)資料蒐集分析
◎設計優良網站(風格)列表與分析:
◎相關網站列表與分析:



[color=#0066CC]完成品[/color](11/08前)
[color=#FF0066]請將這項放置於文章最前面[/color]
(1)作業網址
(2).
1有無遇到的問題
2.製作感想
3.製作作業的時間


[color=#CC0066]4.請務必在11/08前回覆,否則為遲交[/color]


4. 四、期中作業進度參考


第七週 10/19 前置作業,題目確定,資料蒐集與分析等
第八週 10/26 決定排版形式、尺寸、圖片製作
第九週 11/02 HTML DIV與CSS設定
第十週 11/09 11/8之前將期中作業上傳繳交



5. 五、同學常見問題之注意事項



隨時補充:

1.網頁圖檔不宜太大,否則網頁開啟速度會變慢,請盡量在Photoshop或Illustrator的『儲存為網頁與裝置用』的功能裡,修改圖檔的大小至100KB以下,100KB會佔1Mb頻寬(每秒鐘),以此類推。

2.有文字出現的區塊,要記得設定padding,文字才不會跟邊框黏在一起。

3.導覽列的超連結


請記得先將第一頁所有的連結都先設定好,再以另存新檔的方式,存成其他檔案,如此就不用每次都要設定超連結。

4.亂碼問題,放在 <head> </head> 之間
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 編碼方式記得存utf-8

5.CSS檔案的路徑,放在 <head> </head> 之間
<link rel="stylesheet" href="style.css" media="screen" />
6.檔案宣告,在HTML檔最前面放 <!DOCTYPE html>
7.任何出現在網頁裡的命名不能出現中文及全形字。

8.圖片必須放在images圖片資料夾裡

9.使用進階語法,需注意若直接以Dreamweaver製作,彈性較小,會比較難修改。

10.檔案被刪除的問題非常嚴重,尤其是B班,請再仔細檢查有無被刪檔,若有麻煩再上傳

=================================================
[color=#CC0066]若經發現作業為直接複製同學檔案以零分計[/color]
=================================================



Edited 6 time(s). Last edit at 11/02/2011 08:32AM by JinJin.
(編輯記錄)

Attachments:
開啟 | 下載 - midterm-sample.rar (3.1 MB)
11/8
(1)作業網址 http://mepopedia.com/~web100a/midterm/midterm-1001445096
(2).
1有無遇到的問題:製作上沒有太大問題。
2.製作感想: 製作出屬於自己的網頁很開心。雖然沒有說很有質感,但是已經懂得大概怎麼製作,很謝謝老師提供講義...(遇到狀況看講義可以解決~
3.製作作業的時間:3天 (分天製作,再加上思考配置。)

10/19
(1)網站主題: 貓的報恩 電影(宮崎駿)
(2)製作動機: 因為對貓及對故事劇情喜愛,而且也喜愛宮崎駿的電影作品。
(3)製作內容: 首頁:貓的報恩初級簡介,分頁:1.故事角色介紹、2.製作契機與配音人員、3.原著漫畫、4.劇中音樂專輯介紹
(4)資料蒐集分析
◎設計優良網站(風格)列表與分析:
http://www.pac-group.net/new/resort/?OVRAW=%E5%AE%AE%E5%B4%8E%E9%A7%BF&OVKEY=%E5%AE%AE%E5%B4%8E%E9%A7%BF&OVMTC=standard&OVADID=50604231041&OVKWID=771934429041&OVCAMPGID=876815541&OVADGRPID=26805951929 -日式秋季風格,簡單明瞭的基礎版型,運用是當與主體相關的圖片可以表現質感和氣氛。
http://www.muchaart.com.tw/?html=p1&aid=21&id=1837&mid=1 -新藝術風格-簡單正規,各處標明明確,簡單搜尋。運用橘色搭配流線型,很有質感。是我較喜愛的一種類型。(應該會以這為主的版型)相關的背景圖片也很重要。
◎相關網站列表與分析:
http://zh.wikipedia.org/zh-tw/%E8%B2%93%E7%9A%84%E5%A0%B1%E6%81%A9 -資料蒐集,內含製作網站所需的內容相關資料。
http://a2z.fhl.net/movie/movie19.html -電影簡介,資料蒐集的一部分,背景很簡單,表現清爽。
http://win2k.klgsh.kl.edu.tw/ftproot/s93114/new_page_handsom.htm -簡易網站設計,雖然明視度不是很好,但是表現了一個網站的最基礎。



Edited 1 time(s). Last edit at 11/06/2011 01:49PM by stu88153.
(編輯記錄)

MEPOERs said:
JinJin: 還不錯,感覺有抓到要訣,假以時日會更好,另外頂圖若能使用畫質好一點的檔案質感會更好
stu88153: 謝謝老師...不好意思用了一張解析度不太好的= ="...
作業網址:http://mepopedia.com/~web100a/midterm/midterm-1001445102/
(1)網站主題:吉卜力工作室
(2)製作動機:吉卜力製作的動畫部部引人入勝,富有寓意,實為日本動畫界的巨輪舵手。
(3)製作內容:介紹吉卜力工作室的背景與創辦人宮崎駿先生。
(4)資料蒐集分析
◎相關網站列表與分析:
http://www.ghibli.jp/ (吉卜力官方網站)
http://zh.wikipedia.org/zh-tw/%E5%90%89%E5%8D%9C%E5%8A%9B (維基百科)



Edited 1 time(s). Last edit at 11/09/2011 10:48AM by 李孟度.
(編輯記錄)

(1)作業網址 http://mepopedia.com/~web100a/midterm/midterm-1001445082
有無遇到的問題:還ok
製作感想 :我覺得還有其他地方要加強
製作作業的時間 5小時

2.網站主題:東方神起
3.製作動機:因為從高中時期就很喜歡他們這個團體!!!哈哈
4.資料蒐集分析 設計優良網站(風格)列表與分析:http://www.avex.com.tw/tohoshinki/discography/single.htm
相關網站列表與分析: http://www.avex.com.tw/service/forum/forum_index.asp?ForumID=3
spinning smiley sticking its tongue out
ps:老師!!我把你說需要修改的地方修好了!!

MEPOERs said:
JinJin: 只有首頁有連結CSS檔~其他都沒有喔!
11/08期中作業


(1)作業網址 http://mepopedia.com/~web100a/midterm/midterm-1001445074
(2).
1有無遇到的問題:
兩側改顏色試過很多次毫無動靜 wrapper不是包在最外圍嗎?
去改背景色卻毫無效果...這個有點問題就是了

2.製作感想
原本是自己打語法...打到後來亂掉用了老師提供的範本,只是兩側顏色改不掉,希望老師能幫我看看問題在哪?
這次header有做成功,原因是上次忘了改尺標的單位,問了同學終於有解答~果然還是得注意一下單位
圖片置入改位不大熟悉,這次多少有點小概念,不過圖片放位弄到有點亂掉。
參考前幾回步驟開始對content大項了解不少,很多可以自己改掉,但不熟的地方還是會看一下講義內容!

3.製作作業的時間 5小時


10/19
(1)網站主題:莫內
(2)製作動機: 上一次去北美看展,對於莫內的畫有興趣所以想試著自己做看看
(3)製作內容: 首頁:莫內生平簡介 分頁:1.印象派簡介2.莫內年代表3.莫內著名畫作
(4)資料蒐集分析
◎設計優良網站(風格)列表與分析:
http://vive-la-vie.com.tw/
日安*.巴黎-選單列簡單明了

◎相關網站列表與分析:
http://zh.wikipedia.org/wiki/%E8%8E%AB%E5%85%A7莫內維基百科資料
http://www.cmcart.com/ramble/moreinfo.asp?ID=138
莫內維基百科資料
http://www.tfam.museum/TFAM_Exhibition/exhibitionDetail.aspx?PMN=2&ExhibitionId=401&PMId=401
北美網站資料
http://www.ss.net.tw/list1.asp?num=165-畫作檔案館藏
http://www.aerc.nhcue.edu.tw/4-0/art/s09/index.htm-莫內資料
http://exhibition.wagreat.com/show/index.php-莫內花園北美官網
http://zh.wikipedia.org/wiki/%E5%8D%B0%E8%B1%A1%E6%B4%BE-印象派維基百科資料
http://art-record.com.tw/art_appreciate/impressionism/impressionism_p1_2.htm-印象派的繪畫發展
http://www.trend.org/event/2010monet/02/02-5/02-5.html-趨勢教育基金會-莫內光影印象
http://vive-la-vie.com.tw/articles.aspx?id=50&mainID=24-莫內與他的睡蓮



Edited 2 time(s). Last edit at 11/06/2011 06:51PM by anling.
(編輯記錄)

MEPOERs said:
JinJin: 兩側的底色是要改在body喔!雖然還有進步的空間,但是也很開心你也慢慢進步了!
anling: 了解~~~~會努力的!
(1)網站主題: 幾米的童話城堡
(2)製作動機: 喜歡他 想藉此機會介紹他
(3)製作內容: 生平簡介、作品簡介、圖片、小短片
(4)資料蒐集分析 http://www.weibo.com/jimihe
http://www.jimmyspa.com/
http://www.kanunu.org/article/jimmy2/works/
http://www.youtube.com
◎設計優良網站(風格)列表與分析: http://www.lavendercottage.com.tw/
以可愛圖畫插畫方式,像書籍一樣介紹,有標籤可以點選,內容詳細
◎相關網站列表與分析: http://www.jimmyspa.com/
利用圖畫當背景,也有按鈕可以點選,內容詳細

前置作業(10/19)
(1)網站主題:以音樂為主的網站
(2)製作動機:因為喜歡聽音樂
(3)製作內容:放歌手資料及歌詞
(4)資料蒐集分析 :YAHOO知識家、維基百科、魔鏡歌詞網
◎設計優良網站(風格)列表與分析:http://www.orangecobo.com.tw/ 網頁設計甜美,價目表 、餐點、餐廳設計及資訊一目瞭然,版面設計清新
◎相關網站列表與分析:http://mojim.com/←魔鏡歌詞網(查歌詞、專輯)搜尋快速、資料齊全
http://tw.knowledge.yahoo.com/←雅虎奇摩知識家(查歌詞、專輯)搜尋快速
http://zh.wikipedia.org/zh-tw/%E7%B6%AD%E5%9F%BA%E7%99%BE%E7%A7%91←維基百科(查歌手資料)搜尋快速、資料齊全

(1)作業網址
(2). C:\Users\user\Desktop\midterm-1001445041\index.html
C:\Users\user\Desktop\midterm-1001445041\about.html
1有無遇到的問題
有,有時候有些間距問題 ,圖片問題 還是做完了
2.製作感想
做不好因為沒有完全理解網頁的語言,家裡沒有dreamweaver
3.製作作業的時間
一個半小時至兩小時(因為對網路語言的不熟悉,疑惑重重之下必須花費很多時間了解)

(1)網站主題:王聖元的美術世界
(2)製作動機:希望大家認識我
(3)製作內容:自傳及自畫像系列部分作品
(4)資料蒐集分析 無
◎設計優良網站(風格)列表與分析:無
◎相關網站列表與分析:無

MEPOERs said:
JinJin: 你的網址 http://mepopedia.com/~web100a/midterm/midterm-1001445041/
完成品(11/08前)

(1)作業網址:http://mepopedia.com/~web100a/midterm/midterm-1001445007
(2).
1有無遇到的問題 :
連結一直弄不好,老師你說的那個css失連,我上次在學校的電腦看才發現,可是我家電腦都顯示得出來欸~所以不知道現在到底有沒有連對XD
然後按鈕的連結不知道哪裡錯了......一樣得好像是失連???

2.製作感想:弄不好又不知道哪裡錯的時候很煩躁.....=口=
3.製作作業的時間 : 3個小時左右


前置作業(10/19)
(1)網站主題:介紹 SUPER JUNIOR
(2)製作動機:想讓大家更了解他們,他們並不是一群花瓶
(3)製作內容: 介紹他們得個人資料、來歷、艱苦過程以及歌曲
(4)資料蒐集分析
◎設計優良網站(風格)列表與分析:
http://www.avex.com.tw/superjunior/version03/
想像這樣簡單的背景跟按鈕

◎相關網站列表與分析:
大部分資料來自於[url=http://www.sj-royal.com/bbs.php]super junior皇家學院[/url],以及文章註明出處



Edited 1 time(s). Last edit at 11/08/2011 12:36AM by nidofish.
(編輯記錄)

MEPOERs said:
JinJin: 比上次好很多囉,#FOOTER的字可以用別的顏色,白配黃明視度比較差喔,連結失效是因為路徑不對,留下檔名,前面的刪除,不會的話,明天找我,我明天也會做個總檢討喔
(1)作業網址 http://mepopedia.com/~web100a/midterm/midterm-1001445072
(2).
1有無遇到的問題 無,基本上可以自行參考講義來做或是自行研究
2.製作感想 做自己喜歡的東西可以做的比較快,至少內容是自己喜歡的所以比較不會枯燥乏味
3.製作作業的時間 三小時
ps.老師!!!我的首頁底下沒有東西哦~不是我沒做!只是我想要做讓它是可以延伸出去的那種感覺~有點像是學校網頁那樣!!有個動畫的首頁這樣!!


(1)網站主題: 介紹喜歡的藝人G-Dragon
(2)製作動機: 本身自己很喜歡的團,歌都很好聽!
(3)製作內容: 首頁:團員介紹/分頁:經典歌曲介紹、得獎經歷、大事記
(4)資料蒐集分析
◎設計優良網站(風格)列表與分析:
http://g-drug.tw/bbs/index.php 顏色雖然很單一但是卻營造很繽紛的感覺,連結也很清楚
◎相關網站列表與分析:
http://zh.wikipedia.org/zh-tw/BIGBANG 資料多出於此,內容豐富但是有些還需要查證,所以會在搜尋確認過!



Edited 2 time(s). Last edit at 11/08/2011 09:41PM by yaya0127.
(編輯記錄)

MEPOERs said:
JinJin: 還不錯喔!
(1)網站主題:偶像明星
(2)製作動機:視覺感受.喜愛她們.具有特色
(3)製作內容: 介紹她的能力及發展和他的經歷
(4)資料蒐集分析
http://ladygagatw.sclub.com.tw/index.php-官方論壇
http://zh.wikipedia.org/zh-hk/%E5%98%8E%E5%98%8E%E5%B0%8F%E5%A7%90-維基百科
http://ladygagamusic.pixnet.net/blog-官方部落
及之前自己所收集的一些資料圖片

(1)網站主題: 台北寒舍艾美酒店

(2)製作動機: 去吃過很多次 晚餐和下午茶都有 覺得很好吃

(3)製作內容: 介紹裝潢 和必吃餐點

(4)資料蒐集分析

台北寒舍艾美酒店 官網
http://www.starwoodhotels.com/lemeridien/property/overview/index.html?propertyID=3385&language=zh_CN

還有自己拍攝的照片 和吃過的經驗

韓嘎嘎 Wrote:
-------------------------------------------------------
完成品(11/08)
請將這項放置於文章最前面
(1)作業網址 http://mepopedia.com/~web100a/midterm/midterm-9911445068
(2).
1有無遇到的問題 大致上還OK 可是我上傳後發現亂碼 不太知道解決亂碼的那個HTML要怎麼使用
明日會帶檔案去學校請老師在幫我看一下

2.製作感想 雖然很累但弄完很有成就感覺得自己進步了

3.製作作業的時間 4小時左右



10/19 前置

> (1)網站主題: 台北寒舍艾美酒店
>
> (2)製作動機: 去吃過很多次
> 晚餐和下午茶都有 覺得很好吃
>
> (3)製作內容: 介紹裝潢 和必吃餐點
>
> (4)資料蒐集分析
>
> 台北寒舍艾美酒店 官網
> http://www.starwoodhotels.com/lemeridien/property/
> overview/index.html?propertyID=3385&language=zh_CN
>
>
> 還有自己拍攝的照片 和吃過的經驗

MEPOERs said:
JinJin: 很開心你的成就感~不過有幾張圖的連結有問題喔!
11/8
(1)作業網址 http://mepopedia.com/~web100a/midterm/midterm-1001445056
(2)
1有無遇到的問題:不會放影片,不知道如果做完想修改按鈕要怎麼修改
2.製作感想:整個過程有些小複雜, 怕會做錯,但做出來的成果還滿有成就感的
3.製作作業的時間:3天

(1)網站主題:陳綺貞
(2)製作動機:因為我崇拜她
(3)製作內容:首頁:陳綺貞的簡介和資料 分頁:音樂生涯.音樂作品.其他作品.個人經歷.產品代言.外部連結
(4)資料蒐集分析
◎設計優良網站(風格)列表與分析:
http://www.daisy-online.net/audrey/home.htm - 這個網站的連結大方易操作,內容分類的很清楚
http://www.daisy-online.net/audrey/home.htm - 風個很棒很適合創作型歌手的風格,雖然連結的名子會有點不易找到要看的東西但非常特殊



Edited 1 time(s). Last edit at 11/07/2011 11:35PM by 1001445056.
(編輯記錄)

MEPOERs said:
JinJin: 其實整體視覺還不錯,記得wrapper設margin:auto;居中會更好,放影片會再教,以圖片製作的按鈕要修改就只能做囉,我會再教文字連結設定,這樣視覺會更好,加油,網頁就是要多做就會越來越熟!
弟分尼: 老師你在嗎?
1/8
(1)作業網址 http://mepopedia.com/~web100a/midterm/midterm-1001445050
(2).
1有無遇到的問題:圖片有時候會跳掉..無法排位置。
2.製作感想: 製作過程有點艱辛...雖然有參考講義 但是要做出自己想要的感覺 也是有點辛苦
3.製作作業的時間:4~5小時

前置作業(10/19)
(1)網站主題:Gossip Girl
(2)製作動機:喜愛觀看歐美劇場,便想為它製作一個網站=目
(3)製作內容:圖片、演員、簡介...等等
(4)資料蒐集分析
◎設計優良網站(風格)列表與分析:
◎相關網站列表與分析
http://cwtv.com/shows/gossip-girl/about
裡面有許多關於gossip girl介紹 非常之詳細
http://gossipgirl.alloyentertainment.com/
這裡面有精采的影音 可以欣賞



Edited 1 time(s). Last edit at 11/09/2011 11:39PM by JaneLin.
(編輯記錄)

(1)網站主題: 皮克斯動畫工作室
(2)製作動機: 因為我從小就喜歡看皮克斯的卡通
(3)製作內容: 起源、迪士尼與皮克斯、稱霸動畫市場、作品年表、皮克斯20年
(4)資料蒐集分析
◎設計優良網站(風格)列表與分析: http://disney.lovesakura.com/Special/2009/090810/index.htm
◎相關網站列表與分析:http://kate4424.pixnet.net/blog/post/29580335

http://zh.wikipedia.org/zh-tw/%E5%BD%BC%E6%80%9D%E5%8B%95%E7%95%AB

(1)網站主題:國外旅遊
(2)製作動機:介紹當地及特色使人們和我一樣喜歡那個國家
(3)製作內容: 介紹當地及特色以及我為何喜歡那個國家
(4)資料蒐集分析
http://big5chinese.visitkorea.or.kr/cht/index.kto-韓國觀光公社
http://zh.wikipedia.org/zh-tw/%E9%9F%A9%E5%9B%BD%E8%A7%82%E5%85%89%E5%85%AC%E7%A4%BE-維基百科
以及一些旅遊達人的經驗談資料及圖片winking smiley

(1)網站主題: Hollo kitty http://mepopedia.com/~web100a/midterm/midterm-1001445114

(2)製作動機: 附近的人們女性用品不外乎都是可愛用品 看久後也不知不覺的愛用起來 也許男生來用真的很噁心不過他其實是真的男女皆可用的物品

(3)製作內容: 起源.傳說.還有為什麼這隻貓為什麼可以風迷全球的原因

(4)資料蒐集分析 知識+ 維基百科 百度百科

(5)遇到問題:圖無法放在資料夾內 進去後出現的都是死圖

(5)花費時間:二天(分段做)

◎設計優良網站(風格)列表與分析: http://www.ambassador.com.tw/網站點選簡潔有利 個人喜愛擁有昏暗的漸成背景
◎相關網站列表與分析: http://zh.wikipedia.org/wiki/Hello_Kitty維基百科內容精采 而且資料多



Edited 1 time(s). Last edit at 11/08/2011 11:11AM by 我誰.
(編輯記錄)

(1)網站主題:GARFIELD

(2)製作動機:我覺得GARFIELD很可愛smiling smiley

(3)製作內容:介紹GARFIELD的作者.內容角色.圖片...

(4)資料蒐集分析

◎設計優良網站(風格)列表與分析:

http://www.garfield.com/

http://www.garfield.com.tw/

◎相關網站列表與分析:

http://zh.wikipedia.org/wiki/%E5%8A%A0%E8%8F%B2%E7%8C%AB

作業網址:http://mepopedia.com/~web100a/midterm/midterm-1001445122

1有無遇到的問題:美術館那頁的圖該死的都不顯示...請老師指點(抹臉

2.製作感想: 屁股好痛...下次做網頁時不要再腳賤的去踹電線以免悲劇(不
看太多宮崎駿再喜歡也會看到怕的(並不是

3.製作作業的時間:6.7小時吧(請問要包含我踹電線之前的時間嗎Orz?



(1)網站主題: 宮崎駿
(2)製作動機: 之前有稍微查過宮崎駿這個人覺得很有興趣所以想要更深入的了解他
(3)製作內容: 生平介紹、吉普利工作室、合作夥伴們、作品介紹、三鷹の森 ジブリ美術館、宮崎吾郎、我對於宮崎駿這個人…
(4)資料蒐集分析
◎設計優良網站(風格)列表與分析:
http://www.ghibli-museum.jp/ -三鷹の森 ジブリ美術館:雖然是日文的,不過很喜歡這種可愛又簡潔的版面
◎相關網站列表與分析:
http://travel.tcoc.org.tw/columnpage/specol/totoro/totoro.asp-宮崎駿的動畫世界(台灣旅遊生活網)
http://zh-yue.wikipedia.org/wiki/%E5%AE%AE%E5%B4%8E%E9%A7%BF-WIKI
http://xclasskaga.wordpress.com/2011/01/17/%E5%AE%AE%E5%B4%8E%E9%A7%BF%E7%AD%86%E4%B8%8B%E7%9A%84%E5%A5%B3%E6%80%A7%E8%A7%92%E8%89%B2/ -宮崎駿筆下的女性角色


……其實我自己都不知道還有哪幾個網站會用到confused smiley 等做完我在更正喔eye rolling smiley



Edited 1 time(s). Last edit at 11/09/2011 11:41PM by 陳映廷.
(編輯記錄)

(1)作業網址 http://mepopedia.com/~web100a/midterm/midterm-1001445068/
(2).
1有無遇到的問題 這禮拜製作比上禮拜製作輕鬆許多,沒有什麼問題
2.製作感想 第一次用dreamweaver完成了一個網頁很滿足 smiling smiley 整個心情好好
3.製作作業的時間 大約九小時






(1)網站主題:攝影作品網站
(2)製作動機: 最近網拍的網站相片色調和版面排版我覺得都越來越好看很喜歡 自己也很想做一個 可是又沒有那麼多漂亮衣服
後來就想到來用自己攝影的作品然後做一個攝影作品集的網站
(3)製作內容: 首頁-介紹自己和將作品分成四大類 分頁分別進入各大類 1.旅行 2.人像 3.煙火 4.生活
(4)資料蒐集分析
◎設計優良網站(風格)列表與分析:

http://www.projectcooking.nl/index.php
我喜歡這個網頁的配色 簡單的白色底配上按鈕的繽紛色相

http://www.chrismiolla.com/
比較穩重耐看

◎相關網站列表與分析:
http://www.heartphoto.com.tw/index.php
覺得這個還不錯簡單的字體和顏色覺得很大方
但是想再找找活潑一點的攝影網站



Edited 2 time(s). Last edit at 11/06/2011 06:15PM by enjoyad920.
(編輯記錄)

MEPOERs said:
JinJin: 很用心的作品
11/8
(1)作業網址: http://mepopedia.com/~web100a/midterm/midterm-1001445052/index.htm
(2)
1.有無遇到的問題: 老師我有好多問題,為什麼我傳完之後首頁打"http://mepopedia.com/~web100a/midterm/midterm-1001445052" 沒有出現?我做的很認真欸!!!老師千萬不要扣我分數!!有什麼問題明天我再找你討論噢!!!
2.製作感想: 網頁設計學久了就上手了,但還是有一些小問題不知道如何解決餒!!
3.製作作業的時間: 3~4小時


前置作業:
網站主題: The Boys - Girl's Generation
製作動機: 紅遍全亞洲的女子團體,進軍美國第一發!!!
製作內容: 專輯/成員/概念介紹,。

資料蒐集分析:
http://girlsgeneration.smtown.com/ 有完整介紹專輯即動向、讓人可以快速了解!!!
http://zh.wikipedia.org/wiki/%E5%B0%91%E5%A5%B3%E6%99%82%E4%BB%A3 完整介紹。
http://www.facebook.com/#!/girlsgeneration分享最新動態。



Edited 5 time(s). Last edit at 11/08/2011 10:37PM by 弟分尼.
(編輯記錄)

MEPOERs said:
JinJin: 因為你的首頁打index.htm 不是index.html 的差別,大致還不錯,繞圖排文再設定一下就會更好!
(1)作業網址 http://mepopedia.com/~web100a/midterm/midterm-1001445086
(2).

1有無遇到的問題 有,忘記圖片怎麼放 ,還有怎麼調整行的間距~也不會切割圖片thumbs down 做的不好看

2.製作感想 網頁設計好難喔 可是做出來的成果很棒 grinning smiley

3.製作作業的時間 大約2個小時 先想了一下主題之後再去找圖片和資料 還要一個一個打字很累

[hr]


(1)網站主題:the GazettE樂團
(2)製作動機:想介紹自己喜歡的音樂
(3)製作內容:樂團介紹和團員介紹
(4)資料蒐集分析
www.merveillesmusic.com/ps.files/gazette.files/goods.php
http://www.pscompany.co.jp/gazette/

◎設計優良網站(風格)列表與分析: http://www.pscompany.co.jp/gazette/ 設計超有質感的thumbs up
◎相關網站列表與分析http://gazette-hkfc.com/index.php



Edited 1 time(s). Last edit at 11/07/2011 09:20PM by JinJin.
(編輯記錄)

完成品11/8
(1)作業網址 http://mepopedia.com/~web100a/midterm/midterm-1001445098
(2).
1有無遇到的問題 :有看講義製作所以還好~原本想放影片但是不會弄只好放網址連結。
2.製作感想 :看到網頁從空白慢慢到越來越齊全,感覺自己真的有變厲害一點點囉!!很開心spinning smiley sticking its tongue out
3.製作作業的時間:兩三個小時左右,包含找圖、內容。

前置作業(10/19)
(1)網站主題: 街舞 DANCE
(2)製作動機: 喜愛跳舞的我想要製作這個主題網站
(3)製作內容: 介紹街舞起源、各種舞風
(4)資料蒐集分析
◎設計優良網站(風格)列表與分析:http://newwebpick.com/ 這是電子雜誌,內容都是設計相關事物。
◎相關網站列表與分析:http://zh.wikipedia.org/wiki/%E8%A1%97%E8%88%9E
http://www.wretch.cc/blog/ipoffice168
http://www.wretch.cc/blog/spterry/32669931
這些網站有介紹街舞、可以去哪學跳舞、以及我覺得要學跳舞的觀念。



Edited 3 time(s). Last edit at 11/07/2011 09:38PM by 0零零0.
(編輯記錄)

MEPOERs said:
JinJin: 整體還不錯,但有些設定改一下會更好,你把floatleft 改成靠右right,就要改左邊的padding-left: 20px;這樣左邊才會有內距,title_bar不用設高度,而用light-height設定,就會置中,不知道看懂嗎?
(11/8)
(1)作業網址:http://mepopedia.com/~web100a/midterm/midterm-1001445013
(2).
1有無遇到的問題:圖片不知道怎麼編排
2.製作感想:做出來很有成就感,跟照講義步驟慢慢研究、摸索
3.製作作業的時間:假日二天

1.網站主題:snoopy
2.製作動機:snoopy畫風很簡單、可愛、有趣
3.製作內容:介紹snoopy的作者、人物介紹、圖片
4.資料蒐集分析
◎設計優良網站(風格)列表與分析:
http://www.peanuts.com/
◎相關網站列表與分析:
http://tw.knowledge.yahoo.com/question/question?qid=1205072911506-奇摩知識家
http://webmail.ntpu.edu.tw/s39355046/member.html-相關人物介紹



Edited 1 time(s). Last edit at 11/07/2011 11:19PM by 林瑞瑩.
(編輯記錄)

MEPOERs said:
JinJin: 很開心你的成就感,不過#FOOTER的底圖太搶了,而且版權文字也不對要修改喔!
(11/8)
(1)作業網址:http://mepopedia.com/~web100a/midterm/midterm-1001445021
(2).
1有無遇到的問題:沒有太大的問題。
2.製作感想:很有成就感,如果沒有講義的話,可能做不出想要的感覺,雖然大部分還是自己摸索@@
3.製作作業的時間:3~4小時。

[hr]

(1)網站主題:頂呱呱
(2)製作動機:推廣台灣速食店
(3)製作內容:頂呱呱歷史、品質、菜單......等。
(4)資料蒐集分析
◎設計優良網站(風格)列表與分析:
http://www.onebitincrement.com/#/home
One Bit Increment-利用鍵盤操控牛隻前進,內容物是手工剪紙,整個網站像是一個FLASH小遊戲,可以讓遊客盡情的玩。
http://lostworldsfairs.com/atlantis/
失落的亞特蘭提斯-背景簡單可愛,具繪本風格。
http://www.8vodesigns.com/
Octavo-風格簡單,版面編排不錯,不會影響到視覺。
◎相關網站列表與分析:
http://www.tkkinc.com.tw/
頂呱呱官方網站-主頁是用FLASH製作,很有趣且不死板。



Edited 1 time(s). Last edit at 11/06/2011 07:32PM by Liou.
(編輯記錄)

(1)網站主題:林俊傑 JJ
(2)製作動機:欣賞他的才華還有音樂
(3)製作內容:介紹他的資料還有歷年音樂專輯等..
(4)資料蒐集分析
◎設計優良網站(風格)列表與分析:
http://www.apple.com/tw/ (Apple官方網站);簡單俐落、大方
◎相關網站列表與分析:
http://www.jfj-productions.com/ (JFJ Productions 林俊傑個人音樂製作公司);畫面簡潔有力,有中國風的感覺
http://zh.wikipedia.org/zh-tw/%E6%9E%97%E4%BF%8A%E5%82%91 (Wikipedia);有許多的相關資料

(1)網站主題:北野謙
(2)製作動機:因為喜歡他的攝影作品
(3)製作內容:首頁:北野謙個人簡介 分頁yawning smileyur face.one day.city flow and fusion.mexico
(4)資料蒐集分析
http://ourface.com/english/works/mexico.html北野謙他本人的網站

(1)網站主題:美食Delicious
(2)製作動機: 很喜歡吃
(3)製作內容:去荷蘭吃到的美食
(4)資料蒐集分析 :自己在荷蘭拍的照片還有記憶
◎設計優良網站(風格)列表與分析:
http://www1.macys.com/index.ognc (梅西百貨網頁,內容很清楚,可以很快找到東西)
http://www.armaniexchange.com/ (Armani Exchange服飾網站,內容設計的很時尚)

(1)作業網址 :http://mepopedia.com/~web100a/midterm/midterm-1001445015/
(2)
1有無遇到的問題:編碼問題解決了,看之前的講義就沒有太大的問題。
2.製作感想:網頁會讓人著迷,會一股腦的想一直做下去,因為非常有成就感。smiling smiley
3.製作作業的時間 :大概有三天

[hr]


(1)網站主題:我的星座
(2)製作動機: 瞭解自己
(3)製作內容:星座解析
(4)資料蒐集分析 :找到星座相關資訊
◎設計優良網站(風格)列表與分析:
http://www.wretch.cc/blog/lionchain (小賴愛做夢:希望可以走這樣的風格)
◎相關網站列表與分析:
http://www.fj-id.net/star/01-aa.htm(裡面有很多星座相關資訊,但沒有美感,希望能加入我自己的想法變得更有質感)smiling smiley



Edited 1 time(s). Last edit at 11/07/2011 12:35AM by JinJin.
(編輯記錄)

MEPOERs said:
JinJin: 我幫你把兩篇合併喔!很高興你能從做網頁中得到樂趣,你做的也的確看到很多用心喔!
HP: 我覺得作得很酷!看起來也沒什麼問題。
老師幫我看看css 謝謝
http://mepopedia.com/~web100a/midterm/midterm-1001445060

MEPOERs said:
ryomabl333: 還有上傳後 跟用預覽的真的差好多......................
JinJin: 其實沒有問題,唯一的"問題"就是"top"的內容很少,以至於沒有右邊的"捲動軸",而其他的頁面都有,所以就會有好像不一致的感覺,但其實是正常的現象,若真的想看起來每頁都一樣,可以增加第一頁的內容
JinJin: 還有,有時用不同的瀏覽器看起來也會不同喔!
ryomabl333: 老師我有問你CSS的問題 因為我現在的檔案是一個HTML配一個CSS........... 因為你上次說可以用同一個,但是我在另一個HTML理改CSS的設定之後 ,第一個也會跟著改欸???
(1)作業網址 http://mepopedia.com/~web100a/midterm/midterm-1001445001
(2).
1有無遇到的問題 no
2.製作感想 痾...老師抱歉我架構還是複製上一次作業的....但這次加了背景~~
3.製作作業的時間 30分鐘 (找資料+找圖片就可能一小時了)

MEPOERs said:
JinJin: 哈!其實你上次就做得很完整了!以前有用過類似的方法做嗎?還有,你確定按鈕要移過去整個變黑色嗎?
我已把黑色改掉了~

[color=#CC0066][size=x-large]我幫你移到前一個文章整合在一起,這樣會比較明瞭和好評分[/size][/color]



Edited 1 time(s). Last edit at 11/07/2011 09:20PM by JinJin.
(編輯記錄)

MEPOERs said:
JinJin: 雖然是以配色為主的網站,不過視覺配色效果不錯,也很開心你有覺得很棒的感覺XD,行間是line-height,不會記得課堂要提出喔!
RE: 嗨

老師假如要開一個WORK.HTML
怎麼連上INDEX

MEPOERs said:
JinJin: 可以參考http://mepopedia.com/forum/read.php?851,17302 第三點的說明,還是看不懂再跟我說
11/8 :
(1) 作業網址 http://mepopedia.com/~web100a/midterm/midterm-1001445080
(2)
1. 有無遇到的問題 : 原本連結上出了點小小問題 , 但經過與朋友討論過後就OK了。
2. 製作感想 : 感覺滿好的 , 也嘗試著跟著老師的講義自己做一遍 , 感覺其實並沒有想像中困難了 smiling smiley
3.製作作業的時間 : 大概一天吧 ~

10/19 :
(1) 網站主題: 夏洛克-福爾摩斯Sherlock Holmes
(2) 製作動機: 從小就很喜歡偵探類的小說集電影 , 而福爾摩斯也是我非常喜歡的偵探知一。
(3) 製作內容: 首頁:福爾摩斯 ,分頁:1.關於福爾摩斯、2.概述、3.事蹟、4.電影與小說、5.福爾摩斯紀念館、6.相關連結
(4) 資料蒐集分析:

http://zh.wikipedia.org/zh-tw/%E6%AD%87%E6%B4%9B%E5%85%8B%C2%B7%E7%A6%8F%E5%B0%94%E6%91%A9%E6%96%AF#.E9.9B.BB.E5.BD.B1.E5.8F.8A.E9.9B.BB.E8.A6.96 維基百科 - 從這裡得到了很多資訊

http://travel.sina.com/news/spot/2009-05-22/08133195.html 旅遊網站 - 也是在這得到很多訊息

http://comax.kong.com.tw/ 固米克斯Comax插畫網 , 小小的研究了一下 , 但沒有結果 , 哈哈 ~

MEPOERs said:
JinJin: 還蠻完整的,整體色調也不錯,下次在跟大家說內文連結的設定,視覺效果會更好,因為你的內文太多複製過來的連結,會影響整體效果
(1)作業網址 http://mepopedia.com/~web100a/midterm/midterm-1001445132
(2).
1有無遇到的問題 按鈕切太大 跟格式不符 修正後就剛剛好ya!
2.製作感想 非常之辛苦 邊做邊被蚊子叮因為太認真都沒在動smiling smiley) 做好之後就很有成就感
3.製作作業的時間 1個半小時

MEPOERs said:
JinJin: CSS的路徑有誤,要再檢查修改,某些圖檔取成中文也要檢查修改喔!
完成品11/7
(1)作業網址 http://mepopedia.com/~web100a/midterm/midterm-1001445058
(2).
1有無遇到的問題 :mac英文版的看不太懂但知後找到英文版的教學網站就都會了
2.製作感想 :做完之後還交的不會做的同學感覺又復習了一遍很棒
3.製作作業的時間:前前後後加起來有一天

前置作業(10/19)
(1)網站主題: 北野 謙
(2)製作動機: 喜歡他的攝影作品
(3)製作內容: 介紹他的攝影展
(4)資料蒐集分析
◎設計優良網站(風格)列表與分析:http://ourface.com/english/works/ourface.html北野謙本人的網站
◎相關網站列表與分析:http://ourface.com/english/profile.html
http://ourface.com/english/biblio.html
http://www.ourface.com/weblog/
關於他的一些作品 部落格 介紹

MEPOERs said:
JinJin: 很替你高興喔!不過你有的圖片檔名取成中文,要修改喔!不然傳後會看不到某些圖片~
1)作業網址http://mepopedia.com/~web100a/midterm/midterm-1001445104
(2). 1有無遇到的問題 有很多幸好有同學熱心相助
2.製作感想 製作過程中困難重重,幸虧遇到好朋友熱心相助,要不是他我這次網頁期中一定會很慘,謝謝!
3.製作作業的時間 三天?或四天?

1)作業網址 http://mepopedia.com/~web100a/midterm/midterm-1001445066
(2).
1有無遇到的問題 圖片似乎顯示不了!都出現一個M@@
2.製作感想 很開心,也許是因為製作自己喜歡的人物吧!會想把他做到更好!
3.製作作業的時間 約四小時!


前置作業(10/19)
(1)網站主題: 林宥嘉的個人網頁
(2)製作動機: 很崇拜這個藝人
(3)製作內容: 一些簡單的生平介紹,專輯,跟比賽經歷等等
(4)資料蒐集分析 維基百科,華研唱片
◎設計優良網站(風格)列表與分析: http://eba.idv.tw/yoga/index.html 林宥嘉粉絲製作的導引頁,我覺得很符合他個人的風格
◎相關網站列表與分析:

MEPOERs said:
JinJin: 你的圖片沒有放在資料夾裡所以看不到,請試著再重傳看看
ooa662: 老師,連結已經做了修正,圖片應該看的見了!
作業網址:http://mepopedia.com/~web100a/midterm/midterm-1001445120



1有無遇到的問題:有好多問題,不知道哪裡出錯了

2.製作感想:腦袋燒焦了,但做好一點很開心希望可以全會

3.製作作業的時間:2小時

MEPOERs said:
JinJin: 你得有些圖片並沒有在圖片資料夾裡,有些上傳的圖檔也太大囉~請再檢查一下喔!
(1)作業網址:http://mepopedia.com/~web100a/midterm/midterm-1001445130

(2)

1有無遇到的問題:可能是因為header的圖的大小一開始沒調整好,檢查css和網頁的部分有點不知道如何修改.不過後來有勉強做好.

2.製作感想:蠻有趣,希望可以再弄熟一點.

3.製作作業的時間:4小時

MEPOERs said:
JinJin: 會越做越熟的,不過你只有第一頁有導覽列喔!
這邊忘記打了....



(1)網站主題: shu uemura 植村秀
(2)製作動機: 這個品牌跟許多插畫家或藝術家合作,包裝和化妝品我都很喜歡,有質感
(3)製作內容: 首頁:shu uemura 植村秀,分頁:1.關於植村秀、2.植村秀產品、3.植村秀影音、4.植村秀連結.5.植村秀故事
(4)資料蒐集分析
◎設計優良網站(風格)列表與分析:

http://www.gtv.com.tw/Program/S051420051001U/ 偶像劇惡作劇之吻 裡面有許多手繪的小動畫 還有有趣的按鈕 整體風格清新可愛 我很欣賞

http://www.avex.com.tw/boa/ 韓國天后寶兒中文官方網站 一進去只是簡單不複雜的版面 點按鈕之後裡頭又是完全不一樣的美式照片風格
◎相關網站列表與分析:

http://www.shu-uemura.com.tw/ 植村秀官方網站 大部分的文章內容都是從這裡擷取

http://zh.wikipedia.org/wiki/%E6%A4%8D%E6%9D%91%E7%A7%80 維基百科 植村秀大師的生平則由這裡了解較多 還不錯的網站 能找到我要的

http://tw.image.search.yahoo.com/search/images?ei=UTF-8&p=%E6%A4%8D%E6%9D%91%E7%A7%80&rd=r1&fr2=tab-web&fr=yfp 雅虎的圖片蒐尋 圖片皆由這裡找出 不過google比較多就是了

11/8
(1)作業網址 http://mepopedia.com/~web100a/midterm/midterm-1001445128
(2).
1有無遇到的問題:一切安好
2.製作感想: 大致架構皆了解
3.製作作業的時間:2小時

10/19
(1)網站主題:自己攝影作品集
(2)製作動機:熱愛攝影
(3)製作內容: 首頁.黑白.風景
(4)資料蒐集分析
http://photoblog.hk/wordpress/

MEPOERs said:
JinJin: 整個網站的質感很好,不過圖檔太大,影響瀏覽速率,要再縮小,另按鈕要改成英文或數字的檔名唷!
(1)作業網址 :
http://mepopedia.com/~web100a/midterm/midterm-1001445011
(2).
1有無遇到的問題:最大的問題就是上傳的問題,已請同學幫我上傳,但是上課時還是會帶備份給老師看以防萬一
2.製作感想 :很難
3.製作作業的時間 :很久

MEPOERs said:
JinJin: 加油!內容要設padding~才會有內距喔!
JinJin: 有進步很多了!希望還是有些收穫喔!
(1)作業網址:http://mepopedia.com/~web100b/midterm/midterm-1001445115

(2)1.有無遇到的問題:圖片不會置中
2.製作感想:滿好玩的grinning smiley
3.製作作業的時間 :在家,三天內共花5小時

MEPOERs said:
JinJin: 蠻有特色的,圖片置中:在圖片旁邊按右鍵→對齊→置中對齊,語法為align="center"
JinJin: 這裡是A班~回錯地方囉!
http://mepopedia.com/~web100a/midterm/midterm-1001445106


有!因為我是英文版!
製作時間大約2小時!
感想是有點難!!不太適應!

MEPOERs said:
JinJin: 配色很特別,#FOOTER能設定會更好,希望你能越來越適應囉!
http://mepopedia.com/~web100a/midterm/midterm-1001445092

1有無遇到的問題 :已經沒問題了
2.製作感想 :完成了好感動
3.製作作業的時間 :2hr30min

前置作業(10/19)
(1)網站主題:星空
(2)製作動機:上映中熱門電影
(3)製作內容:電影簡介/原著繪本...
(4)資料蒐集分析 :星空粉絲專頁



Edited 3 time(s). Last edit at 11/08/2011 09:59PM by 1001445092.
(編輯記錄)

MEPOERs said:
JinJin: 上傳問題解決了嗎?我看到的是正常的,星空很好看,大致OK~不過頂圖底圖以及按鈕的字體顯得太大,再小一些會更有質感喔!
(1)
作業網址: http://mepopedia.com/~web100a/midterm/midterm-1001445118/index.html

(2)
1.有無遇到的問題: 想請問一下要怎麼把youtube的影片插入在網頁裡面呢??
2.製作感想: 超有成就感的!!!!!!!
3.製作作業的時間: 4小時多

ps:問一下喔,老師圖片都看得到嗎? 還有為什麼最下面每次左上角都會多出現一個"M"的標誌呀@@



Edited 2 time(s). Last edit at 11/08/2011 11:33AM by 連竟成.
(編輯記錄)

MEPOERs said:
JinJin: 你的#footer設定了一個不存在的底圖,所以會出現那個圖,插入youtube明天有空會教,內文字可再小一些或不要粗體,應該會更好
(1)作業網址http://mepopedia.com/~web100a/midterm/midterm-1001445060
(2).
1有無遇到的問題:有!遇到挺多問題的.............但是都有問過了
2.製作感想:上課的時候雖然有些枯燥,但是實做起來比想像中來的有趣許多
3.製作作業的時間:大慨9到10小時左右 ,是很多天累積起來的.....


(1)網站主題:主要放自己的攝影或畫畫作品
(2)製作動機:想做一個自己的網站
(3)製作內容:首頁 關於我 攝影 繪畫 /但是繪畫還沒滿意的作品SO....先不放
(4)資料蒐集分析
◎設計優良網站(風格)列表與分析:http://amairo.himegimi.jp/index.html
◎相關網站列表與分析:我很希歡這個網站的色調及編排方式,雖然很簡單
最有興趣的是她看圖片的方式......超想學..........

MEPOERs said:
HP: 作得很有專業的感覺。加油!
ryomabl333: 我覺得所有東西都變好大 = =
11/08前

(1)作業網址 http://mepopedia.com/~web100a/midterm/midterm-1001445005
(2).
1有無遇到的問題 :為甚麼我在我的電腦事就好好的,但從老師的網站上點我切割的按鈕跟圖片就不見了??
2.製作感想 :用了老師的範例做之後,做起來容易些了
3.製作作業的時間 :11/2~11/7



Edited 2 time(s). Last edit at 11/08/2011 03:18AM by 1001445005.
(編輯記錄)

MEPOERs said:
JinJin: 目前看起來是有的喔!
(1)網站主題:偶像明星
(2)製作動機:視覺感受.喜愛她們.具有特色
(3)製作內容: 介紹她的能力及發展和他的經歷
(4)資料蒐集分析
http://ladygagatw.sclub.com.tw/index.php-官方論壇
http://zh.wikipedia.org/zh-hk/%E5%98%8E%E5%98%8E%E5%B0%8F%E5%A7%90-維基百科
http://ladygagamusic.pixnet.net/blog-官方部落
及之前自己所收集的一些資料圖片
_____________________________________________________________________________________________________________

11/08前

(1)作業網址 http://mepopedia.com/~web100a/midterm/midterm-1001445062
(2).
1有無遇到的問題 :連結每次都怪怪的,背景想做變化但是不會...,有時會亂碼跑不出來,背景試過但是依然跑不出來原本想用斜條紋...
2.製作感想 :終於能做出來,小有成就感,但繼續努力
3.製作作業的時間 :11/7~11/8四五個小時
老師~網址點進去後按最下面那個感謝smiling smiley
老師老師老師!!!!我改過了~~~



Edited 2 time(s). Last edit at 11/09/2011 07:47PM by 蘇菜菜.
(編輯記錄)

MEPOERs said:
JinJin: 做得很有自己的風格,不過你只有做一頁嗎?檔案還要再整理喔!沒用到的檔案不要放在資料夾以一起上傳,有些圖檔也太大喔!
http://mepopedia.com/~web100a/midterm/midterm-1001445037

(1)網站主題:我愛小貓咪
(2)製作動機:我愛小貓咪
(3)製作內容:小貓咪的介紹
(4)資料蒐集分析
◎相關網站列表與分析:
http://zh.wikipedia.org/wiki/%E8%B2%93貓(維基百科)
1有無遇到的問題:沒有
2.製作感想:其實我比較喜歡小狗
3.製作作業的時間 :因為是修改前次作業,包括找資料差不多一小時 >grinning smiley<

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

(2).
1有無遇到的問題 有點困難 不過有好心同學的協助總算完成
2.製作感想 對網頁設計有了更多的認識 也不會那麼感到頭痛
3.製作作業的時間 2天


前置作業
(1)網站主題:皮克斯動畫
(2)製作動機:從小就愛看皮克斯動畫的卡通,想再回味小時後的感動
(3)製作內容:首頁:關於皮克斯 內頁1:工作團隊 內頁2:動畫介紹 內頁3:精彩劇照 內頁4:即將上映
(4)資料蒐集分析
◎設計優良網站(風格)列表與分析:http://www.pgmall.com.tw/
女生最愛逛的包包,陳列得很清楚,想買哪種包包都可以輕鬆挑選
◎相關網站列表與分析:http://zh.wikipedia.org/wiki/%E7%9A%AE%E5%85%8B%E6%96%AF



Edited 1 time(s). Last edit at 11/08/2011 01:54PM by 張雍雍.
(編輯記錄)

MEPOERs said:
JinJin: CSS的連結還是有誤喔!
作業網址
http://mepopedia.com/~web100a/midterm/midterm-1001445017
(1)網站主題:幾米Jimmy
(2)製作動機:以前就很喜歡幾米的作品,最近出了一個星空的改編電影,讓我想更進一步了解幾米
(3)製作內容:幾米的簡介與作品介紹
(4)資料蒐集分析
◎設計優良網站(風格)列表與分析:簡單
◎相關網站列表與分析: 維基百科、幾米facebook、博客來


(2).
1有無遇到的問題 有但是都問同學解決了
2.製作感想 做了很久才完成,但做完很有成就感,也讓我更了解網頁的修改
3.製作作業的時間 6個小時

MEPOERs said:
JinJin: 還沒看到你的作品喔!
...



Edited 1 time(s). Last edit at 11/08/2011 10:49PM by 張雍雍.
(編輯記錄)

MEPOERs said:
JinJin: 記得把#footer底圖設定拿掉,或補上圖喔!
完成品

(1)作業網址 http://mepopedia.com/~web100a/midterm/midterm-1001445090/index.html
(2)
1有無遇到的問題 :無
2.製作感想 :有點小麻煩,但是可以應付
3.製作作業的時間 :3.4小時

前置作業(10/19)
(1)網站主題: Apple公司
(2)製作動機: 最近Apple公司越來越多產品受人矚目
(3)製作內容: 介紹Apple公司
(4)資料蒐集分析
◎設計優良網站(風格)列表與分析: http://www.apple.com/
◎相關網站列表與分析: http://zh.wikipedia.org/wiki/%E8%98%8B%E6%9E%9C%E5%85%AC%E5%8F%B8

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

(2)
1.有無遇到的問題: 目前比較沒有,但是想知道怎麼作動畫( 畫面不會一次呈現,會分很多次的那種)
2.製作感想: 還蠻有成就感
3.製作作業的時間:約 5小時多



Edited 2 time(s). Last edit at 11/08/2011 09:07PM by SAIN.
(編輯記錄)

MEPOERs said:
JinJin: 你的每一頁都不一樣耶!
mepoadm: 同學你好,我是系統管理員。我觀察到你上傳了 300多MB的檔案。這已超過合理使用的範圍。請刪除不必要的檔案。每一個檔案請勿超過1MB。若無改善,目前這個 midterm-1001445019 資料夾將會刪除。
1.作業網址 http://mepopedia.com/~web100a/midterm/midterm-1001445003

2.有無遇到的問題:有,header的圖無法顯示

3.製作感想 :網社真的是門很深澳的學問呢!!!

4.製作作業的時間 :2天

(1)作業網址 http://mepopedia.com/~web100a/midterm/midterm-1001445076/index.html

(2)
1有無遇到的問題 上次問完老師後問題就解決了smiling smiley
2.製作感想 剛開始因為有很多問題 以為做不出來 還好有老師幫忙我解開問題 雖然沒有做得很好 但能做出來很開心!
3.製作作業的時間 差不多五~六小時

MEPOERs said:
JinJin: 記得要加上padding喔!
http://mepopedia.com/~web100a/midterm/midterm-1001445005

老師~我重做了一個又上傳上去了~這次應該OK了

MEPOERs said:
JinJin: OK!
.作業網址 http://mepopedia.com/~web100a/midterm/midterm-1001445078

2.有無遇到的問題:有~header的圖一直放不進去~可是後來放進去了

3.製作感想 :好累唷~真的千辛萬苦 終於做好了!!!!

4.製作作業的時間 :2天


1.網站主題:2PM
2.製作動機:覺得2PM很帥所以想做~哈哈哈
3.製作內容:介紹2PM的成員~
4.資料蒐集分析
◎設計優良網站(風格)列表與分析:

http://www.2pmtw.com/index.php

◎相關網站列表與分析:
http://tw.knowledge.yahoo.com/question/question?qid=1511072301948

MEPOERs said:
JinJin: 你的網址http://mepopedia.com/~web100a/midterm/midtern-1001445078/1001445078/ 但是檔名和路徑還有有誤喔!
(1)作業網址 http://mepopedia.com/~web100a/midterm/midterm-1001445094
有無遇到的問題:還ok
製作感想 :我覺得還是有點難有些地方還需要再加強
製作作業的時間 7小時

2.網站主題:幾米
3.製作動機:因為從小就很喜歡幾米的畫風很希望將來能像他一樣!!
4.資料蒐集分析 設計優良網站(風格)列表與分析:http://www.jimmyspa.com/
相關網站列表與分析:http://www.wretch.cc/blog/a890826/20450635

MEPOERs said:
JinJin: 連結的設法有誤,連結按鈕不夠明顯,會讓瀏覽者較無法辨識
11/8
(1)作業網址 http://mepopedia.com/~web100a/midterm/midterm-1001445050
(2).
1有無遇到的問題: 圖片排版.. 基本上還可以..
2.製作感想: 製作過程很艱辛....雖然照著講義上做..但要做自己想要的還是有點困難!! 不過我給自己打及格分數!!
3.製作作業的時間:4~5小時

前置作業(10/19)
(1)網站主題:Gossip Girl
(2)製作動機:喜愛觀看歐美劇場,便想為它製作一個網站=目
(3)製作內容:圖片、演員、簡介...等等
(4)資料蒐集分析
◎設計優良網站(風格)列表與分析:
◎相關網站列表與分析
http://cwtv.com/shows/gossip-girl/about
裡面有許多關於gossip girl介紹 非常之詳細
http://gossipgirl.alloyentertainment.com/
這裡面有精采的影音 可以欣賞

(1)作業網址 http://mepopedia.com/~web100a/midterm/midterm-1001445124/index.html
(2)
1有無遇到的問題 :恩...圖片跟文字配置還有進步空間啦!..我的第一張網頁圖怎麼不見了呢?!
2.製作感想 :還滿有趣的,剛開始在想版面設計花比較多時間.其中...老師說網站要便利性,而我是特意設計要請觀看者拉到最後才能返回~
3.製作作業的時間 :5~6小時

前置作業(10/19)
(1)網站主題: 關於我的作品
(2)製作動機: 就想說...介紹自己好了
(3)製作內容: 介紹我自己及我的作品
(4)資料蒐集分析: 運用我高中作品集相關元素.灰色為主調.綠色及白色搭配.
smiling bouncing smiley



Edited 2 time(s). Last edit at 11/09/2011 11:29AM by shiyi1126.
(編輯記錄)

MEPOERs said:
JinJin: 風格不錯!不過每頁都要有導覽列喔!然後圖檔太大要再瘦身喔!
11/8
(1)作業網址 http://mepopedia.com/~web100a/midterm/midterm-1001445050
(2).
1有無遇到的問題:圖片有時候會跳掉..無法排位置。
2.製作感想: 製作過程有點艱辛...雖然有參考講義 但是要做出自己想要的感覺 也是有點辛苦
3.製作作業的時間:4~5小時

前置作業(10/19)
(1)網站主題:Gossip Girl
(2)製作動機:喜愛觀看歐美劇場,便想為它製作一個網站=目
(3)製作內容:圖片、演員、簡介...等等
(4)資料蒐集分析
◎設計優良網站(風格)列表與分析:
◎相關網站列表與分析
http://cwtv.com/shows/gossip-girl/about
裡面有許多關於gossip girl介紹 非常之詳細
http://gossipgirl.alloyentertainment.com/
這裡面有精采的影音 可以欣賞

(1)作業網址 http://mepopedia.com/~web100a/midterm/midterm-1001445046
有無遇到的問題:還好
製作感想 :有待加強
製作作業的時間:2小時

2.網站主題:捉迷藏Hide and Seek
3.製作動機:那部恐怖片令我印象深刻
4.資料蒐集分析 設計優良網站(風格)列表與分析:http://:tw.movie.yahoo.com/movieinfo_main.html/id=1033
相關網站列表與分析:http://www.youtube.com/watch?v=nakxkxcVuHY

MEPOERs said:
JinJin: 連結設法有誤,#HEADER標題要改啦!
(1)作業網址 http://mepopedia.com/~web100a/midterm/midterm-1001445033

(2).
1有無遇到的問題 網頁真的很難
2.製作感想 做完之後很有成就感
3.製作作業的時間 6小時



Edited 1 time(s). Last edit at 11/09/2011 12:04AM by saf19927.
(編輯記錄)

(1)作業網址 http://mepopedia.com/~web100a/midterm/midtern-1001445100

(2).
1有無遇到的問題:英文版的DW 會讓我想要哭出來

2.製作感想:雖然做的還很不完整,但我真的費了很大的功夫,英文版讓我眼睛很花,光是找個滑鼠連接圖檔就花了半小時,先給老師看個大概,還會再補交^_^

3.製作作業的時間 3小時

H:\midterm-1001445025\index2.html

1.有問到問題,是我自己太笨 摸好久
2.我一定會更加把勁的學習,不然我會對不起我的家人,老師還有我自己
3.我花了一整天的時間,我真的太狗了,臨時抱耶穌腳差點沒把自己給嚇死....

MEPOERs said:
chingching: http://mepopedia.com/~web100a/midterm/midterm-1001445025
(1)作業網址 http://mepopedia.com/~web100a/midterm/midterm-1001445039/
(2).
1.有無遇到的問題:NO。
2.製作感想:認真做完作業讓我肚子好餓。
3.製作作業的時間:晚餐到睡覺這段時間。

(1)網站主題: AYU特輯
(2)製作動機: 心血來潮
(3)製作內容: 詳情參閱http://mepopedia.com/~web100a/midterm/midterm-1001445039/
(4)資料蒐集分析:維基百科全書
◎設計優良網站(風格)列表與分析:?
◎相關網站列表與分析:?

完成品(11/08前)
(1)作業網址 http://mepopedia.com/~web100a/midterm/midterm-1001445088/
(2).
1有無遇到的問題
我WRAPPER的邊框一直沒出現
但在DREAMWEAVER裡面明明就看的到!!
然後INDEX我想刪除CONTENT結果好像就把CSS的CONTENT刪掉了= =
搞得有點亂七八糟的
還有圖片剛開始我PROFILE的圖都會超出CONTENT壓到FOOTER
後來就賭氣直接用PS排了...
結果全部做完他又好了...(WTH?
還有INDEX BUTTON下面那條白白的真不知道如何解決><

2.製作感想
好HIGH喔.............

3.製作作業的時間
5小時

(1)網站主題:我自己
(2)製作動機:恩...就想了解自己吧(?
(3)製作內容: 我自己= =
(4)資料蒐集分析 恩........

MEPOERs said:
HP: 有關第一個問題(邊框),你在 #wrapper 裡面加了一個 height: 0;,這樣整個 #wrapper 變成沒有高度,border 也就畫不出來了。所以,以後寫 CSS 要很小心,不要加上自己不懂的東西,不然其實經驗不夠也看不出問題。
HP: 第二個問題「index button 底下白白的」,你將 button 設一個和 button 圖片一樣的高度應該就可以了。在你的例子中就是設 #button { height: 35px;}。
http://mepopedia.com/~web100a/midterm/midterm-1001445025/


1.有問到問題,是我自己太笨 摸好久
2.我一定會更加把勁的學習,不然我會對不起我的家人,老師還有我自己
3.我花了一整天的時間,我真的太狗了,臨時抱耶穌腳差點沒把自己給嚇死....

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

(2)
1有無遇到的問題:一更改資料夾名稱全部東西都不見了。

2.製作感想:上傳之後什麼東西都沒有。

3.製作作業的時間: 2-3小時



網站主題:酷企鵝

製作動機:就喜歡而已。

製作內容:角色介紹跟商品。

資料蒐集分析

◎相關網站列表與分析:
http://www.sanrio.co.jp/index.html



Edited 1 time(s). Last edit at 11/09/2011 01:14AM by Din.
(編輯記錄)

MEPOERs said:
HP: 那你要不要再上傳一次呢?
HP: 我發現你的問題了,你的資料夾名稱寫成「midtern-100...」拼錯了。我已經幫你改,現在網頁已經可以看得到了。
HP: 而且我發現另外也有幾位同學資料夾的 midterm 也拼錯了,不知道要不要幫忙改?
(1)作業網址 http://mepopedia.com/~web100a/midterm/midterm-1001445048
(2).
1有無遇到的問題

我的超連結前2個都有成功但是後3個都失敗了......
我的作業也傳不上去0.0

2.製作感想

心情很沉重,困難重重.... 雖然說是製作最喜歡的赫本但是
失敗了!!!

3.製作作業的時間

4天
(1)網站主題:奧黛麗赫本
(2)製作動機:他是我心中最崇拜的女神!!
(3)製作內容: 包含他的作品.寫真.生平.相關網站和簡介
(4)資料蒐集分析
◎設計優良網站(風格)列表與分析: http://www.daisy-online.net/audrey/ 網站的整體度真的很完美!! 而且也充分的告訴我們赫本的資訊 smiling smiley)
◎相關網站列表與分析: http://zh.wikipedia.org/zh-tw/%E5%A5%A7%E9%BB%9B%E9%BA%97%C2%B7%E8%B5%AB%E6%9C%AC 個人資料非常充實

http://www.imdb.com/name/nm0000030/ 裡面有相當多他的電影資訊
http://www.google.com.tw/imghp?hl=zh-TW&tab=wi 圖片來源

MEPOERs said:
JinJin: 你本來放錯位置~也打錯資料夾名稱~幫你改了!不過裡面圖檔有些取了中文~還要自己再改過~有些圖片連結也有問題要再檢查!加油喔!
(11/08)
請將這項放置於文章最前面
(1)作業網址http://mepopedia.com/~web100a/midterm/midterm-1001445070
(2).
1有無遇到的問題 : 問題很多!!!! 對這方面非常不拿手 經常一個步驟要重作好幾次才能成功顯示 有時候不知道是哪裡的語法出問題 雖有參考講義.詢問過同學 不過依舊很辛苦@@
2.製作感想 : 製作過程很艱辛 途中電腦還一直出問題... ... 最後還是做出來了 不過還是有待加強 要做出一個完整的網頁真的蠻困難的
3.製作作業的時間 : 約9小時 主要是重做的時間以及想編排

(10/19)
(1)網站主題: 海底總動員
(2)製作動機: 因為是迪士尼動畫電影中最喜愛的一部
(3)製作內容: 首頁: 海底動員簡介 1.角色介紹 2.歌曲音樂 3.資訊連結 4.故事劇情
(4)資料蒐集分析
海底總動員 維基百科資料 : http://zh.wikipedia.org/wiki/%E6%B5%B7%E5%BA%95%E6%80%BB%E5%8A%A8%E5%91%98
◎設計優良網站(風格)列表與分析:
◎相關網站列表與分析:http://mediacdn.disney.com.tw/nemo/

MEPOERs said:
JinJin: 你的圖片資料夾取成中文名稱,要改喔!連結也要改過!不然很多圖片會無法呈現
好WWW 會改成英文 可是目前為止圖片都有顯示出來欸@@

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

(2).
1有無遇到的問題 主題沿用老師的,還不太會抓按鈕
2.製作感想 同上
3.製作作業的時間 3小時



(1)網站主題: 莫內
(2)製作動機:...主題直接延用
(3)製作內容: 背景.標題..內容都由自己編排
(4)資料蒐集分析 維基百科...和老師的網站
◎設計優良網站(風格)列表與分析: 藍色調標題投 背景為多人遺照,輝映標題
◎相關網站列表與分析:

http://mepopedia.com/~web100a/midterm/midterm-1001445104/

1.我其實都不太行做得有點亂七八糟的...
2.如果沒有同學的熱心指導我'想我一定做不完!真的很感謝!
3製作時間:大約四天...

(1)作業網址:http://mepopedia.com/~web100a/midterm/midterm-1001445009/images

(2).
1有無遇到的問題: 圖片尺寸不合
2.製作感想: 完成有種成就感
3.製作作業的時間:3小時

前置作業(10/19)
(1)網站主題:海賊王介紹
(2)製作動機:喜好
(3)製作內容:作者/劇情/人物介紹/相關連結
(4)資料蒐集分析 :
維基百科-海賊王 http://zh.wikipedia.org/wiki/ONE_PIECE
GOOGLE圖片-海賊王 http://www.google.com/webhp?hl=zh-TW◎設計優良網站(風格)列表與分析:

期中作業:
1.作業網址 http://mepopedia.com/~web100a/midterm/midterm-1001445003
2.有無遇到的問題:有,header的圖無法顯示
3.製作感想 :網社真的是門很深澳的學問呢!!!
4.製作作業的時間 :2天



前置作業(10/19)
(1)網站主題:以音樂為主的網站
(2)製作動機:因為喜歡聽音樂
(3)製作內容:放歌手資料及歌詞
(4)資料蒐集分析 :YAHOO知識家、維基百科、魔鏡歌詞網
◎設計優良網站(風格)列表與分析:http://www.orangecobo.com.tw/ 網頁設計甜美,價目表 、餐點、餐廳設計及資訊一目瞭然,版面設計清新
◎相關網站列表與分析:http://mojim.com/←魔鏡歌詞網(查歌詞、專輯)搜尋快速、資料齊全
http://tw.knowledge.yahoo.com/←雅虎奇摩知識家(查歌詞、專輯)搜尋快速
http://zh.wikipedia.org/zh-tw/%E7%B6%AD%E5%9F%BA%E7%99%BE%E7%A7%91←維基百科(查歌手資料)搜尋快速、資料齊全

老師我重做-視傳1A-1001445126-莊文碩~~~

(1)作業網址 http://mepopedia.com/~web100a/midterm/midterm-1001445126-2
(2).
1有無遇到的問題 這次較沒啥問題了,只是覺得之前做太爛爾以
2.製作感想 做完就心滿意足
3.製作作業的時間 4小時

(1)網站主題: 高第
(2)製作動機: 覺得它的工藝真的就像神一樣
(3)製作內容: 高第建築
(4)資料蒐集分析
◎設計優良網站(風格)列表與分析:
http://home.kimo.com.tw/lcj51321/BB.htm(建築美學)
作者介紹 http://www.skyscrapers.cn/index.html(摩天漢世界)
表格圖&內文 http://www.gaudi.com.tw(高第咖啡館)
內容 http://www.yuntech.edu.tw/~yangyf/pdp/cc16.html(設計閱讀)
http://www.books.com.tw/(博客來網路書局)
http://cc3.ckitc.edu.tw/~b9041041/index.htm(偉大的建築師-高第)http://www.goodtv.com.tw/letter_index.phtml(好消息雜誌)

老師我重做-視傳1A-1001445132-王瑞玟

(1)作業網址 http://mepopedia.com/~web100a/midterm/midterm-1001445132
(2).
1有無遇到的問題 上次的有很多問題 所以我今天重新做了一遍 就比較順利了
2.製作感想 做完後很滿意成果
3.製作作業的時間 2~3小時

(1)網站主題: 唐老鴨
(2)製作動機: 因為很喜歡唐老鴨
(3)製作內容: 唐老鴨的簡介家庭背景及圖片
(4)資料蒐集分析
◎設計優良網站(風格)列表與分析:
http://zh.wikipedia.org/wiki/%E5%94%90%E8%80%81%E9%B8%AD

MEPOERs said:
瑞卡: 老師我重做之後怎麼從這裡打開有些字都亂碼了:(
瑞卡: 老師老師今天打開後字又變正常了 呵呵
(1)網站主題:GARFIELD

(2)製作動機:我覺得GARFIELD很可愛

(3)製作內容:介紹GARFIELD的作者.內容角色.圖片...

(4)資料蒐集分析

◎設計優良網站(風格)列表與分析:

http://www.garfield.com/

http://www.garfield.com.tw/

◎相關網站列表與分析:

http://zh.wikipedia.org/wiki/%E5%8A%A0%E8%8F%B2%E7%8C%AB

_____________________________________________________________________________________________________________

(1)作業網址 http://mepopedia.com/~web100a/midterm/midterm-1001445076/index.html

(2)
1有無遇到的問題 上次問完老師後問題就解決了
2.製作感想 剛開始因為有很多問題 以為做不出來 還好有老師幫忙我解開問題 雖然沒有做得很好 但能做出來很開心!
3.製作作業的時間 差不多五~六小時

1/8
(1)作業網址 http://mepopedia.com/~web100a/midterm/midterm-1001445050
(2).
1有無遇到的問題:圖片有時候會跳掉..無法排位置。
2.製作感想: 製作過程有點艱辛...雖然有參考講義 但是要做出自己想要的感覺 也是有點辛苦
3.製作作業的時間:4~5小時

前置作業(10/19)
(1)網站主題:Gossip Girl
(2)製作動機:喜愛觀看歐美劇場,便想為它製作一個網站=目
(3)製作內容:圖片、演員、簡介...等等
(4)資料蒐集分析
◎設計優良網站(風格)列表與分析:
◎相關網站列表與分析
http://cwtv.com/shows/gossip-girl/about
裡面有許多關於gossip girl介紹 非常之詳細
http://gossipgirl.alloyentertainment.com/
這裡面有精采的影音 可以欣賞

謝謝喔
麻煩了!



Edited 1 time(s). Last edit at 11/11/2011 01:15PM by miriam.
(編輯記錄)

MEPOERs said:
JinJin: OK~夾壓縮檔上傳
Attachments:
開啟 | 下載 - midterm-1001445043.rar (1.64 MB)
前置作業(10/19)
(1)網站主題: 不可一世-beyond
(2)製作動機: 為喜歡的樂團製作專屬網頁
(3)製作內容: 樂團歷史.成員介紹.
(4)資料蒐集分析
-------------------------------------------------------------------------------------------
完成品(11/08前)
(1)作業網址 http://mepopedia.com/~web100b/midterm/midterm-1001445071
1有無遇到的問題 :老師!!!!!!我的網頁打開後都跑位了....而且圖片也都不見了!!可是我看我資料夾的檔案都沒錯阿...???
2.製作感想 還蠻好玩的!!!!製作出來蠻有成就感
3.製作作業的時間 兩個小時

MEPOERs said:
HP: 我看了一下,發現你幾乎整個網頁的路徑都寫成你自己電腦內的路徑。你要先把前面的 file://.整串刪掉,留下後面的 style.css 或 index.html 等試看看。
1)作業網址 : http://mepopedia.com/~cg104-1a/midterm/midterm-1045440022
(1)網站主題: 致命情人
(2)製作動機,對象: 朋友
(3)導覽列項目:首頁 風格/唱片/成員
(3)風格設定:黑黑的搖滾樂

(4)有無遇到的問題 有一開始甚麼都不會到處問同學
(5)製作感想 很累喔需要時間研究
(6)製作作業的時間 1整個夜晚