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

週三, 五月 16. 2018

(1).網址: :http://mepopedia.com/~web106-2c/hw05/hw05-1055445036
(2).主題、風格:
 主題是我和Becky拍的影片 雖然我和他的很像" 但絕對不是抄襲" 我們是實況主:)-D
(3).設計概念與製作心得:我做了三小時:) 我很怒 為啥呢?做到最後一點 影片導覽列居然變一片空白
我找不出問題,那就算了 重用複製過去 Icon全顯示不出來 ㄎㄅ P.S: 老師請問為啥我照片是圓的改不過來ㄟ:)))??????

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

週四, 五月 3. 2018

(1) 作業網址 : http://mepopedia.com/~web106-2c/midterm/midterm-1055445036
(2) 參考之版型網址:
(3) 設計主題 / 風格 :
(4) 導覽列項目:home works about me video
(5) 遇到之問題:右上角viedo橘色框框怎用都用不掉我快死了QWQ
(6) 製作時間: 3小
(7) 製作心得:還沒用完QQ,還需要放很多圖就完成了嗚嗚,這禮拜一定用完老師期待ㄅXD

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

週四, 五月 3. 2018

(1).網址: :http://mepopedia.com/~web106-2c/hw04/hw04-1055445036
(2).版型網址:
(3).主題、風格:
黑色的很有FU
(4).設計概念與製作心得:結果還沒做完,用到ㄎ一笑了 現在要去洗澡了掰掰,其中用完整版:D

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

週三, 四月 11. 2018


(1).網址: :http://mepopedia.com/~web106-2c/hw03/hw03-1055445036
(2).設計概念與製作心得:那個齒輪很像花所以就用了,但是實在想不到要放哪裡

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

週三, 四月 11. 2018


(1).網址: :http://mepopedia.com/~web106-2c/hw02/hw02-1055445036
(2).設計概念與製作心得:是以BT21的主題來做 ,因為也是和:INE friend的公司合作喔!!

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

週三, 三月 14. 2018

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

2.設計概念與製作心得:
玫瑰花語
知道了一些基礎的網頁架構,操作起來不會太難,讓人很想把網頁設置成自己的夢想平台

3.何謂HTML、DIV及CSS:
HTML-寫網頁用的一種語言、技術
DIV-把一個網頁分類出不同區域的語法
CSS-將網頁增加不同美術效果的電腦語言

4.附上至少一個覺得設計很有質感的網站,並說明原因
http://fluky.io/
一定要點進去看ㄌ拉拉拉,早午晚餐不知道要吃什麼的時候真的就靠它了QQX(

5.期待這門課的學習成果與收穫為何? 至少做出一個令我最最滿意的網站含有動畫(:P)

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

週二, 一月 23. 2018

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

(2).請回答以下問題:
1.網頁主題 古老黑魔法 配色與風格設定:暗黑系
2.有無遇到的問題?目前沒事
3.製作感想 好棒喔很有成就感
4.製作作業的時間 1天

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

週二, 一月 16. 2018

(1)作業網址:
(2). http://mepopedia.com/~css106-2c/final/final-1055445036
1.製作作業的時間: 一天左右
2.有無遇到的問題:目前還行
3.製作心得與感想: 耶做完了!每次的風格不一樣做出來的感覺也不一樣喔喔(:D
4.本學期於網頁設計課程上的收穫:
學習到了很多了~以前看網頁設計的原始碼都快花了,現在看至少看得懂一點點的,不過CC的DW真的好煩阿QQ

前置作業
(1)網站主題:古老黑魔法
(2)導覽列架構設定 :英文要好才看得懂 某些單字
(3)主要瀏覽族群:咒語部分輔導級,不然真的有些小孩試了成功,我可不清楚後果8-)
(5)風格設定:黑暗酒紅
(6)主色調,輔助色調: 主色為暗紅 灰 黑 白色字 紅
(7)製作動機: 覺得魔法太神秘了
(8)製作目的: 做網頁時查的資料自己也可以多懂一些
預期效果: 有達到預期效果B)-B)-

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

週二, 一月 2. 2018

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

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

(2).請回答以下問題:
1.網頁主題:古老安魔法
2.配色與風格設定:黑暗邪惡,某種咒語神祕的感覺
2.有無遇到的問題? 還不錯喔(:P)
3.製作感想:好有成就感

4.製作作業的時間 3小時左右

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

週二, 十二月 26. 2017

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

1.網頁主題:古老黑魔法
配色與風格設定:黑暗恐怖邪惡詛咒
2.有無遇到的問題? 有時候想要圖片往下一點可以嗎..::o:S
3.製作感想 :慢慢出現的我想要的感覺 就很想在首頁一開始加上動畫:D或著是有選項ex:你滿18了嗎? yes/no
不過這只是我的幻想:SB)-
4.製作作業的時間:沒有很久,大部分在上課時候都有跟上進度 好棒!:)-D

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

週二, 十二月 19. 2017

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

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

1.導覽列配色與風格設定:黑魔法的power

2.有無遇到的問題? 越來越可以喔!

3.製作感想(你認為導覽列的意義為何?) 很有質感 畫質生動

4.製作作業的時間:課程上的實作跟回宿舍1hr

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

週二, 十二月 5. 2017

作業網址 http://mepopedia.com/~css106-2c/midterm/midterm-1055445036

1.有無遇到的問題:有時候想把圖片用在自己想要的位置上卻不會用好痛苦 ,但是大致上問同學他們都會解決((我有神同學:D

2.製作感想 :這是一個要有極度耐心和興趣的人才能繼續下去XD

3.製作作業的時間 :2個晚上

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

週二, 十一月 21. 2017

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

 (2)LINE FRIEND / LINE的風格

 (3)因為我是CC版所以有一點不一樣 ,要花時間思考(:P)
 
(4) 越看越愛上熊大了
 
(5)2~3hrX(

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

週一, 十一月 13. 2017

作業網址 http://mepopedia.com/~css106-2c/midterm/midterm-1055445036

1.有無遇到的問題:有時候想把圖片用在自己想要的位置上卻不會用好痛苦 ,但是大致上問同學他們都會解決((我有神同學grinning smiley

2.製作感想 :這是一個要有極度耐心和興趣的人才能繼續下去XD

3.製作作業的時間 :2個晚上
前置作業--------------------------------------------------------------------
1)網站主題:LINE FRIENDS
(2)製作動機: 因為我很喜歡裡面熊大的角色,太可愛了所以想要介紹他們B)-
(3)製作內容:
首頁(home)-->LINE FRIEND的line聊天室與貼圖
關於(about)-->LINE FRIEND的由來
朋友們(friends)-->介紹LINE FRIEND角色們!
商品 (product)-->LINE FRIEND周邊商品
插圖(illustration)--->一些LINE FRIEND的圖
(4)風格設定: 想用LINE的風格,畢竟是LINE FRIEND嘛:)-D
(5)資料蒐集分析
◎設計優良網站(風格)列表與分析:
https://www.pkthink.com/portfolio.asp
這邊的網站是一個 製作網頁的公司,他們有網站的作品,我覺得可以看一下參考是不錯的

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

週三, 十一月 1. 2017

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

(2).請回答以下問題:
1.萬聖節星冰樂
2.萬聖節風:)-D
3.有時候會打錯英文就會跑不出來 文字 還有字的距離我都還要在多深入了解一下X(
4.做完都超有成就感der(:P)