[color=#990000][期中作業] 以單欄為主的網站設計[/color] 一、製作說明： 1.請參考期中之前教過的做法及講義，製作以單欄為主的網站 2.每個同學記得在[color=#990033]title的部分打上"自訂的主題"[/color] 在#footer 註明 Designed by 某某某(可自行取名) 1035445ooo 3.題目自訂，請設計出符合網站主題的配色及設計風格。 4.需自行設計圖片，製作網站內容。 5.需以DIV搭配CSS的方式完成，設定尺寸、字體、顏色等等。 6.至少完成三頁的內容(60分)，若內容完整，沒有錯誤與法，且全部頁面完成(最少80分)。 [color=#993300]7.若真的不會做，可下載附檔，參考老師的檔案，加以修改完成，但圖片及文字內容不可一樣。 (附檔有兩組： 一組是以圖片按鈕為主，需自行製作圖片 一組是以導覽列為主(色彩編排)，請選擇一組參考製作)[/color] 8.製作完成上傳至FTP 9.本次作業的重點在於： [color=#CC0000](1)能自行設計以DIV與CSS製作的網站 (2)利用自已設計的圖片、色彩搭配與字體設定等設計出具有質感的網頁[/color] 二、評分標準與製作檢核 1.HTML的正確架構(DIV的使用) 2.整體設計美感(CSS運用，風格及配色，字體設定、圖片製作) 3.導覽列的正確性(含導覽超連結) 4.h1或h2的使用 5.class(類別)的運用 6.HTML Title的設定 7.Footer的版權宣告 8.內容完整的兩頁(至少)的連結 9.製作說明 加分： 1.內容完整度，連結頁面全部做完最少八十分，最多100分。 三、繳交作業方式 [color=#CC0066]1.製作完成後，檔案命名方式：[/color] [color=#669900]期中作業FTP上的資料夾為：midterm 每位同學請將自己的資料夾命名為：midterm-學號 這個作業的網址則為:http://mepopedia.com/~web104-2c/midterm/midterm-103xxxxxxx 資料夾內含： (1).首頁命名為index.html (2).其他頁面請自行命名，但需注意命名為則，不可出現中文及全形字、特殊符號等等 (3).一個命名為style.css的css樣式檔 (4).存放圖檔的images資料夾 存放在 < midterm-學號 > 的資夾內[/color] [color=#CC0066]2.全部完成後上傳至FTP[/color] [color=#CC0066]3.依進度回覆本篇文章[/color] [color=#0066CC]前置作業[/color](11/05) (1)網站主題： (2)製作動機： (3)製作內容： (4)資料蒐集分析 ◎設計優良網站(風格)列表與分析： ◎相關網站列表與分析： [color=#0066CC]完成品[/color](11/19前) [color=#FF0066]請將這項放置於文章最前面[/color] (1)作業網址 (2) 1有無遇到的問題 2.製作感想 3.製作作業的時間 [color=#CC0066]4.請務必在11/19前回覆，否則為遲交[/color] 五、同學常見問題之注意事項 隨時補充： 1.網頁圖檔不宜太大，否則網頁開啟速度會變慢，請盡量在Photoshop或Illustrator的『儲存為網頁與裝置用』的功能裡，修改圖檔的大小至100KB以下，100KB會佔1Mb頻寬(每秒鐘)，以此類推。 2.有文字出現的區塊，要記得設定padding，文字才不會跟邊框黏在一起。 3.導覽列的超連結 請記得先將第一頁所有的連結都先設定好，再以另存新檔的方式，存成其他檔案，如此就不用每次都要設定超連結。 4.亂碼問題，放在　＜head＞ ＜/head＞ 之間 編碼方式記得存utf-8 5.CSS檔案的路徑，放在　＜head＞ ＜/head＞　之間 6.檔案宣告，在HTML檔最前面放 7.任何出現在網頁裡的命名不能出現中文及全形字。 8.圖片必須放在images圖片資料夾裡 [hr] 參考範例 http://mepopedia.com/forum/read.php?851,16485 http://mepopedia.com/forum/read.php?855,16484 [hr] http://mepopedia.com/~web100b/midterm/midterm-1001445022/ http://mepopedia.com/~web100b/midterm/midterm-1001445042/ http://mepopedia.com/~web100b/midterm/midterm-1001445006/ http://mepopedia.com/~web100a/midterm/midterm-1001445068/ http://mepopedia.com/~web100a/midterm/midterm-1001445096/ http://mepopedia.com/~web100a/midterm/midterm-1001445015/ http://mepopedia.com/~web100b/midterm/midterm-1001445049/ http://mepopedia.com/~web100b/midterm/midterm-1001445123/ http://mepopedia.com/~web100b/midterm/midterm-1001445026/ http://mepopedia.com/~web100a/midterm/midterm-1001445072/ http://mepopedia.com/~web100a/midterm/midterm-1001445080/ http://mepopedia.com/~web103-a/midterm/midterm-1025445001/ http://mepopedia.com/~web103-a/midterm/midterm-1025445070/ http://mepopedia.com/~web103-c/midterm/midterm-1025445069/ ================================================= [color=#CC0066]若經發現作業為直接複製同學檔案以零分計[/color] ================================================= http://mepopedia.com/forum/read.php?2481,78009,78009#msg-78009 Mon, 24 Aug 2026 19:21:10 +0800 Phorum 5.2.7 http://mepopedia.com/forum/read.php?2481,78009,83077#msg-83077 http://mepopedia.com/forum/read.php?2481,78009,83077#msg-83077 作業網址:http://mepopedia.com/~web104-2b/midterm/midterm-1045445023]]> 范祐瑄 104-1《中國》竹視傳二C-網頁設計 Sat, 26 Nov 2016 18:20:32 +0800 http://mepopedia.com/forum/read.php?2481,78009,79806#msg-79806 http://mepopedia.com/forum/read.php?2481,78009,79806#msg-79806
(2)
1有無遇到的問題 :一切順利
2.製作感想 :做完了很開心
3.製作作業的時間 :六小時多

前置作業
(1)網站主題:探險活寶
(2)製作動機:之前看過探險活寶感覺很有趣
(3)製作內容:
關於探險活寶
主角介紹
配角介紹
家與內部介紹
影片觀賞]]> 1035445063 104-1《中國》竹視傳二C-網頁設計 Fri, 15 Jan 2016 00:46:20 +0800 http://mepopedia.com/forum/read.php?2481,78009,79783#msg-79783 http://mepopedia.com/forum/read.php?2481,78009,79783#msg-79783 (2)製作動機： 喜歡這個遊戲
(3)製作內容：
分為5個分頁
1.作者介紹. (index.html)
2 遊戲介紹(work.html)
3.遊戲牌位 (video.html)
4.遊戲方式 (story.html)
5.聯絡資訊 (contact.html)

