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

週三, 一月 11. 2017

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

(2).
1.製作作業的時間:一週

2.有無遇到的問題:無

3.製作心得與感想:做網頁真的超好玩啦(tu)

4.本學期於網頁設計課程上的收穫:第一次接觸網頁就遇到這麼認真的老師 就此愛上網頁設計 希望下學期進階網頁可以更加厲害ㄎㄎ(:P)
前置作業
(1)網站主題:畢卡索

(2)導覽列架構設定:


(4)主要瀏覽族群:all

(5)風格設定:畢卡索作品顏色來設計

(6)主色調,輔助色調:粉藍黃

(7)製作動機:喜歡畢卡索的風格。

(8)製作目的:讓更多人能注意。
預期效果: 深入地去瞭解畢卡索

(9)資料蒐集分析:畢卡索網頁

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

週三, 一月 11. 2017

(1)作業網址:http://mepopedia.com/~web105-2b/final/midterm-1045445035
(2).
1.製作作業的時間:9hr
2.有無遇到的問題: 重做了很多次
3.製作心得與感想: 天啊!網頁設計師不是人做的 好累!但完成時就是成就感
4.本學期於網頁設計課程上的收穫: 總算是會做一點點了

前置作業
(1)網站主題: JJ 林俊傑

(4)主要瀏覽族群: JJ的歌迷
(5)風格設定: 簡單低調
(6)主色調,輔助色調: 黑灰白
(7)製作動機: 自己本身就很喜歡JJ
(8)製作目的: 想多了解JJ

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

週三, 一月 11. 2017

(1)作業網址:http://mepopedia.com/~web105-2b/final/final-1045445035/
(2
1.製作作業的時間: 9小時
2.有無遇到的問題: 重做了好幾次
3.製作心得與感想: 天哪!網頁設計師不是人做的 好累喔! 但做完就是成就感
4.本學期於網頁設計課程上的收穫:總算是有點點會做網頁了(但還是會有問題)


前置作業
(1)網站主題:JJ 林俊傑
(2)導覽列架構設定:JJ Lin works awards vid
(3)尺寸: 720px


(4)主要瀏覽族群:JJ的歌迷
(5)風格設定: 簡單低調
(6)主色調,輔助色調:黑白灰
(7)製作動機:自己本身就很喜歡JJ
(8)製作目的:想多了解JJ
(9)資料蒐集分析:https://www.jjlin.com/
https://zh.wikipedia.org/zh-tw/%E6%9E%97%E4%BF%8A%E6%9D%B0

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

週三, 一月 11. 2017

(1).作業網址 :http://mepopedia.com/~web105-2b/hw06/hw06-1045445110
(2).請回答以下問題:

1.網頁主題:心靈畫家- 曾日昇
為了融入畫家的畫,以多色彩和畫面乾淨為主
2.有無遇到的問題?
方格裡的字少,使得格子旁太空,但之後有再把圖放大些
之後的問題都看老師的教學影片解決問題,還是會學著自己解決
3.製作感想
很難跳脫框框,使自己的風格束縛,導致畫面有點死板,不過還是盡量呈現

4.製作作業的時間:
3~4小時

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

週三, 一月 11. 2017

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

(2).
1.製作作業的時間:5天

2.有無遇到的問題:有,但多虧老師都解決了:)

3.製作心得與感想:覺得這次做得有比上次更進步一點了,也懂更多網頁方面上的知識,但
還是有很多需要加強與了解的地方,網頁是個很深奧的東西,希望能夠慢慢消化它們,學習
更多網頁上的編排設計,做完後覺得很有成就感,期待下學期的網頁能夠更進步,也希望之
後也可以幫自己設計一個專屬的網頁。

4.本學期於網頁設計課程上的收穫:多學習到一個新的領域覺得很開心,而且也又多認識了
一個軟體,以前一直很好奇網頁是怎麼做的,現在自己做出來才覺得沒那麼簡單,老師也教
得很詳細,不懂也有影音跟講義可以看,解決我很多問題,覺得收穫良多。

