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

週四, 六月 7. 2018

期末回覆
1.作業網址:http://mepopedia.com/~web106-2b/final/final-1055445082

2.網站主題:花東之旅
3.內容描述: 個人旅遊感想(:P)
4.風格設計: 簡單俐落
5.組員名單: 自己一組 (tu)
6.個人製作心得:對自己的作品還算滿意,沒想到自己也可以完成。:)-D

企劃大綱的內容製作
1.網站主題:花東之旅札記
2.內容大綱(導覽列/中文/檔名):首頁/介紹(台灣東部/照片/花東地圖)
3.參考版型: 授課範例
4.主要對象(分析):想去花東遊玩的旅人 (:D
5.網頁架構圖(樹狀圖):首頁/介紹(台灣東部/照片/花東地圖)
6.色彩規劃:乾淨俐落。
7.歷屆得獎分析(至少三組) :尚未找尋。
8.組員名單(學號) 1055445082 自己X(

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

週四, 六月 7. 2018

(1).網址: :http://mepopedia.com/~web106-2b/hw06/hw06-1055445082
(2).主題、風格:回憶花東的美好,札記的風格。:)-D
(3).設計概念與製作心得: 製作過程有些疲憊,繼續努力中。X(

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

週四, 五月 24. 2018

(1).網址: :http://mepopedia.com/~web106-2b/hw05/hw05-1055445082
(2).主題、風格:回憶花東的美好,精簡風。
 :)-D
(3).設計概念與製作心得: 製作過程有些疲憊,但能放慢步調解決遇到的問題。繼續努力中。X(

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

週五, 四月 27. 2018

(1).網址: :http://mepopedia.com/~web106-2b/hw04/hw04-1055445082
(2).版型網址:
 http://www.tooplate.com/live/2089-meteor
(3).主題、風格:
 個人攝影及作品 / 簡單的風格
(4).設計概念與製作心得: 屬於自己個性的風格,完成了屬於自己的網頁,很有成就感。

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

週一, 四月 16. 2018

(1).網址: :http://mepopedia.com/~web106-2b/hw03/hw03-1055445082
(2).設計概念與製作心得:加上icons,蠻可愛的。:)-D

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

週三, 四月 11. 2018

(1) 作業網址 :http://mepopedia.com/~web106-2b/midterm/midterm-1055445082
(2) 參考之版型網址: http://www.tooplate.com/live/2089-meteor
(3) 設計主題 / 風格 :個人攝影及作品 / 簡單的風格
(4) 導覽列項目: home /about / story / Introduction /
(5) 遇到之問題: 沒有什麼太大的問題,有遇到問題都有放慢步調去找出答案。
(6) 製作時間: 兩天
(7) 製作心得:完成了屬於自己的網頁,很有成就感。

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

週二, 三月 27. 2018


(1).網址: :http://mepopedia.com/~web106-2b/hw02/hw02-1055445082
(2).設計概念與製作心得:以花蓮太魯閣晶英酒店來製作網頁因為風景很美。:)-D
在製作過程中有些小問題,不過都有解決並了解了。X(

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

週三, 三月 14. 2018

1.網址:http://mepopedia.com/~web106-2b/hw01/hw01-1055445082
2.設計概念與製作心得: 以橘色為主色調,讓人充滿著食慾感。在製作過程中有些差錯,但有自己嘗試著將網頁變得有質感些。(:D
3.何謂HTML、DIV及CSS:
HTML, DIV 標籤用法,現在直接用來做網頁排版。:)o
CSS為自訂網頁風格網頁設計者所表現出的整體風格,有不會因為其瀏覽者的瀏覽器設定不同而改變。:)o
4.附上至少一個覺得設計很有質感的網站:https://www.design-hu.com/about-us 此網頁不會有視覺上的壓迫感。:)-D
5.期待這門課的學習成果與收穫為何? 期望自己能夠將學到的內容,在未來的職場上有幫助。X(

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

週四, 一月 11. 2018

完成品
請將這項放置於文章最前面
(1)作業網址:http://mepopedia.com/~css106-2a/final/final-1055445082
(2).
1.製作作業的時間:5天左右 B)
2.有無遇到的問題: 有遇到問題也會冷靜慢慢去檢查。(:P)
3.製作心得與感想:很有成就感,也越做越順:)-D
4.本學期於網頁設計課程上的收穫:很有成就感,原本完全不會到現在能夠完成一個完整網頁 X(



前置作業
(1)網站主題:皮克斯動畫(:D
(2)導覽列架構設定: About、exhibition、history、history、longfilms、shortflim:)o
(3)主要瀏覽族群: 喜歡皮克斯的人:)
(5)風格設定: 神祕感8-)
(6)主色調,輔助色調: 黃色 黑色。(:P)
(7)製作動機:喜歡皮克斯:)-D
(8)製作目的: 分享自己喜歡的作品給大家(:D
預期效果: 跟預期的差不多 喜歡有神祕的感覺X(

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

週三, 一月 3. 2018

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


(2).請回答以下問題:
1.網頁主題: 皮克斯 PIXAR,有種神秘感的配色效果。8-)
2.有無遇到的問題:沒有遇到什麼大問題,就剩下連結文章,就完成期末作業了。(:D
3.製作感想 :越做越有成就感,製作過程有些小問題,也會冷靜去檢查並做更正。:)-D
4.製作作業的時間 :3~4小時X(

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

週三, 十二月 27. 2017

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

(2).請回答以下問題:
1.網頁主題: 皮克斯 PIXAR,有種神秘感的配色效果。8-)
2.有無遇到的問題:沒有遇到什麼大問題。:)-D
3.製作感想 :越做越有成就感,製作過程有些小問題,也會冷靜去檢查並做更正。:)-D
4.製作作業的時間 :1~2小時X(

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

週四, 十二月 21. 2017

用錯帳號回應 我是1055445052

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

(2).請回答以下問題:
1.網頁主題:配色與風格設定 藍白清新 可愛風格(:P)
2.有無遇到的問題? 沒什麼太大的問題;)
3.製作感想 一開始做fb那個連結有遇到一些困難,但後來應該是有解決~ 其他都滿順利的!(tu)
4.製作作業的時間 1-2小時(:D

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

週三, 十二月 20. 2017

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

(2).請回答以下問題:
1.網頁主題: 皮克斯 PIXAR,有種神秘感的配色效果。(:P)
2.有無遇到的問題:沒有遇到什麼大問題。8-)
3.製作感想 :越做越有成就感,製作過程有些小問題,也會冷靜去檢查並做更正。:)-D
4.製作作業的時間 :2~3小時X(

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

週四, 十二月 14. 2017

(1).作業網址 :http://mepopedia.com/~css106-2a/hw04/hw04-1055445082
(2).請回答以下問題:
1.導覽列配色與風格設定 : 皮克斯動畫接帶給大家神秘感。(:P)
2.有無遇到的問題 : 沒有什麼大問題。(:D
3.製作感想 : 製作起來很又常就感,也會嘗試一些語法。:)-D
4.製作作業的時間 : 2-3小時。X(

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

週四, 十一月 23. 2017

(1) 作業網址: http://mepopedia.com/~css106-2a/hw03/hw03-1055445082
(2) 主題 / 風格設定:奧斯卡/穩重有質感 :)o
(3) 有無遇到的問題 :圖片置入後沒出現在網頁上,經老師的協助後找到了我的floatleft多設了hight 0,不能夠設高度,不然圖片會不見 (:D
(4) 製作感想:製作中有比以前快很多,也越來越上手了X(
(5) 製作作業的時間:2小時:)-D