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

週四, 六月 15. 2017

1.網站主題: 台灣夜市

2.內容大綱: 介紹台灣的夜市跟一些台灣特有美食及飲料

3.主要對象(分析): 看得懂中文的比如中國、香港、澳門等外地人。

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

5.網頁版型設計圖wireframe

6.色彩規劃:傍晚與星空的橘藍黑白

7.歷屆得獎分析(至少三組)
大山北月:http://www.bighillnorthmoon.tw/cafe/
音樂與圖片配合的恰好、插畫等些文字也讓人感到溫暖。

夜色台北:http://www.taiwanonly.tw/index.html
感覺真的在夜晚的台北遊歷一樣,有一種身如其境的感覺。

瘋樂!!!骰進Taiching:http://funtaichung.idv.tw/
以骰子遊樂的感覺來遊歷台中,感覺童趣,顏色等也能讓小孩感受喜愛。

[hr]

1.作業網址:http://mepopedia.com/~css105-2c/final/final-1015445216

2.網站主題:台灣夜市
3.內容描述: 介紹台灣的夜市跟一些台灣特有美食及飲料
4.風格設計: 用夜色與傍晚的背景襯托台灣的美食跟夜市。
5.組員名單,工作分配(視覺規劃、HTML CSS設計、動態效果): 1015445216 陳依婷
6.個人製作心得: 其他科的期末也同時卡在這周顯得整理作業有些手忙腳亂,加上工作忙跟一些家庭因素,可能會有一些不完整之處,不過還是盡力了,部分圖片也是找授權的,光是處理圖片大小跟檔名就花了不少時間。

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

週三, 六月 14. 2017

(1)作業網址: http://mepopedia.com/~css105-2c/midterm/midterm-1015445216/
(2)製作心得:淡入很漂亮。順便發現之前期中忘記把圖檔放進去

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

週三, 六月 14. 2017

(1)作業網址:http://mepopedia.com/~css105-2c/hw07/hw07-1015445216
(2)製作心得: 燈箱內的東西有點難調整,全部擠在一起。

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

週三, 六月 14. 2017

(1)作業網址:http://mepopedia.com/~css105-2c/hw06/hw06-1015445216/
(2)製作心得: 上下擺動那一頁物件好容易歪掉

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

週四, 四月 20. 2017

(1)作業網址: http://mepopedia.com/~css105-2c/midterm/midterm-1015445216
(2)網站主題: 劍靈

(3)導覽列選項/分類項目(對應檔名):
首頁:index
遊戲世界觀 - 介紹一些國家與陣營及重要角色:about
截圖分享 - 遊戲副本內容、社交:profile
影片欣賞 - 放些官方舞台劇或劇情、還有玩家自製的影片:works
官方連結 - 遊戲相關的網站的連結:LIST

(2)設計對象: 對遊戲不深入者
(3)色彩計畫: 黑灰白
(4)風格設定、預期成效: 以較簡約的黑灰白來呈現,比照遊戲些微灰暗的走向。
(5)製作心得: 圖的主角都是自己或朋友,說是介紹遊戲不如說像在自肥(┐「ε:) 做的還蠻愉快的。

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

週四, 四月 20. 2017

(1)作業網址:http://mepopedia.com/~css105-2c/hw02/hw02-1015445216
(3)分類項目(導覽列): 首頁、遊戲世界觀、截圖分享、影片欣賞、官方連結
(4)對象: 對劇情還未深入的人
(5)色彩計畫: 黑灰白
(6)風格設定、網頁看點、預期成效: 以黑灰白為主色調強調遊戲有些灰暗的風格
(7)製作心得:圖片來源全部都是自己的,有些還特別去拍了幾張拿來做資料,做得很開心

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

週四, 四月 20. 2017

(1)作業網址:http://mepopedia.com/~css105-2c/hw03/hw03-1015445216
(2)本頁設計重點: 以黑灰白的色系去對應遊戲給人的感覺
(3)製作心得: 用自己有玩的遊戲去整理,特別的開心

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

週四, 三月 16. 2017

1.網址:http://mepopedia.com/~css105-2c/hw01/hw01-1015445216

2.設計概念與製作心得:
當作複習以前學過的東西了...感覺有一點忘光。
對烏鴉的行為感到有趣,所以找了一張烏鴉背景圖做了藍色的調色。
3.何謂HTML、DIV及CSS:

HTML:構成網頁的基礎,組合網頁的程式語言
DIV:區塊的標籤
CSS:美化的語法,佈置網業外觀所用

4.附上至少一個覺得設計很有質感的網站,並說明原因
http://www.gnosh.co.uk/
手繪文字加上實體照的搭配,有種在做筆記的感覺