前置作業
(1)網站主題:哈士奇husky

(2)導覽列架構設定:


(3)尺寸:


(4)主要瀏覽族群:給喜歡husky的人

(5)風格設定: 因為哈士奇是屬於寒帶犬所以在配色及風格上用於較冷色調,搭配寒帶
溫暖的陽光讓畫面看起來更舒服。
(6)主色調,輔助色調:主色調為藍色、黑色 ,輔助色為淺黃、咖啡

(7)製作動機:因為本人非常喜歡哈士奇,不管是牠的個性還是外表都深得我心,所以決定
為牠做個網站

(8)製作目的:讓喜歡哈士奇的人們在飼養前可以多做一點功課,多了解他們,不要再衝動下養他們

(9)資料蒐集分析:http://www.twwiki.com/wiki/%E5%93%88%E5%A3%AB%E5%A5%87

科博館《PM2.5視界特展》談島嶼浮塵

週三, 一月 11. 2017

關於塵霾,我有話要說!

科博館《PM2.5視界特展》談島嶼浮塵

【新聞稿】

科博館今(11)日(三)推出有關公共空間裡呼吸權利的《島嶼浮塵-PM2.5視界特展》,由科博館館長孫維新主持開幕式,中央研究院李遠哲院士、臺灣大學公衛學院副院長詹長權教授等貴賓出席探討空汙議題。特展除了說明塵霾中的物質PM2.5從何而來、對身體的影響等內容,更創造民眾對話平臺等設計,嘗試結合大眾角度,提出解決問題的主張,展覽至今(106)年6月11日(日),歡迎踴躍參觀。

  PM (particulate matter),指的是在汙染的空氣中,類似灰塵的粒狀物,中文稱作「懸浮微粒」。當它的粒徑等於或小於2.5微米(μm),就稱為PM2.5(細懸浮微粒)。由於PM2.5粒徑極小,不到人類頭髮直徑的28分之1,因此它能輕易跟著空氣進入人體,累積在肺部,或進入肺泡微血管之後,隨著血液循環全身。如果PM2.5帶著有害物質,將引起各種不同疾病。

  展場中「我有話要說」主題區提供錄像設備,讓民眾可以坐上講臺,對鏡頭說出對於PM2.5的看法、解決方式或親身體驗等,錄製完成後將在展場的大螢幕中播放,匯集大眾意見。另外展區也將104年全臺各地PM2.5汙染情形的數據資料,轉化為積木呈現,從顏色深淺可以看到南部汙染情形比中部及北部都嚴重,也可透過時空交錯分析,發現冬天比夏天汙染情形嚴重。

  PM2.5的成分有許多種,並沒有固定的成分。自然界產生的PM2.5,多來自土壤揚塵、海鹽飛沫、火山灰等,但這些微粒的有害物質較少。而在都會區或工業區,人為活動產生的PM2.5,則含有害物質,對我們的健康有不良影響。日常生活中也會製造PM2.5:廚房裡的油炸、燒香祭祖、露營升火、節日放炮竹…。

  科博館副研究員黃旭表示,對空氣影響最大的,是持續、而且數量龐大的汙染性來源:一是固定汙染源,包括燃煤電廠和工廠;二是移動汙染源,指的是以汽、柴油為動力來源的汽機車。除了工廠和汽機車這兩者之外,一般民眾在日常生活中所生產的PM2.5,所佔比例甚低,這表示問題的解決,關鍵不在燒香、燒金紙等這些民間習俗上,而是與我們的產業結構,能源、交通政策有緊密的關係。PM2.5問題是清楚的,但解決問題的方法卻是複雜的,需要大家一起來思考,謀求解決之道。

  展覽結合了多位科學家、藝術創作者,以及關心環境的團體與個人的研究成果與反思性的創意,共同展出包括科學性圖表模型,以及影像、物件、裝置等創作。社會大眾的參與討論,則是成就此展覽的最後,但卻是最重要的一塊拼圖。