(4)資料蒐集分析
◎設計優良網站(風格)列表與分析： http://lol.garena.tw/preindex/20151218_Xmas
用類似色調
◎相關網站列表與分析： http://lol.garena.tw/preindex/20151218_Xmas
很有質感




完成品(11/19前)

(1)作業網址
http://mepopedia.com/~web104-2c/midterm/midterm-1035445108
(2)
1有無遇到的問題
很難
2.製作感想
難
3.製作作業的時間
一天]]> 葉峻傑 104-1《中國》竹視傳二C-網頁設計 Wed, 13 Jan 2016 11:14:52 +0800 http://mepopedia.com/forum/read.php?2481,78009,79745#msg-79745 http://mepopedia.com/forum/read.php?2481,78009,79745#msg-79745 (2)
1有無遇到的問題 連結錯亂 footer底圖會一直跑掉 照片沒顯示出來 可是我自己預覽的時候看得到照片 照片也有一起上傳FTP呀
2.製作感想 這次製作時間比較短
3.製作作業的時間 4hr]]> 1035445075 104-1《中國》竹視傳二C-網頁設計 Sun, 10 Jan 2016 14:02:20 +0800 http://mepopedia.com/forum/read.php?2481,78009,78585#msg-78585 http://mepopedia.com/forum/read.php?2481,78009,78585#msg-78585 (2)製作動機： 較為熟悉的人物
(3)製作內容：
分為4個分頁
1.關於(index.html)
2.生平(index1.html)
3.作品(index2.html)
4.影片(index3.html)

