Re: [期末作業] 專題網站設計

週四, 六月 8. 2017

1.作業網址:http://mepopedia.com/~css105-2b/final/final-1045445008

網站主題:九份
參考版型:http://www.tooplate.com/view/2076-zentro

2.網站架構(導覽列名稱與檔名)

首頁
傳統
美食
文化簡介
街景
如何去


3.內容大綱:
介紹台灣的九份的文化、美食等,讓人更了解九份是個出滿載地人情味的地方,以及他有很多元的文化,也能知道九份的街景很美麗,尤其是他的夜景和日出,常常有攝影師去拍攝,是個相當美麗的地方。


4.主要對象(分析):
男女老少皆可。


5.網頁架構圖(樹狀圖):

[img]http://imageshack.com/a/img923/9264/qLWTyq.jpg[/img]


6.網頁版型設計圖wireframe:

http://imageshack.com/a/img923/7008/QHx9w0.jpg

7.色彩規劃:
主要是乾淨為主,白色背景為背景,底色帶有點復古紅棕的顏色。

8.歷屆得獎分析(至少三組):
食尚大學 http://www.foosion.tw/:
整體風格很乾淨,也很簡約和一致性,在視覺上的色彩搭配 ,看起來很舒服,以圖像的方式介紹菜單,
內容也有很詳細的區分,覺得圖像很可愛,會讓人想點進去~


原來那有趣.HiTribe http://www.hitribe.idv.tw/:
到覽列的內容很詳細,也很用心,感覺幾乎是一個完整的網站, 還有可愛的圖案做裝飾,背景用淡淡
的插圖襯托,找不出太多的漏洞,是很好的典範。


瘋樂!!!骰進 Taiching http://funtaichung.idv.tw/#
以遊戲的方式來介紹景點,覺得很有趣,並且搭配了音樂,會整個融入主題,介紹的景點也加上了
圖像化,讓人對內容介紹有更深刻的印象。




9.組員名單:
王嘉濃 1045445008
余郁婷 1045445110

Re: [作業8] Free templates 試做

週六, 五月 27. 2017

作業網址:http://mepopedia.com/~css105-2b/hw08/hw08-1045445008

(1) 參考之版型網址:http://www.tooplate.com/view/2076-zentro

(2) 設計主題 / 風格:婚紗攝影網站,簡單清晰

(2) 遇到之問題:無。

(3) 製作時間:4~5小時

(4) 製作心得:找到自己喜歡的版型,去編排,也觀察了很多版型結構讓自己更看得多也參考學習許多

Re: [作業07] HTML/CSS/jQuery 物件小動畫、燈箱效果

週四, 五月 18. 2017

1)作業網址:http://mepopedia.com/~css105-2b/hw07/hw07-1045445008


(2)製作心得:找圖真的花滿多時間的,這次又認識了很多語法!做出來很開心!

學號:1045445008

Re: [ 作業06] jQuery動態換頁效果

週一, 五月 8. 2017

(1)作業網址:http://mepopedia.com/~css105-2b/hw06/hw06-1045445008

(2)製作心得:在做的蟲中真的覺得要找張好圖片不容易!!也要配合著主角風格走!!
做完覺得很開心~又學到了新的語法!

Re: [作業05] jQuery動態網頁初探 -fadein

週五, 五月 5. 2017

(1)作業網址:http://mepopedia.com/~css105-2b/midterm/midterm-1045445008/

(2)製作心得: 又學習到了新的語法很開心

學號 1045445008

Re: [期中作業] HTML與CSS應用--網站實作

週日, 四月 9. 2017

(1)作業網址: http://mepopedia.com/~css105-2b/midterm/midterm-1045445008

(2)網站主題: The Most Delicious Food

(3)導覽列選項/分類項目(對應檔名):

01- Home 首頁
02- Menu 菜單
03- Offer 優惠
04- Film 影片
05- Contact Us 聯繫我們

(2)設計對象: 愛吃西餐的朋友

