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

週一, 十二月 29. 2014

1.作業網址:http://mepopedia.com/~web103-a/hw07/hw07-1005445193
2.網頁主題:文具控的異想世界
3.配色與風格設定:簡約風,每頁都有不同的顏色,以粉色系為主。
4.有無遇到的問題?我的content-R不知道為什麼都沒辦法與上面對齊...
5.製作感想:變得很複雜,css要看很久才知道自己要找哪個東西要改什麼,不過抓到訣竅後就還好了。
6.製作作業的時間:1天

1005445193/徐芯儀

12/31:content-R的問題解決了!謝謝老師 (tu)

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

週二, 十二月 23. 2014

1.作業網址:http://mepopedia.com/~web103-a/hw06/hw06-1005445193/
2.網頁主題:簡約風
3.配色與風格設定:每個主題不同的顏色,都以粉嫩的顏色為主
4.有無遇到的問題?:想讓作品可以是動態圖片
5.製作感想:想排出好看的樣子真的很困難,排了很多種、很久才排出現在的樣子
6.製作作業的時間:2天

1005445193/徐芯儀

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

週六, 十二月 20. 2014

1.網址:http://www.funtape.com.tw/index.html

2.網站名稱及主題:Funtape。介紹知音文創所出版的紙膠帶與相關商品。

3.主要消費族群:喜愛紙膠帶的族群。

4.設計風格:簡約的白色風格,以繽紛多彩的紙膠帶為色彩。

5.色彩分析:


6.版面分析:
簡單明瞭的版面設計。
導覽列於左邊。
移動頁面至下方右邊會出現"TOP"字樣,可點擊直接回到最上面。
點擊進入不同的頁面會於導覽列下方彈性出現雙欄式。
Facebook連結點設在頁面右上方,圖樣大小適中。

(1)主頁尺寸與margin設定
[code]
#wrapper{
 width:960px;
 margin:0px auto;
 }
[/code]


(2)導覽列語法