(4)資料蒐集分析
之前做過的報告統整



完成品(11/19前)

(1)作業網址
http://mepopedia.com/~web104-2c/midterm/midterm-1035445111

(2)
1有無遇到的問題
老師影片學起來很簡單，只是影片裡的字有時候有點小 會看不清楚
2.製作感想
一開始覺得很難，但後來越做越簡單
3.製作作業的時間
斷斷續續的總共應該是一個晚上吧]]> MeiJunLee 104-1《中國》竹視傳二C-網頁設計 Thu, 26 Nov 2015 12:04:50 +0800 http://mepopedia.com/forum/read.php?2481,78009,78583#msg-78583 http://mepopedia.com/forum/read.php?2481,78009,78583#msg-78583 (2)製作動機：是一個很可愛的品種犬
(3)製作內容：柯基的簡單介紹


完成品
(1)作業網址 http://mepopedia.com/~web104-2c/midterm/midterm-1035445114
(2)
1有無遇到的問題： 影片其實蠻清楚的!
2.製作感想：覺得柯基很可愛
3.製作作業的時間：1天]]> 小吉 104-1《中國》竹視傳二C-網頁設計 Thu, 26 Nov 2015 11:55:52 +0800 http://mepopedia.com/forum/read.php?2481,78009,78487#msg-78487 http://mepopedia.com/forum/read.php?2481,78009,78487#msg-78487 (1)網站主題：羊駝
(2)製作動機：覺得羊駝可愛
(3)製作內容：羊駝
大羊駝
毛纖維
經濟價值
(4)資料蒐集分析
◎設計優良網站(風格)列表與分析：天使的咖啡屋 小肉球的部落格，走典雅風趣路線
◎相關網站列表與分析：羊駝百度百科 天使的咖啡屋 小肉球的部落格


完成品
(1)作業網址 http://mepopedia.com/~web104-2c/midterm/midterm-1035445036
(2)
1有無遇到的問題： 一大堆問題不想面對
2.製作感想：算了
3.製作作業的時間：3週以上]]> 1035445036 104-1《中國》竹視傳二C-網頁設計 Sat, 21 Nov 2015 23:35:00 +0800 http://mepopedia.com/forum/read.php?2481,78009,78484#msg-78484 http://mepopedia.com/forum/read.php?2481,78009,78484#msg-78484 http://mepopedia.com/~web104-2c/midterm/midterm-1035445084
(2)
1有無遇到的問題
沒什麼太大的問題
2.製作感想
覺得很有成就感
3.製作作業的時間
約8小時

前置作業
(1)網站主題： 角色介紹
(2)製作動機： 覺得這隻角色的故事很有趣
(3)製作內容：
角色簡介、天賦符文、技能介紹、角色攻略、角色影片

(4)資料蒐集分析
◎設計優良網站(風格)列表與分析：
http://lol.garena.tw/preindex
清楚簡單
◎相關網站列表與分析：
http://lol.garena.tw/]]> 1035445084 104-1《中國》竹視傳二C-網頁設計 Sat, 21 Nov 2015 01:51:30 +0800 http://mepopedia.com/forum/read.php?2481,78009,78483#msg-78483 http://mepopedia.com/forum/read.php?2481,78009,78483#msg-78483
(1)作業網址
http://mepopedia.com/~web104-2c/midterm/midterm-1035445180
(2)
1有無遇到的問題
對整個都還不太熟悉~許多問題都還是要靠同學才能完成
2.製作感想
做出來讓我非常有成就感
3.製作作業的時間
約4.5小時

