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

週二, 六月 14. 2016

(1)作業網址:http://mepopedia.com/~css104-2a/hw07/hw07-1045245001

(2)製作心得: 很有趣,放了不少美麗的花朵

學號:1045245001

Re: [期末作業]專題網站設計

週日, 六月 12. 2016

1.作業網址: http://mepopedia.com/~css104-2a/final/final-1045245001/index.html
2.網站主題:海底世界知多少?
3.網站架構 http://imgur.com/DSHOyKe
4.內容描述: 海底世界的不同知識
5.風格設計: 用海底世界作為背景介紹不同種類的海洋動物
6.組員名單,工作分配(視覺規劃、HTML CSS設計、動態效果): 1045245001方彩晶
7.個人製作心得: 好難一堆程式碼,我花了好久才看懂,幸而不負眾望成功完成了這個網頁,
在背景圖和動物的圖花了不少時間畫.能夠完成是很滿足.希望之後還有機會學習更多.



網頁架構圖(樹狀圖): http://imgur.com/DSHOyKe
網頁版型設計圖 :向下滑動
色彩規劃:主要用藍色色系配合海底的顏色
歷屆得獎分析(至少三組)

BRT 台中PAPAGO
http://www.ibrt.tw/
用了公車的路線設計吸引人們遊覧台中,成功介紹台中的景點和乘車方法
插畫吸引了不少讀者

台灣包車網‧包車遊台灣
http://www.baoche.tw/
資料詳細,背景色吸引目光,圖片齊全


夜市遊樂町
http://www.night-market.tw/?ckattempt=1
簡單明瞭介紹夜市,能吸引人留意,字體鮮明易讀

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

週六, 六月 11. 2016

(1)作業網址: http://mepopedia.com/~css104-2a/hw08/hw08-1045245001
(2)製作心得:很難,有點弄不好,開始眼花了~菜單跑掉弄不回來....

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

週日, 五月 8. 2016

(1)作業網址:
http://mepopedia.com/~css104-2a/hw06/hw06-1045245001/

(2)製作心得:
很有趣生動,期待有不同的效果.

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

週二, 四月 26. 2016

1) 原本的網站:
http://www.shop2000.com.tw/mf/home
因為圖片太多,大小不一,版面有些混亂,網頁顏色普通,字體,行距分別不大,難以閲讀.沒有主視覺,重要資料不能夠突出

2) 參考網站網址:
https://www.aromebakery.com.hk/tc/category_detail.asp?type=all
商品顯示清楚簡潔,版面分類簡單清析,配色令人感覺清新自然,字體清楚,標題及內文容易閲讀

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

週一, 四月 18. 2016

(1)作業網址: http://mepopedia.com/~css104-2a/midterm/midterm-1045245001
(2)網站主題: 星空
(3)導覽列選項: 首頁index.html 星系about.html 神話和宗教的宇宙觀profile.html 宇宙影片works.html 外部連結link.html
(2)設計對象: 喜歡星星的人
(3)色彩計畫:以深綠色,淡藍為主色調,令人星際的聯想
(4)風格設定、預期成效: 還可以,但跟想像的有點差距,基本可以有想帶岀的感覺
(5)製作心得: 有點困難,在背景和版面設計方面,在資料上能放在網頁不多,因為我覺得太深奧.........

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

週一, 三月 21. 2016

(1)作業網址: http://mepopedia.com/~css104-2a/hw03/hw03-1045245001
(2)本頁設計重點: 介紹星空的知識
(3)製作心得: 資料放多後,背景變得怪怪.
學號 : 1045245001

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

週一, 三月 14. 2016

(1)作業網址: http://mepopedia.com/~css104-2a/hw02/hw02-1045245001
(2)網站主題/網站名稱: 星空
(3)分類項目: 首頁index.html 星系的形成和演化about.html 神話和宗教的宇宙觀profile.html 宇宙圖片works.html 外部連結link.html
(4)對象: 喜愛星星和研究星系的人
(5)色彩計畫:暗藍色和暗綠色
(6)風格設定、網頁看點、預期成效: 帶出浩瀚的星空感覺,希望讓大家更了解星系的發展

