翁瑱真 的所有文章
Page 1 of 1 Pages: 1
Results 1 - 23 of 23
(1)原本網站網址及主題: http://www.faber-castell.com.tw/ Faber-Castell
(2)參考網站網址與網站名稱:http://www.hana-no-babaroa.com/ 花のババロア havaro
(3)色彩計畫:白色 搭配LOGO的深綠色
(4)風格特色:
(5)請整理以下數值:
字體設定(font-family)
h1,h2標題級數
h3文章標題級數
內文級數(font-size)(單位px)
區塊內與區塊間的距離(padding)(margin)(單位px)
網站寬度(width)(單位px)
(6)製作心得:
學號:1035445191
by
翁瑱真
-
104-2《中國》竹視傳二B-進階網頁設計
作業網址: http://mepopedia.com/~css104-2b/final/final-1035445071
1.網站主題: 大湖酒莊草莓文化館
2.內容大綱: 介紹草莓文化館的產品以及相關資訊
3.主要對象(分析): 想參觀或認識草莓文化館的客人
4.網頁架構圖(樹狀圖):
http://i.imgur.com/gF10vly.jpg?1
5.色彩規劃: 運用各種深淺不一紅色 表達草莓的感覺
6.組員名單(學號)
陳郁琳 1035445071 (活動專區)
黃毓雯 1035445152 (首頁、介紹、主架構)
翁瑱真 1035445191 (產品)
王文筠 1035445206 (交通資訊)
林冠妤 1035445209 (導覽圖)
by
翁瑱真
-
104-2《中國》竹視傳二B-進階網頁設計
(1)作業網址:http://mepopedia.com/~css104-2b/hw08/hw08-1035445191
(2)製作心得: 調整距離最花時間,很多細項要加加減減,但比起之前做過的網頁,又更完整了些
只是看語法真的會看到眼花
1035445191 翁瑱真
by
翁瑱真
-
104-2《中國》竹視傳二B-進階網頁設計
(1)作業網址: http://mepopedia.com/~css104-2b/hw07/hw07-1035445191
(2)製作心得: 雖然有動態效果很好,但語法變得很複雜找不到自己要的內容,版面很容易跑掉,而且要新增新的選項跑不出來,很不好設定
1035445191
by
翁瑱真
-
104-2《中國》竹視傳二B-進階網頁設計
(1)作業網址:http://mepopedia.com/~css104-2b/hw06/hw06-1035445191
(2)製作心得: 增加一些小動畫,讓頁面有點變化,還不錯
1035445191
by
翁瑱真
-
104-2《中國》竹視傳二B-進階網頁設計
(1)作業網址: http://mepopedia.com/~css104-2b/midterm/midterm-1035445191/index.html
(2)網站主題: 遇見‧幾米
(3)導覽列選項: 首頁、關於幾米、出版作品、展覽裝置、外部連結
(2)設計對象: 喜歡幾米、喜歡看繪本和插畫的人
(3)色彩計畫: 主要為淺藍、深藍、白色這三個顏色為主
(4)風格設定、預期成效:盡量讓整個版面看起來簡單、舒暢,但不落於太單調,並且能一看就有幾米的風格。
(5)製作心得: 開始做第一頁的時覺得很困難,但越後面越做越順手,完成整個網站時很開心,
且想要挑戰更有官方網站感覺的網頁版型。
學號 1035445191
by
翁瑱真
-
104-2《中國》竹視傳二B-進階網頁設計
(1)作業網址: http://mepopedia.com/~css104-2b/hw04/hw04-1035445191/link.html
(2)本頁設計重點: 將前面主要頁面未能補齊的放在這邊,也算是整個網頁的資料來源
(3)製作心得: 有點不知道內容該放什麼,因為語法是使用 li 製作,放入圖片容易跑掉,還是div比較好用
1035445191 翁瑱真
by
翁瑱真
-
104-2《中國》竹視傳二B-進階網頁設計
(1)作業網址: http://mepopedia.com/~css104-2b/hw03/hw03-1035445191
(2)本頁設計重點: 介紹幾米的作品,希望標示清楚又不會很單調
(3)製作心得: 有比上個熟練一點了,能夠找出是哪個div並且調出自己要的樣子
1035445191 翁瑱真
by
翁瑱真
-
104-2《中國》竹視傳二B-進階網頁設計
1035445191 翁瑱真
(1)作業網址: http://mepopedia.com/~css104-2b/hw02/hw02-1035445191
(2)網站主題/網站名稱: 遇見幾米
(3)分類項目: 首頁、關於幾米、出版作品、展覽裝置、外部連結
(4)對象:喜歡看繪本和溫馨風插畫的人
(5)色彩計畫:想盡量用白和藍色傳達簡單的感覺
(6)風格設定、網頁看點、預期成效:
(7)請整理以下數值:
字體設定(font-family) 微軟正黑體
標題級數 28
(8)製作心得:
覺得比上次作業複雜和困難許多,很多字選色都要一層一層找,眼睛快花了,如果想把間距調大,版面就會跑掉.....真的是有些難度,很有挫折感
by
翁瑱真
-
104-2《中國》竹視傳二B-進階網頁設計
1.網址:http://mepopedia.com/~css104-2b/hw01/hw01-1035445191
2.設計概念與製作心得:整體都是使用藍色系,想呈現外國旅遊的感覺,
隔了一個寒假都沒練習,對有些語法有點生疏,不過漸漸抓回感覺了
3.何謂HTML、DIV及CSS?
HTML為製作網頁的基本架構
DIV 可以把它視為標籤,命名這個標籤之後可以用CSS去做排版
CSS負責將基本的網頁架構美化
4.附上至少一個覺得設計很有質感的網站,並說明原因
http://www.quil-fait-bon.com/
顏色明亮,排版簡單,看了很舒服,且也有一點動態的設計,不會很死板
5.期待這門課的學習成果與收穫為何?
希望能學到更多把網頁製作得更有質感的方法,還有關於動態的設計
by
翁瑱真
-
104-2《中國》竹視傳二B-進階網頁設計
(1).作業網址 : http://mepopedia.com/~web104-2b/hw07/hw07-1035445191
(2).請回答以下問題:
1.網頁主題:kanahei
配色與風格設定:粉紅 粉綠為主
2.有無遇到的問題? 有時候會不小心讓大小跑掉,但都有調回來了
3.製作感想 : 雙欄真的難製作很多,但也會讓網頁看起來比較完整一些
4.製作作業的時間 :4小時多
by
翁瑱真
-
104-1《中國》竹視傳二B-網頁設計
(1)作業網址:http://mepopedia.com/~web104-2b/final/final-1035445191
(2).
1.製作作業的時間: 前後改來改去,應該快一禮拜了
2.有無遇到的問題: 大致上沒有很大的問題,有跑掉的還可以調回來,但是雙欄果然比以前任何版型西還要花時間又難做!
3.製作心得與感想: 雖然真的覺得雙欄很麻煩又耗工,但是有邁向更完整的網頁的感覺,按鈕變多變得更有趣。
4.本學期於網頁設計課程上的收穫: 以前有看別的科的同學有學過,一直以為它是比較沒有相關設計,單純就是語法程式的
無聊東西,但學過之後大大改觀,可以做出自想做的網頁真的很有趣,非常喜歡這堂課,很高興下學期還可以繼續學。
-----------------------前置作業----------------------------
by
翁瑱真
-
104-1《中國》竹視傳二B-網頁設計
(1).作業網址 : http://mepopedia.com/~web104-2b/hw06/hw06-1035445191
(2).請回答以下問題:
1.網頁主題:kanahei 插畫家
配色與風格設定:配合她的插畫風格,選用粉色系色彩
2.有無遇到的問題? 沒有什麼大問題,小問題的部分多試幾次調整就好
3.製作感想:之前不知道原來表格那個好用,還自己拉線,有了這個整理起來方便多了
4.製作作業的時間:2小時
by
翁瑱真
-
104-1《中國》竹視傳二B-網頁設計
(1).作業網址 : http://mepopedia.com/~web104-2b/hw05/hw05-1035445191
(2).請回答以下問題:
1.網頁主題: 配色與風格設定:
使用老師給的素材檔主題繼續製作,不過有些地方有修改沒有完全一樣,且內文的圖片有另外找
2.有無遇到的問題? 無
3.製作感想:版面只不過加了一些小東西,需要用到的語法卻一大堆,雖然有點複雜,但很有趣
4.製作作業的時間 :課外1小時多
by
翁瑱真
-
104-1《中國》竹視傳二B-網頁設計
(1).作業網址 : http://mepopedia.com/~web104-2b/hw04/hw04-1035445191
(2).請回答以下問題:
1.導覽列配色與風格設定:符合這位插畫家溫馨可愛的風格,使用粉紅及粉黃色
2.有無遇到的問題? 無
3.製作感想(你認為導覽列的意義維何?)
(1)能讓使用者迅速找到想要的類別
(2)如果是有設計過的導覽列則是另一種與使用者的互動,很有趣
4.製作作業的時間 :大約1小時多
by
翁瑱真
-
104-1《中國》竹視傳二B-網頁設計
完成品(11/19前)
(1)作業網址 http://mepopedia.com/~web104-2b/midterm/midterm-1035445191
(2)
1有無遇到的問題:無
2.製作感想 :比起之前做得其他作業,因為需要製作的網頁變多了,所以坐起來真的有點累,但完成後卻很有成就感!
3.製作作業的時間 :連續3天各5到6小時
(1)網站主題: Adventure Time 探險活寶
(2)製作動機: 自己很喜歡這部卡通,想製作關於他的介紹網頁
(3)製作內容: 故事介紹、角色、先關連結、影片
(4)資料蒐集分析
◎設計優良網站(風格)列表與分析: http://store.digitalstores.co.uk/katyperry/
排列簡單又整齊,不會有太多的連結或小圖片,用色明亮
◎相關網站列表
by
翁瑱真
-
104-1《中國》竹視傳二B-網頁設計
主題: 大湖酒莊草莓文化館
組長:翁瑱真 學號1035445191
組員:陳郁琳 學號1035445071 李恩慈 學號1035445104 黃毓雯 學號1035445152 王文筠 學號1035445206 林冠妤 學號1035445209
資料蒐集現況:
1.主題本身:大湖酒莊草莓文化館
2.相關主題現況與資料: 現在會先開始蒐集資料,還有相關的視覺設計,並且在下週空閒時間實地勘查。
by
翁瑱真
-
104-1《中國》竹視傳二B-視覺傳達設計(一)
(1) 作業網址: http://mepopedia.com/~web104-2b/hw03/hw03-1035445191
(2) 風格設定:像本身卡通的一樣,能有簡單又可愛的感覺,因為圖片色彩已經很豐富了,所以其餘的字以及線框部分則是用簡單的黑白色。
(3) 有無遇到的問題:沒有
(4) 製作感想 : 非常有趣,和前兩個作品完全不一樣,有了圖片真的豐富很多,雖然因此製作的難度和時間增加了,但做完非常有成就感!
(5) 製作作業的時間 :約5個半小時
by
翁瑱真
-
104-1《中國》竹視傳二B-網頁設計
(1)作業網址:http://mepopedia.com/~web104-2b/hw02/hw02-1035445191
(2)請回答以下問題:
1.製作主題:認識太陽系 八大行星
2.欲呈現之配色風格:黑藍色配有淡淡的黃色
3.有無遇到的問題? 大致上沒有,比起上次順利很多
4.製作感想:原本在製作第一個作業時覺得很困難,但練習久了後覺得挺有趣的!
by
翁瑱真
-
104-1《中國》竹視傳二B-網頁設計
1.作業網址:http://mepopedia.com/~web104-2b/hw01/hw01-1035445191
2.有無遇到的問題,製作心得,風格設定與製作作業的時間
一開始看到這些數字英文真得眼花撩亂,而且有時候不確定需要調整的地方應該去哪個視窗用,但漸漸熟悉後覺得也挺有趣的!因為這首歌原本就是較輕鬆的曲調,所以我使用較淡且清爽的顏色來呈現,製作時間約2小時
by
翁瑱真
-
104-1《中國》竹視傳二B-網頁設計
1.請寫下你對於本課程的期許,希望可以學習哪些網頁上的知識及技能,以作為後續課程的參考。
希望能更了解怎麼製作網頁和語法使用,也希望老師能給予足夠時間讓我們了解課程內容
2.請將瀏覽過不錯及值得推薦的網站,網站名稱及網址列出,並試著說明及分析。
網站名稱: 株式会社太郎フーズ
網誌 :http://www.tarofoods.com/
1.頁面清楚,圖片清晰能夠馬上找到想要的東西
2.文字融合在背景大圖片中,且有日英兩種語言互相輔助,即使是外國人也能了解意思
by
翁瑱真
-
104-1《中國》竹視傳二B-網頁設計