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

週二, 一月 16. 2018

(1).
作業網址:http://mepopedia.com/~css106-2b/final/final-1055445086
http://mepopedia.com/~css106-2b/final/final-1055445086-2

(2).
1.製作作業的時間:約一週
2.有無遇到的問題:想要分享的內容太多了 (因此更改兩個版本
3.製作心得與感想:我覺得能夠製作自己喜愛的主題,呈現一個更完整的網頁,既開心又充滿成就感。
4.本學期於網頁設計課程上的收穫: 對於網頁設計的架構有更深入的了解,過程中所遇到的問題,藉由老師指導與自身研究後,漸漸地熟悉設定語法,執行上也更輕鬆了,除了課堂筆記外,老師的教學步驟很有幫助,非常感謝老師本學期的指導。



前置作業
(1)網站主題: ONE PIECE 航海王
(2)導覽列架構設定 : About、Role、Animation、Saying、Restaurant、Video
(3)主要瀏覽族群: 航海王迷與愛好者。
(4)風格設定:清新&活潑
(5)主色調,輔助色調: 大海的藍(清新) &舒適的黃 (活潑)
(6)製作動機: 航海王迷
(7)製作目的: 喜愛航海王或有興趣的朋友,歡迎來瀏覽~我把所有的財寶都放在那裡,去追尋吧~!!!
預期效果:保證讓你整個熱血沸騰!!!

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

週四, 一月 4. 2018

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

1.網頁主題: 海賊王

配色與風格設定:大海的藍(清新)
2.有無遇到的問題? 研究太久...
3.製作感想: 我的網頁更完整了~好棒!
4.製作作業的時間: 共8小時左右

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

週三, 十二月 27. 2017

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

(2).請回答以下問題:
1.網頁主題:航海王
2.配色與風格設定:清新的藍&舒適的黃
2.有無遇到的問題? 目前進行還順利
3.製作感想:有點進步了(應該
4.製作作業的時間:3小時左右

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

週四, 十二月 21. 2017

作業網址 :http://mepopedia.com/~css106-2b/hw05/hw05-1055445086

1. 網頁主題 :航海王
2. 配色與風格設定 :大海的藍&大陸的綠(搭配象牙黃,增添活潑感
3. 有無遇到的問題 ? 目前尚無
4. 製作感想 :我覺得每次都學到新的事物,很棒。
5. 製作作業的時間 :約二小時

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

週四, 十二月 14. 2017

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

(2).請回答以下問題:
1.導覽列配色與風格設定:大海的藍&陸地的綠。
2.有無遇到的問題? 目前進行還順利。
3.製作感想: 我認為簡單的程式碼看起來舒適不眼花,學到更好的方法~
4.製作作業的時間:約2小時。

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

週四, 十一月 23. 2017

http://mepopedia.com/~web105-2c/hw02/hw02-1055445131

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

週四, 十一月 23. 2017

http://mepopedia.com/~css106-2c/hw01/hw01-1055445131

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

週四, 十一月 16. 2017

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

(2) 主題 / 風格設定:航海王One Piece / 以"大海"的藍為主色系,搭配簡單淡藍為區域色,以及檸檬黃作為襯托的底色。

(3) 有無遇到的問題 :關於連結的部分需要多注意(..//

(4) 製作感想:小細節要更加注意,以免發生重改的小悲劇,不過經由老師詳細的說明,許多問題都解決了~對於製作自己喜愛主題的網頁,真的很開心!

(5) 製作作業的時間:每天2小時左右,3天完成

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

週四, 十一月 16. 2017

(1)網站主題: 航海王One Piece
(2)製作動機: 從小喜愛它的航海王迷
(3)製作內容:
index>前言(prefact)
character>角色介紹(character introduction )
movie>電影動畫(movie animation)
word>經典語錄(classic quotations)
food>主題餐廳 (themed restaurant)
(4)風格設定: 以"大海"的藍為主色系,搭配簡單淡藍為區域色,以及檸檬黃作為襯托的底色。
(5)資料蒐集分析
https://popbee.com/
◎設計優良網站(風格)列表與分析:簡潔時尚的內容、井然有序的編排、清新自然的風格。
(1)作業網址:http://mepopedia.com/~css106-2b/midterm/midterm-1055445086-2

1遇到的問題:看過筆記重頭做後,就解決了
2.製作感想:我覺得很開心能夠製作自己喜歡的網頁~很有成就感!
3.製作時間:3天左右

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

週四, 十月 26. 2017

http://mepopedia.com/~css106-2b/hw02/hw02-1055445086

http://mepopedia.com/~css106-2b/hw02/hw02-1055445086-2

1.製作主題 :特搜台北「超人氣法式甜點店」Top4 
2.欲呈現之配色風格:(1.)以檸檬塔色「甜而不膩」為發想,以及舒適的天空藍為主色系,呈現出對甜品所抗拒不了的迷人香氣。
(2.)將香檸柑橘塔的黃綠和紅橙色為主色系,表現出一種甜蜜沁入心坎裡的感覺。
3..有無遇到的問題? 針對文章進行搭調的配色需要更多的想像,其他部分老師都講解得很仔細,目前很順利~
4.製作感想 :我覺得這個課程很有趣,希望自己能夠更精進!

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

週五, 十月 13. 2017

http://mepopedia.com/~css106-2b/hw01/hw01-1055445086

製作心得:
我是 第一次接觸網頁設計,一開始看到那些數據英文,真的有些頭疼,心想不會吧......,有些看似簡單的頁面,竟然有一長串的程式碼,而這些就是它特別的地方。雖然我不太熟悉,不過在每一次的練習中,慢慢了解到各公式的涵義後,心情就變得很輕鬆,多打一串數據,便多一些變化,自己設計網頁甚麼的~感覺還滿有趣的,就如同老師說的,設計涵蓋的範圍很廣,現今學設計的人最基本的AI,PS,都學過,但說有學網頁設計的卻不算多,我覺得可以多接觸一些自己所不了解的,經一番努力後的成果,真的令人滿有成就感的!