Re: [作業8] Free templates 試做

週二, 六月 6. 2017

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

(1) 參考之版型網址:http://www.tooplate.com/live/2076-zentro

(2) 設計主題 / 風格 : 造型沙龍 / 乾淨及簡約的風格

(2) 遇到之問題: 沒太大問題

(3) 製作時間: 4小時

(4) 製作心得: 在設計編排上沒有太大的問題,看似簡單的設計,背後的語法卻也不少,
在找CSS過程中,比較容易亂掉,但經由老師教的方法,很快就找到要
修改的地方了,做完也是很有成就感~~

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

週五, 六月 2. 2017

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

(2)製作心得:在裡面摸索,也搞懂了一些語法,覺得做出會動的網頁很有成就感~~

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

週四, 六月 1. 2017

(1)作業網址:http://mepopedia.com/~css105-2b/hw06/hw06-1045445110
(2)製作心得:能讓它動,算是滿有成就感的,看似簡單,背後的語法好複雜~

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

週六, 五月 6. 2017

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

(2)製作心得:學到 新語法,讓網頁變得更細緻了,寫語法真的不簡單呢~

學號 1045445110

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

週三, 四月 12. 2017

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

(2)網站主題: Daniela Volpari Illustration 義大利插畫家

(3)導覽列選項/分類項目(對應檔名):
index-首頁. works-插畫簡介. links-關於作品. Feelings-插畫創作. link-相關連結

(2)設計對象:讓喜歡這個風格的大眾,對這位藝術家的作品有更深刻的印象 ,
可以透過這個網也來認識這位丹妮拉Volpari藝術家的繪畫風格。

(3)色彩計畫:以歐洲傳統的色彩,帶有點復古

(4)風格設定、預期成效: 偏向粉色,且帶有華麗的質感,和插畫家的圖做一個結合,
營造一種復古的色調,搭配插畫的整體性

(5)製作心得: 在製作過程中參考了比較多畫作的色彩,想盡量的詮釋出來,
製作過程中會盡量將網頁顏色和插畫的風格做結合,在製作過程中,
自己也能深入的瞭解這位藝術家所創作的作品。

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

週四, 四月 6. 2017

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

(2)本頁設計重點:要讓喜歡這個風格的大眾,對這位藝術家的作品有更深刻的印象 ,
可以透過這個網也來認識這位丹妮拉Volpari藝術家的繪畫風格。

(3)製作心得:製作過程中會盡量將網頁顏色和插畫的風格做結合,在製作過程中,
自己也能深入的瞭解這位藝術家所創作的作品。

學號 1045445110

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

週四, 三月 23. 2017

(1)作業網址:http://mepopedia.com/~css105-2b/hw02/hw02-1045445110
(2)網站主題/網站名稱: Daniela Volpari Illustration 義大利插畫家
(3)分類項目(導覽列): 首頁. 簡介. 作品. 心得. 外部連結
(4)對象: 給有興趣的愛好者
(5)色彩計畫:以歐洲傳統的色彩,帶有點復古
(6)風格設定、網頁看點、預期成效:偏向粉色,且帶有華麗的質感,和插畫家的圖做一個結合,
營造一種復古的色調,搭配插畫的整體性
(7)製作心得:在製作過程中參考了比較多畫作的色彩,想盡量的詮釋出來

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

週二, 三月 14. 2017

1.網址:http://mepopedia.com/~css105-2b/hw01/hw01-1045445110

2.設計概念與製作心得:
以美女與野獸為主,帶有神祕感的暗紫暗藍色系風格,
發現以淡色系,無法凸顯整體,所以使用暗色系來帶出整體效果

3.何謂HTML、DIV及CSS:
HTML:構成網頁的基礎,負責編排語法
DIV:包覆語法-標籤包起來的文字、圖片等...
CSS:裝飾畫面更有質感,表現出的整體風格

4.附上至少一個覺得設計很有質感的網站,並說明原因
https://www.spaceneedle.com/home/
感覺這個設計很有空間感,能帶來不同的視覺感官

5.期待這門課的學習成果與收穫為何?
希望能得心應手,能適當的學習到更多,並有效的運用

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

週六, 一月 14. 2017

