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

Advanced

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

[期末作業] 以雙欄為主的網站設計

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



1. 一、製作說明:


1.請參考期末之前教過的做法及講義,製作以雙欄(多欄)為主的網站。

2.題目自訂,可以延續期中作業的主題,也可以是全新的主題。

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

4.需以Float浮動的方式建立雙欄(多欄)、DIV搭配CSS的方式完成,設定尺寸、字體、顏色等等。

5.至少需包含(1).Table:表格→匯整資料,(2)Float→繞圖排文,(3)臉書、噗浪等推文設定,(4)圖片跳窗連結,(5)導覽列設定。


6.製作完成上傳至FTP

2. 作業設計重點



[color=#CC0000](1)能自行設計以DIV與CSS製作的網站
(2)利用float設計雙欄網站
(3)利用項目清單設計導覽列
(4)利用自已設計的圖片、色彩搭配與字體設定等設計出具有質感的網頁[/color]



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


1.雙欄的製作(Float的使用),不同的連結方式
2.HTML的正確架構(DIV的使用)
3.整體設計美感(CSS運用,風格及配色,字體設定、圖片製作)
4.導覽列的正確性(含導覽超連結)
5.表格、繞圖排文、推文等設定
6.HTML Title的設定,Footer的版權宣告
7.內容的完整性
8.製作說明


4. 三、繳交作業方式


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

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

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

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

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


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

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

5. 回覆說明



[color=#0066CC]完成品[/color](12/28前)
[color=#FF0066]請將這項放置於文章最前面[/color]
(1)作業網址:
(2).
1.製作作業的時間:
2.有無遇到的問題:
3.製作心得與感想:
[color=#CC0066]4.請務必在12/28前回覆,否則為遲交[/color]


[color=#0066CC]前置作業[/color](10/19)
(1)網站主題:
(2)導覽列架構設定

範例參考:
[IMG]http://i556.photobucket.com/albums/ss1/whc915/webtree.jpg[/IMG]

(3)尺寸與架構設定

範例參考:
[IMG]http://i556.photobucket.com/albums/ss1/whc915/web-layout.jpg[/IMG]

(4)風格設定:
(5)主色調,輔助色調:
(6)製作動機:
(7)製作目的:
預期效果:

(8)資料蒐集分析

[color=#CC0099]◎設計優良網站(風格)列表與分析
請參考:http://mepopedia.com/forum/read.php?804,18412
並將網站分析回覆於前述網址
[/color]

◎相關網站列表與分析:




6. 四、期末作業進度參考


第十五週 12/14 題目及網站架構確定,版型、ˋ尺寸確定,資料蒐集與網站分析
第十六週 12/21 圖片製作,內容建構
第十七週 12/28 完成與上傳,檢討與修正
第十八週 01/04 成績確認與最後修改



=================================================
[color=#CC0066]※期末作業無論如何請一定要繳交,否則以期末以零分計※
※若經發現作業為直接複製同學檔案以零分計※[/color]
=================================================



Edited 1 time(s). Last edit at 12/07/2011 01:58AM by HP.
(編輯記錄)

MEPOERs said:
enjoyad920: 老師 我網頁用google瀏覽器開中文英文數字都是亂馬耶 我有貼上次說的那個語法還是一樣 然後用IE開就又正常 :(
enjoyad920: 還有那個我弄content-R 背景弄透明度還有陰影 background: rgba(256%,256%,256%,0.6); filter: alpha(opacity=60,finishopacity=95,style=1); box-shadow: #333 3px 3px 4px; 我貼這樣貼在#content-r 在google都有正常顯示出來但是在IE就都沒有耶
JinJin: 你說的亂碼是哪個?我看一下,你的IE是哪個版本?你這個語法是CSS3的語法,IE9以上才支援喔!
JinJin: http://www.css3maker.com/ 這個CSS3的網站很棒,有不同瀏覽器的寫法和支援的瀏覽器版本
enjoyad920: http://mepopedia.com/~web100a/final/final-1001445068
enjoyad920: 第二頁我先放了一句文字 我IE是7難怪不行哈哈 我剛剛上傳網頁怎麼一直失敗阿變成那個INDEX只能跑一半嗚嗚嗚
Attachments:
開啟 | 下載 - ex-finallayout.ai (1.15 MB)
12/28
(1)作業網址: http://mepopedia.com/~web100a/final/final-1001445096
(2).
1.製作作業的時間:2週
2.有無遇到的問題:剛開始因為搞不清楚首頁的CSS,所以一直壞掉,之後就每一個頁面用一個CSS...大致上看講義做沒有太大問題。
3.製作心得與感想:比期中作業好一點啦,做雙欄就覺得很厲害...大該沒想過自己可以做完這樣一個完整的網頁吧!

10/19
(1)網站主題:風之谷-宮崎駿作品
(2)導覽列架構設定
[img]http://a2.sphotos.ak.fbcdn.net/hphotos-ak-ash4/384600_313137165373320_100000311165714_1023649_1482751927_n.jpg[/img]
(3)尺寸與架構設定
[img]http://a8.sphotos.ak.fbcdn.net/hphotos-ak-snc7/375543_313142082039495_100000311165714_1023657_300776440_n.jpg[/img](在補上)
(4)風格設定:天藍色系,以宮崎駿畫的圖畫為主要。
(5)主色調:天藍色/輔助色調:白、灰、青綠
(6)製作動機:因為非常欣賞宮崎駿的作品,上次做的是「貓的報恩」,這次想做家喻戶曉的風之谷。
(7)製作目的:讓大家更清楚明白此片的動畫版與漫畫版,及作者製作動機...等。
預期效果: 不太雜亂,清楚明瞭,色彩豐富,能讓大眾清楚了解這網頁製作的目的。

(8)資料蒐集分析 作業9有做一分析...



Edited 4 time(s). Last edit at 12/28/2011 05:27PM by stu88153.
(編輯記錄)

MEPOERs said:
JinJin: 完整的作品!
(1)作業網址:
http://mepopedia.com/~web100a/final/final-1001445094
(2).
1.製作作業的時間:大約一個禮拜
2.有無遇到的問題:都還可以~有去問同學及圖書館找書看和上網找資料
3.製作心得與感想:撋很難但總算事做完了!!
(4)風格設定: 幾米的世界
(5)主要內容:大多以幾米的作品集活動展出
(6)製作動機: 因為很喜歡幾米的畫風,看了他的畵心裡會有許多感觸所以很喜歡~

MEPOERs said:
JinJin: 不同的分頁要記得套上同一個CSS樣式,不然樣式會跑掉喔!若有疑問記得上課提出!
(1)作業網址: http://mepopedia.com/~web100a/final/final-1001445074
(2).
1.製作作業的時間:8小時
2.有無遇到的問題:無
3.製作心得與感想:更明確的知道css和html之間的關係!



(1)網站主題:梵谷
(2)導覽列架構設定
[img]http://a2.sphotos.ak.fbcdn.net/hphotos-ak-ash4/375984_192231270869472_100002478009068_394783_1576734841_n.jpg[/img]
(3)尺寸與架構設定
[img]http://a3.sphotos.ak.fbcdn.net/hphotos-ak-snc7/383861_192231374202795_100002478009068_394784_465013545_n.jpg[/img]
(4)風格設定:夜晚的藍色調
(5)主色調,輔助色調:(主)深藍色/(輔)淡色系
(6)製作動機:梵谷的星夜與螺旋很吸引我
(7)製作目的:練習統整資訊,讓大家有更清楚的資料可看
預期效果:清楚、明白、帶出梵谷的憂鬱

(8)資料蒐集分析:待補目前還未找到



Edited 1 time(s). Last edit at 12/29/2011 09:15PM by anling.
(編輯記錄)

MEPOERs said:
enjoyad920: 老師 我網頁用google瀏覽器開中文英文數字都是亂馬耶 我有貼上次說的那個語法還是一樣 然後用IE開就又正常 :(
1)網站主題: 二手商品
(2)導覽列架構設定


[img]http://images.tinyuploads.com/tuploads3/2011-12-18/80849.jpg[/img]

(3)尺寸與架構設定

[img]http://images.tinyuploads.com/tuploads3/2011-12-18/80850.jpg[/img]


(4)風格設定: 黑色簡單
(5)主色調,輔助色調: 主色調 黑色 輔助色 白跟灰
(6)製作動機: 飾品有點多
(7)製作目的: 販賣自己二手商品
預期效果: 希望比之前的作業更好
有點像 http://www.2percenthk.com/

(1)作業網址: http://mepopedia.com/~web100a/final/final-1001445001/
(2).
1.製作作業的時間: 好幾個禮拜
2.有無遇到的問題: 有但上課時已經解決了
3.製作心得與感想: 很爽 做完了自己的網頁

(1)作業網址: http://mepopedia.com/~web100a/final/final-1001445068/index.html
(2).
1.製作作業的時間: 三天
2.有無遇到的問題: 已經解決了 smiling smiley
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,會有更專業的感覺,某些字再小一點會更好。
1001445058
(1)網站主題:波特萊爾大遇險
(2)導覽列架構設定

(3)尺寸與架構設定

(4)風格設定:陰森綠藍色
(5)主色調,輔助色調:(主)深綠色/(輔)藍綠色
(6)製作動機:小時候很愛看得書
(7)製作目的:將書依集好好敘訴
預期效果:吸引大家.讓大家也喜歡上它

(8)資料蒐集分析:http://tw.myblog.yahoo.com/jw!lN5wfhmLFRkv5vqJdSI-/article?mid=214



Edited 1 time(s). Last edit at 12/20/2011 08:19PM by p51062003.
(編輯記錄)

Attachments:
開啟 | 下載 - .jpg (634.5 KB)
開啟 | 下載 - .jpg (738.1 KB)
(1)網站主題:
(2)導覽列架構設定

[img]http://a6.sphotos.ak.fbcdn.net/hphotos-ak-ash4/382689_197358150355904_100002451609880_402836_1423320478_n.jpg[/img]

(3)尺寸與架構設定


[img]http://a4.sphotos.ak.fbcdn.net/hphotos-ak-ash4/409161_197358177022568_100002451609880_402837_452825912_n.jpg[/img]

(4)風格設定:簡約清新
(5)主色調:黑、白、紅 輔助色調:深藍
(6)製作動機: 因為喜歡楊丞琳
(7)製作目的: 希望讓大家能了解楊丞琳
預期效果: 簡單明瞭

(8)資料蒐集分析 維基百科 & Youtube

(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)製作動機:應景 spinning smiley sticking its tongue out
(7)製作目的:讓大家認識到聖誕節
預期效果:不要太死板希望能更活潑一點



Edited 1 time(s). Last edit at 12/27/2011 11:25PM by 1001445015.
(編輯記錄)

(4)風格設定: 暗色or深紫色色調、穩重的色調以各品牌LOGO為底圖。
(5)主色調:暗色調穩重的顏色
(6)製作動機:因為非常喜歡精品的那種細緻的工法和每季服裝秀衣服的設計和東西。
(7)製作目的:讓大家更清楚明白品牌的產地和在哪裡哪裡可以買到並介紹其設計師。
預期效果: 不太雜亂,清楚明瞭,能讓大眾清楚了解這網頁製作的目的。

(8)資料蒐集分析

Attachments:
開啟 | 下載 - 1001445120-01.jpg (1.14 MB)
開啟 | 下載 - 1001445120-02.jpg (1.87 MB)
(1)作業網址:
http://mepopedia.com/~web100a/final/final-1001445082
(2).
1.製作作業的時間:大約一個禮拜
2.有無遇到的問題:大致上還可以~有去圖書館找書看和上網找資料
3.製作心得與感想:終於做完了~~~好開心~~~期末作業終於完成了~~
(4)風格設定: 繽紛0pen將的色彩
(5)主色調輔助色調:大多以彩紅色為主
(6)製作動機: 因為open將深受大眾的喜愛~因為他長得很討喜
(7)製作目的: 認識為甚麼open將那麼有名氣

(1)作業網址: http://mepopedia.com/~web100a/final/final-1001445072/index.html
(2).
1.製作作業的時間: 6小時
2.有無遇到的問題: 一點點。就是表格的部分有色塊出不來。在軟體看正常,但是開網頁就看不到(如下圖)

[img]https://fbcdn-sphotos-a.akamaihd.net/hphotos-ak-snc7/s720x720/393215_353467101334308_100000130644250_1744158_551514833_n.jpg[/img]

3.製作心得與感想: 不會很困難,只是需要一點時間跟耐心!做起來很有成就感阿~


(1)網站主題: BIGBANG簡介
(2)導覽列架構設定

[img]https://fbcdn-sphotos-a.akamaihd.net/hphotos-ak-ash4/404503_347414375272914_100000130644250_1715880_1805912242_n.jpg[/img]

(3)尺寸與架構設定

[img]https://fbcdn-sphotos-a.akamaihd.net/hphotos-ak-ash4/392326_347414408606244_100000130644250_1715881_329131334_n.jpg[/img]

(4)風格設定:流行時尚簡約風
(5)主色調,輔助色調: 黑白,灰
(6)製作動機: 喜歡他們,希望透過漂亮的網站介紹他們
(7)製作目的: 希望做出來比期中強很多!!
預期效果: 讓大家一點進去就覺得不像是作業

(8)資料蒐集分析
http://zh.wikipedia.org/wiki/BIGBANG#.E5.B0.88.E8.BC.AF



Edited 1 time(s). Last edit at 12/29/2011 03:13PM by yaya0127.
(編輯記錄)

完成品
(1)作業網址: http://mepopedia.com/~web100a/final/final-1001445098
(2).
1.製作作業的時間:3~5小時
2.有無遇到的問題:沒有什麼問題。spinning smiley sticking its tongue out
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



Edited 1 time(s). Last edit at 12/30/2011 09:03PM by Marissa Yeh.
(編輯記錄)

(4)風格設定:暖色調,陽光沙灘風
(5)主色調,輔助色調:橘色,黃色綠色
(6)製作動機: 台灣好好玩
(7)製作目的: 讓人看了覺得有趣,想玩
預期效果:
希望可以做出舒服的感覺
(8)資料蒐集分析
各大網站及圖庫吧
或一些曾經自己拍的照片吧

MEPOERs said:
JinJin: 其他作業也要記得補齊喔!
Attachments:
開啟 | 下載 - 1001445110-01.jpg (1.17 MB)
開啟 | 下載 - 1001445110-02.jpg (1.87 MB)
(1)作業網址:http://mepopedia.com/~web100a/final/final-1001445021
(2).
1.製作作業的時間:4~6小時
2.有無遇到的問題:目前沒有
3.製作心得與感想:感覺有比較像一個完整的網頁了smiling smiley

[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)風格設定:日系甜美可愛風 smiling smiley)
(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-1001445108
(2). 1.製作作業的時間:兩個星期
2.有無遇到的問題: 有!雙欄做了很久才研究出來,還有一開始不知道怎麼變換滑鼠影像
3.製作心得與感想: 學到了很多,不會在對網頁感到很害怕了。



(1)網站主題:韓國女子天團2NE1
(2)導覽列架構設定
[img]http://a8.sphotos.ak.fbcdn.net/hphotos-ak-ash4/375260_200365020053163_100002390004555_412217_295156738_n.jpg[/img]


(3)尺寸與架構設定
[img]http://a2.sphotos.ak.fbcdn.net/hphotos-ak-ash4/408548_200364840053181_100002390004555_412216_896810217_n.jpg[/img]

(4)風格設定:色彩繽紛 符合2NE1帶領時尚的潮流
(5)主色調,輔助色調:紅黃藍,黑白
(6)製作動機:自己是2NE1的粉絲
(7)製作目的:從2NE1出道時就很喜歡她們,希望能好好介紹她們給更多人認識
預期效果:讓大家清楚的了解我想表達的

(8)資料蒐集分析:維基百科、youtube



Edited 4 time(s). Last edit at 01/03/2012 11:32PM by 張雍雍.
(編輯記錄)

作業網址:http://mepopedia.com/~web100a/final/final-1001445058

(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



Edited 2 time(s). Last edit at 01/04/2012 12:35AM by 1001445076.
(編輯記錄)

(1)網站主題:陳綺貞
(2)導覽列架構設定
[img]https://fbcdn-sphotos-a.akamaihd.net/hphotos-ak-ash4/407714_349247298424389_100000173644419_1610737_1340037275_n.jpg[/img]
(3)尺寸與架構設定
[img]https://fbcdn-sphotos-a.akamaihd.net/hphotos-ak-snc7/406466_349247611757691_100000173644419_1610739_184593230_n.jpg[/img]
(4)風格設定:簡單黑白風
(5)主色調,輔助色調:(主)黑白(輔)灰
(6)製作動機:非常崇拜她
(7)製作目的:讓更多人仔仔細的了解她
預期效果:希望能做出個有模有樣的網站

(8)資料蒐集分析:維基百科

(1)作業網址:http://mepopedia.com/~web100a/final/final-1001445013
(2)製作作業的時間:6小時多
2.有無遇到的問題:有
3.製作心得與感想:能做出自己喜歡的網頁
--------------------------------------------------------------------------------
(1)網站主題:戴佩妮
(2)導覽列架構設定
[IMG]http://i1103.photobucket.com/albums/g464/green801110/ex-finallayout-2_02.jpg[/IMG]
(3)尺寸與架構設定
[IMG]http://i1103.photobucket.com/albums/g464/green801110/ex-finallayout-1.jpg[/IMG]
(4)風格設定:簡單
(5)主色調,輔助色調:暖色系、白灰黑
(6)製作動機:欣賞她的才華也喜歡聽戴佩妮的歌
(7)製作目的: 讓更多人知道她
預期效果:簡單不會很難看懂

(8)資料蒐集分析 維基百科youtube等



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

MEPOERs said:
JinJin: 很清新乾淨的風格,也很完整,目前缺作業4,上傳後學期分數會更高喔!
(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跟自己spinning smiley sticking its tongue out

(1)作業網址:http://mepopedia.com/~web100a/final/final-1001445124
(2)製作作業的時間:約莫5小時
2.有無遇到的問題:有
3.製作心得與感想:恩........還有很大的進步空間

(1)作業網址:http://mepopedia.com/~web100a/final/final%20-1001445011/
(2)製作作業的時間:很多天
2.有無遇到的問題:有 ,是在同學的幫助下
3.製作心得與感想:有點成就感

(1)網站主題:韓國團體BIGBANG裡的T.O.P
(2)導覽列架構設定
[img]http://a8.sphotos.ak.fbcdn.net/hphotos-ak-ash4/409095_2702406838164_1196510458_32494200_1938207870_n.jpg[/img]


(3)尺寸與架構設定
[img]http://a2.sphotos.ak.fbcdn.net/hphotos-ak-ash4/396166_2702407158172_1196510458_32494201_1461834412_n.jpg[/img]


(4)風格設定:黑色酷感,符合top 酷酷的感覺
(5)主色調:黑 輔助色調:灰跟白
(6)製作動機:因為很喜歡top
(7)製作目的:希望能突破期中的作業
預期效果:比期中好
(8)資料蒐集分析:維基百科、youtube ,百度貼吧



Edited 2 time(s). Last edit at 01/03/2012 09:48PM by JudyChiu.
(編輯記錄)

MEPOERs said:
JinJin: 恭喜你完成,不過padding要記得設定,不然版面會太擠靠邊於看起來會過於擁擠,也希望你越來越進步囉!header是全黑的囉?
(1)作業網址:http://mepopedia.com/~web100a/final/final-1001445084
(2).
1.製作作業的時間:3天
2.有無遇到的問題:雙欄一直跑掉,預覽後有些字會跑位。
3.製作心得與感想: 感覺好像有點太簡陋。


(1)網站主題:Christian Dior
(2)導覽列架構設定
[img]http://a3.sphotos.ak.fbcdn.net/hphotos-ak-ash4/381776_2352485745064_1637784878_2004019_2092524133_n.jpg[/img]



(3)尺寸與架構設定
[img]http://a4.sphotos.ak.fbcdn.net/hphotos-ak-ash4/399788_2352485345054_1637784878_2004016_1464036748_n.jpg[/img]


(4)風格設定:灰白風格
(5)主色調,輔助色調:灰 白
(6)製作動機:想統整商品
(7)製作目的:更清楚了解這個品牌
預期效果:簡單清楚

(8)資料蒐集分析 http://www.dior.com/couture/tw_ct/node_64/node_83/node_319/Inspirations/20112



Edited 2 time(s). Last edit at 01/04/2012 12:09AM by Din.
(編輯記錄)

1/4
(1)作業網址: http://mepopedia.com/~web100a/final/final-1001445122
(2)
1.製作作業的時間:7小時(都在鬼打牆中過去(抹臉
2.有無遇到的問題:雙欄(眼神死 不管怎麼用都用不起來(掩面
3.製作心得與感想:努力把他排的比期中的看起來專業些拜託讓我過吧QAQ(哭喔

(1)網站主題:宮崎駿Miyazaki Hayao
(2)導覽列架構設定:詳見附檔
(3)尺寸與架構設定:詳見附檔
(4)風格設定:溫馨舒適另外搭配許多宮崎駿的圖片
(5)主色調,輔助色調:淺綠色基底搭配大地色的裝飾及線條
(6)製作動機:因為我喜歡宮崎駿 就這個原因
(7)製作目的:讓更多人知道宮崎駿這個人 順便救我的期末成績(?
預期效果:能讓人更了解他以及他的一切
(8)資料蒐集分析:維基 還有很多輸入宮崎駿就能找到的網頁



Edited 2 time(s). Last edit at 01/04/2012 02:13AM by 陳映廷.
(編輯記錄)

Attachments:
開啟 | 下載 - 1.jpg (126.8 KB)
開啟 | 下載 - 123.jpg (104.7 KB)
(1)網站主題:Gossip Girl
(2)導覽列架構設定
[img]http://a4.sphotos.ak.fbcdn.net/hphotos-ak-snc7/386064_239807786091933_100001881394658_556106_1398764819_n.jpg[/img]
(3)尺寸與架構設定
[img]http://a8.sphotos.ak.fbcdn.net/hphotos-ak-ash4/396178_239809709425074_100001881394658_556110_334210397_n.jpg[/img]
(4)風格設定:清新
(5)主色調:黑、黃
(6)製作動機: 喜歡歐美劇場
(7)製作目的: 讓大家了解gossip girl
預期效果: 還好

(8)資料蒐集分析 相關網站
(9作業網址: http://mepopedia.com/~web100a/final/final-1001445050/



Edited 1 time(s). Last edit at 01/04/2012 09:48PM by JaneLin.
(編輯記錄)

(1)網站主題:小貓咪
(2)導覽列架構設定
[img]http://a7.sphotos.ak.fbcdn.net/hphotos-ak-snc7/406769_318032251550536_100000312925489_1065122_346853467_n.jpg[/img]
(3)尺寸與架構設定
[img]http://a5.sphotos.ak.fbcdn.net/hphotos-ak-snc7/396137_318032231550538_100000312925489_1065121_2034252319_n.jpg[/img]
(4)風格設定:簡單
(5)主色調,柔和色調:鮮綠系、可愛風
(6)製作動機:小貓咪很可愛
(7)製作目的:JUST DO IT
預期效果:簡單
(8)資料蒐集分析 GOOGLE維基

(1)作業網址: http://mepopedia.com/~web100a/final/final-1001445090/index.html
(2).
1.製作作業的時間: 三天
2.有無遇到的問題: 已經解決了
3.製作心得與感想:累

MEPOERs said:
JinJin: 恭喜你完成,但某些超連結a坐CSS設定看起來會更專業,連結到外部建議使用跳出其他視窗blank
(1)作業網址: http://mepopedia.com/~web100a/final/final-1001445064
(2).
1.製作作業的時間: 三天
2.有無遇到的問題:不同網頁的連結一直出現問題,但是已經解決了
3.製作心得與感想:被搞到心情暴躁




(1)作業網址: http://mepopedia.com/~web100a/final/final-1001445116
(2).
1.製作作業的時間: 五天
2.有無遇到的問題: 不會做,但是已經做完了,會了
3.製作心得與感想:好累喔
4.老師我是吳思先1001445116 我的密碼消失了!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!但是我有做所以用別人的來回覆應該還是算是有交吧?

MEPOERs said:
JinJin: 沒有CSS~以至於檔網頁樣式跑掉,64跟116的頁面是相同的喔,首頁必須命名為index.html
JinJin: 其他作業還是要交喔,不然還是依然很危險喔!
http://mepopedia.com/~web100a/final/final-1001445046
(1)網站主題:捉迷藏 Hide And Seek
(2)導覽列架構設定:(附加檔案)
(3)尺寸與架構設定:(附加檔案)
(4)風格設定:深色為主,風格簡單俐落,帶有陰森感
(5)主色調,輔助色調:深藍、深紅、黑灰色
(6)製作動機:很喜歡懸疑恐怖的電影,就挑了一部印象深刻的做為網頁介紹
(7)製作目的:想讓人多了解這部電影以及其發展
預期效果:清楚主題與各個介紹, 並讓人有陰森神秘的感覺

(8)資料蒐集分析:http://www.caniglia-art.com/index.html

他整個網站架構是以一些古怪陰森的圖片做為主題
網站色調都用暗色系與黑灰白,凸顯本網站所要給人的視覺感受

MEPOERs said:
JinJin: 某些主連結有誤,且主連結要套用CSS,使其有完整性,並試著用雙欄製作
Attachments:
開啟 | 下載 - -1.jpg (641.9 KB)
開啟 | 下載 - ex-finallayout (1).jpg (618.6 KB)
(1)作業網址: http://mepopedia.com/~web100a/final/final-1001445132
(2).
1.製作作業的時間: 3個小時還是做不太好
2.有無遇到的問題: 分頁....
3.製作心得與感想:做了3個多小時,感覺做的不太好很多步驟忘記,有點糟糕

MEPOERs said:
JinJin: 左藍的內容要隨著右邊變,若無分頁可不放左邊選單,配色可以再調整會更好
(1)作業網址: http://mepopedia.com/~web100a/final/final-1001445062
(2).
1.製作作業的時間: 3個多小時依然沒有做完
2.有無遇到的問題: spry不會用sad smiley....還有按出來背景'是M...??
3.製作心得與感想:做了很久但是自己還不是很滿意有些不會用就不能用好....

我昨天就上傳了但是以為只要傳格前置作業就沒有來回
老師我沒有做那個前製表格我直接做了....

老師~我完成了~ grinning smiley



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-1001445066
(2).
1.製作作業的時間: 三小時以上
2.有無遇到的問題: 已解決
3.製作心得與感想: 要完成一個網頁從0到有真的很困難,不過完成時候也特別感動!

(1)網站主題: 感官世界/林宥嘉
(2)導覽列架構設定
[img]http://i1187.photobucket.com/albums/z395/yu_liu_0808/d001.jpg[/img]
(3)尺寸與架構設定
[img]http://i1187.photobucket.com/albums/z395/yu_liu_0808/d002.jpg[/img]

(4)風格設定:黑色系,照片風格皆為黑白
(5)主色調,輔助色調: 黑、灰
(6)製作動機: 想找一個自己崇拜的偶像替他做個網頁
(7)製作目的: 從他開始參賽就有在關注他,至今仍然很支持他
預期效果: 還不錯,簡單明瞭



Edited 1 time(s). Last edit at 12/28/2011 12:53AM by ooa662.
(編輯記錄)

MEPOERs said:
JinJin: 恭喜你完成,不過有些細節可以再調整,如文字段與段的距離可再多些,某些版面可再調整會更好
JinJin: 以及加上BACK按鈕等
[img]http://a5.sphotos.ak.fbcdn.net/hphotos-ak-ash4/381289_350151315000626_100000172810334_1641071_514830375_n.jpg[/img]

(1)網站主題:Starry☆Sky
(2)導覽列架構設定:承上圖
(3)尺寸與架構設定:承上圖
(4)風格設定:深藍的星空,凸顯以星座為主題的特色
(5)主色調:深藍色/輔助色調:淺紫藍 天藍 白
(6)製作動機:喜歡玩這個遊戲 對星座方面的事情也相當有興趣 人物美形
(7)製作目的:讓更多人知道這個遊戲 還有欣賞他的人物及素圖色調風格
預期效果: 希望呈現夢幻星空的感覺 更有進入星夜的氛圍

(8)資料蒐集分析:Starry Sky 官方網站 / 維基百科

(2).
1.製作作業的時間: 五小時以上
2.有無遇到的問題: 已解決
3.製作心得與感想: 真的不簡單。

(1)網站主題: Mylove/田馥甄
(2)導覽列架構設定

[img]http://i.imgur.com/y0aF9.jpg[/img]


(3)尺寸與架構設定

[img]http://i.imgur.com/y7sF9.jpg[/img]

(4)風格設定:粉色系帶點灰暗
(5)主色調,輔助色調: 粉紅、咖啡色、橘色
(6)製作動機: 喜愛田馥甄。
(7)製作目的: 希望能更多人支持他。
預期效果: 乾淨、吸引注意。

MEPOERs said:
JinJin: 要記得上傳喔!
1)網站主題: Maroon 5
(2)導覽列架構設定:
(3)尺寸與架構設定:
(4)風格設定:黑白配
(5)主色調 輔助色調: 主要以黑白灰色調為主 以螢光色系為副助色
(6)製作動機:他們的歌很好聽
(7)製作目的:希望大家能更了解 Maroon 5 的魅力

(1)作業網址: http://mepopedia.com/~web100a/final/final-1001445118
(2).
1.製作作業的時間:1週
2.有無遇到的問題:連結一直有問題,上傳後可以開啟首頁,但無法連到集他的分頁...
3.製作心得與感想: 還蠻困難的

(1)網站主題: 林俊傑

(2)導覽列架構設定
[img]http://i.imgur.com/CIjmY.jpg[/img]
(3)尺寸與架構設定
[img]http://i.imgur.com/uxain.jpg[/img]

(4)風格設定 :黑灰色調為主,簡單風

(5)主色調,輔助色調:淺灰色 ; 藍色

(6)製作動機:藉這次的作業介紹林俊傑

(7)製作目的:讓大家更了解他的音樂

預期效果:簡單、乾淨

(8)資料蒐集分析:維基百科、林俊傑官方網站等等



Edited 1 time(s). Last edit at 01/04/2012 03:07AM by 連竟成.
(編輯記錄)

(1)網站主題:盜墓筆記
(2)導覽列架構設定 :
[img]http://a2.sphotos.ak.fbcdn.net/hphotos-ak-ash4/383638_201287276628674_100002422098270_407185_635583126_n.jpg[/img]

(3)尺寸與架構設定:
[img]http://a4.sphotos.ak.fbcdn.net/hphotos-ak-ash4/379903_201287369961998_100002422098270_407186_1861543838_n.jpg[/img]

(4)風格設定:使用牛皮紙材質弄出藏寶圖效果
(5)主色調,輔助色調:咖啡色
(6)製作動機:最近要出完結篇了 很期待
(7)製作目的:將學期所學的發揮出來
預期效果:單色系 網頁樸素不會太過於繽紛

(8)資料蒐集分析 :http://zh.wikipedia.org/wiki/%E7%9B%9C%E5%A2%93%E7%AD%86%E8%A8%98

(1)作業網址:http://mepopedia.com/~web100a/final/final-1001445009/index.html
(2).
1.製作作業的時間:10小時
2.有無遇到的問題:有些小地方還是會卡卡的 不過有講義的參考還是能夠慢慢地破難解關
3.製作心得與感想: 這學期突然就到這裡結束了 雖然每次在做網頁時總是會遇到總總的困難 但是我撐過來了 大家都辛苦了((艸"

MEPOERs said:
JinJin: 有幾頁沒有置中,記得改一下喔,下次記得直接套用就可以了,無論如何,還是希望有收穫囉,加油!
JinJin: 作業9有分析的話分數會比較高喔!
(1)作業網址:http://mepopedia.com/~web100a/final/final-1001445100/indwx1.html
(2).
1.製作作業的時間: 三個小時多
2.有無遇到的問題:點網址進去後 還要點東西才能打開...
3.製作心得與感想: 超難 但做完很有成就感



前置作業(10/19) (沒有直接做!)


(4)風格設定: 溫馨
(5)主色調,輔助色調: 紅
(6)製作動機:很喜歡看小說
(7)製作目的: 推薦給別人看!!!
預期效果: 大家立刻想看 簡單易懂

MEPOERs said:
JinJin: 雖然架構簡單,但還是完成了雙欄網站,footer的底圖記得拿掉,其他作業要補不然分數還是很危險喔!
(1)作業網址: http://mepopedia.com/~web100a/final/final-1001445007
(2).
1.製作作業的時間: 很久.....
2.有無遇到的問題: 很多QQ.....但是弄一弄就奇怪又可以了= =a....
3.製作心得與感想: 快死了QAQ....

前置作業(10/19)
(1)網站主題: super junior
(2)導覽列架構設定 我是用上次莫內那個作業改的....
(4)風格設定: 明亮低調
(5)主色調,輔助色調: 主:黃色,輔:灰
(6)製作動機: 想讓大家更了解SJ....
(7)製作目的: 同上
預期效果: 簡單明瞭
(8)資料蒐集分析 SJ皇家學院

--

我是用上次莫內那個改的
其實我算是一知半解....連結都不知道連到哪.....
然後很多東西都是巧合才弄出來的= =....
然後我家電腦看跟學校電腦差很多......
所以根本不知道有沒有成功....囧"

然後那個前置作業那個圖片我不知道該怎麼做.....
而且我只有一個看起來完整的頁面.....

我真的盡力了......(倒)
QAQQQQQ.......

MEPOERs said:
JinJin: 辛苦啦!無論如何還是希望能有些收穫囉!不過首頁還是要設為index.html喔,然後你有做雙欄的頁面嗎?
老師我已經上傳了我的期末作業的一部分了 就是我的那個按鈕位置有問題 請老師幫我看一下謝謝!!!! 我是1001445130

MEPOERs said:
JinJin: 不好意思,現在才回,你說的按鈕問題是?目前看來其實算完整,指示內容較多,有些地方還需要調整一下,還有內文連結可以做顏色設定,footer記得設padding
12/28
(1)作業網址: http://mepopedia.com/~web100a/final/final-1001445128
(2).
1.製作作業的時間:持續都用這主題做
2.有無遇到的問題:後來都解決了
3.製作心得與感想:有些成就感
10/19
(1)網站主題:我的攝影集
(2)導覽列架構設定
(3)尺寸與架構設定
http://a4.sphotos.ak.fbcdn.net/hphotos-ak-ash4/378525_2121200248525_1801385933_1397496_979982224_n.jpg
(4)風格設定:簡潔。
(5)主色調:無彩色
(6)製作動機:喜歡攝影
(7)製作目的:讓更多人能看到我的作品
(8)資料蒐集分析



Edited 1 time(s). Last edit at 12/29/2011 01:05AM by 1001445128.
(編輯記錄)

MEPOERs said:
JinJin: 不錯的自我風格展現,也有善用導覽列,不過有前置規畫會更高分,另目前缺作業9網站分析,是吧?
(1)網站主題:五月天

(2)導覽列架構設定
[img]https://fbcdn-sphotos-a.akamaihd.net/hphotos-ak-ash4/396691_330518993633191_100000252794533_1322022_755508122_n.jpg[/img]

(3)尺寸與架構設定
[img]https://fbcdn-sphotos-a.akamaihd.net/hphotos-ak-snc7/389772_330519133633177_100000252794533_1322023_397418695_n.jpg[/img]

(4)風格設定 :黑底白背景簡單的風格

(5)主色調:黑白灰

(6)製作動機:更瞭解五月天

(7)製作目的:讓五月天的資料可以統整成網頁,方便瀏覽

預期效果:簡單末日風

(8)資料蒐集分析:維基百科、YOUTUBE、FB

(1)網站主題:吉卜力

http://mepopedia.com/~web100a/final/final-1001445102/

(2)導覽列架構設定
[IMG]http://www.hostpic.biz/?di=BUKX[/IMG]

(3)尺寸與架構設定
[IMG]http://www.hostpic.biz/?di=SDD9[/IMG]

(4)風格設定:簡約的蔚藍色調

(5)主色調,輔助色調:(主)蔚藍色/(輔)碧藍色

(6)製作動機:介紹吉卜力工作室

(7)製作目的:練習整合資訊與版面編排
讓更多人了解吉卜力工作室的相關資訊

(8)資料蒐集分析:維基百科 Google



Edited 2 time(s). Last edit at 01/01/2012 06:55PM by 李孟度.
(編輯記錄)

MEPOERs said:
JinJin: 風格簡潔,不過某些頁面的works沒有設到連結
JinJin: 目前看起來應該都OK了,風格一貫的簡潔,也不錯!不過其他作業要補喔!不然分數應該會很不漂亮!
(1)作業網址:http://mepopedia.com/~web100a/final/final-1001445052
(2).
1.製作作業的時間:3hr
2.有無遇到的問題:已解決
3.製作心得與感想:本來二度想放棄期末作業 但最後還是認真的把它完成 也鬆了一口氣

_________________________________________________________________________

(1)網站主題:The Boys
(2)導覽列架構設定
(3)尺寸與架構設定
(4)風格設定:簡單華麗的公主風
(5)主色調:黑 灰 / 輔助色調:白 灰 紅
(6)製作動機:想記錄這張進軍美國的第一張專輯
(7)製作目的:驗收學期成果
預期效果:
(8)資料蒐集分析



Edited 1 time(s). Last edit at 12/30/2011 02:28PM by 弟分尼.
(編輯記錄)

MEPOERs said:
JinJin: 恭喜你,還好沒放棄,雖是跟期中同一主題,但明顯有進步囉,也希望你有學到東西。
弟分尼: 未來進階網頁設計我會繼續選晶晶的課的!!!
JinJin: 謝謝你的捧場啊!XD 作業九網站分析記得補分數會更高喔!
(1)作業網址: http://mepopedia.com/~web100a/final/final-1001445005
(2).
1.製作作業的時間:12/26~12/30
2.有無遇到的問題: 大致上都還好,原本的問題上課也都問過老師了
3.製作心得與感想: 這次真的比其中南好多,但是我問人的比例卻少了很多,而且問題也少很多,真的有進步的感覺。
4.請務必在12/28前回覆,否則為遲交


前置作業(10/19)
(1)網站主題: 安室奈美惠
(2)導覽列架構設定
http://i.imgur.com/A4bBk.jpg

(3)尺寸與架構設定
http://i.imgur.com/PqUTe.jpg

(4)風格設定: 我是搭配我header和footer放的鑽樣精選專輯的圖片作整體粉紅色系的風格
(5)主色調,輔助色調: 主色調粉紅色,輔助色調白色
(6)製作動機: 因為這是我從國中就非常喜歡的一位日本歌手
(7)製作目的: 讓打家更了安室也讓同好能夠有個觀看偶像的網站
預期效果: 玩等的資料,整體搭被簡單明瞭

(8)資料蒐集分析

MEPOERs said:
JinJin: 整體風格還不錯!也恭喜你進步了喔!若導覽列有些設定如字體色彩的變化,會更有設計感!
(1)網址:http://mepopedia.com/~web100a/final/final-1001445114

(2)製作作業的時間: 差不多2天

(3)有無遇到的問題: 雙欄問題卡了很久 不過在圖書館花一下午終於製作完成

製作心得與感想: 先祝老師新年快樂 抱歉那麼晚交本來要星期五交的但是跨年忘記了

雙欄問題卡了一下子

(4)風格設定: 以期中kitty為主

(5)主色調,輔助色調: 粉色

(6)製作動機: 與期中動機一樣希望推廣kitty

(7)製作目的: 主要目的是得分數...其次目的是推廣kitty融入男性

MEPOERs said:
JinJin: 按鈕的部分跟期中一樣的問題,比較不清楚,且與頁面風格較不一致,有時間可以設計更何且明視度更好的按鈕,也希望製作完作業後能有收穫囉!
JinJin: 其他作業也要補喔!不然學期成績一樣會很危險喔!
Attachments:
開啟 | 下載 - .ai (889.5 KB)
開啟 | 下載 - 2.ai (906.1 KB)
(1)作業網址: http://mepopedia.com/~web100a/final/final-1001445078
(2).
1.製作作業的時間: 2天
2.有無遇到的問題: 我連結用的怪怪的~~ 按下去不能到那個地方!!confused smiley
3.製作心得與感想: 好累唷~~有點複雜 但感覺有個像樣的網站了唷!!!spinning smiley sticking its tongue out
(4)風格設定:2PM韓星風格
(5)主色調,輔助色調: 粉色系
(6)製作動機: 覺得他們很帥 thumbs up
(7)製作目的: 想再多了解他們
預期效果: 可以讓大家看到很帥的他們smileys with beer

MEPOERs said:
JinJin: 1.你的導覽圖的總寬度應該超過頁面寬度,所以或掉下來,2.其他的頁面也要套用原來的DIV和CSS才會有統一風格的設計喔!
(1)作業網址: http://mepopedia.com/~web100a/final/final-1001445039
(2).
1.製作作業的時間: 2天
2.有無遇到的問題: 慢慢摸索大致搞定
3.製作心得與感想: 一堆語法看的眼花撩亂。
(4)風格設定:繽紛亮麗
(5)主色調,輔助色調: 粉紅色系
(6)製作動機: 濱崎步太正
(7)製作目的: 交作業
預期效果: 讓大家認識AYU

MEPOERs said:
JinJin: 剩下的頁面要繼續做完嗎?~補上前置設定會更高分喔!
(1)作業網址: http://mepopedia.com/~web100a/final/final-1001445056
(2)
1.製作作業的時間: 很多天
2.有無遇到的問題: 心理上真的會覺得超困難,但努力看著老師得講義做在加上同學的指導真的有容易很多
3.製作心得與感想: 整個很費工,我能做出來真的很感動
(4)風格設定:簡單優雅
(5)主色調,輔助色調: 黑白 , 灰藍
(6)製作動機: 她是我的女神
(7)製作目的: 想讓更多人了解她
預期效果: 整個要完整,讓人看了覺得舒服的版面

MEPOERs said:
JinJin: 你的風格一直很不錯喔!也希望你能繼續加油囉~補上前置設定會更高分喔!
(1)網站主題: 旅行

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.
(編輯記錄)

(1)作業網址:http://mepopedia.com/~web100a/final/final-1001445070
(2).
1.製作作業的時間:1個禮拜
2.有無遇到的問題:雙欄一直弄不好
3.製作心得與感想:途中重做好幾次...
(4)風格設定: 海洋與藍色
(5)主要內容:海底總動員的故事大綱與角色介紹
(6)製作動機:很喜歡這部電影

作業網址:
http://mepopedia.com/~web100a/final/final-1001445120

1.製作作業的時間:四~五天
2.有無遇到的問題:有很多然後請教同學smiling bouncing smiley
3.製作心得與感想:都會跑來跑去有時候顯示沒有出來但按live view就會顯示很奇怪eye popping smiley
(4)風格設定:精品介紹用沈穩的色調製作
(5)主要內容:各品牌歷史界紹和圖片說明
(6)製作動機: 因為在想要做神麼突然看到自己錢包就想說作品牌

[img]https://fbcdn-sphotos-a.akamaihd.net/hphotos-ak-ash4/384765_346916621990085_100000152509449_1698403_1158831886_n.jpg[/img]

(1)作業網址:http://mepopedia.com/~web100a/final/final-1001445086/index.html
(2).
1.製作作業的時間: 7天
2.有無遇到的問題: 有,不會雙欄 請別人教我。用IE看的話上面的東西會跑掉 用菇狗看就正常~
3.製作心得與感想: 好難喔~我再也不敢遲交任何一篇了。

(1)作業網址:http://mepopedia.com/~web100a/final/final-1001445126
(2).
1.製作作業的時間:1周
2.有無遇到的問題: 標題欄怪怪滴
3.製作心得與感想:不怎麼好..好像少了甚麼= =



(4)風格設定:深色調
(5)主色調,輔助色調:褐色與灰黑色
(6)製作動機:喜歡這位建築師
(7)製作目的:讓大家瞭解世界不是那麼渺小

http://mepopedia.com/~web100a/final/final-1001445092/first.html

(2).
1.製作作業的時間:1個禮拜
2.有無遇到的問題:沒有
3.製作心得與感想:完成了好開心spinning smiley sticking its tongue out
(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

http://mepopedia.com/~web100a/final/final-1001445025/index.html



1.製作作業的時間:1個禮拜
2.有無遇到的問題:有 可是有解決
3.製作心得與感想:完成了好想哭
(4)風格設定: 紅色系嘻哈風
(5)主要內容:介紹D.ROSE
(6)製作動機:IM D.ROSE

1.製作作業的時間:七小時從晚上到早上1/3~1/4
2.有無遇到的問題 大致還好 有問題會再去請教老師的!
3.製作心得與感想: 好痛苦啊!我期末前一天才開始,結果就是沒睡覺到早上才勉強趕完...對不起老師我下回一定早點學早早做!!

請將這項放置於文章最前面
(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.
(編輯記錄)

1.蔡依林
2.繽紛亮麗
3.http://mepopedia.com/~web100b/final/final-1001445093/

1001445120架構

Attachments:
開啟 | 下載 - 1.jpg (963.5 KB)
期末作業

http://mepopedia.com/~web100a/final/final-1001445025/index.html



1.製作作業的時間:1個禮拜
2.有無遇到的問題:許多 可是都解決
3.製作心得與感想:完成了好想哭
(4)風格設定: 紅色系嘻哈風
(5)主要內容:介紹derrick rose
(6)製作動機:因為我是derrick rose