更多照片及音檔請參考:

https://drive.google.com/drive/folders/0BxEjCFXjkjKSalJlMXNaNzgyODg

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

週三, 一月 11. 2017

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

(2).
1.製作作業的時間:一週

2.有無遇到的問題:無

3.製作心得與感想:多學了不一樣的東西X(

4.本學期於網頁設計課程上的收穫:從一開始什麼都不會到現在學會了許多語法,也不斷的在增加(:P)
前置作業
(1)網站主題 Jimmy幾米
(2)導覽列架構設定:
(3)尺寸:
(4)主要瀏覽族群:大人小孩都適合
(5)風格設定:可愛童話風格
(6)主色調,輔助色調: 粉色
(7)製作動機:讓大家更認識幾米和作品
(8)製作目的: 看見不一樣的風格

(9)資料蒐集分析:http://www.jimmyspa.com/

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

週三, 一月 11. 2017

(1)作業網址:http://mepopedia.com/~web105-2b/final/final-1045445053
(2).
1.製作作業的時間: 3~4天
2.有無遇到的問題: 雙欄設定會做的不順,但都順利解決了
3.製作心得與感想: 除了雙欄的部分之外,都可以~
4.本學期於網頁設計課程上的收穫: 熟悉了很多的語法,雖然還有很多要學,但會努力的!


前置作業
(1)網站主題: 月歌。(ツキウタ。)
(2)導覽列架構設定


(3)尺寸:



(4)主要瀏覽族群:大眾
(5)風格設定: 依團體形象去做
(6)主色調,輔助色調: 黑白,灰
(7)製作動機:因為喜歡Idol(偶像)
(8)製作目的:可以了解更多Idol(偶像)~~

資料蒐集分析
相關網站列表與分析:
http://tsukiuta.com/
https://zh.moegirl.org/zh-hant/%E6%9C%88%E6%AD%8C

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

週三, 一月 11. 2017

(1)作業網址: http://mepopedia.com/~web105-2b/final/final-1045445119
(2).
1.製作作業的時間:1天~2天
2.有無遇到的問題: 熟悉的做很快,但不會的還是不會
3.製作心得與感想: 做出來很開心,中途一直反覆著改,做這個好累壓~
4.本學期於網頁設計課程上的收穫: 學會網頁設計, 知道如何做出一個網站,收穫良多!


前置作業
(1)網站主題: Kanahei
(2)導覽列架構設定

(3) 尺寸與架構設定:

(4) 風格設定:可愛、簡單
(5) 主色調 : 淺色系(淺藍、淺黃、粉紅...)
(6) 製作動機:
大家都喜歡的插畫家,我也很喜歡,因為很可愛所以想製作出來
(7) 製作目的:希望讓更多人知道kanahei很可愛~

預期效果: 有雙欄又有可愛風格的網站
(9)資料蒐集分析:http://www.newii.com.tw/index.php?type=top&arem=103

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

週三, 一月 11. 2017

(1)作業網址:http://mepopedia.com/~web105-2b/final/final-1045445092
(2).
1.製作作業的時間:超過24小時
2.有無遇到的問題: Actor演員的頁面的back沒辦法靠右,雙欄部分的命名苗點在網路上查,大家都說cc版的命名苗點被移除掉了,所以雙欄部分沒辦法做命名苗點。
3.製作心得與感想:感覺愈到後面,雖然學得越多,但問題也會跟著變多。
有時候在做網頁時真的精神要非常好,不然都會搞錯或是看程式碼看到眼睛花掉:(
4.本學期於網頁設計課程上的收穫:
剛開始碰'ˇ葉時會有一種新鮮感,但後來也快被程式碼給搞瘋了:(
在幾次的作業裡又學到了不一樣的東西,感覺很好玩,雖然在做的方面有點花時間,也會遇到很多問題,但完成後也會小有成就感。

前置作業
(1)網站主題:魔鏡夢遊
(2)導覽列架構設定

範例參考(可下載參考附檔的做法):
http://imgur.com/ZE8FDHU

(4)主要瀏覽族群:大眾皆可
(5)主色調,輔助色調,風格設定: 以背景的紫色來呈現出神秘而奇幻的感覺,則黃色是想呈現華麗的感覺,這兩種顏色都是去吸header圖片裡的顏色。
(7)製作動機:喜歡看魔鏡夢遊的電影,也喜歡提姆波頓的創作。
(8)製作目的: 想以夢遊仙境的風格來做做看網頁的設計。
預期效果:還有很多地方需要再改進,東西還沒有很完整。

(8)資料蒐集分析
https://zh.wikipedia.org/zh-tw/%E9%AD%94%E5%A2%83%E5%A4%A2%E9%81%8A

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

週三, 一月 11. 2017

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

(2).請回答以下問題:
1.網頁主題:魔鏡夢遊
配色與風格設定: 以背景的紫色來呈現出神秘而奇幻的感覺,則黃色是想呈現華麗的感覺,這兩種顏色都是去吸header圖片裡的顏色。
2.有無遇到的問題?
Actor演員的頁面的back沒辦法靠右,雙欄部分的命名苗點在網路上查,大家都說cc版的命名苗點被移除掉了,所以雙欄部分沒辦法做命名苗點。
3.製作感想
感覺愈到後面,雖然學得越多,但問題也會跟著變多。
4.製作作業的時間 5~6小時

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

週三, 一月 11. 2017

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

(2).
1.製作作業的時間: 一天

2.有無遇到的問題:一開始製作雙欄時,很多東西都跑位,之後重新在做一次後,
把遇到的問題都解決完了。

3.製作心得與感想:希望能更了解網頁,經過這次雙欄的製作,讓我更加的知道網頁的趣味
如果有時間,花上一天時間研究,我覺得一定會更好,

4.本學期於網頁設計課程上的收穫:原本看到程式碼真的很畏懼哈哈,經過老師的指導跟老師的教學影片
在家也能夠好好的學習網頁,並且慢慢自己去找出更多不一樣的東西,
每當設定到比較特別的東西時,都覺得非常有趣,我很喜歡上網頁課,
但精神一定要很好才行。

/


(1)網站主題: 別相信任何人 (電影)
(2)導覽列架構設定 http://imgur.com/mUNr2VQ

(4)主要瀏覽族群:學生、中年人

(5)風格設定:懸疑感帶點小小小驚悚。

(6)主色調,輔助色調:深藍色、淺灰色、水藍色

(7)製作動機: 非常喜歡這部電影,以及主角,並且買這本書來看。

(8)製作目的:希望能藉由網頁設計來設計這個主題的版面。

預期效果:呈現擁有自我風格的雙欄式網頁 ,很有成就感。

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

週三, 一月 11. 2017

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

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

1.網頁主題: 配色與風格設定: 懸疑感 。

2.有無遇到的問題? 找到問題已經解決了。

3.製作感想 : 雙欄比較複雜,剛開始做雙欄時,設定錯誤,導致後續幾頁都跑位,
經過重新在做過一次後,問題都解決了,也更了解雙欄的東西。

4.製作作業的時間:1天

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

週三, 一月 11. 2017

1).作業網址 :http://mepopedia.com/~web105-2b/hw05/hw05-1045445137

(2).請回答以下問題:
1.網頁主題: 配色與風格設定: 紅 黃 酷酷的感覺
2.有無遇到的問題? 無
3.製作感想? 理解之後 原來是這樣
4.製作作業的時間 :不要問

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

週三, 一月 11. 2017

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

(2).請回答以下問題:
1.網頁主題: 配色與風格設定:紅 黃
2.有無遇到的問題? 雙欄很麻煩
3.製作感想 複雜
4.製作作業的時間 2小時