Change History

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

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

<h2>製作說明</h2>

1.請參考以下講義

（1）[url=http://jinjin.mepopedia.com/~jinjin/webdesign-notes/homework-2.html]<b>[講義] 期中前置篇-header/nav/LOGO設計與導覽列設定/main/table</b>[/url]
（2）[url=http://jinjin.mepopedia.com/~jinjin/webdesign-notes/homework-midterm.html]<b>[講義] 期中作業-onepage/main/article/section/圖文編排區塊單元/錨點連結/</b>[/url]

的步驟製作。

期中作業為一頁式網頁（OnePage）

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

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

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

5.以FileZilla上傳至FTP

<b>本單元需達成的目標有：

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

<h2>教學影片</h2>
1.【作業02解析】(一) header/nav/LOGO設計與導覽列設定/main/table-初步設定
<a href="https://youtu.be/gGTm3UYMzqE" target="_blank">https://youtu.be/gGTm3UYMzqE</a>

<iframe width="700" height="400" src="https://www.youtube.com/embed/gGTm3UYMzqE" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>


<h2>繳交作業方式</h2>

<h4>製作完成後，檔案命名方式：</h4>

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

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

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

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

<h4>上傳至FTP</h4>

<h4>回覆本篇文章</h4>


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

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

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

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

<h2>製作說明</h2>

1.請參考以下講義

（1）[url=http://jinjin.mepopedia.com/~jinjin/webdesign-notes/homework-2.html]<b>[講義] 期中前置篇-header/nav/LOGO設計與導覽列設定/main/table</b>[/url]
（2）[url=http://jinjin.mepopedia.com/~jinjin/webdesign-notes/homework-midterm.html]<b>[講義] 期中作業-onepage/main/article/section/圖文編排區塊單元/錨點連結/</b>[/url]

的步驟製作。

期中作業為一頁式網頁（OnePage）

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

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

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

5.以FileZilla上傳至FTP

<b>本單元需達成的目標有：

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

<h2>教學影片</h2>
1.【作業02解析】(一) header/nav/LOGO設計與導覽列設定/main/table-初步設定
<a href="https://youtu.be/gGTm3UYMzqE" target="_blank">https://youtu.be/gGTm3UYMzqE</a>

<iframe width="700" height="400" src="https://www.youtube.com/embed/gGTm3UYMzqE" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>


<h2>繳交作業方式</h2>

<h4>製作完成後，檔案命名方式：</h4>

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

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

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

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

<h4>上傳至FTP</h4>

<h4>回覆本篇文章</h4>

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

(2).請回答以下問題/可先於4/26前回覆前三項：

1.製作主題：
2.網頁類型（活動式/主題式/個人/企業/..)：
3.導覽列分類（網站內容/中英文）：
4.欲呈現之配色風格：
5.有無遇到的問題?
6.花多少時間製作：
7.製作心得：
請回答以下問題/可先於4/26前回覆前三項：

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

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

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

<h2>製作說明</h2>

1.請參考以下講義

（1）[url=http://jinjin.mepopedia.com/~jinjin/webdesign-notes/homework-2.html]<b>[講義] 期中前置篇-header/nav/LOGO設計與導覽列設定/main/table</b>[/url]
（2）[url=http://jinjin.mepopedia.com/~jinjin/webdesign-notes/homework-midterm.html]<b>[講義] 期中作業-onepage/main/article/section/圖文編排區塊單元/錨點連結/</b>[/url]

的步驟製作。

期中作業為一頁式網頁（OnePage）

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

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

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

5.以FileZilla上傳至FTP

本單元需達成的目標有：

1.header/nav/LOGO設計與導覽列設定
2.main主圖的設定
3.表格的設定
4.article/section/單元的設定
5.圖文編排區塊單元
6.錨點連結
7.footer版權說明設定
<b>本單元需達成的目標有：

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

<h2>教學影片</h2>
1.【作業02解析】(一) header/nav/LOGO設計與導覽列設定/main/table-初步設定
<a href="https://youtu.be/gGTm3UYMzqE" target="_blank">https://youtu.be/gGTm3UYMzqE</a>

<iframe width="700" height="400" src="https://www.youtube.com/embed/gGTm3UYMzqE" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>


<h2>繳交作業方式</h2>

<h4>製作完成後，檔案命名方式：</h4>

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

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

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

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

<h4>上傳至FTP</h4>

<h4>回覆本篇文章</h4>

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

(2).請回答以下問題/可先於4/26前回覆前三項：

1.製作主題：
2.網頁類型（活動式/主題式/個人/企業/..)：
3.導覽列分類（網站內容/中英文）：
4.欲呈現之配色風格：
5.有無遇到的問題?
6.花多少時間製作：
7.製作心得：
請回答以下問題/可先於4/26前回覆前三項：

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

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

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

製作說明

1.請參考以下講義

（1）[url=http://jinjin.mepopedia.com/~jinjin/webdesign-notes/homework-2.html][講義] 期中前置篇-header/nav/LOGO設計與導覽列設定/main/table[/url]
（2）[url=http://jinjin.mepopedia.com/~jinjin/webdesign-notes/homework-midterm.html][講義] 期中作業-onepage/main/article/section/圖文編排區塊單元/錨點連結/[/url]

的步驟製作。

期中作業為一頁式網頁（OnePage）

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

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

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

5.以FileZilla上傳至FTP

本單元需達成的目標有：

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

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

教學影片

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

繳交作業方式

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

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

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

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

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

上傳至FTP

回覆本篇文章

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

(2).請回答以下問題/可先於4/26前回覆前三項：

1.製作主題：
2.網頁類型（活動式/主題式/個人/企業/..)：
3.導覽列分類（網站內容/中英文）：
4.欲呈現之配色風格：
5.有無遇到的問題?
6.花多少時間製作：
7.製作心得：
請回答以下問題/可先於4/26前回覆前三項：

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