[期末作業] 以雙欄為主的網站設計
(1)作業網址： http://mepopedia.com/~web100a/final/final-1001445068/index.html
(2).
1.製作作業的時間： 三天
2.有無遇到的問題： 已經解決了
3.製作心得與感想：製作時遇到很多不順利的問題 總算一一解決很開心!!!!
-------------------------------------------------------------------------------------------------
(1)網站主題：蘇打綠
(2)導覽列架構設定
(3)尺寸與架構設定
[img]http://a7.sphotos.ak.fbcdn.net/hphotos-ak-ash4/390732_340643239283594_100000137627485_1495751_1404371520_n.jpg[/img]
(4)風格設定：簡單有質感
(5)主色調，輔助色調：(主)黑色/(輔)白色
(6)製作動機：很喜歡蘇打綠想給他們做一個漂亮網站
(7)製作目的 希望這次作的可以跟上次做得有不一樣的風格
MEPOERs said:
(2).
1.製作作業的時間： 三天
2.有無遇到的問題： 已經解決了
3.製作心得與感想：製作時遇到很多不順利的問題 總算一一解決很開心!!!!
-------------------------------------------------------------------------------------------------
(1)網站主題：蘇打綠
(2)導覽列架構設定
(3)尺寸與架構設定
[img]http://a7.sphotos.ak.fbcdn.net/hphotos-ak-ash4/390732_340643239283594_100000137627485_1495751_1404371520_n.jpg[/img]
(4)風格設定：簡單有質感
(5)主色調，輔助色調：(主)黑色/(輔)白色
(6)製作動機：很喜歡蘇打綠想給他們做一個漂亮網站
(7)製作目的 希望這次作的可以跟上次做得有不一樣的風格
Edited 3 time(s). Last edit at 12/27/2011 11:25PM by enjoyad920.
(編輯記錄)
MEPOERs said:
JinJin: 認真的作品，建議類似BACK可再設定a連結CSS，會有更專業的感覺，某些字再小一點會更好。
(1)作業網址： http://mepopedia.com/~web100a/final/final-1001445015/
(2).
1.製作作業的時間： 3~4天
2.有無遇到的問題： 很問題，雙欄也很容易跑掉，spy也有很多問題，像連結之類得就不知道怎麼設。
3.製作心得與感想：還是很有成就感，遇到挫折會一直想辦法解決，主要是講義幫了很多忙。
[hr]
(1)網站主題：聖誕節
(2)導覽列架構設定 ：
[IMG]http://i1188.photobucket.com/albums/z404/tonyxp3000/57636a66.jpg[/IMG]
[hr]
(3)尺寸與架構設定 ：
[IMG]http://i1188.photobucket.com/albums/z404/tonyxp3000/b35d9bb4.jpg[/IMG]
[hr]
(4)風格設定：可愛活潑
(5)主色調，輔助色調：主要藍色，白紅色為輔
(6)製作動機：應景
(7)製作目的：讓大家認識到聖誕節
預期效果：不要太死板希望能更活潑一點
(2).
1.製作作業的時間： 3~4天
2.有無遇到的問題： 很問題，雙欄也很容易跑掉，spy也有很多問題，像連結之類得就不知道怎麼設。
3.製作心得與感想：還是很有成就感，遇到挫折會一直想辦法解決，主要是講義幫了很多忙。
[hr]
(1)網站主題：聖誕節
(2)導覽列架構設定 ：
[IMG]http://i1188.photobucket.com/albums/z404/tonyxp3000/57636a66.jpg[/IMG]
[hr]
(3)尺寸與架構設定 ：
[IMG]http://i1188.photobucket.com/albums/z404/tonyxp3000/b35d9bb4.jpg[/IMG]
[hr]
(4)風格設定：可愛活潑
(5)主色調，輔助色調：主要藍色，白紅色為輔
(6)製作動機：應景
(7)製作目的：讓大家認識到聖誕節
預期效果：不要太死板希望能更活潑一點
Edited 1 time(s). Last edit at 12/27/2011 11:25PM by 1001445015.
(編輯記錄)
完成品
(1)作業網址： http://mepopedia.com/~web100a/final/final-1001445098
(2).
1.製作作業的時間：3~5小時
2.有無遇到的問題：沒有什麼問題。
3.製作心得與感想：這次比期中多了好多功能，做出來的網站感覺更豐富了!
前置作業
(1)網站主題： LADY GAGA
(2)導覽列架構設定
[img]https://fbcdn-sphotos-a.akamaihd.net/hphotos-ak-snc7/395575_236726506397174_100001794806807_557868_1405309395_n.jpg[/img]
(3)尺寸與架構設定
[img]https://fbcdn-sphotos-a.akamaihd.net/hphotos-ak-ash4/396335_236725503063941_100001794806807_557867_2007218722_n.jpg[/img]
(4)風格設定： 簡約
(5)主色調，輔助色調：黑白色調
(6)製作動機： 很喜歡lady gaga，藉以這次機會統整她的事蹟。
(7)製作目的： 想讓大家更認識她，了解她的作品。
預期效果： 畫面乾淨整齊。
(8)資料蒐集分析：在補上
MEPOERs said:
(1)作業網址： http://mepopedia.com/~web100a/final/final-1001445098
(2).
1.製作作業的時間：3~5小時
2.有無遇到的問題：沒有什麼問題。
3.製作心得與感想：這次比期中多了好多功能，做出來的網站感覺更豐富了!
前置作業
(1)網站主題： LADY GAGA
(2)導覽列架構設定
[img]https://fbcdn-sphotos-a.akamaihd.net/hphotos-ak-snc7/395575_236726506397174_100001794806807_557868_1405309395_n.jpg[/img]
(3)尺寸與架構設定
[img]https://fbcdn-sphotos-a.akamaihd.net/hphotos-ak-ash4/396335_236725503063941_100001794806807_557867_2007218722_n.jpg[/img]
(4)風格設定： 簡約
(5)主色調，輔助色調：黑白色調
(6)製作動機： 很喜歡lady gaga，藉以這次機會統整她的事蹟。
(7)製作目的： 想讓大家更認識她，了解她的作品。
預期效果： 畫面乾淨整齊。
(8)資料蒐集分析：在補上
Edited 2 time(s). Last edit at 12/28/2011 12:45AM by 0零零0.
(編輯記錄)
MEPOERs said:
JinJin: 恭喜完成，首頁感覺不錯，但內文的字稍嫌擁擠，可增加行距與字可再小，按鈕文字再小會更有精緻感
(1)作業網址 ：http://mepopedia.com/~web100a/final/final-1001445080/
(2). 1.製作作業的時間：每天做一小部分,大致上算下來加上找其他圖片有快接近10小時
2.有無遇到的問題：原本想做HW10的那個部分,但發現做出來好像沒有很完整,所以就改做雙欄+繞圖排文這樣 .......
3.製作心得與感想：上面那個是小遺憾,不過還是有些成就感,而且無意間又複習了一次哈利波特~~ 哈哈 ~~
(1)網站主題 ： 哈利波特Harry potter 簡介
(2)導覽列架構設定
(3)尺寸與架構設定
(4)風格設定 ：魔幻神秘
(5)主色調/輔助色調 ： 墨綠帶點咖啡色/黃色 (之後會依美觀程度改變)
(6)製作動機 ：哈利波特 好看!!!!! 最喜歡 榮恩˙衛斯理 ~~
(7)製作目的 ：讓自己變得更強!!!!!!
預期效果 ：讓人一眼看了就會讚嘆的那種程度~
(8)資料蒐集分析
http://harrypotter.tw.warnerbros.com/main/homepage/home.html
http://zh.wikipedia.org/zh-tw/%E5%93%88%E5%88%A9%E6%B3%A2%E7%89%B9
http://www.hpfl.net/
http://tw.knowledge.yahoo.com/question/question?qid=1508041308572
(2). 1.製作作業的時間：每天做一小部分,大致上算下來加上找其他圖片有快接近10小時
2.有無遇到的問題：原本想做HW10的那個部分,但發現做出來好像沒有很完整,所以就改做雙欄+繞圖排文這樣 .......
3.製作心得與感想：上面那個是小遺憾,不過還是有些成就感,而且無意間又複習了一次哈利波特~~ 哈哈 ~~
(1)網站主題 ： 哈利波特Harry potter 簡介
(2)導覽列架構設定
(3)尺寸與架構設定
(4)風格設定 ：魔幻神秘
(5)主色調/輔助色調 ： 墨綠帶點咖啡色/黃色 (之後會依美觀程度改變)
(6)製作動機 ：哈利波特 好看!!!!! 最喜歡 榮恩˙衛斯理 ~~
(7)製作目的 ：讓自己變得更強!!!!!!
預期效果 ：讓人一眼看了就會讚嘆的那種程度~
(8)資料蒐集分析
http://harrypotter.tw.warnerbros.com/main/homepage/home.html
http://zh.wikipedia.org/zh-tw/%E5%93%88%E5%88%A9%E6%B3%A2%E7%89%B9
http://www.hpfl.net/
http://tw.knowledge.yahoo.com/question/question?qid=1508041308572
Edited 1 time(s). Last edit at 12/30/2011 09:03PM by Marissa Yeh.
(編輯記錄)
(1)作業網址：http://mepopedia.com/~web100a/final/final-1001445021
(2).
1.製作作業的時間：4~6小時
2.有無遇到的問題：目前沒有
3.製作心得與感想：感覺有比較像一個完整的網頁了
[hr]
(1)網站主題：Ed Hardy
(2)導覽列架構設定
[IMG]http://i278.photobucket.com/albums/kk87/karen810909/ex-finallayout-01.jpg[/IMG]
(3)尺寸與架構設定
[IMG]http://i278.photobucket.com/albums/kk87/karen810909/ex-finallayout-02.jpg[/IMG]
(4)風格設定：同色系
(5)主色調，輔助色調：主－咖啡色，輔－黃色
(6)製作動機：介紹不同於以往看到的刺青藝術。
(7)製作目的：想更了解這個品牌有什麼產品和這個品牌的特色。
預期效果：整齊一致
(8)資料蒐集分析：Ed Hardy官方網站
MEPOERs said:
(2).
1.製作作業的時間：4~6小時
2.有無遇到的問題：目前沒有
3.製作心得與感想：感覺有比較像一個完整的網頁了
[hr]
(1)網站主題：Ed Hardy
(2)導覽列架構設定
[IMG]http://i278.photobucket.com/albums/kk87/karen810909/ex-finallayout-01.jpg[/IMG]
(3)尺寸與架構設定
[IMG]http://i278.photobucket.com/albums/kk87/karen810909/ex-finallayout-02.jpg[/IMG]
(4)風格設定：同色系
(5)主色調，輔助色調：主－咖啡色，輔－黃色
(6)製作動機：介紹不同於以往看到的刺青藝術。
(7)製作目的：想更了解這個品牌有什麼產品和這個品牌的特色。
預期效果：整齊一致
(8)資料蒐集分析：Ed Hardy官方網站
Edited 1 time(s). Last edit at 12/27/2011 08:54PM by Liou.
(編輯記錄)
MEPOERs said:
JinJin: 認真依每次進度按部就班完成的網頁，這次也有做出與上次截然不同的風格，若在影音那頁更豐富會更好!
(1)作業網址：http://mepopedia.com/~web100a/final/final-1001445048
(2).
1.製作作業的時間： 七天,每天幾乎都花6~8小時
2.有無遇到的問題： 有!我top不會加入文字,而且我還不小心把近乎全部的css語法刪掉!!又再重新改,真的是人生的10大崩潰期之一ˊˋ
3.製作心得與感想： 好累......很難過因為我覺得自己沒有達到心中的標準.....一直熬夜黑眼圈越來越重=3= 老師~看在我這麼可憐的份上給我高一點的分數吧 XDD
(1)網站主題：GAL系教主 益若翼
(2)導覽列架構設定
[img]http://a7.sphotos.ak.fbcdn.net/hphotos-ak-ash4/398072_240664352669408_100001775357795_565181_1173519260_n.jpg[/img]
(3)尺寸與架構設定
[img]http://a3.sphotos.ak.fbcdn.net/hphotos-ak-ash4/396436_240667496002427_100001775357795_565183_2034979773_n.jpg[/img]
(4)風格設定：日系甜美可愛風)
(5)主色調，輔助色調：主色調是粉紫色系和粉紅色系 輔助色是桃紅色和白色~
(6)製作動機：我很喜歡益若翼她的獨特風格和氣息~ 而且他不只人可愛連設計的東西都很懂女生的心,真的很有商業頭腦!!
(7)製作目的：我想要讓更多人認識小翼!!
預期效果：希望是甜美中又不會太雜亂
(8)資料蒐集分析
[img]http://a2.sphotos.ak.fbcdn.net/hphotos-ak-ash4/405615_238781992857644_100001775357795_561444_1383801251_n.jpg[/img]
[img]http://a8.sphotos.ak.fbcdn.net/hphotos-ak-ash4/391919_238782296190947_100001775357795_561445_246873875_n.jpg[/img]
[img]http://a1.sphotos.ak.fbcdn.net/hphotos-ak-ash4/388130_238784149524095_100001775357795_561454_2037445549_n.jpg[/img]
MEPOERs said:
(2).
1.製作作業的時間： 七天,每天幾乎都花6~8小時
2.有無遇到的問題： 有!我top不會加入文字,而且我還不小心把近乎全部的css語法刪掉!!又再重新改,真的是人生的10大崩潰期之一ˊˋ
3.製作心得與感想： 好累......很難過因為我覺得自己沒有達到心中的標準.....一直熬夜黑眼圈越來越重=3= 老師~看在我這麼可憐的份上給我高一點的分數吧 XDD
(1)網站主題：GAL系教主 益若翼
(2)導覽列架構設定
[img]http://a7.sphotos.ak.fbcdn.net/hphotos-ak-ash4/398072_240664352669408_100001775357795_565181_1173519260_n.jpg[/img]
(3)尺寸與架構設定
[img]http://a3.sphotos.ak.fbcdn.net/hphotos-ak-ash4/396436_240667496002427_100001775357795_565183_2034979773_n.jpg[/img]
(4)風格設定：日系甜美可愛風
)
(5)主色調，輔助色調：主色調是粉紫色系和粉紅色系 輔助色是桃紅色和白色~
(6)製作動機：我很喜歡益若翼她的獨特風格和氣息~ 而且他不只人可愛連設計的東西都很懂女生的心,真的很有商業頭腦!!
(7)製作目的：我想要讓更多人認識小翼!!
預期效果：希望是甜美中又不會太雜亂
(8)資料蒐集分析
[img]http://a2.sphotos.ak.fbcdn.net/hphotos-ak-ash4/405615_238781992857644_100001775357795_561444_1383801251_n.jpg[/img]
[img]http://a8.sphotos.ak.fbcdn.net/hphotos-ak-ash4/391919_238782296190947_100001775357795_561445_246873875_n.jpg[/img]
[img]http://a1.sphotos.ak.fbcdn.net/hphotos-ak-ash4/388130_238784149524095_100001775357795_561454_2037445549_n.jpg[/img]
Edited 1 time(s). Last edit at 12/31/2011 01:46AM by Tracy Liao.
(編輯記錄)
MEPOERs said:
JinJin: 目前只有兩頁嗎?還要再多一點分數會更高喔，加油!
(1)作業網址：http://mepopedia.com/~web100a/final/final-1001445076/
(2)
1.製作作業的時間：分開好幾天做,一天大概3~4小時
2.有無遇到的問題：還是有一些小問題,例如首頁的圖不知該如何放中間
3.製作心得與感想：學習到很多,雖然還是有問題,但是有一個東西出來我就好感動了,希望未來可以越做越好一直進步!
(1)網站主題： Running Man
(2)導覽列架構設定
(3)尺寸與架構設定
(4)風格設定：簡單
(5)主色調，輔助色調：白灰黑
(6)製作動機：喜歡看Running Man,很少看到Running Man的相關網站
(7)製作目的：希望這次做的會比上次更進步
預期效果：簡單不會很難看懂
(8)資料蒐集分析 維基百科youtube
(2)
1.製作作業的時間：分開好幾天做,一天大概3~4小時
2.有無遇到的問題：還是有一些小問題,例如首頁的圖不知該如何放中間
3.製作心得與感想：學習到很多,雖然還是有問題,但是有一個東西出來我就好感動了,希望未來可以越做越好一直進步!
(1)網站主題： Running Man
(2)導覽列架構設定
(3)尺寸與架構設定
(4)風格設定：簡單
(5)主色調，輔助色調：白灰黑
(6)製作動機：喜歡看Running Man,很少看到Running Man的相關網站
(7)製作目的：希望這次做的會比上次更進步
預期效果：簡單不會很難看懂
(8)資料蒐集分析 維基百科youtube
Edited 2 time(s). Last edit at 01/04/2012 12:35AM by 1001445076.
(編輯記錄)
(1)網站主題：
[img]http://i1118.photobucket.com/albums/k607/shiyi1126/241-1.jpg[/img]
[img]http://i1118.photobucket.com/albums/k607/shiyi1126/241-2.jpg[/img]
(4)風格設定：簡約清新
(5)主色調:灰.白 輔助色為綠色
(6)製作動機： 因為想做自己的網站
(7)製作目的： 送給自己
預期效果： 舒服清晰以及在學習上有所進步
(8)資料蒐集分析: Youtube跟自己
[img]http://i1118.photobucket.com/albums/k607/shiyi1126/241-1.jpg[/img]
[img]http://i1118.photobucket.com/albums/k607/shiyi1126/241-2.jpg[/img]
(4)風格設定：簡約清新
(5)主色調:灰.白 輔助色為綠色
(6)製作動機： 因為想做自己的網站
(7)製作目的： 送給自己
預期效果： 舒服清晰以及在學習上有所進步
(8)資料蒐集分析: Youtube跟自己
(1)作業網址： http://mepopedia.com/~web100a/final/final-1001445062
(2).
1.製作作業的時間： 3個多小時依然沒有做完
2.有無遇到的問題： spry不會用
....還有按出來背景'是M...??
3.製作心得與感想：做了很久但是自己還不是很滿意有些不會用就不能用好....
我昨天就上傳了但是以為只要傳格前置作業就沒有來回
老師我沒有做那個前製表格我直接做了....
老師~我完成了~
MEPOERs said:
(2).
1.製作作業的時間： 3個多小時依然沒有做完
2.有無遇到的問題： spry不會用
....還有按出來背景'是M...??
3.製作心得與感想：做了很久但是自己還不是很滿意有些不會用就不能用好....
我昨天就上傳了但是以為只要傳格前置作業就沒有來回
老師我沒有做那個前製表格我直接做了....
老師~我完成了~
Edited 1 time(s). Last edit at 12/28/2011 11:08AM by 蘇菜菜.
(編輯記錄)
MEPOERs said:
JinJin: body的背景設了圖片，可是你卻沒有那張圖，記得把body底圖的設定拿掉喔!
(1)作業網址： http://mepopedia.com/~web100a/final/final-1001445078
(2).
1.製作作業的時間： 2天
2.有無遇到的問題： 我連結用的怪怪的~~ 按下去不能到那個地方!!
3.製作心得與感想： 好累唷~~有點複雜 但感覺有個像樣的網站了唷!!!
(4)風格設定：2PM韓星風格
(5)主色調，輔助色調： 粉色系
(6)製作動機： 覺得他們很帥
(7)製作目的： 想再多了解他們
預期效果： 可以讓大家看到很帥的他們
MEPOERs said:
(2).
1.製作作業的時間： 2天
2.有無遇到的問題： 我連結用的怪怪的~~ 按下去不能到那個地方!!
3.製作心得與感想： 好累唷~~有點複雜 但感覺有個像樣的網站了唷!!!
(4)風格設定：2PM韓星風格
(5)主色調，輔助色調： 粉色系
(6)製作動機： 覺得他們很帥
(7)製作目的： 想再多了解他們
預期效果： 可以讓大家看到很帥的他們
MEPOERs said:
JinJin: 1.你的導覽圖的總寬度應該超過頁面寬度，所以或掉下來，2.其他的頁面也要套用原來的DIV和CSS才會有統一風格的設計喔!
(1)網站主題： 旅行
http://mepopedia.com/~web100a/final/final-1001445019/top.html
(2)導覽列架構設定
(4)風格設定 ：黑灰白色調為主
(5)主色調，輔助色調：黑色 ; 暗紅色
(6)製作動機：喜歡旅行
(7)製作目的：清楚明白介紹的這幾個國家的相關資訊
預期效果：簡單、有質感
(8)資料蒐集分析：維基百科......等
http://mepopedia.com/~web100a/final/final-1001445019/top.html
(2)導覽列架構設定
(4)風格設定 ：黑灰白色調為主
(5)主色調，輔助色調：黑色 ; 暗紅色
(6)製作動機：喜歡旅行
(7)製作目的：清楚明白介紹的這幾個國家的相關資訊
預期效果：簡單、有質感
(8)資料蒐集分析：維基百科......等
Edited 1 time(s). Last edit at 01/03/2012 08:36PM by SAIN.
(編輯記錄)
作業網址：
http://mepopedia.com/~web100a/final/final-1001445120
1.製作作業的時間：四～五天
2.有無遇到的問題：有很多然後請教同學
3.製作心得與感想：都會跑來跑去有時候顯示沒有出來但按live view就會顯示很奇怪
(4)風格設定：精品介紹用沈穩的色調製作
(5)主要內容：各品牌歷史界紹和圖片說明
(6)製作動機： 因為在想要做神麼突然看到自己錢包就想說作品牌
http://mepopedia.com/~web100a/final/final-1001445120
1.製作作業的時間：四～五天
2.有無遇到的問題：有很多然後請教同學
3.製作心得與感想：都會跑來跑去有時候顯示沒有出來但按live view就會顯示很奇怪
(4)風格設定：精品介紹用沈穩的色調製作
(5)主要內容：各品牌歷史界紹和圖片說明
(6)製作動機： 因為在想要做神麼突然看到自己錢包就想說作品牌
http://mepopedia.com/~web100a/final/final-1001445092/first.html
(2).
1.製作作業的時間：1個禮拜
2.有無遇到的問題：沒有
3.製作心得與感想：完成了好開心
(4)風格設定： 藍色系簡約風
(5)主要內容：介紹五月天
(6)製作動機：喜歡五月天
(2).
1.製作作業的時間：1個禮拜
2.有無遇到的問題：沒有
3.製作心得與感想：完成了好開心
(4)風格設定： 藍色系簡約風
(5)主要內容：介紹五月天
(6)製作動機：喜歡五月天
(1)作業網址： http://mepopedia.com/~web100a/final/final-1001445060
(2).
1.製作作業的時間：5小時
2.有無遇到的問題：有的但是我最後還是敗在錨點下了..... 我最後還是用了錨點
3.製作心得與感想：好累
(1)網站主題：攝影網站
(2)導覽列架構設定(3)尺寸與架構設定
(4)風格設定：藍灰色調
(5)主色調，輔助色調：(主)淡藍綠/(輔)灰色系
(6)製作動機：做自己的網頁
(7)製作目的：更方便的看照片吧
預期效果：清楚、簡單
(8)資料蒐集分析:NO
(2).
1.製作作業的時間：5小時
2.有無遇到的問題：有的但是我最後還是敗在錨點下了..... 我最後還是用了錨點
3.製作心得與感想：好累
(1)網站主題：攝影網站
(2)導覽列架構設定(3)尺寸與架構設定
(4)風格設定：藍灰色調
(5)主色調，輔助色調：(主)淡藍綠/(輔)灰色系
(6)製作動機：做自己的網頁
(7)製作目的：更方便的看照片吧
預期效果：清楚、簡單
(8)資料蒐集分析:NO
請將這項放置於文章最前面
(1)作業網址：http://mepopedia.com/~web100a/final/final-1001445088
(2).
1.製作作業的時間：一週多
2.有無遇到的問題：
其實有很多小問題,像WRAPPER的高那些
還有小細節的不足
3.製作心得與感想：
都做了一個學期我想我寒假會把它做完,這樣也有面子拿給別人看!
自己也為了完成而開心
前置作業(10/19)
(1)網站主題：延續期中
(2)導覽列架構設定
(1)作業網址：http://mepopedia.com/~web100a/final/final-1001445088
(2).
1.製作作業的時間：一週多
2.有無遇到的問題：
其實有很多小問題,像WRAPPER的高那些
還有小細節的不足
3.製作心得與感想：
都做了一個學期我想我寒假會把它做完,這樣也有面子拿給別人看!
自己也為了完成而開心
前置作業(10/19)
(1)網站主題：延續期中
(2)導覽列架構設定
Edited 1 time(s). Last edit at 01/04/2012 12:06PM by chingching.
(編輯記錄)