(1)作業網址: http://mepopedia.com/~web105-2b/final/final-1045445110
(2).
1.製作作業的時間:一天半
2.有無遇到的問題:在css設定有遇到一些問題 ,連結太多,容易搞亂
3.製作心得與感想:在中間幾度陷入崩潰,做完很有成就感
4.本學期於網頁設計課程上的收穫:原來語法的每個指令都是相關聯的,了解稻作網頁也是很不容易

前置作業
(1)網站主題:星座
(2)導覽列架構設定:簡介(inend).個性(character).特質(story).愛情(love).影片(film)
(3)尺寸: 900px
(4)主要瀏覽族群:針對對星座感興趣的人
(5)風格設定: 配合星座以星空的顏色(紫色.水藍色.粉色...)
(6)主色調,輔助色調:紫色.水藍色.粉色
(7)製作動機:對星座很感興趣,所以決定做這類的
(8)製作目的:讓大眾了解我們也跟自己星座的特質與影響息息相關 ,做為參考用
預期效果:讓大家對星座有基本的認識
(8)資料蒐集分析:http://www.starsignhk.com/horoscope/

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

週六, 一月 14. 2017

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

(2).請回答以下問題:
1.網頁主題:星座 配色與風格設定:以星空的紫色和藍色帶點粉色為主
2.有無遇到的問題? 當中的設定有點混亂,旁邊的雙欄很難有反應,但還可以改善
3.製作感想:因為本身對星座感興趣,所以製作過程中蠻快樂的
4.製作作業的時間:6小時

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

週三, 一月 11. 2017

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

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

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

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

週一, 一月 9. 2017

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

(2).請回答以下問題:
1.網頁主題:七號房的禮物 配色與風格設定:顏色是以暖色為主,要帶給視覺有溫馨的感覺
2.有無遇到的問題? 稍為容易頓住,但老師的影片很詳細,所以也都能解決
3.製作感想 :慢慢的去理解每個語法,再花一點時間捉摸,希望能弄得更完整
4.製作作業的時間 :3~4小時

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

週三, 十二月 7. 2016

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

(2).請回答以下問題:
1.導覽列配色與風格設定:
以藍紫為主,有理性的感覺
2.有無遇到的問題?
目前還算簡單
3.製作感想(你認為導覽列的意義為何?)
有之前做的經驗,現在會比流暢。以導覽列做為分類,讓類別更清楚
4.製作作業的時間 :
一個半小時

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

週四, 十一月 24. 2016

前置作業(11/10)
(1)網站主題:
(2)製作動機:
http://mepopedia.com/~web105-2b/midterm/midterm-1045445110
前置作業(11/10)
(1)網站主題:人生的勵志名言
(2)製作動機:我蠻喜歡看名言或者語錄那些正面的語句,可以讓自己更有自信,或在低落中重新爬起。
(3)製作內容:首頁(index)-經典人生勵志格.學生勵志名.今天,我們這樣成長.高三勵志名言大全
人生(works)-信念篇.勝利篇.夢想篇
愛情(video)
心情(links)
名人(story)
(4)資料蒐集分析
◎設計優良網站(風格)列表與分析:雖然畫面簡單,自搭配圖的概念,但是畫面乾淨,視覺上有舒適的感覺

◎相關網站列表與分析: http://www.miinote.com/2015/03/40-zhengmian-lizhimingyan-positive-quote.html

完成品(11/17前)
請將這項放置於文章最前面
(1)作業網址
(2) http://www.chinesewords.org/wisdom/show-872.html
1有無遇到的問題
東西太多,容易把語法順序搞亂,還有一些放置的位子有點障礙
2.製作感想
一開始整個亂了步伐,不知從何下手,但漸漸的摸索,感覺有些上手了~
雖然沒有很特別,但做完之後很有成就感.
3.製作作業的時間
2天

Re: [作業03 ]利用Div標籤與CSS建立基本網頁版型- 圖片篇

週一, 十一月 21. 2016

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

(2) 主題 / 風格設定(色彩設定部份)
以勵志名言為主題,主要是偏理性而能讓心情平靜的藍紫色,

(3) 有無遇到的問題
再css的設定會容易感到很複雜,再加上按鈕的那些設定,
必須一個一個檢查問題的所在

(4) 製作感想
視感覺有點死板,不過越來越熟悉语法後,相信能更順手的去運用

(5) 製作作業的時間
5~6小時