前置作業(11/05)
(1)網站主題： 遊戲官網
(2)製作動機：喜歡玩LOL
(3)製作內容：
角色介紹.技能介紹.影片

(4)資料蒐集分析
◎設計優良網站(風格)列表與分析：
http://lol.garena.tw/preindex
清楚簡單
◎相關網站列表與分析：
http://lol.garena.tw/]]> 1035445180 104-1《中國》竹視傳二C-網頁設計 Sat, 21 Nov 2015 01:51:02 +0800 http://mepopedia.com/forum/read.php?2481,78009,78474#msg-78474 http://mepopedia.com/forum/read.php?2481,78009,78474#msg-78474 (2)
1有無遇到的問題 做完又不見
2.製作感想 很有成就感
3.製作作業的時間 一整天

(1)網站主題： Lana del rey
(2)製作動機： 喜歡的歌手
(3)製作內容：
關於(index.html)
專輯介紹(album.html)
相片集(photo.html)
MV欣賞(movie.html)
(4)資料蒐集分析 維基百科]]> 李家欣 104-1《中國》竹視傳二C-網頁設計 Fri, 20 Nov 2015 11:15:39 +0800 http://mepopedia.com/forum/read.php?2481,78009,78470#msg-78470 http://mepopedia.com/forum/read.php?2481,78009,78470#msg-78470
(1) http://mepopedia.com/~web104-2c/midterm/midterm-1035445156
(2)
1遇到問題與同學一起研究 室友用心的教我 我好感動
2.剛開始覺得霧薩薩，之後越做越上手
3.哈哈哈8小時



前置作業(11/05)
(1)網站主題：迪士尼公主
(2)製作動機： 很喜歡公主~
(3)製作內容： 有7個我愛的公主的介紹~
(4)資料蒐集分析
◎設計優良網站(風格)列表與分析：http://www.culturalsolutions.co.uk/
互動式的網站更吸引人停留腳步多看幾眼]]> 1035445156 104-1《中國》竹視傳二C-網頁設計 Fri, 20 Nov 2015 01:18:46 +0800 http://mepopedia.com/forum/read.php?2481,78009,78465#msg-78465 http://mepopedia.com/forum/read.php?2481,78009,78465#msg-78465 (2)製作動機： 最近較關切
(3)製作內容：
分為5個分頁
1.關於籃協. (index.html)
2 訊息公告(new.html)
3.紀錄台 (record.html)
4.教練講習公告 (coach.html)
5.裁判講習公告 (notices.html)

(4)資料蒐集分析
◎設計優良網站(風格)列表與分析：http://www.sta.org.tw/new_sta/



完成品(11/19前)

(1)作業網址
http://mepopedia.com/~web104-2c/midterm/midterm-1035445147

(2)
1有無遇到的問題
老師的影片很多，很好學習，只是那時沒看到做分頁的影片，又去問同學
2.製作感想
很累，但很開心
3.製作作業的時間
一整天]]> 高永鈞 104-1《中國》竹視傳二C-網頁設計 Thu, 19 Nov 2015 18:37:55 +0800 http://mepopedia.com/forum/read.php?2481,78009,78461#msg-78461 http://mepopedia.com/forum/read.php?2481,78009,78461#msg-78461
(2) 1有無遇到的問題:還在慢慢熟悉網頁語法，遇到不會的連結問題就請教同學

2.製作感想:網頁真的好難但做完真的好有成就真的學到很多。

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

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

(1)網站主題：龍貓

(2)製作動機：製作藍色調的感覺比較輕快。

(3)製作內容：
1.關於
2.人物介紹
3劇情大綱
4.配音人員
5.周邊商品

學號:1035445018]]> 廖慧伃0908 104-1《中國》竹視傳二C-網頁設計 Thu, 19 Nov 2015 14:49:05 +0800 http://mepopedia.com/forum/read.php?2481,78009,78459#msg-78459 http://mepopedia.com/forum/read.php?2481,78009,78459#msg-78459 (2)製作動機：我非常的喜歡愛麗斯夢遊仙境~~~有一部電影(魔鏡夢遊)是出於他的故事
(3)製作內容：
分為5個分頁
1.電影介紹(index.html)
2.角色介紹(style.html)
3.寫真集 (introduction.html)
4.曲目 (exhibition.html)
5.曲目 (traffic.html)

