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

週日, 五月 21. 2017

(1)作業網址:http://mepopedia.com/~css105-2c/hw06/hw06-1045445138
(2)製作心得:效果很有趣,加了效果之後網頁有互動感很好玩

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

週五, 五月 19. 2017

(1)作業網址: http://mepopedia.com/~css105-2c/midterm/midterm-1045445138
(2)製作心得: 學到更多網頁不同的做法

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

週五, 五月 19. 2017

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


1.須修改網站:http://www.ijysheng.com.tw/index.php
雖然是博物館網站但是看起來
很廉價
很古板
很沒質感
有種過時感
排版很無趣、普通、無聊


2.優良網站名稱及網址: http://www.louvre.fr/
同業是博物館的網站,但排版較有質感
配色乾淨純粹





(1)網站網站網址及主題:故宮博物院
(2)參考網站網址與網站名稱: Musée du Louvre
(3)色彩計畫: 黑色、妃色、艾綠
(4)風格特色: 以黑色為主,配上中國傳統色,想營造低調又能襯托中國古文物價值精神的感覺
(5)製作心得: 排版要多練習,排得有點醜但又不知道能改哪裡

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

週四, 四月 13. 2017

作業網址http://mepopedia.com/~css105-2c/midterm/midterm-1045445138


(2)網站主題:一頁台北
(3)導覽列選項/分類項目(對應檔名):
首頁(index):電影類型簡介
劇情介紹(indey):電影劇情大綱介紹
演員介紹(indez):演員角色簡介
電影配樂(indea):電影原聲帶配樂
預告花絮(indeb):宣傳花絮

(2)設計對象:想看一頁台北的人
(3)色彩計畫: 黑色、粉紅色
(4)風格設定、預期成效: 希望可以呈現台北夜晚絢麗迷幻的感覺
(5)製作心得: 其實網頁不難,只要夠專注很快就能做完

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

週四, 四月 13. 2017

(1)作業網址:http://mepopedia.com/~css105-2c/hw03/hw03-1045445138
(2)本頁設計重點: 用黑色當基底色,粉紅色當配襯
(3)製作心得: 有點複雜但不難

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

週四, 四月 6. 2017

(1)作業網址:http://mepopedia.com/~css105-2c/hw02/hw02-1045445138
(2)網站主題/網站名稱: 一頁台北
(3)分類項目(導覽列):
首頁:
劇情介紹
演員介紹
電影配樂
預告花絮
(4)對象: 一般心智年齡成熟的大眾
(5)色彩計畫: 黑、粉紅
(6)風格設定、網頁看點、預期成效: 想做出城市夜景的燈光朦朧感,用很多黑色配一點粉紅色想靜中取鬧,成效還可以
(7)製作心得:我以為會很難但其實也還好只是css稍微多了一點

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

週三, 四月 5. 2017

1.網址:http://mepopedia.com/~css105-2c/hw01/hw01-1045445138
2.設計概念與製作心得:
因為是做跟酒有關的主題,所以顏色跟版面還有圖片的選擇都偏繽紛跟強烈。

3.何謂
HTML:網頁的基本架構
DIV:區塊
CSS:美化版面

4.附上至少一個覺得設計很有質感的網站,並說明原因
http://www.louvre.fr/
沒有過多撩亂的顏色,整體配置乾淨整齊

5.期待這門課的學習成果與收穫為何?
希望可以了解更多業界的流行趨勢

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

週五, 一月 13. 2017

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


1.網頁主題: 配色與風格設定:白色、黑色、藍色
2.有無遇到的問題:沒有
3.製作感想:比之前單欄更難
4.製作作業的時間 :3小時

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

週五, 一月 13. 2017

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


1.網頁主題: 配色與風格設定:黑色跟藍色
2.有無遇到的問題:沒有,講義很清楚
3.製作感想:有點複雜
4.製作作業的時間:一個小時

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

