Re: [作業09] 優良設計網站蒐集與分析

週一, 十二月 19. 2011

2. 範例分析

1. 範例網站:

http://www.zeze.tw/index.html

2. 網站名稱:ZeZe

ZEZE是一家新進駐台灣的抹茶專賣店,希望將日本特有的抹茶文化帶進台灣,讓台灣的消費族群在國內也能享受日式風格的飲品以及抹茶的健康概念。

3. 設計風格:

簡單的風格,因為是抹茶專賣店,整體是用白色與抹茶綠與灰色帶出整體色調。


4. 色彩分析


5. 版面分析
(首頁)版面分析:


內頁(主打商品)版面分析

主打商品 內容項目製作
[IMG]http://i1120.photobucket.com/albums/l485/Aoi930727/-4-02-02.jpg[/IMG]


用IE與 Google觀看沒問題




(老師我快瘋掉了 改了好幾次圖片大小 但是一直跑出去ORZ.........................)

Re: [講義10] 以Spry 效果及組件製作動態網頁<選單列>與<標籤面板>

週四, 十二月 15. 2011

老師我上傳囉

網址:http://mepopedia.com/~web100b/hw09/hw09-1001445042/

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

週二, 十二月 13. 2011

(1)作業網址:http://mepopedia.com/~web100b/final/final-1001445042/
(2).
1.製作作業的時間:忘了=口=

2.有無遇到的問題:沒有太大的問題

3.製作心得與感想:能讓自己的網頁越來越豐富,感覺很有成就感!! 每次都很期待老師教的新內容~可惜下學期沒有網頁設計了QAQ
希望二下還是jin jin老師的課OWO*)/


(1)網站主題:我的個人網站(Happy Cat)

(2)導覽列架構設定 :[IMG]http://i1120.photobucket.com/albums/l485/Aoi930727/ex-finallayout-01.jpg[/IMG]
(3)尺寸與架構設定 :[IMG]http://i1120.photobucket.com/albums/l485/Aoi930727/ex-finallayout-02.jpg[/IMG]


(4)風格設定:可愛童話風

(5)主色調,輔助色調: 咖啡色系

(6)製作動機:以前(國中)有陣子很迷玩部落格,很佩服某些大師能將語法套用在部落格上讓自己的部落格變得很美,現在學到了使用DW,希望能自己做一個專屬的網頁

(7)製作目的:把自己的作品放在網站上,並在未來學到更多時,讓自己的網站越來越豐富!

預期效果:
今天聽到學姐畢業時找工作是用網頁來做面試的作品集,聽到時感覺很興奮,希望自己以後也能變成這麼厲害。
當然這次的預期效果,只要能把架構,跟整體能弄得簡單俐落,讓別人觀賞我的作品時能容易找到點選位子

Re: [作業08] 雙欄垂直導覽列製作

週四, 十二月 8. 2011

(1).作業網址 : http://mepopedia.com/~web100b/hw07/hw07-1001445042/

(2).請回答以下問題:
1.網頁主題: 配色與風格設定: 與其中考相同
2.有無遇到的問題? 目前還好
3.製作感想 感覺很多東西其實老師教過了 只是再拿出來做更改使用效果就會不同呢!
4.製作作業的時間 上次就差不多完成HW07在上課時把不足修正而已

Re: [作業07] 以Float:浮動,製作雙欄網頁

週四, 十二月 1. 2011

(1).作業網址 : http://mepopedia.com/~web100b/hw07/hw07-1001445042/

