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

週一, 六月 19. 2017

1.網址:http://mepopedia.com/~css105-2b/hw01/hw01-1045445137
2.設計概念與製作心得:簡約.黑灰白
3.何謂HTML、DIV及CSS:
HTML:寫網頁語法&架構DIV:包覆語法CSS:美化畫面
4.附上至少一個覺得設計很有質感的網站,並說明原因
https://zh.wikipedia.org/wiki/%E5%91%A8%E6%9D%B0%E5%80%AB
簡約風格配色
5.期待這門課的學習成果與收穫為何?
學到新語法

Re: [作業8] Free templates 試做

週五, 六月 9. 2017

作業網址:http://mepopedia.com/~css105-2b/hw08/hw08-1045445137

(1) 參考之版型網址:
(2) 設計主題 / 風格:marvel
(2) 遇到之問題: 做好了 但上傳卻陰我
(3) 製作時間:8個小時
(4) 製作心得:老師你去上傳的那個軟體看完整版

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

週四, 六月 8. 2017

(1)作業網址:http://mepopedia.com/~css105-2b/hw07/hw07-1045445137
(2)製作心得: 我盡力了

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

週四, 六月 8. 2017

(1)作業網址:http://mepopedia.com/~css105-2b/hw06/hw06-1045445137
(2)製作心得: 好好玩哈哈

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

週六, 六月 3. 2017

1.網站主題 風新竹
參考版型:http://www.tooplate.com/view/2043-green-ray
作業網址:http://mepopedia.com/~css105-2b/final/final-1045445137

2.網站架構(導覽列名稱與檔名)


人氣指數
推薦店家
特色小吃
美食介紹

3.內容大綱:
介紹新竹文化美食等,讓大家知道新竹有[很多美食,讓新竹擺脫美食沙漠的罪名
讓大家更了解新竹美食的魅力。

4.主要對象(分析):
大眾、喜歡旅遊和愛吃美食的人。

5.網頁架構圖(樹狀圖):
7.色彩規劃:
主要是新竹風景的背景,並且以多精緻照片排版增加豐富度,整體以簡潔為主。

8.歷屆得獎分析(至少三組):

食尚大學 http://www.foosion.tw/:
簡約的風格,但食物呈現方式不是一般般的照片,而是影片以動呈現,讓人有小驚喜的感覺。
將食物得種類譬喻成學校的科系,以新穎特別的方式作為食物的分類,搭配的小icon讓人覺得有種小清新的感覺,
裡面的介紹也很詳細,是一個外觀好,也具有豐富內容的網站
瘋樂!!!骰進 Taiching http://funtaichung.idv.tw/#
是以互動方式的網頁,讓人像是在玩大富翁的在瀏覽網頁,因為大富翁是大家小時候玩的桌遊,給人一種親切的童趣感,
Slang Formosa(醋咪ㄟ流行語)http://www.slangmosa.tw/:
他的版型是簡約的風格,但內容相當有趣,主要是介紹現代人的獨特用詞,這也非常代表台灣,因為
台灣的確有很多新奇的語言,且不斷更新,整體來看是很現代又充滿趣味性的網頁設計。

原來那有趣.HiTribe http://www.hitribe.idv.tw/:
主要是介紹食安問題,內容豐富又很多,能看出是有細心去調查的,導覽列的部分點進去後有很多資
訊,版面也是乾淨俐落,底部的圖案設計很活潑可愛。
1045445104 彭珮倫
1045445137 陳柏叡

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

週三, 四月 19. 2017

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

(2)網站主題:周杰倫

(3)導覽列選項/分類項目(對應檔名):
首頁–index.html
介紹–Introduction.html
故事–story.html
電影-movie.html
圖片–video.html

(2)設計對象:all of
(3)色彩計畫:灰紅

(4)風格設定:屌屌的
(5)製作心得:累死 深澳

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

週四, 四月 13. 2017

(1)作業網址:http://mepopedia.com/~css105-2b/hw03/hw03-1045445137
(2)本頁設計重點: 周董介紹
(3)製作心得: 累死
1045445137

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

週四, 四月 13. 2017

(1)作業網址:http://mepopedia.com/~css105-2b/hw02/hw02-1045445137
(2)網站主題/網站名稱:周杰倫
(3)分類項目(導覽列): 首頁 故事介紹 電影介紹 圖片連結
(4)對象: 周董迷
(5)色彩計畫:黑灰
(6)風格設定、網頁看點、預期成效:
純樸 簡單

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

週四, 四月 13. 2017

(2)網站主題/網站名稱:周杰倫
(3)分類項目(導覽列): 首頁 故事 電影 圖片連結
(4)對象: 周董迷
(5)色彩計畫:單純
(6)風格設定、網頁看點、預期成效:
簡單 純樸

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小時

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

週三, 一月 11. 2017

完成品
(1)作業網址:http://mepopedia.com/~web105-2b/final/final-1045445137
(2)
1.製作作業的時間: 很多天
2.有無遇到的問題:很多問題 但還是硬做完了
3.製作心得與感想: 學到更多的東西了
4.本學期於網頁設計課程上的收穫:原來網頁是這樣出來的
前置作業
(1)網站主題: MARVEL
(2)導覽列架構設定: [img]http://imgur.com/sXXS3DP[/img]
(3)尺寸:[img]http://imgur.com/fpFE7EL[/img]
(4)主要瀏覽族群:各年齡層
(5)風格設定:美式 (6)主色調:紅 黃
(7)製作動機:因個人喜歡MARVEL
(8)製作目的:讓大家可以更了解MARVEL
預期效果:MARVEL 永遠贏過DC

(9)資料蒐集分:呃.......很多

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

週一, 一月 9. 2017

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

(2).請回答以下問題:
1.導覽列配色與風格設定:紅 黃
2.有無遇到的問題? 沒
3.製作感想(你認為導覽列的意義為何?)帥
4.製作作業的時間 :不要問

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

週一, 一月 9. 2017

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

(2).請回答以下問題:
1.網頁主題: MARVEL
2.有無遇到的問題? 麻煩
3.製作感想 真的要用心
4.製作作業的時間 2個小時

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

週四, 十一月 24. 2016

(1)作業網址 http://mepopedia.com/~web105-2b/midterm/midterm-1045445137
網站主題:Marvel
(2)製作動機:很喜歡這個美漫畫
(3)製作內容:
image
style.css
1.html - 故事大綱
2.html-重要角色
3.html-x 戰警
4.html-星際異功隊
5.html-作者