Re: [ 作業8] Free templates 試做

週四, 六月 15. 2017

作業網址:http://mepopedia.com/~css105-2c/hw08/hw08-1045445147

(1) 參考之版型網址:http://www.tooplate.com/live/2077-modern-town
(2) 設計主題 / 風格 :台灣史
(2) 遇到之問題: 背景很難調。
(3) 製作時間: 4小時
(4) 製作心得:第一次做這種風格的網頁,裡面超多語法,如果是自己寫可能會瘋掉。

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

週一, 六月 12. 2017

(1)作業網址:http://mepopedia.com/~css105-2c/hw07/hw07-1045445147
(2)製作心得:這次的作業做起來相當舒服又愉快。

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

週五, 六月 9. 2017

(1)作業網址:http://mepopedia.com/~css105-2c/hw06/hw06-1045445147
(2)製作心得:動態換頁效果雖然常見但非常實用。

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

週五, 六月 9. 2017

(1)作業網址: http://mepopedia.com/~css105-2c/midterm/midterm-1045445147/
(2)製作心得:加上淡入效果更有感覺了。

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

週四, 六月 1. 2017

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

2.網站主題:台灣歷史

3.內容描述: 介紹日據時代的台灣。

4.風格設計: 一種混亂的戰場感覺。

5.組員名單: 1045445147 高尚宇

6.個人製作心得: 搞了好久終於看懂裡面的語法了,從中學到非常多。


歷屆得獎分析(至少三組)

(1)Slang Formosa(醋咪ㄟ流行語):http://www.slangmosa.tw/
● 滑輪效果,首頁明白呈現網站想要給人的東西,採用滑動式全版面與字句的簡單設計,畫面乾淨,主題性強。
●簡約風格,圓球式設計內容以從古至今的各式流行語,呈現台灣豐富的鄉土名情。
●和字體輸入的設計別具趣味,視線能自然地跟著畫面滑動,輸入法的設計別具趣味,台灣流行語的想法充分表達該網頁的目的,清楚了解台灣文化。

(2)食尚大學:http://www.foosion.tw/
● 首頁設計以大圖示清新表達出強烈的主題性,全版設計的感覺給人舒服自在,顏色再加上食物的各式變化搭上晃動的景頭呈現身歷其境的感覺。
●欄位使用單向搜索的功能,變換圖片方便觀看樣式。

(3)低碳好好行 7 投日月潭 :http://itwgreentour.com.tw/
●風格屬於方便大眾閱覽的型態,很多趣味的小圖示,和可愛風格的吉祥物讓人在觀看時能心情愉快,字形,圓,配色也和主題相吻合。
●資訊配置透過網頁指引的非常簡單。 點擊圖示都會有貼心的詳細的交通資訊及地圖,

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

週三, 四月 19. 2017

(1)作業網址: http://mepopedia.com/~css105-2c/midterm/midterm-1045445147

(2)網站主題: fate grand order

(3)導覽列選項/分類項目(對應檔名):
1.home:網站首頁 遊戲介紹。
2.story:故事簡介。
3.servant:登場英靈介紹。
4.fate series:fate系列介紹。
5.video:動畫PV分享。

(2)設計對象: 大眾。

(3)色彩計畫: 深色 對應故事的主題屬於沉重。

(4)風格設定、預期成效: 風格有點陰沉 做完之後雖然有點感覺但還是有甚麼缺限。

(5)製作心得: 有待進步。

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

週三, 三月 29. 2017

(1)作業網址:http://mepopedia.com/~css105-2c/hw02/hw02-1045445147
(2)網站主題/網站名稱:fate grand order
(3)分類項目(導覽列): Home 、Story、Servant、Fate Series、Video
(4)對象: 全年齡
(5)色彩計畫: 遊戲背景是以闡述歷史為主的因此以深色來表現出。
(6)風格設定:現代風
網頁看點:簡單了解劇情
預期成效: 還可以
(7)製作心得: 雖然比起上學期有進步但還有許多不足,還有待進步。

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

週四, 三月 16. 2017

1.網址:http://mepopedia.com/~css105-2c/hw01/hw01-1045445147
2.設計概念與製作心得:
因為我本身是個動漫迷,而這一部是充滿快樂又給人啟發的一個故事,因此而創作之。
3.何謂HTML、DIV及CSS:
HTML:網頁的基本架構。 DIV:網頁結構中,特定區塊的標籤,包裝的概念 。CSS:控制網頁美醜的關鍵 。
4.附上至少一個覺得設計很有質感的網站,並說明原因
idti太陽能電池網站:http://www.idti.com.tw/
原因:有股簡單明瞭的風格 給人舒適之感。
5.期待這門課的學習成果與收穫為何?
希望對往後設計的網站有很大的幫助。

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

週二, 一月 10. 2017

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

(2).請回答以下問題:
1.網頁主題:新海誠
配色與風格設定: 黑色
2.有無遇到的問題? 有
3.製作感想 :雙欄製作比較花時間 所以問題很多
4.製作作業的時間 :1天

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

週二, 一月 10. 2017

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

(2).請回答以下問題:
1.網頁主題: 新海誠
配色與風格設定: 黑色
2.有無遇到的問題? 無
3.製作感想 :表格製作非常有趣 讓一篇文章非常整齊。
4.製作作業的時間 :3小時

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

週二, 一月 10. 2017

(1).作業網址 :http://mepopedia.com/~web105-2c/hw05/hw05-1045445147

(2).請回答以下問題
1.網頁主題:新海誠
配色與風格設定:黑色

2.有無遇到的問題? 無
3.製作感想 :繞圖排文意外簡單。
4.製作作業的時間:1小時

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

週二, 一月 10. 2017

(1)作業網址: http://mepopedia.com/~web105-2c/final/final-1045445147
(2).
1.製作作業的時間: 三天
2.有無遇到的問題: 有
3.製作心得與感想: 本來不是很了解網站製作 現在經過老師指導以及網路商教學 終於有所斬獲了。


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




(3)尺寸:

(4)主要瀏覽族群: 全年齡
(5)風格設定:深色帶點暖色調 別有新海誠作品的風格之感
(6)主色調,輔助色調 : 黑色 深藍色
(7)製作動機: 從高中時代到現在對新海誠導演的作品情有獨鍾,它的作品能夠完美抓住年輕人的心 因此設計之。
(8)製作目的: 可以讓大家多了解新海誠。
預期效果: 因為還有點不熟悉DW的介面因此並無法完美重現腦子的網頁。

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

週二, 一月 10. 2017

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

(2).請回答以下問題:
1.網頁主題:新海誠
配色與風格設定: 黑色
2.有無遇到的問題? 有
3.製作感想 :雙欄製作比較花時間 所以問題很多
4.製作作業的時間 :1天

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

週二, 一月 10. 2017

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

(2).請回答以下問題:
1.網頁主題: 新海誠
配色與風格設定: 黑色
2.有無遇到的問題? 無
3.製作感想 :表格製作非常有趣 讓一篇文章非常整齊。
4.製作作業的時間 :3小時

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

週二, 一月 10. 2017

(1).作業網址 :http://mepopedia.com/~web105-2c/hw05/hw05-1045445147

(2).請回答以下問題
1.網頁主題:新海誠
配色與風格設定:黑色

2.有無遇到的問題? 無
3.製作感想 :繞圖排文意外簡單。
4.製作作業的時間:1小時