Re: [作業06] RWD網頁實作/列表頁/內容頁/Google Fonts網路中文字型應用

週四, 六月 14. 2018

(1).網址: :http://mepopedia.com/~web106-2c/hw06/hw06-1055445086
(2).主題、風格:個人簡歷&北湖車旅 作品與生活 簡單活潑的
(3).設計概念與製作心得: 介紹自己 日常生活。思考頗久 要怎麼做 不過終於快解決了~

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

週四, 六月 7. 2018

1.網站主題:SALLY PORTFOLIO

2.內容大綱(導覽列/中文/檔名):
首頁. 作品 .生活
index / portfolio-2~-6 / portfolio-2~4columns

3.參考版型:
課堂練習的版型

4.主要對象(分析):
喜愛分享繪畫與生活的人

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


6.色彩規劃:
薄荷青的藍&白(簡潔

7.歷屆得獎分析(至少三組)
一.片片寄憶. 可愛的插圖風格 簡單的白為背景色 配上豐富的旅行回憶 文字閱讀流暢
二.大山北月.充滿許多手繪的元素 很有獨創風格
三.Citytalk城市通-活動情報第一站.分類清楚 資料豐富 整體視覺舒適
8.組員名單(學號)
1055445086

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

2.網站主題: SALLY PORTFOLIO
3.內容描述: 個人簡歷&北湖車旅 作品與生活
4.風格設計: 簡單活潑的(薄荷青的藍&白
5.組員名單,工作分配(視覺規劃、HTML CSS設計、動態效果): 1055445086
6.個人製作心得:
這學期的網頁課程,作業繳交進度有點慢,可能是需原創資料,所以在規劃製作上思考頗久,不過老師的講解很細膩 搭配講義也很清楚,很開心能夠修這門網頁課程 收穫滿滿,謝謝老師的教導~:)

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

週一, 五月 28. 2018

(1).網址: :http://mepopedia.com/~web106-2c/hw05/hw05-1055445086
(2).主題、風格:個人簡歷&北湖車旅 簡單活潑的
(3).設計概念與製作心得:介紹自己和拍攝日常 。影片不知放什麼 就隨意分享了 我會再加油~

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

週三, 五月 16. 2018

(1).網址: :http://mepopedia.com/~web106-2c/hw04/hw04-1055445086
(2).版型網址:http://www.tooplate.com/live/2090-kinetic ;http://www.tooplate.com/live/2089-meteor
(3).主題、風格:作品集 簡單活潑的風格 
(4).設計概念與製作心得:製作一個適合自己創作風格的網頁 真不錯

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

週四, 四月 12. 2018


(1).網址: :http://mepopedia.com/~web106-2c/hw03/hw03-1055445086
(2).設計概念與製作心得:soufflé 天子舒芙蕾,利用暖色系製造甜美可口的感覺 (圖示旋轉好好玩)

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

週四, 四月 12. 2018

(1) 作業網址 : http://mepopedia.com/~web106-2c/midterm/midterm-1055445086
(2) 參考之版型網址: http://www.tooplate.com/live/2090-kinetic ;http://www.tooplate.com/live/2089-meteor
(3) 設計主題 / 風格 : 作品集(插畫設計) 簡單活潑的風格
(4) 導覽列項目:PORTFOLIO作品/ ABOUT關於/ CONTACT ME聯繫我
(5) 遇到之問題: 我忘了網頁標題的小圖示怎麼設定了...
(6) 製作時間: 3天左右
(7) 製作心得:修改時真的眼睛好花 不過終於完成一個屬於自己的獨特網頁了~

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

週三, 三月 28. 2018

(1).網址: :http://mepopedia.com/~web106-2c/hw02/hw02-1055445086
(2).設計概念與製作心得:
2018 台北新藝術博覽會介紹,高中時期常常接觸藝術展覽,且展出作品多元豐富,
來自不同國家和表現方式,能夠激發自我的靈感,所以我很推薦大家! 由於展出作品
偏向純藝術,因此選擇橙色、粉色、粽色調,製造一種古典美的氣氛。

我覺得把css寫入html,再套用選擇的版型後,更改上有點亂掉,不過最終還是圓滿完成了~開心!

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

週三, 三月 14. 2018

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

2.設計概念與製作心得:
以手工甜點為主題,運用暖色系來融入圖片,並選用花朵與甜點間的搭配,表達出一種溫暖甜蜜的感覺。
既有趣又開心~

3.何謂HTML、DIV及CSS:
HTML:建構網頁基本架構
DIV:建立網頁區塊.包覆語法
CSS:專門美化網頁 增加更多變化 使畫面更有質感

4.附上至少一個覺得設計很有質感的網站,並說明原因
https://unsplash.com/
免費下載的高品質素材網站 可以將喜愛的圖和攝影師加入最愛
以便相關收尋參考、收藏 所以滿推薦的~

5.期待這門課的學習成果與收穫為何?
希望能夠製作出更具設計質感與型態變化的網頁

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

週二, 一月 16. 2018

(1).
作業網址:http://mepopedia.com/~css106-2b/final/final-1055445086
http://mepopedia.com/~css106-2b/final/final-1055445086-2

(2).
1.製作作業的時間:約一週
2.有無遇到的問題:想要分享的內容太多了 (因此更改兩個版本
3.製作心得與感想:我覺得能夠製作自己喜愛的主題,呈現一個更完整的網頁,既開心又充滿成就感。
4.本學期於網頁設計課程上的收穫: 對於網頁設計的架構有更深入的了解,過程中所遇到的問題,藉由老師指導與自身研究後,漸漸地熟悉設定語法,執行上也更輕鬆了,除了課堂筆記外,老師的教學步驟很有幫助,非常感謝老師本學期的指導。



前置作業
(1)網站主題: ONE PIECE 航海王
(2)導覽列架構設定 : About、Role、Animation、Saying、Restaurant、Video
(3)主要瀏覽族群: 航海王迷與愛好者。
(4)風格設定:清新&活潑
(5)主色調,輔助色調: 大海的藍(清新) &舒適的黃 (活潑)
(6)製作動機: 航海王迷
(7)製作目的: 喜愛航海王或有興趣的朋友,歡迎來瀏覽~我把所有的財寶都放在那裡,去追尋吧~!!!
預期效果:保證讓你整個熱血沸騰!!!

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

週四, 一月 4. 2018

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

1.網頁主題: 海賊王

配色與風格設定:大海的藍(清新)
2.有無遇到的問題? 研究太久...
3.製作感想: 我的網頁更完整了~好棒!
4.製作作業的時間: 共8小時左右

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

週三, 十二月 27. 2017

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

(2).請回答以下問題:
1.網頁主題:航海王
2.配色與風格設定:清新的藍&舒適的黃
2.有無遇到的問題? 目前進行還順利
3.製作感想:有點進步了(應該
4.製作作業的時間:3小時左右

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

週四, 十二月 21. 2017

作業網址 :http://mepopedia.com/~css106-2b/hw05/hw05-1055445086

1. 網頁主題 :航海王
2. 配色與風格設定 :大海的藍&大陸的綠(搭配象牙黃,增添活潑感
3. 有無遇到的問題 ? 目前尚無
4. 製作感想 :我覺得每次都學到新的事物,很棒。
5. 製作作業的時間 :約二小時

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

週四, 十二月 14. 2017

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

(2).請回答以下問題:
1.導覽列配色與風格設定:大海的藍&陸地的綠。
2.有無遇到的問題? 目前進行還順利。
3.製作感想: 我認為簡單的程式碼看起來舒適不眼花,學到更好的方法~
4.製作作業的時間:約2小時。

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

週四, 十一月 23. 2017

http://mepopedia.com/~web105-2c/hw02/hw02-1055445131

Re: [講義01] 以 HTML 與 CSS 完成第一個網頁

週四, 十一月 23. 2017

http://mepopedia.com/~css106-2c/hw01/hw01-1055445131