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

週四, 六月 14. 2018

1.作業網址:http://mepopedia.com/~web106-2c/final/final-1055445015 上傳有幾頁有怪問題,需要老師的小幫忙
2.網站主題:我的生活紀錄
3.內容描述: 生活回憶的資產
4.風格設計: 我喜歡的風格(:P)
5.組員名單,工作分配(視覺規劃、HTML CSS設計、動態效果):自己一人做的
6.個人製作心得: 經歷過一分波折終於完成了,修了老師一年的網頁設計,感謝老師的教導,從一開始啥都不知道的DW,到現在終於會了些小基礎,謝謝老師:)-D 辛苦了(:D

1.網站主題: 我的日常生活紀錄
2.內容大綱(導覽列/中文/檔名):回到首頁/日常生活/相簿篇/聯絡我
3.參考版型: 老師提供的版型
4.主要對象(分析): 大家都可以看
5.網頁架構圖(樹狀圖):



6.色彩規劃: 活潑青春風
7.歷屆得獎分析(至少三組)
8.組員名單(學號) 1055445015 李桂鈴

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

週日, 六月 3. 2018

(1).網址: :http://mepopedia.com/~web106-2c/hw06/hw06-1055445015
(2).主題、風格:
把我大學的生活紀錄全放上去,應該算是另類部落個嗎(:P) 風格的話,簡約明瞭清新風吧或許
(3).設計概念與製作心得:我是放在「其他介紹」裡面的「日常生活」的導覽列,每一個麵包屑裡的內文都是我的心血,改了好久呢::o

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

週三, 五月 16. 2018

(1).網址: :http://mepopedia.com/~web106-2c/hw05/hw05-1055445015
(2).主題、風格:
 主題是我和Amy拍的影片,雖然是一樣的影片,但我們不一樣哦,我們沒有啥關西,大家趕快去訂閱Amy吧(:P)
(3).設計概念與製作心得:QQ風,我的gif檔不知道要怎麼置中QQ希望下次的作業不要太難:)-D

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

週三, 五月 2. 2018

