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

週日, 五月 31. 2015

(1)作業網址: http://mepopedia.com/~web103-2c/hw08/hw08-1025445072
(2)製作心得:啊~有點小困難
學號
1025445072 王人永

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

週日, 五月 24. 2015

(1)作業網址: http://mepopedia.com/~web103-2c/hw07/hw07-1025445072/
(2)製作心得: 好玩好玩


1025445072 王人永

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

週四, 五月 14. 2015

作業網址:http://mepopedia.com/~web103-2c/hw06/hw06-1025445069/
製作心得:好簡單~~~

1025445069 古珮儒

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

週四, 五月 14. 2015

作業網址:http://mepopedia.com/~web103-2c/hw06/hw06-1025445072/
製作心得:好簡單~~~

1025445072 王人永

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

週三, 五月 6. 2015

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

(1)原網站名稱及網址:[url=http://event.moc.gov.tw/mp.asp?mp=1]全國藝文活動資訊系統網[/url]
(2)參考網站網址與網站名稱:[url=http://www.m.dxmonline.com/]大小創意[/url]
(3)色彩計畫:較鮮豔豐富的
(4)風格特色: 簡單 明瞭
(5)請整理以下數值:
字體設定(font-family) 黑體
h1,h2標題級數 18
h3文章標題級數 18
內文級數(font-size)(單位px) 10
區塊內與區塊間的距離(padding)(margin)(單位px) 20px
網站寬度(width)(單位px) 1000px

1025445069 古珮儒

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

週三, 五月 6. 2015

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

(1)原網站名稱及網址: [url=http://www.moc.gov.tw/]文化部[/url]
(2)參考網站網址與網站名稱: [url=http://www.seymourpowell.com/]seymourpowell[/url]
(3)色彩計畫:藍色系
(4)風格特色: 簡單風格
(5)請整理以下數值:
字體設定(font-family) 黑體
h1,h2標題級數 18
h3文章標題級數 18
內文級數(font-size)(單位px) 10
區塊內與區塊間的距離(padding)(margin)(單位px) 20px
網站寬度(width)(單位px) 900px

(6)製作心得: 不難 需要的是耐心跟時間

1025445072 王人永

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

週四, 四月 16. 2015

(1)作業網址:http://mepopedia.com/~web103-2c/midterm/midterm-1025445072
(2)網站主題: 彩虹小馬
(3)導覽列: 首頁 故事簡介 角色介紹 影片分享 外部連結
(2)對象: 小朋友,喜歡彩虹小馬的大眾
(3)色彩計畫: 粉色調
(4)風格設定、預期成效: 歡樂風
(5)製作心得: 設計感還可以多練習練習

1025445072 王人永

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

週六, 四月 11. 2015

(1)作業網址: http://mepopedia.com/~web103-2c/hw04/hw04-1025445072/link.html
(2)本頁設計重點:外部連結
(3)製作心得: okok


1025445072 王人永

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

週日, 四月 5. 2015

(1)作業網址: http://mepopedia.com/~web103-2c/hw03/hw03-1025445072/people.html
(2)本頁設計重點: 角色介紹
(3)製作心得: 無


1025445072 王人永

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

週二, 三月 24. 2015

(1)作業網址: http://mepopedia.com/~web103-2c/hw02/hw02-1025445072/
(2)網站主題/網站名稱: 彩虹小馬
(3)導覽列(分類項目): 首頁 故事簡介 角色介紹 影片分享 外部連結
(4)對象: 喜歡彩虹小馬的大眾們
(5)色彩計畫: 粉色調
(6)風格設定、網頁看點、預期成效: 粉嫩風,讓更多人喜歡
(7)請整理以下數值:
字體設定(font-family) "微軟正黑體",sans-serif
標題級數:24px
文章標題級數:20px
內文級數(font-size)(單位px) 12px
區塊內與區塊間的距離:10px
網站寬度:800px

(8)製作心得:覺得自己更厲害了一點


1025445072 王人永

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

週三, 三月 4. 2015

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

2.設計概念與製作心得:
冰雪奇緣,有些忘記了 大致上是可以的

3.何謂HTML、DIV及CSS

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

4.附上至少一個覺得設計很有質感的網站,並說明原因
http://www.colingrist.com/
乾淨,看似簡單又很厲害


5.期待這門課的學習成果與收穫為何?
做出更有質感更厲害的網頁



1025445072 王人永

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

週一, 十二月 29. 2014

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


1.網頁主題:蔡健雅
配色與風格設定: 粉紅色
2.有無遇到的問題? 無
3.製作感想 覺得自己更進一步
4.製作作業的時間 3小時

1025445072 王人永

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

週二, 十二月 23. 2014

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

請回答以下問題:
1.網頁主題: 配色與風格設定: 粉嫩
2.有無遇到的問題? 看著影片一步一步做的
3.製作感想 更進一步
4.製作作業的時間 4小時


1025445072 王人永

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

週三, 十二月 17. 2014

(1)作業網址:http://mepopedia.com/~web103-c/final/final-1025445069
(2).
1.製作作業的時間:1~兩天
2.有無遇到的問題:都還好 只是剛開始FOOTER一直歪掉 後來好了
3.製作心得與感想:很有成就感
4.本學期於網頁設計課程上的收穫: 從完全不會到現在能做出一個還滿像樣的網站 覺得很開心 學到新的東西



(1)網站主題: 電台司令radiohead
(2)導覽列架構設定
[img]https://fbcdn-sphotos-e-a.akamaihd.net/hphotos-ak-xaf1/v/t1.0-9/10343495_1013342545350009_7478531594898592021_n.jpg?oh=d091291fc1e70a15618e207b8784ac45&oe=54FA0601&_gda_=1430274742_563299c70836bcd790d621a24c9463d6[/img]

(3)尺寸與架構設定
[img]https://scontent-b-pao.xx.fbcdn.net/hphotos-xfp1/v/t1.0-9/10382816_1013342552016675_8179642729745414489_n.jpg?oh=53c9071746eb03e386b17c03b03f38e8&oe=5510DB4A[/img]

(4)主要瀏覽族群: 大眾
(5)風格設定: 簡約
(6)主色調,輔助色調:藍色 灰色 白色 黑色 紅色
(7)製作動機: 喜歡這個樂團
(8)製作目的: 統整資料
預期效果: 簡單明瞭

1025445069 古珮儒

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

週三, 十二月 17. 2014

1.分析範例網站網址:http://www.jeanco.com.tw/cht/who.html
2.網站名稱及主題:JUNTAPE 知音紙膠帶
3.主要消費族群:喜愛紙膠帶的各年齡層人
4.設計風格 簡單易懂的風格搭配藍綠色當底色讓人有一種文青的感覺
5.色彩分析


6.版面分析
[img]https://scontent-b-pao.xx.fbcdn.net/hphotos-xap1/t31.0-8/s960x960/10687530_1013282865355977_5689053653096309959_o.jpg[/img]
(1).網站width(寬)、height(高)、margin、padding分析
網站width(寬)926、height(高)169
margi-bottom: 0px; margin-left: 0px; argin-right: 0px; margin-top: 0px;、padding: 0
(2)網站雙欄語法(於google離覽器中,按F12或於要檢查的部分右鍵檢查元素觀察)(是否有學過)(加分題):
[img]https://fbcdn-sphotos-c-a.akamaihd.net/hphotos-ak-xpa1/v/t1.0-9/10868178_1013309202020010_2785278822522912379_n.jpg?oh=b9b4baa2713389d5deb656a9330f540d&oe=5501C16C&_gda_=1429935622_8ad3f634e8680a533b78e193332d830c[/img]
7.跨瀏覽器問題與分析
(於不同瀏覽器(IE6,IE7,IE8,firefox,googlechrome)的觀察與問題提出)
(若在不同瀏覽器上有發現不同的呈現情形,可以加註)


1025445072 王人永