*主導覽列語法
[URL=http://s1280.photobucket.com/user/HSIUSINYI/media/13_zpseb84cd9d.jpg.html][IMG]http://i1280.photobucket.com/albums/a500/HSIUSINYI/13_zpseb84cd9d.jpg[/IMG][/URL]

*雙欄分頁垂直導覽列語法
[URL=http://s1280.photobucket.com/user/HSIUSINYI/media/14_zpsfe0e1d2b.jpg.html][IMG]http://i1280.photobucket.com/albums/a500/HSIUSINYI/14_zpsfe0e1d2b.jpg[/IMG][/URL]



(3)





1005445193/徐芯儀

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

週五, 十二月 12. 2014

1.作業網址:http://mepopedia.com/~web103-a/final/final-1005445193
2.製作作業的時間:每個禮拜平均花6-8小時,大概花了5個禮拜
3.有無遇到的問題:content-R的問題已經解決了,其他小問題也都有在網路上找到解答。
4.製作心得與感想:期末作業真的要花很多時間去做,還好有聽老師的意見每個禮拜做一點,不然等到期末前在做根本做不完...很多東西都和一開始設想的不一樣,會需要一直修改和變動。
5.本學期於網頁設計課程上的收穫:老師教得很仔細,而且問題都可以解決。這堂課真的受益良多~

(1)網站主題:文具控的異想世界

(2)導覽列架構設定:


(3)尺寸與架構設定:


(4)主要瀏覽族群:剛踏入文具界的朋友
(5)風格設定:簡約。因為內容物較為豐富,不希望搶了內容物的風采。
(6)主色調/輔助色調:白色/粉色系。
(7)製作動機:本身有收集文具的習慣,身邊的朋友知道後常常會詢問一些相關問題。
(8)製作目的:希望可以讓剛踏入文具界的朋友先初步了解常見的文具。
(9)預期效果:呈現簡約但內容豐富的雙欄式網頁

1005445193/徐芯儀

Re: [作業05] 網頁導覽列、繞圖排文與推文按鈕的應用

週五, 十二月 12. 2014

(1)作業網址 :http://mepopedia.com/~web103-a/hw05/hw05-1005445193
(2)網頁主題:講義範例
(3)有無遇到的問題? 第二張圖片另開視窗時視窗會比圖片大,但是調整的數字和選的圖片是對的...
(4)製作感想:越來越有網頁的感覺。
(5)製作作業的時間:2天

1005445193/徐芯儀

*12/22更新內容

(1)作業網址 :http://mepopedia.com/~web103-a/hw05/hw05-1005445193
(2)網頁主題:簡約風
(3)有無遇到的問題? 無
(4)製作感想:希望可以做得更好
(5)製作作業的時間:2天

1005445193/徐芯儀

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

週六, 十一月 29. 2014

1.作業網址:http://mepopedia.com/~web103-a/hw04/hw04-1005445193
2.導覽列配色與風格設定:清爽藍色系
3.有無遇到的問題?:想照著某個網址做,但原始碼太複雜,所以只能製作出比較相近的感覺。
4.製作感想(你認為導覽列的意義為何):我認為導覽列的意義就是快速的讓瀏覽者找到他們想去的頁面、知道他們想知道的訊息,所以我覺得不要用得太複雜,不然就失去本意。
5.製作作業的時間:1天

1005445193/徐芯儀

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

週二, 十一月 11. 2014

(1)作業網址:http://mepopedia.com/~web103-a/hw03/hw03-1005445193

(2) 風格設定:用老師的範本

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

(4) 製作感想:老師講解的很詳細~但這次的複雜度比較高,花費比較多精神力去做

(5) 製作作業的時間:4小時左右

1005445193/徐芯儀

Re: [作業] 專題演講心得報告

週二, 十一月 11. 2014

11/5 廖俊裕(小子) 『在改變世界之前 』

第一次看到這麼特別的演講者,不論是拿麥克風的方式、穿著還是演講方式。
很多成功的人,都希望把自己最好的一面秀給後輩看,但是那些成功的人,這樣做反而造成聽眾有種反效果,聽眾只看到最好的一面、沒辦法理解背後的辛酸歷程;而小子他不一樣,他將自己從頭到尾的作品秀出來,不論美醜、不論他自己是否滿意,這樣的演講讓我覺得比那些只秀自己成功案例的人還要成功,他完全的呈現出自己、毫不保留,告訴我們就算我現在是成功,但其實我也曾經失敗過,讓聽眾覺得更加貼切、更親近。
這場演講是我聽過最吸引人的演講,雖然對於我未來的方向沒有很大的關聯,但我會記住他是如何想把自己想說的告訴大家,也希望未來我有機會演講,也可以讓聽眾不會有遙不可及的感覺。

1005445193/徐芯儀

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

週二, 十一月 4. 2014

(1)作業網址:http://mepopedia.com/~web103-a/midterm/midterm-1005445193
(2)有無遇到的問題:排版很多次...這次已絞盡腦汁讓頁面看起來比較正常,希望期末的可以排得更好!
(3)製作感想:一開始有個地方少打一個r,造成頁面一直無法置中,讓我研究了好久...真的是打錯一個字影響就很大 xD 排版一直都是我的問題,希望期末的可以看起來更好。
(4)製作作業的時間:約4天


(1)網站主題:愛麗絲夢遊仙境
(2)製作動機:雖然愛麗絲夢仙境已經廣為人知,但個人非常喜歡這個故事。除了大家可能已經知道的部分,還想介紹別人衍伸出的愛麗絲故事給大家知道。
(3)製作內容:1.愛麗絲夢遊仙境簡介(index) 2.路易斯的愛麗絲(02lewis) 3.迪士尼的愛麗絲(03disney) 4.不一樣的愛麗絲(04different) 5.愛麗絲的異想世界(05sinyi)
(4)資料蒐集分析
◎設計優良網站(風格)列表與分析:
http://namepara.com/
介紹菇菇栽培主題的網站。
我覺得雖然東西很多,但是他有用框架框起來,看起來就有秩序、不會很亂。
顏色也很粉嫩可愛,看了很舒服。
◎相關網站列表與分析:
http://www.masking-tape.jp/
介紹mt紙膠帶的網站。
他和上述網站相似,雖然東西很多但是看起來不會很亂。
除了介紹的內容顏色很多,本身的版面很素色、乾淨。
而且選單很特別,很多網誌都是橫的他是直的,很特別。

1005445193/徐芯儀

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

週六, 十月 25. 2014

(1)作業網址: http://mepopedia.com/~web103-a/hw02/hw02-1005445193

(2)請回答以下問題
1.製作主題:7-11吉祥物介紹
2.欲呈現之配色風格:7-11的三個標準色,加上現在OPEN頭冠的天藍色為背景。
3.有無遇到的問題?:這次的區塊分比較多,要配得合宜比較困難。
4.製作感想:用7-11的三個標準色的好處是不用自己想顏色,但是配色對我來說真的很苦手,連有顏色給我配還是有點痛苦...

徐芯儀/1005445193

Re: [作業01] 以HTML與CSS完成第一個網頁

週三, 十月 8. 2014

1.作業網址:http://mepopedia.com/~web103-a/hw01/hw01-1005445193

2.有無遇到的問題,製作心得與製作作業的時間:
很久沒有碰、很多東西都忘記了...但是一步一步跟著做就記起來不少 ^^
可以找自己喜歡的主題做很好玩~

1005445193/徐芯儀

Re: [作業00] 網頁設計課前準備與基本認識

週一, 九月 22. 2014

網站名稱:'Neb aaran do' by ネバアランド
網址:http://neverneverland-catalogue.info/
說明:
1.設計雖然很普通簡單、但風格很有個人特色
2.左方的按鈕,特別的是帳號密碼的地方不是文字敘述而是圖案;FB和twitter連結按鈕不同於別人

網站名稱:Orisinal Morning Sunshine
網址:http://www.ferryhalim.com/orisinal/
說明:
1.版面乾淨簡單

網站名稱:Pinkoi - 設計商品購物網站
網址:http://www.pinkoi.com/
說明:
1.顏色粉粉嫩嫩,版面乾淨簡單
2.小插圖讓人一目了然
3.比起別的購物網站,看起來比較舒服


1005445193 徐芯儀

Re: [作業10] 酷卡明信片

週一, 十二月 16. 2013

 photo 6B639762_zps40dfd89b.png

正面

 photo 80CC9762_zps3a1f62d1.png

反面

1.主題:愛麗絲夢遊仙境(感謝卡)
2.風格:簡單色塊
3.色彩計畫:繽紛的色彩
4.製作方法,使用軟體:AI
5.製作心得:結合自己喜歡的素材,讓收到的人可以一眼就看得出來是我送的。因為節慶卡有時效性,所以製作感謝卡,這樣不但沒有時效性、而且不管什麼時候、什麼對象都可以使用。
6.學號/姓名:1005445193/徐芯儀

Re: [作業12] 真人插畫

週一, 十二月 9. 2013

 photo SAM_0385_zpsc3c73732.png

 photo 1220-6A217CCA_zps055592e1.png

(1)主題:家人
(2)風格:色塊
(3)使用的技巧:鋼筆工具、高斯模糊...
(4)遇到的困難與學習心得:覺得臉部是最難的地方,陰影真的很難去控制...
(5)製作時間:5小時
(6)學號/姓名:1005445193/徐芯儀

Re: [作業09] 桌(月)曆設計《鋼筆與矩形格線的應用》

週一, 十二月 9. 2013

 photo 1203_zps8e1bef41.png

 photo 1219_zpsc670a2b5.png

學號/姓名:1005445193/徐芯儀