Re: [作業05 ] 網頁美感排版設計

週四, 六月 11. 2015

作業網址: http://mepopedia.com/~web103-2c/hw05/hw05-1025445192

(1)原網站名稱及網址:臺北好設計 Taipei Good Design : http://www.taipeixdesign.taipei/news_list.asp
(2)參考網站網址與網站名稱:KODZ : https://www.kodz.com.tw/
(3)色彩計畫:白灰色系
(4)風格特色: 簡單風格
(5)請整理以下數值:
字體設定(font-family) 微軟黑體
標題級數 20
內文級數(font-size)(單位px) 14
網站寬度(width)(單位px) 1411px

(6)製作心得: 編排需要很多時間與耐心.................

1025445192 黃婷萱

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

週二, 六月 9. 2015

作業網址:http://mepopedia.com/~web103-2c/hw06/hw06-1025445192/

製作心得 : 簡單

1025445192 黃婷萱

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

週二, 六月 9. 2015

(1)作業網址: http://mepopedia.com/~web103-2c/hw08/hw08-1025445192

(2)製作心得:一直亂掉 有點複雜 困難

學號1025445192 黃婷萱

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

週二, 六月 9. 2015

(1)作業網址: http://mepopedia.com/~web103-2c/hw07/hw07-1025445192

(2)製作心得: 又學了一個

學號 1025445192 黃婷萱

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

週一, 四月 20. 2015

(1)作業網址: http://mepopedia.com/~web103-2c/midterm/midterm-1025445192
(2)網站主題: Mister Donut 多拿滋
(3)導覽列: 首頁 / 堅持美味 / 好康促銷 / 門市情報 / 影片欣賞
(2)對象: 喜歡吃 Mister Donut 的人
(3)色彩計畫: 黃 咖啡
(4)風格設定、預期成效: 簡單色系 符合主題
(5)製作心得: 很開心順利的完成一個網頁

學號 1025445192 黃婷萱

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

週五, 四月 10. 2015

(1)作業網址: http://mepopedia.com/~web103-2c/hw04/hw04-1025445192/retail%20sales.html
(2)本頁設計重點: 門市情報
(3)製作心得:
會覺得為什麼在dw裡很正常 但一到網頁就亂掉
但找出問題 就覺得其實還好 所以需要比較多時間耐心製作

學號 : 黃婷萱 1025445192

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

週一, 四月 6. 2015

(1)作業網址: http://mepopedia.com/~web103-2c/hw03/hw03-1025445192/offer.html
(2)本頁設計重點: 好康促銷
(3)製作心得: 還可以

1025445192 黃婷萱

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

週二, 三月 31. 2015

(1)作業網址: http://mepopedia.com/~web103-2c/hw02/hw02-1025445192/
(2)網站主題/網站名稱: misterdonut 多拿滋
(3)導覽列(分類項目) : 1.首頁 2.堅持美味 3.好康促銷 4. 門市情報 5.影片欣賞
(4)對象: 喜歡吃甜甜圈的人
(5)色彩計畫: 淺黃 咖啡
(6)風格設定、網頁看點、預期成效:好吃有質感的感覺
(7)請整理以下數值:
字體設定(微軟正黑 Arial)
標題級數、文章標題級數、內文級數(font-size)(單位px)
區塊內與區塊間的距離(padding)(margin)(單位px)
網站寬度(width)(單位px)
(8)製作心得: 慢慢摸索後有些許了解 只是需要很多的耐心與時間
學號 1025445192 黃婷萱

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

週四, 三月 19. 2015

1.http://mepopedia.com/~web103-2c/hw01/hw01-1025445192

2.設計概念與製作心得: 介紹音樂人 李榮浩 / 目前沒有遇到什麼困難

3.何謂HTML、DIV及CSS

HTML 網頁架構
DIV 用標籤來建立網頁內的區塊
CSS美化網頁的視覺

