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

週四, 六月 22. 2017

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

2.網站主題:艋舺龍山寺

3.內容大綱:龍山寺的介紹

4.主要對象(分析): 大眾(能更了解龍山寺的文化)
5.網頁架構圖(樹狀圖):http://imgur.com/a/ZsyXN

6.網頁版型設計圖: http://www.templatemo.com/tm-486-new-event

7.色彩規劃:
主要以黑灰為主,介紹關於龍山寺
8.歷屆得獎分析(至少三組)

(1)Slang Formosa(醋咪ㄟ流行語):http://www.slangmosa.tw/
整體畫面還蠻乾淨的,而且內容非常有趣,都是年輕人會使用
的流行用語,還有一些很可愛的互動設計。

(2)歲月十分:http://timeline.tw/
內容非常的豐富,設計上是以插畫的風格為主,視覺上感覺很有
趣,全部看完之後給人一種歲約如縮的感覺。

(3)台灣字崛:http://www.words.tw/
配色相當的簡單舒服給人一種文青的感覺,畫面中穿插一些插圖
增添些許趣味感

9.組員:黃森宜 1045445186 蔡薰緯1045445054 徐楚翔1025445159

Re: [ 作業8] Free templates 試做

週四, 六月 15. 2017

作業網址:http://mepopedia.com/~css105-2c/hw08/hw08-1045445186

(1) 參考之版型網址:
http://www.templatemo.com/tm-481-elevate
(2) 設計主題 / 風格
陳奕迅 Eason chan /簡單的

(2) 遇到之問題: 要對應CSS再來排版
(3) 製作時間:
1小時
(4) 製作心得:
已經有版型所以簡單很多, 但只有改圖片 ,改文字打心得

Re: [作業8] Free templates 試做

週四, 六月 15. 2017

回復錯

Re: [作業07] HTML/CSS/jQuery 物件小動畫、燈箱效果

週四, 六月 8. 2017

(1)作業網址:http://mepopedia.com/~css105-2c/hw07/hw07-1045445186
(2)製作心得: 製作時間拉很長 語法部分也花了一點時間看清楚跟實作

Re: [ 作業06] jQuery動態換頁效果

週二, 五月 30. 2017

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

(2)製作心得:動態換頁效果簡潔清楚,增加動態讓看的人更了解

Re: [作業05] jQuery動態網頁初探-fadein

週二, 五月 30. 2017

(1)作業網址: http://mepopedia.com/~css105-2c/midterm/midterm-1045445186
(2)製作心得: 只有首頁有加 其他頁沒有

Re: [作業04]網頁排版設計 -以Photoshop製作Mockup與Prototype

週一, 五月 29. 2017

作業網址:http://mepopedia.com/~css105-2c/hw04/hw04-1045445186

(1)不優良網站名稱及網址:https://fruits.wwww.com.tw/

欲修改地方:
●網頁主視覺及主配色搭配太統一
●網頁整體較為複雜
●導覽列顏色沒有一致性。
●超連結設置圖片使人不舒服
●分類的方式過於凌亂。


(2)優良網站名稱及網址:

http://www.wix.com/website-template/view/html/1585?originUrl=http%3A%2F%2Fwww.wix.com%2Fwebsite%2Ftemplates%2Fhtml%2Fphotography%2F1&bookName=create-master-new&galleryDocIndex=11&category=photography&metaSiteId=

●簡單明瞭,導覽列清楚,圖片清晰明瞭。

Re: [期中作業] HTML與CSS應用--網站實作

週四, 四月 20. 2017

(1)作業網址: http://mepopedia.com/~css105-2c/midterm/midterm-1045445186
(2)網站主題: ENMIEM
(3)導覽列選項/分類項目(對應檔名):
簡介
專輯說明
歌手介紹
歷年專輯
影音連結
(2)設計對象:青少年 以及對這位歌手有了解的人
(3)色彩計畫: 黑 灰 白
(4)風格設定、預期成效: 類似像攝影
(5)製作心得:還不夠好

Re: [作業03] HTML與CSS練習-1.資料整理--以DIV製作表格效果。 2.其他頁面完成

週四, 四月 20. 2017

(1)作業網址:http://mepopedia.com/~css105-2c/hw03/hw03-1045445186
(2)本頁設計重點:替這位歌手作完整的說明
(3)製作心得: 做得辛苦 但還不夠完整
學號 1045445186

Re: [作業02] HTML與CSS練習 --首頁實作篇

週四, 四月 20. 2017

(1)作業網址:http://mepopedia.com/~css105-2c/hw02/hw02-1045445186
(2)網站主題/網站名稱: ENMIEM
(3)分類項目(導覽列):簡介 專輯說明 歌手介紹 歷年專輯 影音連結
(4)對象:喜歡饒舌音樂的
(5)色彩計畫: 黑 灰 白
(6)風格設定、網頁看點、預期成效:替這位歌手做介紹
(7)製作心得: 太久沒做有點忘記

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

週四, 四月 20. 2017

1.網址:http://mepopedia.com/~css105-2c/hw01/hw01-1045445186
2.設計概念與製作心得: onerepublic 替這個樂團做一個網站架設
3.何謂HTML、DIV及CSS: 我忘記了
4.附上至少一個覺得設計很有質感的網站,並說明原因 http://pamphletmagazine.blogspot.tw/
它裡面收集了許多類似像雜誌的照片 我很喜歡攝影 所以我覺得滿棒的
5.期待這門課的學習成果與收穫為何?
希望能把自己累積的作品架設一個網站 讓大家看到

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

週三, 一月 11. 2017

(1).作業網址 :http://mepopedia.com/~web105-2c/hw06/hw06-1045445186
(2).請回答以下問題:
1.網頁主題:潮流藝術
配色與風格設定: 黑白、簡潔
2.有無遇到的問題? 還沒
3.製作感想:累
4.製作作業的時間:3個小時

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

週三, 一月 11. 2017

(1)作業網址: http://mepopedia.com/~web105-2c/final/final-1045445186
1.製作作業的時間: 好幾天
2.有無遇到的問題: 一開始覺得非常難聽不懂,慢慢回家看講義自己摸索
3.製作心得與感想: 我終於架構出屬於自己一個完整的網頁了!
4.本學期於網頁設計課程上的收穫:基本的網頁製作及美觀設計

前置作業

(1)網站主題:潮流藝術

(2)導覽列架構設定
http://imgur.com/aNSQIeU




(3)尺寸:
http://imgur.com/TZ0uYG2


(4)主要瀏覽族群: 每個年齡層均可觀看,偏向男性族群
(5)風格設定: 簡單明瞭

(6)主色調,輔助色調:以黑白灰色調為主

(7)製作動機: 因為本身很喜歡攝影,所以才想要製作關於攝影的網頁主題
(8)製作目的:可以讓大家更瞭解其實攝影也很有趣!可以多培養欣賞的美感!!!

Re: [講義07] 以Float:浮動,製作雙欄網頁 (雙欄Float:浮動、Table:表格、錨點、垂直導覽列)

週三, 一月 11. 2017

(1).作業網址 :http://mepopedia.com/~web105-2c/hw07/hw07-1045445186
(2).請回答以下問題:
1.網頁主題: 潮流藝術
2.有無遇到的問題?雙欄的語法比較複雜
3.製作感想 覺得很有成就感
4.製作作業的時間 5hr

Re: [講義06] 表格的製作

週三, 一月 4. 2017

花的時間有點久因為影片崁入的問題