(4)資料蒐集分析
◎設計優良網站(風格)列表與分析：http://www.pazzo.com.tw/
風格簡單舒服
◎相關網站列表與分析：http://www.pazzo.com.tw/LookBooks#/
照片擺放讓頁面不凌亂

(1)作業網址：http://mepopedia.com/~web104-2c/midterm/midterm-1035445096/red.html

(2)
1有無遇到的問題：切片位置跑掉、影片嵌入以及btn的問題
2.製作感想：在解決問題的時，頭部極疼，但做完之後非常有成就感，看到網頁整整齊齊呈現在我眼前好抒壓、好好看！
3.製作作業的時間：3小時]]> 1035445096 104-1《中國》竹視傳二C-網頁設計 Thu, 19 Nov 2015 14:14:04 +0800 http://mepopedia.com/forum/read.php?2481,78009,78457#msg-78457 http://mepopedia.com/forum/read.php?2481,78009,78457#msg-78457 (2)製作動機：我熱愛跑步 我的女神是歐陽靖
(3)製作內容：
分為5個分頁
1..跑者 (index.html)
2 歐陽靖(oy.html)
3.末日 (brand.html)
4.馬拉松 (marathon.html)
5.影片賞析 (fixtures.html)

(1)作業網址
http://mepopedia.com/~web104-2c/midterm/midterm-1035445015

(2)
1有無遇到的問題
會一直亂步驟
2.製作感想
覺得很難很難，但是做完超有成就感~~~
3.製作作業的時間
2小時]]> ases41026 104-1《中國》竹視傳二C-網頁設計 Thu, 19 Nov 2015 14:00:56 +0800 http://mepopedia.com/forum/read.php?2481,78009,78456#msg-78456 http://mepopedia.com/forum/read.php?2481,78009,78456#msg-78456 (2)製作動機：世界三大設計師
(3)製作內容：
分為5個分頁
1.簡介. (index.html)
2.生平 (life.html)
3.作品賞析(works.html)
4.網路連結 (links.html)
5.相關資訊 (Information.html)

(4)資料蒐集分析
◎設計優良網站(風格)列表與分析：http://houshidai.com/master/gunter-rambow.html
◎相關網站列表與分析：http://baike.baidu.com/view/625367.htm



完成品(11/19前)

(1)作業網址
http://mepopedia.com/~web104-2c/midterm/midterm-1035445219

(2)
1有無遇到的問題
排版.人繞圖的問題
2.製作感想
有些地方搞不清楚，後來了解就會做了
3.製作作業的時間
很長時間]]> 1035445219 104-1《中國》竹視傳二C-網頁設計 Thu, 19 Nov 2015 13:12:27 +0800 http://mepopedia.com/forum/read.php?2481,78009,78455#msg-78455 http://mepopedia.com/forum/read.php?2481,78009,78455#msg-78455 (2)製作動機：喜歡這遊戲
(3)製作內容：
分為4個分頁
1.遊戲介紹 (index.html)
2 人物介紹(history.html)
3.圖片欣賞(albums.html)
4.系列作(mv.html)
5.相關連結(link.html)



(1)作業網址
http://mepopedia.com/~web104-2c/midterm/midterm-1035445126

(2)
1有無遇到的問題
沒有
2.製作感想
很有一番風味
3.製作作業的時間
8小時]]> pippin 104-1《中國》竹視傳二C-網頁設計 Thu, 19 Nov 2015 12:37:45 +0800 http://mepopedia.com/forum/read.php?2481,78009,78454#msg-78454 http://mepopedia.com/forum/read.php?2481,78009,78454#msg-78454 (2)製作動機：我很喜歡的一部電影
(3)製作內容：
分為5個分頁
1.關於小時代(index.html)
2 小說(Story.html)
3.電影歌曲 (Character.html)
4.演員介紹 (Quotations.html)
(1)作業網址
http://mepopedia.com/~web104-2c/midterm/midterm-1035445123

