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

週三, 六月 20. 2018

1.作業網址:http://mepopedia.com/~web106-2c/final/final-1055445085

2.網站主題:繪本天地
3.內容描述:介紹繪本
4.風格設計:溫馨
5.組員名單,工作分配(視覺規劃、HTML CSS設計、動態效果):1055445085 圖片文字排版,css設計 1055445178 圖片文字排版 ,視覺規劃
6.個人製作心得:這次製作很多頁的網頁讓我很有挑戰性,雖然找與法找到眼睛脫窗,不過作出來很有成就感!

1.網站主題:繪本天地

2.內容大綱(導覽列/中文/檔名):首頁/主要故事/周邊商品/連結

3.參考版型: 老師的版型

4.主要對象(分析):繪本介紹

5.網頁架構圖(樹狀圖):


6.色彩規劃:橘色/藍色/棕色 溫馨色調

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

8.組員名單(學號)1055445085 1055445178

Re: [作業06] RWD網頁實作/列表頁/內容頁/Google Fonts網路中文字型應用

週三, 六月 20. 2018

1055445085 林安情

(1).網址: :http://mepopedia.com/~web106-2c/hw06/hw06-1055445085

(2).主題、風格:溫馨 插畫風格


(3).設計概念與製作心得:這次尋找更改字體找得有點久

Re: [作業05] RWD網頁實作 navigation/dropdown/sub-menu/video

週三, 五月 30. 2018

(1).網址: :http://mepopedia.com/~web106-2c/hw05/hw05-1055445085

(2).主題、風格:繪本介紹 /插畫風格


(3).設計概念與製作心得 : 這次更改上方的導覽列顏色卡了有點久,因為找不太到語法在哪QQ

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

週三, 五月 2. 2018

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

(2) 參考之版型網址:老師給的版型

(3) 設計主題 / 風格:簡單/繪本風格

(4) 導覽列項目:首頁/我的介紹/繪本介紹/作品介紹/角色介紹

(5) 遇到之問題: 刪減版型的時候有點卡住QAQ

(6) 製作時間:3天

(7) 製作心得: 這次用CC版本來製作網頁,讓我一開始很不習慣,不過慢慢摸索後還是有抓到訣竅,雖然互動式的網站讓我製作時有點眼花撩亂,不過能做出成品讓我覺得很有成就感。

Re: [作業04] OnePage網頁實作/slider /Grid system

週日, 四月 29. 2018

(1).網址: :http://mepopedia.com/~web106-2b/hw04/hw04-1055445085

(2).版型網址:
 mepopedia.com
(3).主題、風格:
 以前的專題繪本介紹和大學自己畫的繪本介紹/簡潔的風格
(4).設計概念與製作心得: 雖然圖片居多可是整理起來很麻煩,製作的過程中眼花撩亂。

Re: [作業03] Font Awesome字型練習與應用

週日, 四月 29. 2018

1055445085 林安情

(1).網址: :http://mepopedia.com/~web106-2c/hw03/hw03-1055445085


(2).設計概念與製作心得:摸索了有點久,但是實在想不出要放哪力就放在標題跟副標上。

Re: [作業02] EDM/Newsletter製作

週三, 四月 11. 2018

1055445085 林安情

網址: :http://mepopedia.com/~web106-2c/hw02/hw02-1055445085

設計概念與製作心得:這次製作的是我平常在玩的一個手遊「崩壞3rd 」,介紹裡面的角色以及如何上手這款遊戲。
這次用另一種寫法來寫出網頁讓我覺得有很大的挑戰。一堆語法密密麻麻很容易看花,做完還是有種很大的成就感。

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

週三, 三月 21. 2018

1.網址:http://mepopedia.com/~web106-2c/hw01/hw01-1055445085

2.設計概念與製作心得:
古風的遊戲風格。

3.何謂HTML、DIV及CSS:
html 網站的語法/div建立區塊,包覆語法/css美化網頁

4.附上至少一個覺得設計很有質感的網站,並說明原因
http://www.formosams.com/ 簡單、理性設計風格。

5.期待這門課的學習成果與收穫為何?
希望能學習更多進階的網頁設計。

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

週日, 一月 14. 2018

完成品
(1)作業網址:http://mepopedia.com/~css106-2a/final/final-1055445085
(2).
1.製作作業的時間: 3天
2.有無遇到的問題: 設定架構的問題,導覽列設定,配色
3.製作心得與感想: 雖然跟期中的風格差很多,不過只要學會與法就能設計出網頁,我覺得很開心。
4.本學期於網頁設計課程上的收穫: 學到新的軟體,並學會如何應用。

前置作業
(1)網站主題:劍俠情緣參
(2)導覽列架構設定 單欄跟雙欄設計
(3)主要瀏覽族群:想要認識這款遊戲的人
(5)風格設定: 古風
(6)主色調,輔助色調: 咖啡/灰 深紅
(7)製作動機: 因為喜歡這款遊戲想要介紹給大家
(8)製作目的:介紹這款遊戲

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

週日, 一月 14. 2018

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

(2).請回答以下問題:
1.網頁主題:劍俠情緣參

2.配色與風格設定:咖啡/灰/深紅

2.有無遇到的問題? 調整表格位置

3.製作感想 雖然微調是最花時間的,不過能學到新的軟體覺得很開心。

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

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

週日, 一月 14. 2018

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

(2).請回答以下問題:
1.網頁主題: 配色與風格設定:劍俠情緣參 咖啡/灰/深紅 古風

2.有無遇到的問題? 設定

3.製作感想 設定欄位的問題

4.製作作業的時間 5小時

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

週三, 一月 10. 2018

(1).作業網址 :http://mepopedia.com/~css106-2a/hw05/hw05-1055445085

(2).請回答以下問題:

1.網頁主題: 配色與風格設定: 劍俠情緣叁 棕色/深紅 古風類型

2.有無遇到的問題? 推文設定弄了很久

3.製作感想 用了另一種導覽列來編排覺得很有趣

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

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

週四, 十二月 21. 2017

1055445085 林安情

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

(2).請回答以下問題:
1.導覽列配色與風格設定:
古風 簡約

2.有無遇到的問題?
製作導覽列的設定讓我卡一陣子。

3.製作感想(你認為導覽列的意義為何?)
可以方便點閱其他頁面。

4.製作作業的時間
4小時

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

週四, 十一月 23. 2017

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

 (2) 主題 / 風格設定 終極一班/熱血

 (3) 有無遇到的問題 按鈕設定

 (4) 製作感想 按鈕的地方讓我搞了 一段時間才弄好,雖然麻煩不過因為是自己喜歡的主題做得非常開心。

 (5) 製作作業的時間 2小時

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

週四, 十一月 16. 2017

(1).作業網址 :http://mepopedia.com/~css106-2a/hw02/hw02-105445085

1.製作主題 飛輪海解散後各自做什麼?

2.欲呈現之配色風格:藍灰

3..有無遇到的問題? 一直卡住,排版置中的問題。

4.製作感想 這次的作業光配色就搞了我很久的時間,希望能有預視的功能,這樣就能先看到顏色比較好搭配,然後排版的時候很難把網頁致中在畫面上,文字都會整個滿版在畫面上讓我苦惱了很久。