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

週二, 六月 19. 2018

1.作業網址:http://mepopedia.com/~web106-2c/final/final-1055445033
1.網站主題: 40日常生活_美食篇

2.內容大綱(導覽列/中文/檔名):

美食 食記 是由自己所吃過來 分享 和吃的心得 之紀錄
首頁(index) / 相片集(news) / 員林美食(#) / 新竹美食(#)/ 台北美食(#)

3.參考版型:
http://mepopedia.com/forum/read.php?804,87785

4.主要對象(分析):
對於喜愛到處吃美食兒分享心得的人

5.網頁架構圖(樹狀圖):
https://imgur.com/a/OljHiuG

6.色彩規劃:
以簡單畫面 利用圖片來當裝飾 加上文青感


7.歷屆得獎分析(至少三組)
一、HiIsland 純淨之島。動畫做得不錯, 色調很好,讓人看得舒服。
二、夜色台北。以攝影為主, 利用照片,來排版色調一致,有地方很酷他把影片分時段來播放。
三、大山北月。他利用塗鴉方式來,讓大家知道台灣有許多美麗的地方

8.組員名單(學號)

1055445033

Re: [作業05] RWD網頁實作 navigation/dropdown/sub-menu/video

週三, 五月 30. 2018

(1).網址: :http://mepopedia.com/~web106-2c/hw05/hw05-1055445033
(2).主題、風格:
 以自己生日為主題
(3).設計概念與製作心得: 照片色調來配合版面

Re: [作業04] OnePage網頁實作/slider /Grid system

週三, 四月 25. 2018

(1).網址: :http://mepopedia.com/~web106-2c/hw04/hw04-1055445033

(2).版型網址: http://designstub.com/demos/avana/index.html

(3).主題、風格:以自己的美食照片來編排,用簡單的排版格式有視覺觀感
(4).設計概念與製作心得:
搞不懂輪播圖怎麼用 所以沒加上 加上要尋找改的語法要找了好久 希望老師在教一次錄影 😀😀😀😀

Re: [期中作業] OnePage-個人網頁製作

週三, 四月 11. 2018

(1) 作業網址 : http://mepopedia.com/~web106-2c/midterm/midterm-1055445033
(2) 參考之版型網址:http://designstub.com/demos/avana/index.html
(3) 設計主題 / 風格 : 美食 食記 是由自己所吃過來 分享 和吃的心得 之紀錄 風格:以簡單畫面 加上文青感
(4) 導覽列項目:首頁 food 關於 about
(5) 遇到之問題: 搞不懂輪播圖怎麼用 所以沒加上 加上要尋找改的語法要找了好久 ,弄太多分頁 所以少一個等於重弄全部
(6) 製作時間: 2小
(7) 製作心得:一個一個修改很麻煩但越來越上手所以做比較快 但要找尋語法就要找很久

Re: [作業03] Font Awesome字型練習與應用

週三, 四月 11. 2018

http://mepopedia.com/~web106-2c/hw03/hw03-1055445033

2.設計概念與製作心得:與主題式蔬菜為主所以找葉子圖示放入標題 ,再加上一些旋轉圖示放到小段落前這樣畫面生動許多。

Re: [作業02] EDM/Newsletter製作

週三, 三月 28. 2018

(1).網址: :http://mepopedia.com/~web106-2c/hw02/hw02-1055445033
(2).設計概念與製作心得:做的藍色小精靈主題,顏色用圖片顏色和加上淺粉藍,排版是有規矩簡約的格式,在過程中尋找更換語法要找還滿久的,不過做久就很熟悉位置。

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

週三, 三月 14. 2018

1.網址: http://mepopedia.com/~web106-2c/hw01/hw01-1055445033

2.設計概念與製作心得:
以蔬菜為主題,全色調以綠色為主,使用透明與圓角做變化,這樣看起來有簡單卻不單調的層次

3.何謂HTML、DIV及CSS:
HTML:建構網頁基本架構
DIV:建立網頁區塊.包覆語法-標籤包起來的文字、圖片等
CSS:美化網頁,讓畫面更有質感

4.附上至少一個覺得設計很有質感的網站,並說明原因
http://www.colingrist.com/
規規矩矩的排版色調有一致看起來很有質感,每個頁面都很相同,照片排列都讓人好觀賞

5.期待這門課的學習成果與收穫為何?
希望可以做出更有變化的網頁

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

週二, 一月 9. 2018

1).作業網址:http://mepopedia.com/~css106-2c/hw07/hw07-1055445033/about.html

(2).請回答以下問題:
1.網頁主題:探險活寶-老皮 配色與風格設定: 黃 與 橘 與 黑 與 灰
2.有無遇到的問題? :無
3.製作感想 :過程中有點卡住,但看了影片有解決問題。
4.製作作業的時間 :2小半

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

週三, 一月 3. 2018

(1).作業網址:http://mepopedia.com/~css106-2c/hw06/hw06-1055445033/friends.html

(2).請回答以下問題:
1.網頁主題:探險活寶-老皮 配色與風格設定:黃橘色調
2.有無遇到的問題:無
3.製作感想:需要花很多的時間來設定
4.製作作業的時間:2小時多

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

週三, 十二月 27. 2017

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

(2).請回答以下問題:
1.網頁主題:探險活寶 配色與風格設定:黃色系列
2.有無遇到的問題:無
3.製作感想:學到新的東西,覺得很棒
4.製作作業的時間: 1小時半

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

週三, 十二月 13. 2017

(1)

作業網址:http://mepopedia.com/~css106-2c/hw04/hw04-1055445033

(2)

1.導覽列配色與風格設定:黃橘色與米黃色
2.有無遇到的問題?: 沒有
3.製作感想(你認為導覽列的意義為何?):好分辨點選
4.製作作業的時間:40分

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

週三, 十一月 29. 2017

(1) 作業網址:http://mepopedia.com/~css106-2c/hw03/hw03-1055445033/index.html

其中作業有再更改

(2) 主題 / 風格設定(色彩設定部份):嚕嚕米深藍和亮黃對比
(3) 有無遇到的問題 :無

(4) 製作感想:
覺得做個網頁還滿複雜
但深入了解網頁構成
還滿上手的
謝謝老師的耐心教導

(5) 製作作業的時間 :3~4小時完成

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

週三, 十一月 22. 2017

(1)
http://mepopedia.com/~css106-2c/midterm/midterm-1055445033
多加上次作別個風格網址 在展覽裡的展覽官網(彌補缺少一個網頁,老師說過)12/11更改
(2)
製作問題:
繞圖有點困難

(1)網站主題: 嚕嚕米一家族
(2)製作動機: 喜愛的玩偶

(3)製作內容:
首頁(index)
角色(Character)
動畫(Animation)
展覽(link)


(4)風格設定: 利用嚕嚕米的配色來製作主題
(5)資料蒐集分析
這個網站很藍色色調,配色很好看
例:http://lulumi.ludao.tw/

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

週三, 十一月 15. 2017

弄錯

Re: [作業02] 利用Div標籤與CSS建立基本網頁版型--以單純色塊為例

週一, 十月 30. 2017

1.http://mepopedia.com/~css106-2c/hw02/hw02-1055445033
2.謝謝老師細心教導