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

Advanced

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

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

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

1. 製作說明



1.請參考以下講義

[講義] 期中前置篇-header/nav/LOGO設計與導覽列設定/main/table 的步驟製作。

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

(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.製作心得:希望能做得好