(2)
1有無遇到的問題
圖片出不來，真的很煩躁一直出不來，也看過問題 不知道有啥問題欸
2.製作感想
各種問題，有點不知道該怎麼解決

3.製作作業的時間
24小時]]> 林悅煦 104-1《中國》竹視傳二C-網頁設計 Thu, 19 Nov 2015 12:24:12 +0800 http://mepopedia.com/forum/read.php?2481,78009,78453#msg-78453 http://mepopedia.com/forum/read.php?2481,78009,78453#msg-78453
(2) 1有無遇到的問題:因為家裡沒有軟體所以只能課堂做，所以有點難在時間內完成 。

2.製作感想:慢慢再熟悉了，希望下次能更進步 。



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

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

(1)網站主題：布丁狗ポムポムプリン

(2)製作動機：本身很喜歡布丁狗~~想表達可愛感 咖啡 黃 橘色為主色調

(3)製作內容：

1.index/關於布丁狗
2.friend/布丁狗的朋友
3.picture/圖片欣賞
4.coffee/布丁狗咖啡廳
5.link/相關連結

(4)資料蒐集分析:
https://twitter.com/purin_sanrio?lang=ja

1.設計優良網站(風格)列表與分析：http://pompom.createrestaurants.com/jp/


2.相關網站列表與分析：學號:1035445030]]> blue6062 104-1《中國》竹視傳二C-網頁設計 Thu, 19 Nov 2015 12:15:12 +0800 http://mepopedia.com/forum/read.php?2481,78009,78451#msg-78451 http://mepopedia.com/forum/read.php?2481,78009,78451#msg-78451 請將這項放置於文章最前面
(1)作業網址
http://mepopedia.com/~web104-2c/midterm/midterm-1035445087/(2)
1有無遇到的問題 我完全有障礙
2.製作感想
完全不知道該怎麼弄 弄了很多次還做錯也刪了很多次,感謝兩位室友的幫忙,多虧陳室友跟阮室友的幫忙我才教得出作業 雖然非常陽春請多包涵
3.製作作業的時間
兩天 可能再多一些




前置作業(11/05)
(1)網站主題： 愛麗絲夢遊仙境
(2)製作動機： 我喜歡愛麗絲 追他很久了
(3)製作內容： 愛麗絲的各種介紹
(4)資料蒐集分析 大多是維基百科
◎設計優良網站(風格)列表與分析：
◎相關網站列表與分析：]]> lilyred 104-1《中國》竹視傳二C-網頁設計 Thu, 19 Nov 2015 11:58:52 +0800 http://mepopedia.com/forum/read.php?2481,78009,78450#msg-78450 http://mepopedia.com/forum/read.php?2481,78009,78450#msg-78450 (2)製作動機：我愛饒舌
(3)製作內容：介紹他們




完成品(11/19前)

(1)作業網址
http://mepopedia.com/~web104-2c/midterm/midterm-1035445066

(2)網頁設計好難喔一個頭兩個扁]]> 彭八羔子 104-1《中國》竹視傳二C-網頁設計 Thu, 19 Nov 2015 11:41:44 +0800 http://mepopedia.com/forum/read.php?2481,78009,78449#msg-78449 http://mepopedia.com/forum/read.php?2481,78009,78449#msg-78449 (2)製作動機： 十二生肖好做
(3)製作內容：
分為3個分頁
1.作者介紹. 我
2 作品介紹 good
3.問與答 (Q&A.html)
4.相關商品 (pruductsn.html)
5.聯絡資訊 097654xxxx

(4)資料蒐集分析
◎設計優良網站(風格)列表與分析： http://www.niusnews.com/
利用類似色來進行設計
◎相關網站列表與分析： http://www.pinkoi.com/
簡單又不失美感




