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

Advanced

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

[期中作業]OnePage-網頁製作

[期中作業] OnePage-網頁製作

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

1. 製作說明



1.請參考以下講義

(1)[講義] 期中前置篇-header/nav/LOGO設計與導覽列設定/main/table
(2)[講義] 期中作業-onepage/main/article/section/圖文編排區塊單元/錨點連結/

的步驟製作。

期中作業為一頁式網頁(OnePage)

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

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

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

5.以FileZilla上傳至FTP

本單元需達成的目標有:

1.header/nav/LOGO設計與導覽列設定
2.main主圖的設定
3.表格的設定
4.article/section/單元的設定
5.圖文編排區塊單元
6.錨點連結
7.footer版權說明設定


2. 教學影片


1.【作業02解析】(一) header/nav/LOGO設計與導覽列設定/main/table-初步設定
https://youtu.be/gGTm3UYMzqE




3. 繳交作業方式



1. 製作完成後,檔案命名方式:



期中作業FTP上的資料夾為:midterm

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

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

存放在 < midterm-學號 > 的資夾內
可由作業二資料夾複製修改為midterm

2. 上傳至FTP



3. 回覆本篇文章




請回答以下問題/可先於4/26前回覆前三項:

作業網址:http://cute.mepopedia.com/~web107b/midterm/midterm-107xxxxxxx
1.製作主題:
2.網頁類型(活動式/主題式/個人/企業/..):
3.導覽列分類(網站內容/中英文):
4.欲呈現之配色風格:
5.有無遇到的問題?
6.花多少時間製作:
7.製作心得:



Edited 3 time(s). Last edit at 05/16/2019 10:07PM by JinJin.
(編輯記錄)

作業網址:http://cute.mepopedia.com/~web107a/midterm/midterm-1055433048
1.製作主題:自我介紹
2.網頁類型(活動式/主題式/個人/企業/..):個人
3.導覽列分類(網站內容/中英文):最新消息news、個人資料information、興趣interest、專長speciality、作品Portfolio
4.欲呈現之配色風格:簡約、現代風
5.有無遇到的問題?
6.花多少時間製作:
7.製作心得:

1055433048 葉珈昀



Edited 2 time(s). Last edit at 05/09/2019 11:29PM by 1055433048.
(編輯記錄)

作業網址:http://cute.mepopedia.com/~web107b/midterm/midterm-1075445086
1.製作主題: HOMETOWN
2.網頁類型(活動式/主題式/個人/企業/..): 個人
3.導覽列分類(網站內容/中英文):最新消息/news,服裝/cloth,關於HOMETOWN/aboutme,聯絡方式/contact
4.欲呈現之配色風格: 橘色,粉紅色,夕陽,夏天
5.有無遇到的問題? 無
6.花多少時間製作: 2天
7.製作心得:雖然很難,但我覺得很有趣

視傳1B 1075445086 比嘉伊津希



Edited 1 time(s). Last edit at 05/19/2019 01:26PM by 1075445086.
(編輯記錄)

作業網址:http://cute.mepopedia.com/~web107b/midterm/midterm-1075445034
1.製作主題: 甜點介紹
2.網頁類型(活動式/主題式/個人/企業/..): 主題式
3.導覽列分類(網站內容/中英文): 甜點介紹 店家資訊 教學製作 其它甜點
4.欲呈現之配色風格: 淡黃色、白色
5.有無遇到的問題? 無
6.花多少時間製作:
7.製作心得:

視傳一B 1075445034 鄭詳霖

作業網址:http://cute.mepopedia.com/~web107b/midterm/midterm-1075445068
1.製作主題: 偶像
2.網頁類型(活動式/主題式/個人/企業/..): 主題
3.導覽列分類(網站內容/中英文): 關於他們/about,出道節目/program,歷代專輯/album,專屬團綜/variety
4.欲呈現之配色風格: 粉、藍
5.有無遇到的問題? 無
6.花多少時間製作: 2.5天
7.製作心得:能製作出來覺得很開心

作業網址:http://cute.mepopedia.com/~web107b/midterm/midterm-1075445062
1.製作主題:自我介紹
2.網頁類型(活動式/主題式/個人/企業/..):主題式
3.導覽列分類(網站內容/中英文): 個人介紹、個性、專長、才藝、特殊經歷
4.欲呈現之配色風格: 橘色系列和可愛風格
5.有無遇到的問題? 有
6.花多少時間製作: 1天
7.製作心得:比較更了解排版了。



Edited 2 time(s). Last edit at 05/19/2019 08:18PM by 1075445062.
(編輯記錄)

1.作業網址:http://cute.mepopedia.com/~web107b/hw02/hw02-1075445080
(2)回答問題:
1.製作主題: 剷屎官
2.網頁類型(活動式/主題式/個人/企業/..): 個人
3.導覽列分類(網站內容/中英文):最新消息 認識鏟屎官 精選照片
4.欲呈現之配色風格: 咖啡色,黃色
5.有無遇到的問題? 背景不會變色
6.花多少時間製作: 2天
7.製作心得:



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