(3)色彩計畫: 高級浪漫美味舒適的感覺

(4)風格設定、預期成效: 網頁看點、預期成效:想做出高級牛排餐館的感覺,查看了一些美食網站,也查了一下牛排的一些特色,做出來自己滿喜歡的!!覺得有浪漫風味

(5)製作心得: 很開心完成了這個網站,看了口水直流的每個夜晚值得了!!!:)-D:)-DX(

Re: [作業03] HTML與CSS練習--1.資料整理--以DIV製作表格效果。 2.其他頁面完成

週四, 三月 30. 2017

(1)作業網址:http://mepopedia.com/~css105-2b/hw03/hw03-1045445008

(2)本頁設計重點:介紹各式各樣牛排館餐點

(3)製作心得:查資料跟圖片花了很多時間,晚上看牛排真的很餓!做到崩潰!!
但是做出來真的超開心!!

學號 1045445008

Re: [作業02] HTML與CSS練習-- 首頁實作篇

週三, 三月 22. 2017

(1)作業網址:http://mepopedia.com/~css105-2b/hw02/hw02-1045445008
(2)網站主題/網站名稱: The Most Delicious Food
(3)分類項目(導覽列):
01- Home 首頁
02- Menu 菜單
03- Offer 優惠
04- Comment 評論
05- Contact Us 聯繫我們
(4)對象:愛吃西餐的朋友
(5)色彩計畫: 高級浪漫美味舒適的感覺
(6)風格設定、網頁看點、預期成效:想做出高級牛排餐館的感覺,查看了一些美食網站,也查了一下牛排的一些特色,做出來自己滿喜歡的!!覺得有浪漫風味
(7)製作心得:帶著浪漫風味的牛排網站,晚上邊做邊找資料看了一堆牛排圖片超餓的!!做出來自己滿喜歡的超開心(:D (:D (:D

Re: [作業01] DIV與CSS複習--以色塊為主的基本單欄網頁版型(新增CSS3練習)

週四, 三月 9. 2017

1.網址:http://mepopedia.com/~css105-2b/hw01/hw01-1045445008

2.設計概念與製作心得
設計概念:
1 因為看了這齣電影讓我印象很深刻,本身很喜歡大自然跟動物,所以就決定做一下這齣電影的心得小分享!\
2 以綠色為主去設計,因為能呈現大自然的感覺

製作心得:
很喜歡以自己的興趣跟喜好去作出一個網站

3.何謂HTML、DIV及CSS:
HTML:網頁的基本架構,沒有任何的裝飾,負責編排語法
DIV:包覆語法,區隔效果
CSS:裝飾效果,讓畫面更有質感

4.附上至少一個覺得設計很有質感的網站,並說明原因
http://www.kassandrabay.com/
1 / 這個網站讓人感覺一點進去就很想度假,很想學這種語法設計,因為個人很喜歡這種風格
2 /色調走藍白放鬆的感覺,版面簡潔,符合現代年輕人喜歡的趨勢。

5.期待這門課的學習成果與收穫為何?
希望我之後能學到更多語法,雖然美誤用頭都很痛,不過腦力激盪讓我更喜歡這堂課,感覺成就感滿滿(:D

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

週一, 一月 9. 2017

請將這項放置於文章最前面
(1)作業網址:http://mepopedia.com/~web105-2b/final/final-1045445008
(2).
1.製作作業的時間:3~4天
2.有無遇到的問題:沒有
3.製作心得與感想: 做完很有成就感在座的過程中慢慢摸索,喜歡這樣可以讓自己動腦的東西
4.本學期於網頁設計課程上的收穫: 超棒的因為之前在高職沒有做過DW,所以這是新的一個學習!!很喜歡


前置作業
(1)網站主題: 想個人的愛情故事

(2)導覽列架構設定

http://i.imgur.com/104.jpg

(3)尺寸:


http://i.imgur.com/dd-01.jpg

(4)主要瀏覽族群: 大學生
(5)風格設定: 簡潔乾淨
(6)主色調,輔助色調: 灰色白色
(7)製作動機: 因為喜歡畫插畫所以想呈現一個完全自己風格設計作品

(8)製作目的: 想嘗試一個屬於自己的東西

預期效果:還滿開心的

(8)資料蒐集分析

◎設計優良網站(風格)列表與分析
[作業] 優良設計網站蒐集與分析

◎相關網站列表與分析:http://www.books.com.tw/products/0010723543

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

週三, 一月 4. 2017

(1).作業網址 :http://mepopedia.com/~web105-2b/hw07/hw07-1045445008

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

1.網頁主題: 手繪關於兩個人的愛情的主題

配色與風格設定:配色風格以簡單穩重的感覺表現

2.有無遇到的問題? 沒有!!

3.製作感想 很開心可以做完他,因為這是屬於自己的東西,不管是繪畫還是編排,做出來很有成就感,但是還會修得更好,想當成期末作品

4.製作作業的時間 3,4天

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

週四, 十二月 22. 2016

(1).作業網址 :http://mepopedia.com/~web105-2b/hw06/hw06-1045445008

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

1.網頁主題: 配色與風格設定:

簡潔的風格,來呈現兩個人的愛情故事

2.有無遇到的問題?

目前沒有

3.製作感想

想做出簡單的風格可是感覺又好白!!!omg會再想想再修改做出自己手繪出來的一個小網頁

4.製作作業的時間

2~3小時

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

週二, 十二月 20. 2016

(1).作業網址 :http://mepopedia.com/~web105-2b/hw05/hw05-1045445008


(2).請回答以下問題:
1.網頁主題: 配色與風格設定: 以藍色為主,風格比較穩重,因為主角是個很穩重的人,他超帥的

2.有無遇到的問題? 沒有甚麼問題

3.製作感想 每次做網頁都快淚繃了,但想得越多反而想做的多就會亂掉!!!不過做完還是很開心~因為主題是自己喜歡做的~

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

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

週三, 十二月 7. 2016

(1).作業網址 :http://mepopedia.com/~web105-2b/hw04/hw04-1045445008

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


1.導覽列配色與風格設定:
以灰色調為主,想呈現穩重乾淨的感覺

2.有無遇到的問題?

沒有遇到問題!!

3.製作感想(你認為導覽列的意義為何?)

分類這個網站的事物
讓人比較好找想找的東西


4.製作作業的時間

1小時

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

週三, 十一月 23. 2016

(1)作業網址 http://mepopedia.com/~web105-2b/midterm/midterm-1045445008

1有無遇到的問題 其實剛開始做的時候滿混淆的!!就在考慮要用的按鈕阿之類的!!還有影片聲音!!崩潰忘記怎麼用了哭哭!!!只記得圖片做連結youtobe,所以老師抱歉我沒用音樂!!但是想再聽一次怎麼放置音樂!! ::o

2.製作感想 很開心終於做完它了!!當下在做的時候有夠累崩的!!看得頭昏眼花,這個作業讓我喝了三杯珍珠奶茶,老闆真的是很賺,我想我做了一次兩次可能就爆肥了吧!!!不過做完真的是開心到跳起來,畢竟是自己喜歡的東西!!覺得滿足 (:D

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


(1)網站主題: 魔髮奇緣
(2)製作動機: 因為自己很喜歡公主系列的風格~~~所以就做囉!!!
(3)製作內容: 以淺色系夢幻色彩來呈現~~~
(4)資料蒐集分析 都在於google找圖片
還有主角介紹 https://zh.wikipedia.org/wiki/%E6%A8%82%E4%BD%A9%E5%85%AC%E4%B8%BB
◎設計優良網站(風格)列表與分析: 很少人做有關公主的網站!!大多都是敘述內容而已
◎相關網站列表與分析:相關內文
http://blackermind.pixnet.net/blog/post/42441402-%E9%AD%94%E9%AB%AE%E5%A5%87%E7%B7%A3