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

週三, 十二月 26. 2018

1.作業網址: http://ftp.mepopedia.com/~css107a/final/final-1065445121
2.網站主題: 烏來遊記
3.內容描述: 介紹烏來觀光地區
4.風格設計: 鮮明愉悅
5.組員名單,工作分配(視覺規劃、HTML CSS設計、動態效果): 自己一人
6.個人製作心得: 其實說難不難,說簡單也不簡單,因為我是自己一個人做,所以從拍攝照片開始就是一大難題,加上烏來在山區,常常下雨,我也是淋著雨拍照,再來對我來說製作上最大的煩惱就是,更改顏色這件事,真~~~~~~的找不到阿!!!老師!!!去網頁上用檢查,也無法顯示,超級耗時的,幾乎時間都是用在找顏色,還會搞不清楚改的位置到底對獨對,做這個真的很崩潰,眼睛看太多英文不太好,但這學期有上老師的網頁課真的收穫很多,還好我有修,有很多東西多是新接觸的,這才讓我有真正意義上的學習,是目前為止我上過最有用的課,對自己也有很大的幫助,謝謝老師~~


1.網站主題: 烏來遊記
2.內容大綱(導覽列/中文/檔名):烏來遊記/光觀烏來/美景欣賞/與我聯絡
3.參考版型: 老師上課提供的
4.主要對象(分析): 景點介紹分享
5.網頁架構圖(樹狀圖):

6.色彩規劃(色調): 簡約白 黃、黑、灰配
7.組員名單(學號)1065445121

Re: [期中作業] OnePage-個人網頁製作

週四, 十二月 6. 2018

(1) 作業網址 : http://ftp.mepopedia.com/~css107a/midterm/midterm-1065445121
(2) 參考之版型網址:老師上課提供的版型
(3) 設計主題 / 風格:個人 生活創作分享/歡樂風
(4) 導覽列項目: 首頁/關於我自己/專業領域/作品欣賞/個人分享/聯絡資訊
(5) 遇到之問題: 在style裡面,很難找到要更改的地方,內容全部都要是自己的,要絞盡腦汁想文字是最難的
(6) 製作時間: 五天的晚上
(7) 製作心得: 看著一大堆程式碼,頭就很痛,會沒有幹勁做作業,為了成績還是要完成,但做完的時後心情會蠻愉悅的,感覺上完成了之前做不到的事

Re: [作業02] WordPress.com網站製作

週四, 十一月 8. 2018

(1) 作業網址 : https://tianyu12.wordpress.com/
(2) 設計主題 / 風格: 作品分享 / 現代
(3) 導覽列項目: 首頁/繪畫/平面設計/攝影/聯絡資訊
(4) 遇到之問題: 無法按照自己意思設定,只好所有功能都試一次
(5) 製作時間: 大概三天半的晚上
(6) 製作心得/線上製作與上機製作的差異性比較: 線上製作比較方便快速,還可以做出有質感的網頁,上機制做要一直盯者無數的英文字會很煩
(7) 班級/學號: 視傳2A/1065445121

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

週四, 十一月 8. 2018

1.網址:http://ftp.mepopedia.com/~css107a/hw01/hw01-1065445121

2.設計概念與製作心得:
以電影哈利波特的風格作顏色上的搭配,想呈現有魔法的感覺,和上學期老師的教法不同,要花點時間去適應程式碼,所以花了很多時間製作,不過因為是自己喜歡的主題,做得蠻開心的

3.何謂HTML、DIV及CSS:
HTML可以建立網站的基本架構,DIV網頁裡的區塊像是header,content,footer,分成三個大區塊,在區塊內進行編排,CSS就像是負責美化網頁吧,作文字,顏色,大小等細微多變的調整

4.附上至少一個覺得設計很有質感的網站,並說明原因
http://www.don-guri.com/music/
這是高中時老師上課當作參考的一頁式網站,因為圖像加上音效的搭配比一般網站更豐富有趣,動態的圖像降吸引人觀看,也是我很喜歡的網站

5.期待這門課的學習成果與收穫為何?
複習之前所學的,能更快看懂並理解程式語法,
學到顏色背景可以透明,網站的主題風格配色編排整體都要注意