完成品(11/19前)

(1)作業網址
http://mepopedia.com/~web104-2c/midterm/midterm-1035445078

(2)
1有無遇到的問題
都好難
2.製作感想
好難
3.製作作業的時間
好久]]> 陳八羔子 104-1《中國》竹視傳二C-網頁設計 Thu, 19 Nov 2015 11:20:24 +0800 http://mepopedia.com/forum/read.php?2481,78009,78448#msg-78448 http://mepopedia.com/forum/read.php?2481,78009,78448#msg-78448
2.有無遇到的問題:有時候字會跑掉 有點無助 但老師教學影片講解清楚真的太方便了


2.製作感想:做完後覺得很有成就感

3.製作作業的時間: 4-5h
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

(1)網站主題：嚕嚕米~~

(2)製作動機：因為嚕嚕米真的超可愛的 又能給人正面的感覺

(3)製作內容：
1.嚕嚕米的介紹
2.嚕嚕米的家人
3.嚕嚕米的出場
4.嚕嚕米的生活
5.嚕嚕米的影片

(4)資料蒐集分析:
1.設計優良網站(風格)列表與分析：http://www.npm.gov.tw/
一個很有東方風格的感覺
2.相關網站列表與分析：http://pick.mydesy.com/
學號:1035445093]]> a27417944 104-1《中國》竹視傳二C-網頁設計 Thu, 19 Nov 2015 11:18:32 +0800 http://mepopedia.com/forum/read.php?2481,78009,78443#msg-78443 http://mepopedia.com/forum/read.php?2481,78009,78443#msg-78443 (2)製作動機： 高中畢業製作的專題展示
(3)製作內容：
分為5個分頁
1.起源(start.html)
2 關於(about.html)
3.吉祥物 (use.html)
4.標誌 (brand.html)
5.影片 (photo.html)




完成品(11/19前)

(1)作業網址
http://mepopedia.com/~web104-2c/midterm/midterm-103544520

(2)
1有無遇到的問題
很多東西都不熟練 但完成後莫名的就會了
2.製作感想
好幾度想撞牆，但是慢慢地看到成品就有完成的動力，完成做品就很感動
3.製作作業的時間
12小時 從天黑到天亮]]> 1035445120 104-1《中國》竹視傳二C-網頁設計 Thu, 19 Nov 2015 07:36:11 +0800 http://mepopedia.com/forum/read.php?2481,78009,78441#msg-78441 http://mepopedia.com/forum/read.php?2481,78009,78441#msg-78441 (1)作業網址:http://mepopedia.com/~web104-2c/midterm/midterm-1035445081
(2)
1有無遇到的問題 沒有
2.製作感想 做網頁蠻複雜的，但做完之後鰻有成就感的~
3.製作作業的時間 4小時

前置作業
(1)網站主題：大英雄天團
(2)製作動機：突然想到，而且是一部蠻好看的影片
(3)製作內容：
1.劇情介紹(index.html)
2.腳色介紹(actor.html)
3.花絮(highlights.html)
4.背景音樂(music.html)
5.預告片段(part.html)]]> 1035445081 104-1《中國》竹視傳二C-網頁設計 Thu, 19 Nov 2015 05:30:15 +0800 http://mepopedia.com/forum/read.php?2481,78009,78438#msg-78438 http://mepopedia.com/forum/read.php?2481,78009,78438#msg-78438
(1)網站主題：李榮浩
(2)製作動機： 非常喜歡他的音樂
(3)製作內容：
分為3個分頁
1.關於他 (index.html)
2 專輯介紹(Albums.html)
3.MV(MV.html)]]> 1035445201 104-1《中國》竹視傳二C-網頁設計 Thu, 19 Nov 2015 05:00:18 +0800 http://mepopedia.com/forum/read.php?2481,78009,78435#msg-78435 http://mepopedia.com/forum/read.php?2481,78009,78435#msg-78435 (2)
1有無遇到的問題:滑鼠變化影像,突然沒辦變換圖片