(1) 作業網址 :http://mepopedia.com/~web106-2c/midterm/midterm-1055445015
(2) 參考之版型網址:https://startbootstrap.com/template-overviews/creative/
(3) 設計主題 / 風格 :介紹自己、生活照片、作品 / 簡約清新風
(4) 導覽列項目:關於我、作品、生活點滴照片、小小貼圖
(5) 遇到之問題: 真的研究了好久好久,不知道是版型不支援還是腦袋不爭氣,「輪播圖」不管怎麼用都用不出來,語法感覺都不支援(πーπ)
(6) 製作時間: 分了好幾天一天一天做一些些
(7) 製作心得: 有些語法真的要看清楚,雖然一直在修改,但最後還是做出了一個One page網頁的模樣,雖然沒有達到理想,下次會更加努力的(:D

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

週三, 五月 2. 2018

(1).網址: :http://mepopedia.com/~web106-2c/hw04/hw04-1055445015
(2).版型網址:https://startbootstrap.com/template-overviews/creative/

(3).主題、風格:
 簡約文青風
(4).設計概念與製作心得:介紹自己跟作品,還有記錄自己的生活,作業四跟期中只有些微的不一樣,因為直接一口氣做完:( 研究了好久好久~

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

週四, 四月 12. 2018


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

(2).設計概念與製作心得:

加了小圖示真可愛呢!

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

週三, 三月 28. 2018

(1).網址: :http://mepopedia.com/~web106-2c/hw02/hw02-1055445015
(2).設計概念與製作心得:
以小王子的故事作為主題,上星期因為請假所以沒有聽到課,老師上禮拜也剛好沒有影片教學:(
所以看著講義慢慢摸索,上網查影片教學,也不知道做得對不對,不太清楚到底什麼是絕對路徑:S
之後如果有缺少什麼,之後立馬補上,謝謝老師:)-D

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

週三, 三月 14. 2018

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

2.設計概念與製作心得:
配合小老鼠的顏色作為整體網頁的配色

3.何謂HTML、DIV及CSS:
網頁語法、分區塊之用途、視覺效果

4.附上至少一個覺得設計很有質感的網站,並說明原因
http://www.svyturys.lt/ 看起來好時尚(tu)(tu)(tu)

5.期待這門課的學習成果與收穫為何?
希望可以做出一個現代化有設計感的網頁!

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

週二, 一月 16. 2018

(1)作業網址:
(2). http://mepopedia.com/~css106-2c/final/final-1055445015
1.製作作業的時間: 一天左右
2.有無遇到的問題:目前還行
3.製作心得與感想: 終於做完了好感動(:D
4.本學期於網頁設計課程上的收穫:從一開始還不知道到底要怎麼製作網頁,到現在雖然沒有說很厲害,但我覺得我真的學到了好多網頁知識,謝謝老師除了上課認真教學之外,還放上了講義和教學影片可以讓我們複習,對於我這種記憶力不好的人,真是太棒了,謝謝老師,新年快樂:)-D



前置作業
(1)網站主題: 救救北極熊吧!
(2)導覽列架構設定 :資訊盡量清楚明瞭
(3)主要瀏覽族群:沒有特定限制 ,闔家觀賞
(5)風格設定: 冷冷的北極風
(6)主色調,輔助色調: 主色為深藍、白色 , 輔助色調:亮水藍色
(7)製作動機: 希望大家可以一起幫幫可憐的北極熊!
(8)製作目的: 大家一起節約能源,讓可愛的北極熊不要滅絕(tu)
預期效果: 有達到預期效果(:D

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

週二, 一月 9. 2018

(1).作業網址 :http://mepopedia.com/~css106-2c/hw07/hw07-1055445015/links.html
(2).請回答以下問題:
1.網頁主題: 配色與風格設定:原本想走成熟風,但不知道為何又變得有點可愛了(:P)
2.有無遇到的問題? 目前沒有
3.製作感想 這次比之前花了多一點時間完成,照著自己喜歡的樣子編排,做出來真開心呢:)-D
4.製作作業的時間 5小時左右或許

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

週二, 一月 2. 2018

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

<<作業6的部分在works的連結處>>

(2).請回答以下問題:
1.網頁主題:大家一起拯救北極熊
2.配色與風格設定:冷冷的藍色象徵冷冷的北極,較成熟的風格來向大家正經的訴說可憐的北極熊 ,需要被你來拯救!
2.有無遇到的問題? 目前還OK
3.製作感想 做完之後發現心情真好呢(:P)
4.製作作業的時間 3小時左右

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

週二, 十二月 26. 2017

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

(2).請回答以下問題:
1.網頁主題: 配色與風格設定:嚴肅質感冷冷北極風,告訴大家北極熊很可憐,不要再浪費電了
2.有無遇到的問題? 其它頁面的內容目前還沒有想法,有想法之後會立馬補上
3.製作感想 希望可以做出一個能夠提醒世人節約能源的重要性,可以幫助到可憐又可愛的北極熊
4.製作作業的時間 忘了計算,不過有用心在做(:P)(tu)

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

週二, 十二月 19. 2017

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

(2).請回答以下問題:

1.導覽列配色與風格設定: 冷冷的藍色象徵超冷的北極

2.有無遇到的問題? 目前還可以

3.製作感想(你認為導覽列的意義為何?) 更加的漂亮,增加質感

4.製作作業的時間 30分鐘左右

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

週二, 十一月 21. 2017

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

(2) 主題 : House 拉拉熊的家

風格:可愛少女夢幻高質感風
 
(3) 有無遇到的問題 : DW是英文版的,很多按鈕都要google翻譯查中文,雖然這樣可以順便學英文,但需要花一些時間。

(4) 製作感想 : 克服重重困難之後,看到令自己滿意的網頁,覺得再辛苦也都值得了,希望期中作業一樣可以達到自己的理想。

(5) 製作作業的時間 : 1個小時左右

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

週一, 十一月 13. 2017

完成品(11/22/29前)

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

1.有無遇到的問題

雖然上課得時候有點跟不上老師的速度,但回去之後看著老師的影片步驟跟著做,即使我的DW是英文版,邊靠著google翻譯成中文,還有老師的教學影片,一步一步地做,錯了就重用,對了就繼續,最後終於完成了:)-D

2.製作感想

老師我已經使出了我的洪荒之力在做這個網頁,如果有什麼地方沒有做好請您多多包涵,希望期末考的作業,我可以做得更完美!(tu)

3.製作作業的時間

1~2天左右

前置作業(11/15)

(1)網站主題:Rilakkuma House (拉拉熊的家)

(2)製作動機:從小就對拉拉熊情有獨鍾,想要自己製作做一個專屬拉拉熊的網頁,讓更多人深入了解拉拉熊的世界

(3)製作內容:介紹拉拉熊的故事與他身邊的角色

A.拉拉熊的由來故事(檔名:index)
B.角色介紹(檔名:Character)
C.周邊產品(檔名:product)
D.動畫影片(檔名:video)
E.主庭餐廳介紹(檔名:restaurant)

(4)風格設定: 簡約質感風又帶些可愛

(5)資料蒐集分析

拉拉熊小物的資料 http://www.sanm-in.com/

◎設計優良網站(風格)列表與分析:

編排設計很棒,整體風格讓人看起來舒服不雜亂
http://www.taiwanbear.org.tw/front

配色舒服,清晰明瞭
http://www.taipeifestival.org/index.aspx