5.期待這門課的學習成果與收穫為何?
把之前沒學好的學好,有點想做跟自己興趣有關的網站~

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

週二, 四月 22. 2014

(1)作業網址: http://mepopedia.com/~web102-c/midterm/midterm-1015445216/
(2)網站主題: LOG HORIZON
(2)對象: 喜歡這部動畫的
(3)色彩計畫: 冷色調
(4)風格設定、預期成效: 預定是清爽的風格但很多東西一直弄不出來....
(5)製作心得: 上排按鈕及標題的背景照著步驟還是弄不上去,最後真的沒辦法只好放棄||||
學號 1015445216

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

週一, 三月 3. 2014

1.網址:http://mepopedia.com/~web102-c/hw01/hw01-1015445216

2.設計概念與製作心得:
以第2主角身上的顏色進行黃色系的配色

3.何謂HTML、DIV及CSS
HTML:架構
DIV:空間
CSS:美化

4.附上至少一個覺得設計很有質感的網站,並說明原因
http://www.moricaca.com/index.php
乾淨、清楚、溫暖,符合小甜品該有的感覺。

5.期待這門課的學習成果與收穫為何?
希望能比1年級時要學得更多弄懂更多

Re: [期中作業] 個人風格VI設計

週四, 五月 2. 2013

1.設計理念
(1)選定的表現風格 :隨性
(2)選定的角色與特色 :以冷色調構成
(3)色彩計畫 :藍色系列
(4)參考資料與網址 :

2.設計項目
(1)個人LOGO(黑白稿、反白稿、彩色稿、標準色輔助色設定)
[img]http://i.imgur.com/5BNrKfl.png[/img]

(2)個人相關周邊產品2D類:名片、信封、信紙、T恤.....
(3)個人相關周邊產品3D類:馬克杯、MP3.....
[img]http://i.imgur.com/v86RKTA.png[/img]

(4)個人風格角色公仔
[img]http://i.imgur.com/exAJdJY.png[/img]

Re: [作業02] Illustrator色彩與色票的運用-個人LOGO製作

週三, 四月 24. 2013

1.個人LOGO
(1).設計理念: 以冷色調呈現,星星也從最初設定的黃色改為藍
(2)草圖掃描:無
(3).LOGO成品:
[img]http://i.imgur.com/5BNrKfl.png[/img]

2.課堂範例
[img]http://i.imgur.com/FmOND4w.jpg[/img]

Re: [作業04] 個人角色繪製

週三, 四月 24. 2013

1.設計說明(角色風格特色、典故、色彩計畫):

2.個人角色(公仔)成品:

3.課堂練習:
(至少需繪製課堂範例熊貓,其他為加分)
[img]http://i.imgur.com/G8zlDV7.jpg[/img]

Re: [作業01] 《個人VI作業》資料蒐集與分析

週二, 四月 23. 2013

1.品牌名稱: starry

2.設計理念 :
(1)選定的特色或個性-- 電繪(sai
(2)選定的表現風格 -- 可愛風格

3.基本設定
(1)色彩計畫 :(色彩、色調) 冷色調
(2)字體設定: 電繪圓滑

4.預計設計項目: 杯墊、徽章、吊飾、馬克杯等。

5.參考資料與分析(附上網址或來源,並說明其風格與特色以及如何轉換於自己作品) : http://i.imgur.com/yNKX1tj.jpg 大概是類似這種風格的東西

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

週一, 十二月 24. 2012

(1)作業網址: http://mepopedia.com/~web101c/final/final-1015445216
(2).
1.製作作業的時間: 2天半
2.有無遇到的問題: 左邊的分頁按鈕一直跑掉
3.製作心得與感想: 心靈受創(X)
4.本學期於網頁設計課程上的收穫: 可以做自己喜歡的網頁是一件很開心的事、也學了好多高中沒學過的東西

[hr]

(1) 網站主題:星空幻想 -タルタロス- Tartaros Online
(2) 導覽列架構設定:
[IMG]http://i.imgur.com/Uexwm.jpg[/IMG]
[IMG]http://i.imgur.com/enwsY.jpg[/IMG]
(4)主要瀏覽族群:有在玩的人,希望能引起他們的注意(?
(5)風格設定:淡綠自然風
(6)主色調,輔助色調:粉綠、淡綠,青綠、深綠
(7)製作動機:很喜歡的線上遊戲,從開測以來玩到現在
(8)製作目的: 因為這款遊戲已經步向結束的道路了
預期效果:雙欄式網頁+雙導覽列,簡約
(8)資料蒐集分析:http://ttr.lager.com.tw/html/character/character_soma.html