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

週二, 六月 6. 2017

作業網址:http://mepopedia.com/~css105-2b/final/final-1045445002

1. 網站主題:鶯歌陶博館
參考版型:http://www.templatemo.com/tm-496-pipeline
2.網站架構(導覽列名稱與檔名)
首頁
本館建築
藝術園區
公共藝術
外部連接

3.內容大綱:
介紹臺灣第一座以陶瓷為主題的專業博物館。
4.主要對象(分析):
大眾、設計人。

5.網頁架構圖(樹狀圖):



6.網頁版型設計圖wireframe:



7.色彩規劃:
背景圍藍色色調與青花瓷的圖騰

8.歷屆得獎分析(至少三組):
聽見,福 爾 摩沙 http://listento.tw/
用很特別的手法,用聲音去體會台灣傳統的風情與文化。
大山北月http://www.bighillnorthmoon.tw/cafe/
背景搭配悠閒音樂,讓人有悠閒的感覺,整體很有一致性。
和風北投‧行腳踏查 http://imagetaiwan.net.tw/link.html
圖文並茂,看完這個網頁能更了解北投文化,而排版也很舒適。

9.組員名單:
鄒家昕1045445002
張家瑄 1045445095

Re: [作業8] Free templates 試做

週三, 五月 31. 2017

作業網址:http://mepopedia.com/~css105-2b/hw08/hw08-1045445002

(1) 參考之版型網址: http://www.templatemo.com/tm-476-conquer
(2) 設計主題 / 風格:沒錯又是櫻花/這次換粉嫩
(2) 遇到之問題: 網站太複雜,東西很難找
(3) 製作時間:大概5小時吧
(4) 製作心得:好看的網站好難做

Re: [作業04]網頁排版設計-以Photoshop製作Mockup與Prototype

週一, 五月 22. 2017

作業網址
http://mepopedia.com/~css105-2b/hw04/hw04-1045445002

(1)網站網址及主題:
金瑩珠寶
http://www.jingying1979.com.tw/front/bin/ptlist.phtml?Category=366817
修改原因:
風格較於舊式、商品列表不清楚、網頁圖片很怪沒有設計感


(2)參考網站網址與網站名稱:
鑽石專賣店 彩糖鑽工坊
http://www.caramelo-jd.com/
參考原因:
配色優美、簡單明瞭、符合產品風格


(3)色彩計畫: 白色+紫色

(4)風格特色: 高貴、典雅的感覺


(5)製作時請特別注意以下數值,並比較與平面排版之差異:

字體設定(font-family) :微軟正黑體

上排選單級數:13.5px

左側選單級數:12px

footer級數:12px

內文級數:12px

padding:70px
margin:auto

網站寬度(width)(單位px) :900px

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

週三, 五月 17. 2017

(1)作業網址:http://mepopedia.com/~css105-2b/hw07/hw07-1045445002
(2)製作心得: 覺得又學到了有趣的東西,雖然挺難搞
學號 1045445002

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

週四, 五月 4. 2017

(1)作業網址:http://mepopedia.com/~css105-2b/hw06/hw06-1045445002
(2)製作心得: 覺得這種換頁方式還滿好玩的 又學到了新的東西~~

Re: [期中作業] HTML與CSS應用--網站實作

週六, 四月 15. 2017

(1) 作業網址: http://mepopedia.com/~css105-2b/midterm/midterm-1045445002
(2)網站主題: 日本の桜
(3)導覽列選項/分類項目(對應檔名):
TOP(index.html)
所謂櫻花(about.html)
關於賞櫻(hanami.html)
櫻花料理(eat.html)
其他櫻花(other.html)

(2)設計對象:喜歡櫻花的人
(3)色彩計畫:櫻花系、粉色調+日本的和風配色
(4)風格設定、預期成效:
風格>>櫻花、粉嫩、和風
成效>>讓瀏覽網頁的人更進一步認識櫻花,以及相關其他知識
(5)製作心得:
櫻花好美,料理看起來好好吃
其實做網頁也滿好玩的,但是很麻煩,不過做完會有成就感

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

週六, 四月 15. 2017

(1)作業網址: http://mepopedia.com/~css105-2b/midterm/midterm-1045445002
(2)製作心得: 有動態的網頁好酷~
學號 1045445002

Re: [作業03] HTML與CSS練習--1.資料整理--以DIV製作表格效果。 2.其他頁面完成

週一, 四月 3. 2017

(1)作業網址:http://mepopedia.com/~css105-2b/hw03/hw03-1045445002
(2)本頁設計重點:櫻花
(3)製作心得: 終於把你搞定了
學號 1045445002

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

週日, 四月 2. 2017

(1) 作業網址:http://mepopedia.com/~css105-2b/hw02/hw02-1045445002

(2)網站主題/網站名稱: 日本の桜
(3)分類項目(導覽列):
TOP(index)
所謂櫻花(about)
關於賞櫻(hanami)
櫻花料理(eat)
其他櫻花(other)