週五, 一月 13. 2017

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


1.導覽列配色與風格設定:以黑色為主
2.有無遇到的問題:沒有
3.製作感想(你認為導覽列的意義為何?) :方便瀏覽跟分類
4.製作作業的時間 50分鐘

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

週三, 一月 11. 2017

(1)作業網址:
(2) http://mepopedia.com/~web105-2c/final/final-1045445138
1.製作作業的時間:三天
2.有無遇到的問題:非常多
3.製作心得與感想:好累
4.本學期於網頁設計課程上的收穫: 學到很多網頁設計的排版方式,和css設定的建構


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

[img]http://i.imgur.com/DDImgJa.jpg[/img]

(3)尺寸:
[img]http://i.imgur.com/je3Dku5.jpg[/img]

(4)主要瀏覽族群:喜歡養寵物,尤其是刺蝟的人
(5)風格設定:簡潔明瞭
(6)主色調,輔助色調: 黑色、藍色為主,灰色、白色為輔(框線及字)
(7)製作動機:很喜歡刺蝟,覺得刺蝟的呆臉很可愛,所以想做有關刺蝟的網站。
(8)製作目的:讓大家更了解刺蝟的相關資訊
預期效果:讓更多人了解刺蝟的可愛之處

(8)資料蒐集分析

http://www.pet910.com/%E5%8F%A6%E9%A1%9E%E5%AF%B5%E7%89%A9/p1019045180.html

http://qna.gvet.tw/viewthread.php?tid=125

http://apple5921.pixnet.net/blog/post/248365070-%E5%88%BA%E8%9D%9F%E8%89%B2%E5%BD%A9%E6%8C%87%E5%8D%97

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

週三, 十一月 23. 2016

完成品

(1)作業網址
http://mepopedia.com/~web105-2c/midterm/midterm-1045445138

1有無遇到的問題:
沒有

2.製作感想:
有點挑戰性,有時候做到一半會很煩躁。

3.製作作業的時間:約7小時



前置作業(11/09)

(1)網站主題:星空 (幾米作品改編電影)

(2)製作動機:最近在看原著,覺得有趣。

(3)製作內容:
劇情簡介(index)
原著作品(sophia)
電影特展(anna)
周邊商品(jimmy)
精采預告(fuuu)


(4)資料蒐集分析

◎部分維基百科

◎設計優良網站(風格)列表與分析:
https://material.io/
設計的顏色偏暗、黑,版面乾淨簡潔,一眼就可以明瞭大意

◎相關網站列表與分析:
http://sidleecollective.com/
https://ddsks.dk/
視覺效果強烈,能馬上吸引使用者注意

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

週二, 十一月 1. 2016

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


1.製作主題 :詩人楊渡
2.欲呈現之配色風格:柔和、淡雅,因配合詩文內容所以選擇彩度較低的顏色。
3..有無遇到的問題?:沒有。
4.製作感想 :一開始覺得語法很複雜,但是經過練習之後就覺得其實不難,只要把邏輯搞懂就好了,
      另外我覺得老師整理的講義很棒,對於課後複習非常有幫助。

Re: [作業01] 以HTML與CSS完成第一個網頁

週三, 十月 19. 2016

http://mepopedia.com/~web105-2c/hw01/hw01-1045445138


2.有無遇到的問題,製作心得,風格設定與製作作業的時間

以前沒接觸過dreamweaver所以覺得很多東西都深澀難懂,

但是經過老師講解加上自己回家複習之後就發現其實沒想想像中那麼難

講義其實都講得很清楚,所以這個資源讓我做作業時覺得事半功倍

語法自有一套規則,把邏輯搞懂之後就可以很明確的運用那些語法。


版面配置因為考慮到文章的關係所以選擇中低彩度和明度的顏色,讓畫面呈現清爽感和知性感

閱讀起較為舒適,也比較符合文章的感覺。

製作過程約一小時至兩小時