(7)請整理以下數值:
字體設定(font-family)
"微軟正黑體"12px"
(8)製作心得:
希望能夠吸引更多人了解星系.

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

週二, 三月 1. 2016

1.網址:http://mepopedia.com/~css104-2a/hw01/hw01-1045245001

2.設計概念與製作心得:用花作為主題

3.何謂HTML、DIV及CSS
HTML:整體架構 ,
DIV:區塊命名 ,
CSS:外觀,顏色變化

4.附上至少一個覺得設計很有質感的網站,並說明原因


5.期待這門課的學習成果與收穫為何?
學習更多新知識

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

週三, 一月 6. 2016

(1)作業網址: http://mepopedia.com/~web104-2b/final/final-1045245001
(2)
1.製作作業的時間: 約7-8小時
2.有無遇到的問題: 沒有
3.製作心得與感想: 完成一個的網頁了,很有成功感
4.本學期於網頁設計課程上的收穫:學會一步步做網頁,之前很怕做不到,幸好結果不差
前置作業
(1)網站主題: 哈利波特
(2)導覽列架構設定
(3)主要瀏覽族群: 喜歡看哈利波特的人
(4)風格設定: 簡潔
(5)主色調,輔助色調: 黑,灰,白,紅色
(6)製作動機: 喜歡看哈利波特
(7)製作目的: 想整理他的資料
預期效果: 能夠列出資料

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

週三, 十二月 30. 2015

(1)作業網址:http://mepopedia.com/~web104-2b/hw07/hw07-1045245001
(2)請回答以下問題:
1.網頁主題:哈利波特
配色與風格設定:黑,灰,白,紅色
2.有無遇到的問題? 有,不久之前發現id打錯了
3.製作感想: 終於做完了
4.製作作業的時間:4小時

Re: [作業05] 繞圖排文與推文按鈕的應用

週三, 十二月 9. 2015

(1).作業網址 : http://mepopedia.com/~web104-2b/hw05/hw05-1045245001

(2).請回答以下問題:
1.網頁主題:哈利波特

配色與風格設定: 灰,白,深紅
  
2.有無遇到的問題? 無
3.製作感想:還好,很有成功感,想再豐富其中內容
4.製作作業的時間 :2小時多

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

週三, 十二月 2. 2015

(1).作業網址 : http://mepopedia.com/~web104-2b/hw04/hw04-1045245001

(2).請回答以下問題:
1.導覽列配色與風格設定: 黑背景圖,紅色字,白色背景,迎合主題氣氛
2.有無遇到的問題? 無
3.製作感想(你認為導覽列的意義維和
1) 方便找到自己想要的資料
2)分類,整理
4.製作作業的時間 :2小時

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

週三, 十一月 18. 2015

完成品(11/19前)
請將這項放置於文章最前面
(1)作業網址 http://mepopedia.com/~web104-2b/midterm/midterm-1045245001
(2)
1有無遇到的問題 無
2.製作感想 很有成功感,終於完成,很高興
3.製作作業的時間 3小時




前置作業
(1)網站主題: 家庭教師hitman reborn
(2)製作動機: 這是一部我很喜歡的動畫,所以想為這部動畫製作一個網頁
(3)製作內容: 簡介,人物介紹,視頻,圖片
(4)資料蒐集分析 https://www.wbstudiotour.co.uk/
◎設計優良網站(風格)列表與分析: 統一風格,分類清淅,讓人容易了解
◎相關網站列表與分析: http://harrypotter.scholastic.com/series_information/
以簡單的方法分類

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

週三, 十一月 4. 2015

(1) 作業網址: http://mepopedia.com/~web104-2b/hw03/hw03-1045245001
(2) 風格設定:用白灰營造現代感,清新簡潔,主題:動畫,家庭教師
(3) 有無遇到的問題:很多
(4) 製作感想:很難,但成功後很有成功感
(5) 製作作業的時間:4小時左右