(4)對象: 喜歡櫻花的大眾
(5)色彩計畫: 配合櫻花以粉色系為主,使用日本傳統色調配色
(6)風格設定、網頁看點、預期成效:
風格設定>>粉粉嫩嫩、日式和風
網頁看點>>櫻花主題
預期成效>>可以獲得櫻花的相關知識
(7)製作心得:
CSS語法變好多啊有點難找,但找到位置後就知道怎麼改了
好險沒忘光
然後櫻花好美R,想去賞櫻

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

週六, 三月 11. 2017

1.網址:http://mepopedia.com/~css105-2b/hw01/hw01-1045445002
2.設計概念與製作心得:
概念:主題是一部戀愛喜劇"朝五晚九",配合劇情及這部戲充滿粉紅泡泡的感覺,使用了粉色系。

心得:慘了我快忘光了

3.何謂HTML、DIV及CSS:
HTML:網頁構成的基本語法
DIV:包覆區塊的標籤語法
CSS:美化外觀,網頁好不好看就靠它了

4.附上至少一個覺得設計很有質感的網站,並說明原因
https://www.onmyojigame.com/#1

角色介紹部分一目了然,而且點選角色還會說出台詞,
畫風唯美,排版簡潔符合主題,音樂好聽

5.期待這門課的學習成果與收穫為何?
希望我可以先把忘記的東西回想起來
能學到更多語法技巧或是關於現代網路設計趨勢的相關知識

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

週日, 一月 8. 2017

完成品(1/10前)
請將這項放置於文章最前面
(1)作業網址: http://mepopedia.com/~web105-2b/final/final-1045445002
(2).
1.製作作業的時間:大概5天左右
2.有無遇到的問題:有些間距或是顏色設定的問題,不過都能在講義跟網路上查到
3.製作心得與感想:
因為這次和期中是完全不同的主題,風格比上次難掌握,所以在設計上花了比較多的心思,也查了許多網路上的教學,做了各種嘗試,希望能讓整體看起來比較符合主題的感覺
4.本學期於網頁設計課程上的收穫:
一開始覺得網頁設計很可怕!!!!!!!!!全是英文跟數字!!!!!!!!!都是些什麼外星文啊根本要我死((被打
但真的開始做的時候就覺得很有趣,尤其是想嘗試老師上課沒教的東西時
雖然常常會忘記一些小東西要重複翻筆記跟講義,但真的做完之後會有很大的成就感((征服了英文跟數字哼哼

前置作業
(1)網站主題: 銀魂
(2)導覽列架構設定


(3)尺寸:




(4)主要瀏覽族群: 青少年~中年、該作品讀者
(5)風格設定: 日式,簡單,藍、白色調(配合角色)
(6)主色調,輔助色調: 主色調是白色及藍色,輔助使用淺灰色、深藍色
(7)製作動機: 喜歡這部作品
(8)製作目的: 能讓其他人認識這部作品
預期效果: 讓進入網站的人對作品產生興趣,或是讓原本的作品讀者得到關於作品的新消息

(8)資料蒐集分析
http://www.sunrise-inc.co.jp/gintama/
http://www.tv-tokyo.co.jp/anime/gintama/index2.html

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

週四, 一月 5. 2017

(1).作業網址 :http://mepopedia.com/~web105-2b/hw07/hw07-1045445002

(2).請回答以下問題:
1.網頁主題:銀魂
配色與風格設定: 配合角色風格,藍色、白色
2.有無遇到的問題? 還好欸
3.製作感想: 網頁....嗯
4.製作作業的時間: 2小時

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

週四, 十二月 22. 2016

(1).作業網址 :http://mepopedia.com/~web105-2b/hw06/hw06-1045445002

(2).請回答以下問題:
1.網頁主題:黑執事
配色與風格設定:黑暗與華麗
(期末作業還沒想到新的,所以先拿原本的期中來做><)

2.有無遇到的問題?
目前沒有

3.製作感想
終於學會用表格了

4.製作作業的時間
1小時

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

週四, 十二月 15. 2016

http://mepopedia.com/~web105-2b/hw05/hw05-1045445002

(2).請回答以下問題:
1.網頁主題:黑執事
配色與風格設定:黑暗與華麗
(期末作業還沒想到新的,所以先拿原本的期中來做><)

2.有無遇到的問題?
目前沒有OwO

3.製作感想
嗯 做完很棒

4.製作作業的時間
1小時

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

週四, 十二月 8. 2016

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

(2).請回答以下問題:
1.導覽列配色與風格設定:
配合網頁主題,黑暗風格

2.有無遇到的問題?
新的東西需要點時間吸收~

3.製作感想(你認為導覽列的意義為何?)
方便瀏覽網頁的人能夠快速找到自己想要的東西

4.製作作業的時間
2小時