[作業02]期中前置篇-header/nav/LOGO設計與導覽列設定/main/table

[作業02] 期中前置篇-header/nav/LOGO設計與導覽列設定/main/table

作業範例：http://jinjin.mepopedia.com/~jinjin/hw/hw02/

1. 製作說明

1.請參考以下講義

[url=http://jinjin.mepopedia.com/~jinjin/webdesign-notes/homework-2.html][講義] 期中前置篇-header/nav/LOGO設計與導覽列設定/main/table[/url] 的步驟製作。

本單元是期中作業一頁式網頁（OnePage）的前置階段，主要設定header中的LOGO設計與導覽列設定，以及main區塊內table表格的基本設定

1.設計一一頁式網頁（OnePage)，自行設定主題，針對內容，設定配色及相關風格。

2.準備圖與文，需要設計logo、視覺主圖、以及其他頁面內容需要的圖文資料，需要原創或取得授權。

3.footer請設定個人的專屬版權聲明，並註明『本網頁為作業之用，如有侵權敬請告知』字樣。

5.以FileZilla上傳至FTP

2. 教學影片

3. 繳交作業方式

1. 製作完成後，檔案命名方式：

第一個作業FTP上的資料夾為：hw02

每位同學請將自己的資料夾命名為：hw02-學號
這個作業的網址則為:http://cute.mepopedia.com/~web107a/hw02/hw02-107xxxxxxx

資料夾內含：
1.html部分：首頁命名為index.html
2.css部分：命名為style.css
3.img：圖片資料夾

存放在 < hw02-學號 > 的資夾內

2. 上傳至FTP

3. 回覆本篇文章

(1).作業網址：http://cute.mepopedia.com/~web107a/hw02/hw02-107xxxxxxx

(2).請回答以下問題：
1.製作主題：
2.欲呈現之配色風格：
3.有無遇到的問題?
4.花多少時間製作：
5.製作心得：



(編輯記錄)

(1).作業網址：http://cute.mepopedia.com/~web107a/hw02/hw02-1075445036

(2).請回答以下問題：
1.製作主題：肥食記
2.欲呈現之配色風格：繽紛
3.有無遇到的問題? 容易搞不清楚程式名稱
4.花多少時間製作：上課時間做完
5.製作心得：希望能做好屬於自己的網頁

作業網址：http://cute.mepopedia.com/~web107a/hw02/hw02-1075445012

(2).請回答以下問題：
1.製作主題：心中的太陽/林俊傑
2.欲呈現之配色風格：活潑，陽光
3.有無遇到的問題? 文字無法置中
4.花多少時間製作： 半天
5.製作心得：很有成就感，把問題解決了



(編輯記錄)

http://cute.mepopedia.com/~web107a/hw02/hw02-1055445221

1.製作主題： 個人部落格
2.欲呈現之配色風格： 黑白簡約
3.有無遇到的問題? 上傳問題已解決XD
4.花多少時間製作： 2小時
5.製作心得：有自己的個人網頁好嗨

(1).作業網址：http://cute.mepopedia.com/~web107a/hw02/hw02-1075445050

(2).請回答以下問題：
1.製作主題：個人網站
2.欲呈現之配色風格： 舒服
3.有無遇到的問題? 不知道導覽列的字怎麼分開一點
4.花多少時間製作： 幾個小時
5.製作心得：很有趣

(1).作業網址：http://cute.mepopedia.com/~web107a/hw02/hw02-1075445002

(2).請回答以下問題：
1.製作主題： 模型製作DIY
2.欲呈現之配色風格： 棕色,白色
3.有無遇到的問題? 目前沒有完整的網頁
4.花多少時間製作：兩天
5.製作心得：目前製作比較初階的網頁

(1).作業網址：http://cute.mepopedia.com/~web107a/hw02/hw02-1075445054

(2).請回答以下問題：
1.製作主題：歌手介紹
2.欲呈現之配色風格：暖色系
3.有無遇到的問題? 照片無法置中
4.花多少時間製作： 一個小時
5.製作心得：雖然離完成進度還有很多東西還沒做完，但是做完還是感覺很有成就感

(1).作業網址：http://cute.mepopedia.com/~web107a/hw02/hw02-1075445075

(2).請回答以下問題：
1.製作主題： CN星球
2.欲呈現之配色風格： 怪奇有趣
3.有無遇到的問題? 無
4.花多少時間製作： 2-3hr
5.製作心得：因為一直很想要有自己的網站，所以很期待成品

(1).作業網址：http://cute.mepopedia.com/~web107a/hw02/hw02-1075445018


