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

週三, 六月 3. 2015

(1)作業網址: http://mepopedia.com/~web103-2b/hw08/hw08-1025445044
(2)製作心得: 找圖是一件非常重要的事情! 找到難搭配的圖 網頁品質跟著下降XD
學號 1025445044

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

週三, 五月 27. 2015

(1)作業網址: http://mepopedia.com/~web103-2b/hw07/hw07-1025445044
(2)製作心得: 好簡單喔= = 痾.....覺得比之前容易多了
學號 1025445044

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

週三, 五月 20. 2015

1.作業網址: http://mepopedia.com/~web103-2b/final/final-1025445044
[color=#FF0066]ps.最佳解析度為 720P (1280 * 720)[/color]
2.網站主題: 羅東遊
3.網站架構(導覽)
4.內容描述: 介紹2天1夜的羅東行。
5.風格設計: 札記本風格+有紀念性的照片裝點,希望網頁的視覺感帶有回憶感與溫馨的感覺。


6.組員名單,工作分配(視覺規劃、HTML CSS設計、動態效果):

020陳玟伃 視覺規劃、圖片彙整修改、機動組
044李雅涵 CSS動態效果、文案組、機動組
062闕均璉 視覺規劃、HTML、CSS設計、圖片彙整修改
167楊淳媜 視覺規劃、圖片彙整修改、機動組
170林家瑩 視覺規劃、HTML、CSS設計、圖片彙整修改

7.製作心得:

020陳玟伃 第一次覺得電腦壞了,又要做網頁,真的是一件超不容易的事,超感謝我的組員。

044李雅涵 原以為網頁很容易簡單,沒想到照著範例語法做竟然都對不到距離,圖片還跑掉出不來,見識到網頁的可怕,尤其要從一堆語法中抓出錯誤根本大海撈針,快吐血了。

062闕均璉 高中都沒這麼累過,第一次體驗連續三天看日出,更第一次發現網路是這麼不穩定的東西。

167楊淳媜 第一次從實際參觀走訪到做網頁全部靠我們自己來,挺累人。

170林家瑩 3天熬夜超爆肝累爆,網頁語法真的難,做出來很感動。


企劃大綱

1.網站主題: 羅東遊
2.內容大綱: 介紹2天1夜的便宜行程給想去宜蘭羅東夜市與知名景點的學生族群。
3.主要對象(分析): 想去羅東旅遊的民眾
4.網頁架構圖(樹狀圖):

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


5.網頁版型設計圖
[img]http://i.imgur.com/PGIxHcp.jpg[/img]
6.色彩規劃: 溫馨的感覺,因此使用了大量的大地色系
7.資料蒐集(分析):

[url=http://okgo.tw/butyview.html?id=2362]【羅東夜市】[/url]

[url=http://okgo.tw/butyview.html?id=2908]【羅東林業文化園區】
[/url]
[url=http://www.necoast-nsa.gov.tw/user/Article.aspx?Lang=1&SNo=04000569]【內埤海灣】[/url]

[url=http://www.baimi.org.tw/]【白米木屐村】[/url]

參考了羅東諸多景點採用了前五名去宜蘭最想去且最熱門的羅東夜市與林場。
夏天會讓人聯想到海灘,因此我們旅途中突發奇想就直奔內埤海灣。
旅遊的最後行程是去白米木屐村體驗手工製作木屐的樂趣。

8.歷屆得獎分析(至少三組)

[url=http://www.twfactory.com.tw/]【憩息足跡FACTORY】[/url]
希望能跟他們一樣把遠足旅遊時的興奮愉快心情,在我們的網頁中表現出來,讓觀看我們網頁的民眾能深刻感受到我們的心情。

[url=http://timeline.tw/]【歲月時分 in Taipei】[/url]
採用他們的網站架構設計,畫面以左右移動為大原則。
[url=http://kinmen.venusmall.tw/OutWeb/MainDoor/Body/index.asp?TTL=53762.9]
【阿嬤的故鄉‧金門的歲月流轉】[/url]
呈現出古早味與懷舊風情,我們希望能將她們這種特有的懷念之情,套用在我們的羅東遊上,希望帶給觀者親身體驗的感覺。

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

週四, 五月 14. 2015

(1)作業網址: http://mepopedia.com/~web103-2b/hw06/hw06-1025445044
(2)製作心得: 比想像中來的簡單XD 會不會是作業05太難了呢XD 現在做06覺得很輕鬆
學號 1025445044

Re: [期中作業] HTML與CSS練習--網站實作

週二, 四月 21. 2015

(1)作業網址:
(2)網站主題:介紹自家兔子+兔子飼養方式
(3)導覽列:首頁、 啵啵的日常、啵啵的傭人、啵啵的餐點、啵啵的朋友
(2)對象:喜愛兔子的人
(3)色彩計畫:甜美、活潑的暖色調
(4)風格設定、預期成效:看了有暖暖的感覺,讓大家一起掉入兔子的世界吧XD
(5)製作心得: 做完後發現沒想像中這麼困難,有時候是自己想太多XD

學號: 1025445044

Re: [作業04] HTML與CSS練習--內頁實作篇--其他頁面完成

週二, 四月 21. 2015

(1)作業網址: http://mepopedia.com/~web103-2b/hw04/hw04-1025445044/
(2)本頁設計重點: 介紹照顧兔子的人們
(3)製作心得: 越來越上手瞜
學號 1025445044

Re: [作業04] HTML與CSS練習--內頁實作篇--其他頁面完成

週二, 四月 14. 2015

(1)作業網址: http://mepopedia.com/~web103-2b/hw04/hw04-1025445044/
(2)本頁設計重點: 製作第三頁啵啵的傭人,比想像中來的快
(3)製作心得: 覆蓋到檔案,全部重新來過....殘念...
學號 1025445044

Re: [作業03] HTML與CSS練習--內頁實作篇--資料整理--以DIV製作表格效果

週三, 四月 8. 2015

(1)作業網址: http://mepopedia.com/~web103-2b/hw03/hw03-1025445044
(2)本頁設計重點: 跟上次的重點一樣 用溫暖的暖色系
(3)製作心得: 這次作業有點小小困難
學號 1025445044

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

週三, 三月 25. 2015

(1)作業網址: http://mepopedia.com/~web103-2b/hw02/hw02-1025445044
(2)網站主題: 寵物兔的一天
(2)對象: 一般大眾
(3)色彩計畫: 溫和.舒服的馬卡龍色 和 暖色
(4)風格設定、網頁看點、預期成效: 活潑、舒適、可愛的
(5)請整理以下數值:
字體設定(font-family)
標題級數、文章標題級數、內文級數(font-size)(單位px)
區塊內與區塊間的距離(padding)(margin)(單位px)
網站寬度(width)(單位px)
(6)製作心得:
學號 1025445044

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

週三, 三月 11. 2015

1.網址:http://mepopedia.com/~web103-2b/hw01/hw01-1025445044

2.設計概念與製作心得:
從0開始的網頁,雖然成品很粗糙,但是期待以後學到更進階的功能:)


3.何謂HTML、DIV及CSS

1.HTML是網頁建立跟網址(或瀏覽器中能看到的資訊)
2.DIV 是區塊,用 DIV 標籤包起來的東西,瀏覽器會視為一個物件,可以用 div 將網頁內容的各區塊包起來,再去做 CSS 排板。
3.CSS

4.附上至少一個覺得設計很有質感的網站,並說明原因

設計誌 pinkoi http://www.pinkoi.com/magz
很喜歡有質感的設計小物,在此網站上有許許多多的設計師設計出來的商品販售,也有設計相關的文章,對於學生而言是一個非常好的網站:)


5.期待這門課的學習成果與收穫為何?

希望可以現在較新的網頁編排方式和看懂語法.....

Re: [講義] 浩理斯(HOELEX)品牌插畫設計實作

週三, 十一月 27. 2013

(1)概念草圖。

完成線搞


(2)電繪完稿作品。


嘗試兩種不同的上色方式





3.品牌創立的想法、故事。

開一家" Iris Cream" 的冰淇淋店
用冰淇淋英文的諧音搭配我的英文名字 Iris 艾瑞絲來命名的,
故事中的女孩替所有人加油。

故事架構是以奇幻王國(由冰淇淋組成的地球),由於地球暖化的關係冰淇淋開始融化,淇淋兔決定讓大家開始把融化的冰淇淋都吃光光
減緩融化的速度,不致於讓王國淹沒在冰淇淋海中。




4.請寫下本次插畫設計研習課程的心得,以及使用互動式數位學習平台的學習心得

很開心可以參加這次的課程,本以為沒辦法參與到了:( (報名單上填滿滿滿滿滿!!! 我寫在報名表單格子外= = 硬要寫XD
有點小小慶幸並不是所有報名參加的同學都有來......某方面又感覺這樣對浩里斯HOELEX老師跟開辦課程的曉金主任很不好意思。
但我還是希望未來的日子能夠繼續辦類似活動,能夠從業界專業人士學習到目前最新的資訊與設計概念,並且和校內老師們的教學整合起來,
使我們的視野更遼闊,對未來的設計行業更有概念了。
HOELEX老師的教學方式讓我印象深刻,與以往我遇過的老師相差甚遠,以往老師都在講桌(講台)上講完後就讓同學們在底下自己做,再切畫面繼續教下個步驟,但HOELEX老師是直接下講桌來和我們每個人一對一,教導我們該如何思考如何去執行自己的想法、完成自己的作品。
很感謝學校提供這個機會給我,我真心期望能有下次不同的體驗課程,也謝謝曉金主任和所有老師、學長姐們的努力才開成這門課程。