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

週四, 六月 11. 2015

(1)作業網址: http://mepopedia.com/~web103-2c/hw07/hw07-1025445147
(2)製作心得: 蠻簡單

1025445147 張郁

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

週四, 六月 11. 2015

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

(1)原網站名稱及網址:大阪歷史博物館/http://www.mus-his.city.osaka.jp/index.html
(2)參考網站網址與網站名稱: 吾穀茶糧/http://www.siidcha.com/
(3)色彩計畫:日式,首頁為藍綠色為主
(4)風格特色: 日式風格
(5)請整理以下數值:
字體設定(font-family) 黑體
h1,h2標題級數 40
h3文章標題級數 28
內文級數(font-size)(單位px) 21
區塊內與區塊間的距離(padding)(margin)(單位px)
網站寬度(width)(單位px) 1363px
(6)製作心得: 只能說要有耐心

1025445147 張郁

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

週三, 六月 3. 2015

(1)作業網址: http://mepopedia.com/~web103-2c/hw08/hw08-1025445147
(2)製作心得:說實在的,還是有部分語法不是搞得很清楚
1025445147 張郁

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

週四, 五月 21. 2015

作業網址:http://mepopedia.com/~web103-2c/hw06/hw06-1025445147
製作心得:遇到一點小麻煩,不過解決了

1025445147 張郁

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

週三, 四月 22. 2015

(1)作業網址:http://mepopedia.com/~web103-2c/midterm/midterm-1025445147
(2)網站主題: 日本連戲劇
(3)導覽列:首頁 欣賞藝人 喜愛分類 本命推薦 小試一看
(2)對象:喜歡日劇的人
(3)色彩計畫: 紫色調
(4)風格設定、預期成效: 沉著風
(5)製作心得: 透明感做不出來,設計風格還要再加強,有時做不出自己想要的風格


1025445147 張 郁

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

週四, 四月 16. 2015

(1)作業網址: http://mepopedia.com/~web103-2c/hw04/hw04-1025445147/mylove.html

(2)本頁設計重點: 介紹自己看過並覺得不錯的日片

(3)製作心得:有機會想慢慢改細節

1025445147 張 郁

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

週四, 四月 9. 2015

(1)作業網址: http://mepopedia.com/~web103-2c/hw03/hw03-1025445147/youlook.html
(2)本頁設計重點: 分隔區塊作介紹
(3)製作心得: 還可以,但語法太多,有點複雜。還有顏色配得不是很好

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

週四, 三月 26. 2015

(1)作業網址:http://mepopedia.com/~web103-2c/hw02/hw02-1025445147
(2)網站主題:日劇
(2)對象:喜愛看日劇的人
(3)色彩計畫:主色調為紫色,在根據不同主題為依據
(4)風格設定、網頁看點、預期成效:簡潔有力,詳細知道有哪些好看日劇
(5)請整理以下數值:
字體設定(font-family)"微軟正黑體",sans-serif
標題級數:24px
文章標題級數:15px
內文級數(font-size)(單位px) 12px
區塊內與區塊間的距離:10px
網站寬度:800px

(6)製作心得: 勉強可以吸收的了,但css東西有點雜,有點搞混

1025445147 張 郁

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

週四, 三月 5. 2015

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

2.設計概念與製作心得:
日劇,因為有做過,還可以很快完成

3.何謂HTML、DIV及CSS

HTML: 網頁架構
DIV :用標籤來建立網頁內的區塊
CSS:美化網頁,風格設定,塑造美感

4.附上至少一個覺得設計很有質感的網站,並說明原因
http://lovelive-sif.mobimon.com.tw/
手機遊戲,簡單明瞭知道如何玩


5.期待這門課的學習成果與收穫為何?
要做時需要慢慢吸收老師所教的東西,但完成時很有成就感。

1025445147 張郁

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

週三, 一月 14. 2015

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

(2)
1.網頁主題: 配色與風格設定:ARASHI 黑、灰、白
2.有無遇到的問題?沒什麼問題
3.製作感想 慢慢地做其實可以做得很完整的
4.製作作業的時間 二至三小時


1025445147 張 郁

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

週三, 十二月 24. 2014

(1).作業網址 : http://mepopedia.com/~web103-c/hw06/hw06-1025445147
(2).請回答以下問題:
1.網頁主題 配色與風格設定:ARASHI 黑及灰
2.有無遇到的問題:表格有點複雜
3.製作感想:有點困難,尤其是表格
4.製作作業的時間:五至六小時

1025445147 張 郁

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

週一, 十二月 22. 2014

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

(2).請回答以下問題:
1.網頁主題: 配色與風格設定:東野圭吾小說,用老師配色主題
2.有無遇到的問題? 還可以自行解決
3.製作感想:覺得自己要多加練習
4.製作作業的時間:二至三小時

1025445147 張 郁

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

週三, 十二月 17. 2014

(1)作業網址: http://mepopedia.com/~web103-c/final/final-1025445147
(2).
1.製作作業的時間: 二天多
2.有無遇到的問題:有點複雜
3.製作心得與感想: 雙欄比單欄難,也沒到我想要出現的東西
4.本學期於網頁設計課程上的收穫:有時覺得複雜,但完成時會有種成就感,雖然有時會出小差錯

(1)網站主題:ARASHI
(2)導覽列架構設定
網站主題:ARASHI
[img]http://i.imgur.com/K1YA1WO.jpg[/img]
(3)尺寸與架構設定
[img]http://i.imgur.com/pBBLBxC.jpg[/img]
(4)主要瀏覽族群:ARASHI的粉絲
(5)風格設定: 簡單明瞭
(6)主色調,輔助色調: 白 灰 黑 團員代表色
(7)製作動機:最近迷上的團體
(8)製作目的: 統整資料
預期效果:清楚明瞭

1025445147 張郁

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

週三, 十二月 17. 2014

1.分析範例網站網址:http://www.schokolake.com.tw/
2.網站名稱及主題: 巧克力雲莊
3.主要消費族群:喜歡吃巧克力的顧客
4.設計風格 :以紫色為主要顏色,首頁有座城堡,會有小人在移動,創造童話般感覺
5.色彩分析

[img]http://i.imgur.com/34jFdQJ.jpg[/img]C28.06M36.66Y2.4K0 [img]http://i.imgur.com/h7AsibZ.jpg[/img]C7.43M6.69Y35.5K0
[img]http://i.imgur.com/H4qPvkt.jpg[/img]
6.版面分析
[img]http://i.imgur.com/O3ZXxRv.jpg[/img]
(1).網站width(寬):1000px
height(高):620px
margin:0
padding:0
(2)網站雙欄語法
[img]http://i.imgur.com/A0ZXd9k.jpg[/img]


1025445147 張郁

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

週二, 十二月 2. 2014

http://mepopedia.com/~web103-c/hw04/hw04-1025445147
1.導覽列配色與風格設定: 期中作業續用
2.有無遇到的問題:以上傳,卻連不到,無法顯示出來
3.製作感想:覺得這次做法跟期中作業作法對我來說都比較困難
4.製作作業的時間:二小時

1025445147 張 郁