(2).請回答以下問題：
1.製作主題：宜蘭旅遊
2.欲呈現之配色風格： 藍色調 簡約
3.有無遇到的問題? 忘記自己要更改的區塊在哪裡
4.花多少時間製作： 4小時
5.製作心得：雖然要了解語法很困難，可是很有趣



(編輯記錄)

(1).作業網址：http://cute.mepopedia.com/~web107a/hw02/hw02-1075445010

(2).請回答以下問題：
1.製作主題：個人網站
2.欲呈現之配色風格： 可愛
3.有無遇到的問題? 會忘記一些要加入的東西
4.花多少時間製作： 2小時
5.製作心得：希望能夠趕快記住裡面的專有名詞QQ

(1).作業網址：http://cute.mepopedia.com/~web107a/hw02/hw02-1055440093/

(2).請回答以下問題：
1.製作主題：個人部落格
2.欲呈現之配色風格：清秀少女感
3.有無遇到的問題? 照片不會放上去
4.花多少時間製作： 1小時
5.製作心得：眼花撩亂


影視3A-1055440093-張雅惠

作業網址：http://cute.mepopedia.com/~web107a/hw02/hw02-1075445066

1.製作主題：遊戲
2.欲呈現之配色風格：大地色
3.有無遇到的問題? 無
4.花多少時間製作： 2小時
5.製作心得：有些地方還不是很熟悉

1075445066 Wrote:
-------------------------------------------------------
> 作業網址：http://cute.mepopedia.com/~web107a/
> hw02/hw02-1075445066
>
> 1.製作主題：遊戲
> 2.欲呈現之配色風格：大地色
> 3.有無遇到的問題? 無
> 4.花多少時間製作： 2小時
> 5.製作心得：有些地方還不是很熟悉

(1).作業網址：http://cute.mepopedia.com/~web107a/hw02/hw02-1075445024

(2).請回答以下問題：
1.製作主題： cake!
2.欲呈現之配色風格：謎之風味
3.有無遇到的問題?
4.花多少時間製作： 4小時
5.製作心得：上一次作業有請同學教我，這次就是完全自己摸索，弄完後，就覺得耶!我終於弄好了。
製作過程很麻煩，但後面就有上手的感覺。



(編輯記錄)

(1).作業網址：http://cute.mepopedia.com/~web107a/hw02/hw02-1045445114

(2).請回答以下問題：
1.製作主題： TOY STORY
2.欲呈現之配色風格： 紅、黃、藍是玩具總動員的標準色，積木配色。
3.有無遇到的問題? 無
4.花多少時間製作： 2小時
5.製作心得：

(1).作業網址：http://cute.mepopedia.com/~web107a/hw02/hw02-1075445037

(2).請回答以下問題：
1.製作主題：熱門音樂社
2.欲呈現之配色風格：黑色搖滾
3.有無遇到的問題? 圖片跟文字的對齊
4.花多少時間製作：很久
5.製作心得：希望能做得好

(1).作業網址：http://cute.mepopedia.com/~web107a/hw02/hw02-1075445044

(2).請回答以下問題：
1.製作主題： 柴犬
2.欲呈現之配色風格：暖色悠閒風
3.有無遇到的問題? 沒
4.花多少時間製作： 很快
5.製作心得： 學到新的東西

(1).作業網址：http://cute.mepopedia.com/~web107a/hw02/hw02-1075445021

(2).請回答以下問題：
1.製作主題： 日系服飾
2.欲呈現之配色風格： 大地色
3.有無遇到的問題? 上傳作業
4.花多少時間製作：4小時
5.製作心得：可以製作自己喜歡的網頁 覺得很有趣

(1).作業網址：http://cute.mepopedia.com/~web107a/hw02/hw02-1075445038

(2).請回答以下問題：
1.製作主題： 基隆海產-小管
2.欲呈現之配色風格： 有海味
3.有無遇到的問題? 配色
4.花多少時間製作： 3小時
5.製作心得：我覺得心好累,但肯學習是值得的

(1).作業網址：http://cute.mepopedia.com/~web107a/hw02/hw02-1055440119
(2).請回答以下問題：
1.製作主題：個人網站
2.欲呈現之配色風格：白配綠的清新風格。
3.有無遇到的問題? 沒有
4.花多少時間製作：3小時
5.製作心得：目前製作還算容易。



(編輯記錄)

(1).作業網址：http://cute.mepopedia.com/~web107a/hw02/hw02-1075445028

