rosezheng 的所有文章
Page 1 of 1 Pages: 1
Results 1 - 12 of 12
(1)作業網址: http://mepopedia.com/~web103-2b/hw08/hw08-1025445005
(2)製作心得: 開啟某一頁燈箱時,不點叉叉直接點下一頁,前一頁的燈箱不會消失...點解啊!!!!
學號 1025445005
by
rosezheng
-
103-2《中國》竹視傳二B-進階網頁設計
(1)作業網址: http://mepopedia.com/~web103-2b/hw07/hw07-1025445005
(2)製作心得: 分隔線不見了....也不知道怎麼把文字框架變寬,字多時會自動跑到下一行,一開始左邊的點點不知道怎麼拿掉,float設定往下就變成這樣,所以一開始點的時候會不順暢
學號 1025445005
by
rosezheng
-
103-2《中國》竹視傳二B-進階網頁設計
1.作業網址: http://mepopedia.com/~web103-2b/final/final-1025445005
2.網站主題: 台灣健康五小吃
3.網站架構(導覽) 首頁 > 各項小吃 > 各項介紹
4.內容描述: 介紹五大台灣的健康小吃,分析其內容物、熱量、好處、著名出沒地點
5.風格設計: 插畫、向量
6.組員名單,工作分配(視覺規劃、HTML CSS設計、動態效果):
1025445002李君瀅
1025445005鄭妤柔
1025445008邱裕婷
1025445182林宜庭
7.製作心得:
企劃大綱 //
1.網站主題: 台灣健康五小吃
2.內容大綱:
傳統小吃份量雖小,熱量卻高得嚇人,小吃是台灣拚外交、觀光的宣傳武器,但是美味健康難以兼顧,
全台最普及的5大健康小吃,提醒大家聰明吃小吃的小撇步!
by
rosezheng
-
103-2《中國》竹視傳二B-進階網頁設計
(1)作業網址: http://mepopedia.com/~web103-2b/hw06/hw06-1025445005
(2)製作心得: 發現在main裡面的字要做延緩淡入時,不必使用.delay(),因為main的框架會跑掉,所以直接拉長.fadeIn()中的時間即可!
學號 1025445005
by
rosezheng
-
103-2《中國》竹視傳二B-進階網頁設計
(1)原網站名稱及網址: 高雄市教育部網站-英文版
作業網址:http://mepopedia.com/~web103-2b/hw05/hw05-1025445005
(2)參考網站網址與網站名稱: OK-Studios
(3)色彩計畫: 舒適簡潔的大地色
(4)風格特色: 一頁下拉式網站、扁平化設計
(5)請整理以下數值:
字體設定(font-family)
h1,h2標題級數 117px、57px
h3文章標題級數 20px
內文級數(font-size)(單位px) 15px
區塊內與區塊間的距離(padding)(margin)(單位px)
網站寬度(width)(單位px)
(6)製作心得:
切片後在DW製作過程,有時候框架會跑掉,但又不能直接改,還要重新切片,PSD圖層多,會弄得自己混亂,
在沒有老師寫好的原始碼直接製作,總是問題一
by
rosezheng
-
103-2《中國》竹視傳二B-進階網頁設計
(1)作業網址: http://mepopedia.com/~web103-2b/hw04/hw04-1025445005/indexD.html
(2)網站主題: Dessert Book
(3)導覽列: 首頁、做法、實作影片、參考文獻
(4)對象: 喜愛做甜點的人
(5)色彩計畫: 暖色
(6)風格設定、預期成效: 清爽、春天、水彩插畫感覺
(7)製作心得: 加了背景後,像身處春天的森林般,耳邊彷彿有鳥鳴聲,而且肚子很餓!!!
by
rosezheng
-
103-2《中國》竹視傳二B-進階網頁設計
(1)作業網址: http://mepopedia.com/~web103-2b/hw04/hw04-1025445005/04
(2)本頁設計重點:
加了背景、分隔線,然後其實其它甜點都有做成食譜。
(3)製作心得:
有比較清楚怎麼整理原始碼
by
rosezheng
-
103-2《中國》竹視傳二B-進階網頁設計
(1)作業網址: http://mepopedia.com/~web103-2b/hw03/hw03-1025445005
(2)本頁設計重點:
只運用這次作業的板塊設計,在"實作影片"分頁部分,為了力求頁面功能性,秉棄原有的編排及說明文,讓畫面更乾淨簡潔。
(3)製作心得:
做完更餓了...
學號 1025445005
by
rosezheng
-
103-2《中國》竹視傳二B-進階網頁設計
(1)作業網址: http://mepopedia.com/~web103-2b/hw02/hw02-1025445005
(2)網站主題: / Dessert B∞k /
(3)對象:喜好甜點、對烘焙有興趣的人
(4)色彩計畫:大地色
(5)風格設定、網頁看點、預期成效: 簡潔、一目了然、讓大眾輕鬆上手
(6)請整理以下數值:
字體設定(font-family) Arial, Helvetica, sans-serif、"微軟正黑體",sans-serif、Tahoma, Geneva, sans-serif、
標題級數、文章標題級數、內文級數(font-size)(單位px) 24px、16px、12px
區塊內與區塊間的距離(padding)(margin)(單位px) 10px、10px
網站寬度(width)(單位px) 800px
(7)製作心得:
by
rosezheng
-
103-2《中國》竹視傳二B-進階網頁設計
1.網址:http://mepopedia.com/~web103-2b/hw01/hw01-1025445005
2.設計概念與製作心得:
(1)以現代網頁設計趨勢走向參考,滾動式長頁面版型,用單純、較少的配色或頁面開頭使用大文字編排,就能順利的讓畫面乾淨
卻又不失獨自的風格。
(2)偷偷先用了其他CSS設計,雖然花了點時間,但還是作出來了有點開心。
3.何謂HTML、DIV及CSS
HTML / 網頁建立和其它可在網頁瀏覽器中看到的資訊,是設計的一種標示語言。
DIV / 區塊,用 DIV 標籤包起來的東西,瀏覽器會視為一個物件,可用 DIV 將網頁內容的各區塊包起來,再去做 CSS 排板,目前所有的主流瀏覽器都支援 DIV 標籤。
CSS / 為網站添加樣式:字型、間距和顏色等
4.附上至少一個覺得設計很有質感的網站
by
rosezheng
-
103-2《中國》竹視傳二B-進階網頁設計
1025445005(鄭妤柔)
1.作品說明:自畫與他畫像
2.上傳作品:
主題1:他畫像
成品:
3.設計理念:
覺得被我畫的同學做事很有效率、勤快,長相和聲音也很像小精靈,所以我畫了認真的兔子和精靈翅膀的結合
1.作品說明:微觀描繪、微觀描繪延伸與動物結合
2.上傳作品:
主題2、3:茶葉蛋貓頭鷹、腰果大角鹿
成品:
3.設計理念:
茶葉蛋結合貓頭鷹運用比較合理的結合,上面有糖霜的腰果和鹿是比較有趣的結合。
1.作品說明:無機物的結合轉換
2.上傳作品:
主題4:硬幣和鞋帶
成品:
3.設計理念:
鞋帶其實不希望一直被束縛在人類的腳上,所以他開始把自己纏得和硬幣一樣堅硬,他可以滾很遠很遠,到達雙腳都到不了的地方。
1.作品說明:故事文字的插畫創作
2.上傳作品:
主題5: 預知生死的貓
成品:
3.設計理念:
這本小說是關
by
rosezheng
-
102-1《中國》數位互動式教學平台研習課程
主題:少女蘿絲烘焙坊-手作的小確幸
1025445005(鄭妤柔)
(1)概念草圖
(2)定案線搞
(2)電繪完稿作品
3.設計理念:
生活中有許多微小而確切的幸福,而有趣的是,每個人對於小確幸的定義不同,
但相同的,它會讓一個人的"心"微笑,我覺得那樣的笑,才是我們最真實的笑容吧!
品牌創立的想法:
蘿絲這個名字是由我的英文名Rose翻過來的,因為小時候看了鐵達尼號的電影非常喜歡!!所以就被取名叫Rose啦~((笑
好巧不巧的,這個名字的具有母性光輝、心地善良、樂於助人的涵義,所以我希望我的圖能帶給人們溫暖,卻又可以讓大家看到圖就覺得心有戚戚焉,心裡會微笑那種,那就是一種小確幸,或許以後會在小巷子開一間低調的烘焙坊,裡面有一面酒紅的牆,上面掛滿我的畫,大家近來可以聞到麵包香、看到溫馨的圖,心理覺得好自然好放鬆,嘴角就會不自覺上揚
by
rosezheng
-
102-1《中國》數位互動式教學平台研習課程