4.附上至少一個覺得設計很有質感的網站,並說明原因
http://springsummer.dk/#/spring-summer
很有設計感的一個網站 ,視覺上不會讓人感到凌亂 難閱讀 !

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

能夠 獨立 完成 一個有設計感的網業作品 !

1025445192 黃婷萱

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

週一, 一月 12. 2015

作業網址 : http://mepopedia.com/~web103-c/hw07/hw07-1025445192/


1.網頁主題:優格女孩 郭采潔
配色與風格設定: 白 咖啡色
2.有無遇到的問題? 在電腦做完檢查完沒問題上傳後有些東西出不來或變調就很困惑
3.製作感想 更了解些
4.製作作業的時間 4小時

1025445192 黃婷萱

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

週一, 一月 12. 2015

完成品(1/13前)

(1)作業網址: http://mepopedia.com/~web103-c/final/final-1025445192
1.製作作業的時間:7小時
2.有無遇到的問題: 一不小心按錯什麼就全沒了.. 但最後做很順
3.製作心得與感想: 終於完成了 也做得很順只是需要很多時間去摸索 有點感動 ..
4.本學期於網頁設計課程上的收穫: 學到如何製作雙攔 也讓我更懂網頁

前置作業(12/17)
(1)網站主題: 優格女孩 郭采潔
(2)導覽列架構設定
[img]http://i.imgur.com/bl7vl75l.jpg[/img]

(3)尺寸與架構設定
[img]http://i.imgur.com/KIoOpkQl.jpg[/img]

(4)主要瀏覽族群: 喜歡郭采潔的粉絲
(5)風格設定: 簡約舒服
(6)主色調,輔助色調: 白 咖啡
(7)製作動機: 喜歡郭采潔
(8)製作目的: 讓更多人了解喜歡她
預期效果: 舒服 達到正確明瞭傳遞訊息
(8)資料蒐集分析 :http://www.amberkuo.net/



1025445192 黃婷萱

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

週一, 一月 12. 2015

(1).作業網址 : http://mepopedia.com/~web103-c/hw06/hw06-1025445192

(2).請回答以下問題:
1.網頁主題: 優格女孩 郭采潔
2.配色與風格設定:以白底和咖啡色表現出簡約風
3.有無遇到的問題 表格框排很久..
4.製作感想 困難
5.製作作業的時間 3天

1025445192 黃婷萱

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

週日, 一月 11. 2015

1.分析範例網站網址: http://antique-arles.com/
2.網站名稱及主題: 大阪府箕面市でフランスアンティークの雑貨 / 販賣復古家俱
3.主要消費族群:需要購買家俱者
4.設計風格 : 以水彩和復古的插圖風格,簡單又有設計感的網站
5.色彩分析[img]http://i.imgur.com/VhhjaWIl.jpg[/img]
6.版面分析 [img]http://i.imgur.com/JER0tEml.jpg[/img]
(1).網站width(寬): 2014px、height(高):8766px
(2)網站雙欄語法: [img]http://i.imgur.com/8klxDSnl.jpg[/img]
7.跨瀏覽器問題與分析
於不同瀏覽器(IE6,IE7,IE8,firefox,googlechrome)的觀察與問題提出
於不同瀏覽器觀察無差異。

1025445192 黃婷萱

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

週六, 一月 10. 2015

(1).作業網址 :http://mepopedia.com/~web103-c/hw05/hw05-1025445192

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

有無遇到的問題? 有點難
製作感想 做完有點成就
製作作業的時間 1小時

1025445192 黃婷萱

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

週三, 一月 7. 2015

(1).作業網址 : http://mepopedia.com/~web103-c/hw04/hw04-1025445192/

1.導覽列配色與風格設定:簡潔 白色搭配綠色與紅玫瑰色
2.有無遇到的問題? 無
3.製作感想(你認為導覽列的意義為何? 清楚明瞭 如果沒有導覽列畫面會變很亂
4.製作作業的時間:2小時

1025445192 黃婷萱