(2).請回答以下問題：
1.製作主題： 秘密工作室
2.欲呈現之配色風格： 粉紫色獨角獸風
3.有無遇到的問題? 無
4.花多少時間製作：很久
5.製作心得：做起來的成果會很感動

(1).作業網址：http://cute.mepopedia.com/~web107a/hw02/hw02-1075445022

(2).請回答以下問題：
1.製作主題：.偶像韓團
2.欲呈現之配色風格： 清晰
3.有無遇到的問題? 無
4.花多少時間製作： 5小時
5.製作心得：做完很開心

(1).作業網址：http://cute.mepopedia.com/~web107a/hw02/hw02-1075445061

(2).請回答以下問題：
1.製作主題： 我的偶像
2.欲呈現之配色風格：橘黃色
3.有無遇到的問題? 無
4.花多少時間製作： 2小時
5.製作心得：做到後來覺得沒那麼複雜

1).作業網址：http://cute.mepopedia.com/~web107a/hw02/hw02-1075445048

(2).請回答以下問題：
1.製作主題：神魔之塔
2.欲呈現之配色風格：繽紛
3.有無遇到的問題? 不清楚程式
4.花多少時間製作:1小時
5.製作心得： 幫遊戲宣傳

(1).作業網址：http://cute.mepopedia.com/~web107a/hw02/hw02-1075445063

1.製作主題： 時裝周介紹
2.欲呈現之配色風格： 簡約
3.有無遇到的問題? 圖檔不會放
4.花多少時間製作： 2小時
5.製作心得：真的製作過程中很難 但一做完就很有成就感

(1).作業網址：http://cute.mepopedia.com/~web107a/hw02/hw02-1075445073/

(2).請回答以下問題：
1.製作主題： 韓國藝人
2.欲呈現之配色風格： 天空藍
3.有無遇到的問題? 會找不到換顏色的地方
4.花多少時間製作： 3hr
5.製作心得：比之前作業更加複雜

(1).作業網址：http://cute.mepopedia.com/~web107a/hw02/hw02-1065445055

(2).請回答以下問題：
1.製作主題： 專題
2.欲呈現之配色風格： 極簡風
3.有無遇到的問題? 無
4.花多少時間製作： 很久
5.製作心得：很有趣

(1).作業網址：http://cute.mepopedia.com/~web107a/hw02/hw02-1075445059

(2).請回答以下問題：
1.製作主題： 漫威英雄介紹
2.欲呈現之配色風格： 漫威標準色
3.有無遇到的問題?：無
4.花多少時間製作： 2hr
5.製作心得：有點難

(1).作業網址：http://cute.mepopedia.com/~web107a/hw02/hw02-1075445005
(2).請回答以下問題：
1.製作主題:喜歡的女韓星
2.欲呈現之配色風格：橘 綠色
3.有無遇到的問題? 無
4.花多少時間製作：2小時
5.製作心得：做完有成就感

(1).作業網址：http://cute.mepopedia.com/~web107a/hw02/hw02-1055445208

(2).請回答以下問題：
1.製作主題： DIY黏土教學
2.欲呈現之配色風格：
活潑、可愛
3.有無遇到的問題?
有，有問同學。
4.花多少時間製作：
1天
5.製作心得：
製作網頁真的很有趣，看到自己做的就感

(1).作業網址：http://cute.mepopedia.com/~web107a/hw02/hw02-1075445059

(2).請回答以下問題：
1.製作主題： 漫威英雄介紹
2.欲呈現之配色風格： 漫威公司標準色
3.有無遇到的問題? 無
4.花多少時間製作： 2hr
5.製作心得：

作業網址:http://cute.mepopedia.com/~web107a/hw02/hw02-1075445026

(2).請回答以下問題：
1.製作主題： 第五人格遊戲網頁
2.欲呈現之配色風格： 黑暗
3.有無遇到的問題? 很多
4.花多少時間製作:很多
5.製作心得： 好難 真的好難



(編輯記錄)

http://cute.mepopedia.com/~web107a/hw02/hw02-1075445035

(2).請回答以下問題：
1.製作主題： 偶像介紹
2.欲呈現之配色風格：活潑糖果色系
3.有無遇到的問題? 無
4.花多少時間製作：兩天
5.製作心得：還可以

(1).作業網址：http://cute.mepopedia.com/~web107a/hw02/hw02-1075445058/index.html

(2).請回答以下問題：
1.製作主題： 個人
2.欲呈現之配色風格：溫暖
3.有無遇到的問題? 上傳連結網址
4.花多少時間製作： 5H
5.製作心得：許了解語法，構圖，加油~