2.製作感想: 語法有點錯亂,不過一步一步慢慢做完感覺很開心

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

(1)網站主題：細田守
(2)製作動機：喜歡他的長篇動畫電影
(3)製作內容：分五個部分頁面 介紹 經歷 作品 預告片 相關
(4)資料蒐集分析
◎設計優良網站(風格)列表與分析 http://www.elisacarareto.com/
繪圖風格特別
◎相關網站列表與分析：]]> 1035445060 104-1《中國》竹視傳二C-網頁設計 Thu, 19 Nov 2015 03:53:23 +0800 http://mepopedia.com/forum/read.php?2481,78009,78434#msg-78434 http://mepopedia.com/forum/read.php?2481,78009,78434#msg-78434 (2)製作動機：一直都覺得水墨畫是中國人最美的書畫表現，所以介紹了水墨畫。
(3)製作內容：水墨畫的特色、由來、鑑賞等等
分為5個分頁
1.水墨畫的認識 (index.html)
2 水墨畫的起源 (index_2.html)
3.水墨畫的特色 (index_3.html)
4.水墨畫的由來 (index_4.html)
5.水墨畫的鑑賞 (index_5.html)

(4)資料蒐集分析
http://163.17.158.1/chpaint/knowing.htm
https://tw.answers.yahoo.com/question/index?qid=20090527000015KK05530




完成品(11/19前)

(1)作業網址
http://mepopedia.com/~web104-2c/midterm/midterm-1035445035

(2)
1有無遇到的問題
問題都有馬上被解決
2.製作感想
熬夜做很久，但完成了覺得其實並不是這麼難
3.製作作業的時間
一整個晚上(約23:30至3:30)]]> 小小豪 104-1《中國》竹視傳二C-網頁設計 Thu, 19 Nov 2015 03:30:28 +0800 http://mepopedia.com/forum/read.php?2481,78009,78432#msg-78432 http://mepopedia.com/forum/read.php?2481,78009,78432#msg-78432 (2)
1有無遇到的問題 :還好，影片一直拋不出來不知道為什麼
2.製作感想:很有成就感 一直以為很難
3.製作作業的時間:5~6小時

(1)網站主題：孩子王春艷
(2)製作動機：我很喜歡這個饒舌歌手所以製作他的網頁
(3)製作內容：
簡介 index.html
團體 group.html
相片 photo.html
專輯 alboms.html
影片 film.html
(4)資料蒐集分析
沒有
學號1035445009]]> 濁濁 104-1《中國》竹視傳二C-網頁設計 Thu, 19 Nov 2015 02:55:27 +0800 http://mepopedia.com/forum/read.php?2481,78009,78428#msg-78428 http://mepopedia.com/forum/read.php?2481,78009,78428#msg-78428 (2)製作動機： 因為我喜歡水果，所以想做一個介紹水果及水果營養的網站。
(3)製作內容：
1.介紹 (index.html)
2 香蕉 (banana.html)
3.奇異果 (kiwi.html)
4.火龍果 (pitaya.html)
5.芭樂 (guava.html)
6.葡萄 (grape.html)
(4)資料蒐集分析
◎設計優良網站(風格)列表與分析：http://www.meierq.com/
照片跟文字都很有質感
分區也做得很有規劃
整體感覺有金屬冷灰偏像冬天的色調看起來很舒服

◎設計優良網站(風格)列表與分析：http://www.divinewrite.com.au/?source=silverpistolflash-home
一個文案設計的網站
做的很有質感 看起來簡單清爽



(1)作業網址
http://mepopedia.com/~web104-2c/midterm/midterm-1035445090

(2)
1有無遇到的問題：找不到更改的項目跟文字需要如何置中
2.製作感想：對網頁製作不熟悉，很謝謝身邊的老師與同學的幫助，讓我完成了它，有小小的成就感好開心～～
3.製作作業的時間：3~4小時]]> 林品秀 104-1《中國》竹視傳二C-網頁設計 Thu, 19 Nov 2015 02:41:10 +0800