(2).請回答以下問題:
1.網頁主題: 配色與風格設定: 依其中設定
2.有無遇到的問題? 沒有太大問題
3.製作感想 :終於交雙欄了~作起來好有成就感,而且看起來更完整了呢*OWO/
4.製作作業的時間 4~5個小時(吧?

Re: [作業06] 表格的製作美化與資料整理

週五, 十一月 25. 2011

(1).作業網址 :http://mepopedia.com/~web100b/hw06/hw06-1001445042/

(2).請回答以下問題:
1.網頁主題:與期中考相同(我的個人網站) 配色與風格設定:與期中考相同(可愛童話風)

2.有無遇到的問題? 沒有太大困難

3.製作感想 很有趣,沒有想過用表格可以整理成那麼漂亮的樣子,因為一開始都想成WORD那種醜醜的樣子

4.製作作業的時間 :2個多小時

Re: [作業05] 繞圖排文與推文按鈕的應用

週四, 十一月 17. 2011

(1).作業網址 :
http://mepopedia.com/~web100b/hw05/hw05-1001445042/index.html
(2).請回答以下問題:
1.網頁主題: 配色與風格設定: 依期中作業
2.有無遇到的問題? 沒甚麼問題
3.製作感想 :好像一定要字數夠才能用文繞圖?字數不夠的話圖會超出footer
4.製作作業的時間 :1H

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

週四, 十一月 3. 2011

老師我發現你上傳的資料夾名稱打錯了耶?midterm你打midtern.......(?

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

週四, 十一月 3. 2011

[size=x-large][color=#CC0066]完成品請編輯到前面資料蒐集那一頁,以方便瀏覽與評分[/color][/size]

Re: [作業04] 網頁導覽列的製作

週六, 十月 29. 2011

(1).作業網址 : http://mepopedia.com/~web100b/hw04/hw04-1001445042/

(2).請回答以下問題:

1.網頁與導覽列配色與風格設定: 用自己做的圖案來製作,整體風格是可愛的風格

2.有無遇到的問題? 老師教的很明瞭,都會做了

3.製作感想 老師我要求救!!!我想要做出在書上看到的效果,在WORK的頁面,在用滑鼠碰到圖片時會轉換,但是為什麼後面板面不會跟著變長??言就好久還是沒辦法,就算用p換行也還是一樣???

4.製作作業的時間 好幾個晚上?

Re: [作業03] 利用Div標籤與CSS建立基本網頁版型--Dreamweaver圖片篇

週二, 十月 25. 2011

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

 (2) 風格設定(色彩設定部份)(加分) 沒特定風格

 (3) 有無遇到的問題 沒有

 (4) 製作感想 學會如何用btn了!!

 (5) 製作作業的時間 上課時間製作

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

週日, 十月 16. 2011

完成品

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

(2).
1有無遇到的問題:發現用"DW"做出來效果有時跟預覽出來不一樣,還蠻困擾的

2.製作感想 :很好玩,能一頁一頁把網頁做出來真的很有成就感,希望老師能教更多東西,讓我們能學更多

3.製作作業的時間 :沒在算耶,開心時就把它開出來看一下修一下


[hr]


(1)網站主題: 用童話風格設計一個個人網站。
(2)製作動機: 一直以來都很喜歡關於童話的故事,想藉此向大家推廣,且另外衍生自己專屬的二次創作,也把之前創作的東西發表於此。

(3)製作內容:關於此網站和作者、你不知道童話背後、人物介紹、相關作品。

(4)資料蒐集分析
◎設計優良網站(風格)列表與分析:
http://www.po-wen.com/index.asp

一進去的版面還蠻有趣的,也讓人很清楚的知道他的繪畫風格。

◎相關網站列表與分析: :http://98.to/niki420/
這是我蠻喜歡的一個繪者的網站,一樣是ALICE的愛好者。
網頁一開始進去後視整個版面的,要在點進去才是網站內容,這個方是我蠻喜歡的,有很多網站也都是這樣設計,他話的圖都很可愛,只是網站版面有點小,且我在Google只能看到他一開始的版面就不能再按進去的樣子(?

Re: [作業02] 利用Div標籤與CSS建立基本網頁版型--以單純色塊為例

週日, 十月 16. 2011

(1).作業網址 http://mepopedia.com/~web100b/hw02/hw02-1001445042/

(2).請回答以下問題:
1.配色風格設定:古典穩重的風格。

2.有無遇到的問題? :沒有甚麼太大問題。

3.製作感想: 很有趣,期待自己在期中作業能做出一個漂亮的網頁。

4.製作作業的時間 :上課時間完成。

Re: [講義] 利用Div標籤與CSS建立基本單欄網頁版型

週三, 十月 12. 2011

老師請問圖一定要RGB嗎?我用自己設計的圖片上去,原本用CMYK怎樣都顯示不了,把他設定成RGB就可以了耶?

Re: FileZilla FTP上傳圖例教學-Re: [作業01] 以html與css完成第一個網頁

週五, 九月 30. 2011

1.http://mepopedia.com/~web100b/hw01/hw01-1001445042
2.沒甚麼太大問題,老師在上課就講得很清楚了,在課堂上其實就可以做得差不多,回家再弄個1個多小時完成。