Welcome! 登入 註冊
專區首頁 專區百科 專區論壇 專區部落格 專區地圖

Advanced

[作業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.製作心得:



Edited 1 time(s). Last edit at 04/12/2019 07:50AM by JinJin.
(編輯記錄)

(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.製作心得:很有成就感,把問題解決了



Edited 1 time(s). Last edit at 05/02/2019 05:03PM by 1075445012.
(編輯記錄)

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.製作心得:雖然要了解語法很困難,可是很有趣



Edited 2 time(s). Last edit at 05/17/2019 12:20AM by 1075445018.
(編輯記錄)

(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.製作心得:上一次作業有請同學教我,這次就是完全自己摸索,弄完後,就覺得耶!我終於弄好了。
製作過程很麻煩,但後面就有上手的感覺。



Edited 3 time(s). Last edit at 05/24/2019 01:40AM by 1075445024.
(編輯記錄)

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

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

(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.製作心得:目前製作還算容易。



Edited 3 time(s). Last edit at 05/27/2019 06:05AM by 1055440119.
(編輯記錄)

(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.製作心得: 好難 真的好難



Edited 1 time(s). Last edit at 06/19/2019 11:18PM by 1075445026.
(編輯記錄)

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.製作心得:許了解語法,構圖,加油~