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

週四, 六月 14. 2018

(1).網址: :http://mepopedia.com/~web106-2c/hw06/hw06-1055445003
(2).主題、風格:
 延續上一個作業
(3).設計概念與製作心得: 本身有換字體不知道自己有沒有換成功!

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

週二, 六月 12. 2018

1.網站主題:旅行日記
2.內容大綱(導覽列/中文/檔名):首頁(index.html)/ 旅行 / (index-slider.html)
相簿(index-move.html) / 聯絡我(contact.html)
3.參考版型: http://mepopedia.com/forum/read.php?804,87785
4.主要對象(分析):年輕人->做行前準備
5.網頁架構圖(樹狀圖):

https://i.imgur.com/MLvr4Uz.jpg

6.色彩規劃: 朝氣活潑
7.歷屆得獎分析(至少三組)
8.組員名單(學號)

1055445003李汶芳

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

2.網站主題:旅行日記
3.內容描述:將自己生活在台中的日常作介紹
4.風格設計:清新
5.組員名單,工作分配(視覺規劃、HTML CSS設計、動態效果): 李汶芳,工作分配(視覺規劃、HTML CSS設計、動態效果)
6.個人製作心得: 雖然進度才一頁但是會加緊腳步完成的!

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

週三, 五月 30. 2018

(1).網址: :http://mepopedia.com/~web106-2c/hw05/hw05-1055445003
(2)主題: 演唱會、團體介紹
(3).設計概念與製作心得: 一樣做了喜歡樂團的簡單介紹,
但是發現畫質不佳,下次會做動畫圖片,改善這個問題,因為平時也沒有拍影片的習慣

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

週五, 四月 20. 2018

(1) 作業網址 :http://mepopedia.com/~web106-2c/midterm/midterm-1055445003
(2) 參考之版型網址: 老師的
(3) 設計主題 / 風格 : 目的明瞭,簡單
(4) 導覽列項目:home/About/works
(5) 遇到之問題: 問題也都是小問題 好好檢查一下就會解決


(6) 製作時間: 一個禮拜
(7) 製作心得: 在作品那裡 海報大小都改了可以照片總是掉下去 試很多次了TT 需要老師指點

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

週五, 四月 20. 2018

4.上傳至hw04資料夾,並回覆於作業文章

(1).網址: :http://mepopedia.com/~web106-2c/hw04/hw04-1055445003
(2).版型網址:
 老師的版型
(3).主題、風格:
 簡單,一目了然
(4).設計概念與製作心得: 想要作成作品集,會在陸陸續續變得豐富。

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

週五, 四月 13. 2018


(1).網址: :http://mepopedia.com/~web106-2c/hw03/hw03-1055445003
(2).設計概念與製作心得: 覺得畫面變得更生動可愛了

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

週三, 三月 28. 2018


(1).網址: :http://mepopedia.com/~web106-2c/hw02/hw02-1055445003
(2).設計概念與製作心得:感覺在考驗我們對語法的熟悉度,找語法找到眼睛快脫窗了

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

週三, 三月 28. 2018


(1).網址: :http://mepopedia.com/~web106-2b/hw02

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

週二, 三月 20. 2018

1.網址:http://mepopedia.com/~web106-2c/hw01/hw01-1055445003
2.設計概念與製作心得: 邊看老師的示範,同學的示範,還有影片,參考,才終於做出來
3.何謂HTML、DIV及CSS:

HTML是建立網頁的標準標示語言
DIV:一個區塊
CSS:讓網頁變得更豐富


4.附上至少一個覺得設計很有質感的網站,並說明原因
5.期待這門課的學習成果與收穫為何?

可以做更有質感層次的網頁

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

週二, 一月 16. 2018

(1)作業網址: http://mepopedia.com/~css106-2c/final/final-1055445003
(2).
1.製作作業的時間:兩個禮拜
2.有無遇到的問題: 有 遇到很多問題
3.製作心得與感想: 就是一直搞懂與搞不懂
4.本學期於網頁設計課程上的收穫: 我覺得很棒



前置作業
(1)網站主題: ONE OK ROCK介紹
(2)導覽列架構設定 可以互相應對
(3)主要瀏覽族群:年輕人
(5)風格設定:溫暖搖滾的感覺
(6)主色調,橘紅 輔助色調: 金
(7)製作動機: 因為喜歡他們也比較熟悉 製作起來比較上心
(8)製作目的:跟同學介紹他們
預期效果: 比我想像中的好

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

週二, 一月 16. 2018

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

(2).請回答以下問題:
1.網頁主題: 影片與報導
2.配色與風格設定: 黑白橘紅
2.有無遇到的問題? 沒辦法像老師在左邊調整表格 只能省略一格 但是有一格會變特別大
3.製作感想
4.製作作業的時間 一個晚上

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

週二, 一月 16. 2018

1).作業網址: http://mepopedia.com/~web106-2c/hw07/hw07-1055445003/member.html



(2).請回答以下問題:
1.網頁主題:one ok rock成員介紹
配色與風格設定:黑白橘紅
2.有無遇到的問題? :剛開始右邊欄位跑不出來 打掉重練後出現了
3.製作感想 : 有時候會冒一些小問題卡住
4.製作作業的時間 :很久

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

週二, 一月 2. 2018

3.回覆本篇文章

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

(2).請回答以下問題:
1.網頁主題: 配色與風格設定: 搖滾但是卻可以溫暖人
2.有無遇到的問題? 無
3.製作感想 就像變魔術一樣
4.製作作業的時間 5個小時

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

週二, 十二月 12. 2017

這個作業的網址則為:http://mepopedia.com/~css106-2c/hw04/hw04-1055445003
(2).請回答以下問題:
1.導覽列配色與風格設定: 黑色,紅色
2.有無遇到的問題? 遇到的問題多嘗試幾次就成功了,開自己電腦裡的檔案 東西都是完整的
不知道為什麼點網址東西跑掉了
3.製作感想(你認為導覽列的意義為何?) 跟CSS搭配起來就變得有用了
4.製作作業的時間 半天

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

週三, 十一月 29. 2017

(1)作業網址http://mepopedia.com/~css106-2c/midterm/midterm-1055445003
1有無遇到的問題 有 因為活動期中沒有聽到課 所以都看老師的影片還有同學教我 謝謝身邊大德
2.製作感想 覺得天啊這團體也出太多專輯了吧!
3.製作作業的時間 大概半天

發現打開來東西沒辦法轉換 但是檔案沒錯 不知道是不是哪裡出錯了