Change History
Message: [作業01] html-css基礎概念練習-歌詞篇
Changed By: JinJin
Change Date: April 12, 2019 07:51AM
[作業01] html-css基礎概念練習-歌詞篇
Change Date: April 12, 2019 07:51AM
[作業01] html-css基礎概念練習-歌詞篇
[作業01] html-css基礎概念練習-歌詞篇
歌詞作業範例：http://jinjin.mepopedia.com/~jinjin/hw/hw01
<h2>製作說明</h2>
1.請參考
[url=http://jinjin.mepopedia.com/~jinjin/webdesign-notes/homeworks.html#hw01][講義] html-css基礎概念練習-歌詞篇製作說明[/url] 的步驟製作。
2.每個同學記得在title的部分打上『歌詞名稱』。
3.自行選擇兩首歌詞，設定歌詞風格，依照所設定風格進行配色。
4.footer請設定個人的專屬版權聲明，並註明『本網頁為作業之用，如有侵權敬請告知』字樣。
5.以FileZilla上傳至FTP
6.本次作業的重點在於：
[color=#CC0000](1)認識基礎html網頁架構
(2)認識css基礎語法，利用單純色彩搭配字體設定設計出具有與歌詞意境吻合網頁[/color]
<h2>教學影片</h2>
1.HTML CSS基礎概念練習一 html架構與內容建置
https://youtu.be/Uq011dmJkv8
<iframe width="800" height="435" src="https://www.youtube.com/embed/Uq011dmJkv8" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<hr>
2.HTML-CSS基礎概念練習（二） css視覺設定解析
https://youtu.be/sqEV6TSnxDw
<iframe width="800" height="435" src="https://www.youtube.com/embed/sqEV6TSnxDw" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<h2>繳交作業方式</h2>
<h4>製作完成後，檔案命名方式：</h4>
第一個作業FTP上的資料夾為：hw01
每位同學請將自己的資料夾命名為：hw01-學號
這個作業的網址則為:http://mepopedia.com/~web107-1b/hw01/hw01-107xxxxxxx
資料夾內含：
1.html部分：首頁命名為index.html，第二個檔名為next.html
2.css部分：命名為style.css與style2.css
存放在 < hw01-學號 > 的資夾內
<h4>上傳至FTP</h4>
<h4>回覆本篇文章</h4>
(1).作業網址：http://mepopedia.com/~web107-1b/hw01/hw01-107xxxxxxx
(2).請回答以下問題：
1.製作主題：
2.欲呈現之配色風格：
3.有無遇到的問題?
4.花多少時間製作：
5.製作心得：這個作業的網址則為:http://cute.mepopedia.com/~web107b/hw01/hw01-107xxxxxxx
資料夾內含：
1.html部分：首頁命名為index.html，第二個檔名為next.html
2.css部分：命名為style.css與style2.css
存放在 < hw01-學號 > 的資夾內
<h4>上傳至FTP</h4>
<h4>回覆本篇文章</h4>
(1).作業網址：http://cute.mepopedia.com/~web107b/hw01/hw01-107xxxxxxx
(2).請回答以下問題：
1.製作主題：
2.欲呈現之配色風格：
3.有無遇到的問題?
4.花多少時間製作：
5.製作心得：
歌詞作業範例：http://jinjin.mepopedia.com/~jinjin/hw/hw01
<h2>製作說明</h2>
1.請參考
[url=http://jinjin.mepopedia.com/~jinjin/webdesign-notes/homeworks.html#hw01][講義] html-css基礎概念練習-歌詞篇製作說明[/url] 的步驟製作。
2.每個同學記得在title的部分打上『歌詞名稱』。
3.自行選擇兩首歌詞，設定歌詞風格，依照所設定風格進行配色。
4.footer請設定個人的專屬版權聲明，並註明『本網頁為作業之用，如有侵權敬請告知』字樣。
5.以FileZilla上傳至FTP
6.本次作業的重點在於：
[color=#CC0000](1)認識基礎html網頁架構
(2)認識css基礎語法，利用單純色彩搭配字體設定設計出具有與歌詞意境吻合網頁[/color]
<h2>教學影片</h2>
1.HTML CSS基礎概念練習一 html架構與內容建置
https://youtu.be/Uq011dmJkv8
<iframe width="800" height="435" src="https://www.youtube.com/embed/Uq011dmJkv8" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<hr>
2.HTML-CSS基礎概念練習（二） css視覺設定解析
https://youtu.be/sqEV6TSnxDw
<iframe width="800" height="435" src="https://www.youtube.com/embed/sqEV6TSnxDw" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<h2>繳交作業方式</h2>
<h4>製作完成後，檔案命名方式：</h4>
第一個作業FTP上的資料夾為：hw01
每位同學請將自己的資料夾命名為：hw01-學號
這個作業的網址則為:http://mepopedia.com/~web107-1b/hw01/hw01-107xxxxxxx
資料夾內含：
1.html部分：首頁命名為index.html，第二個檔名為next.html
2.css部分：命名為style.css與style2.css
存放在 < hw01-學號 > 的資夾內
<h4>上傳至FTP</h4>
<h4>回覆本篇文章</h4>
(1).作業網址：http://mepopedia.com/~web107-1b/hw01/hw01-107xxxxxxx
(2).請回答以下問題：
1.製作主題：
2.欲呈現之配色風格：
3.有無遇到的問題?
4.花多少時間製作：
5.製作心得：這個作業的網址則為:http://cute.mepopedia.com/~web107b/hw01/hw01-107xxxxxxx
資料夾內含：
1.html部分：首頁命名為index.html，第二個檔名為next.html
2.css部分：命名為style.css與style2.css
存放在 < hw01-學號 > 的資夾內
<h4>上傳至FTP</h4>
<h4>回覆本篇文章</h4>
(1).作業網址：http://cute.mepopedia.com/~web107b/hw01/hw01-107xxxxxxx
(2).請回答以下問題：
1.製作主題：
2.欲呈現之配色風格：
3.有無遇到的問題?
4.花多少時間製作：
5.製作心得：
Changed By: JinJin
Change Date: March 17, 2019 11:56PM
[作業01] html-css基礎概念練習-歌詞篇
Change Date: March 17, 2019 11:56PM
[作業01] html-css基礎概念練習-歌詞篇
[作業01] html-css基礎概念練習-歌詞篇
歌詞作業範例：http://jinjin.mepopedia.com/~jinjin/hw/hw01
<h2>製作說明</h2>
1.請參考
[url=http://jinjin.mepopedia.com/~jinjin/webdesign-notes/homeworks.html#hw01][講義] html-css基礎概念練習-歌詞篇製作說明[/url] 的步驟製作。
2.每個同學記得在title的部分打上『歌詞名稱』。
3.自行選擇兩首歌詞，設定歌詞風格，依照所設定風格進行配色。
4.footer請設定個人的專屬版權聲明，並註明『本網頁為作業之用，如有侵權敬請告知』字樣。
5.以FileZilla上傳至FTP
6.本次作業的重點在於：
[color=#CC0000](1)認識基礎html網頁架構
(2)認識css基礎語法，利用單純色彩搭配字體設定設計出具有與歌詞意境吻合網頁[/color]
<h2>教學影片</h2>
1.HTML CSS基礎概念練習一 html架構與內容建置
<iframe width="800" height="435" src="https://www.youtube.com/embed/Uq011dmJkv8" frameborder="0" allow="accehttps://youtu.be/Uq011dmJkv8
<iframe width="800" height="435" src="https://www.youtube.com/embed/Uq011dmJkv8" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<hr>
2.HTML-CSS基礎概念練習（二） css視覺設定解析
https://youtu.be/sqEV6TSnxDw
<iframe width="800" height="435" src="https://www.youtube.com/embed/sqEV6TSnxDw" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<h2>繳交作業方式</h2>
<h4>製作完成後，檔案命名方式：</h4>
第一個作業FTP上的資料夾為：hw01
每位同學請將自己的資料夾命名為：hw01-學號
這個作業的網址則為:http://mepopedia.com/~web107-1b/hw01/hw01-107xxxxxxx
資料夾內含：
1.html部分：首頁命名為index.html，第二個檔名為next.html
2.css部分：命名為style.css與style2.css
存放在 < hw01-學號 > 的資夾內
<h4>上傳至FTP</h4>
<h4>回覆本篇文章</h4>
(1).作業網址：http://mepopedia.com/~web107-1b/hw01/hw01-107xxxxxxx
(2).請回答以下問題：
1.製作主題：
2.欲呈現之配色風格：
3.有無遇到的問題?
4.花多少時間製作：
5.製作心得：這個作業的網址則為:http://cute.mepopedia.com/~web107b/hw01/hw01-107xxxxxxx
資料夾內含：
1.html部分：首頁命名為index.html，第二個檔名為next.html
2.css部分：命名為style.css與style2.css
存放在 < hw01-學號 > 的資夾內
<h4>上傳至FTP</h4>
<h4>回覆本篇文章</h4>
(1).作業網址：http://cute.mepopedia.com/~web107b/hw01/hw01-107xxxxxxx
(2).請回答以下問題：
1.製作主題：
2.欲呈現之配色風格：
3.有無遇到的問題?
4.花多少時間製作：
5.製作心得：
歌詞作業範例：http://jinjin.mepopedia.com/~jinjin/hw/hw01
<h2>製作說明</h2>
1.請參考
[url=http://jinjin.mepopedia.com/~jinjin/webdesign-notes/homeworks.html#hw01][講義] html-css基礎概念練習-歌詞篇製作說明[/url] 的步驟製作。
2.每個同學記得在title的部分打上『歌詞名稱』。
3.自行選擇兩首歌詞，設定歌詞風格，依照所設定風格進行配色。
4.footer請設定個人的專屬版權聲明，並註明『本網頁為作業之用，如有侵權敬請告知』字樣。
5.以FileZilla上傳至FTP
6.本次作業的重點在於：
[color=#CC0000](1)認識基礎html網頁架構
(2)認識css基礎語法，利用單純色彩搭配字體設定設計出具有與歌詞意境吻合網頁[/color]
<h2>教學影片</h2>
1.HTML CSS基礎概念練習一 html架構與內容建置
<iframe width="800" height="435" src="https://www.youtube.com/embed/Uq011dmJkv8" frameborder="0" allow="accehttps://youtu.be/Uq011dmJkv8
<iframe width="800" height="435" src="https://www.youtube.com/embed/Uq011dmJkv8" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<hr>
2.HTML-CSS基礎概念練習（二） css視覺設定解析
https://youtu.be/sqEV6TSnxDw
<iframe width="800" height="435" src="https://www.youtube.com/embed/sqEV6TSnxDw" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<h2>繳交作業方式</h2>
<h4>製作完成後，檔案命名方式：</h4>
第一個作業FTP上的資料夾為：hw01
每位同學請將自己的資料夾命名為：hw01-學號
這個作業的網址則為:http://mepopedia.com/~web107-1b/hw01/hw01-107xxxxxxx
資料夾內含：
1.html部分：首頁命名為index.html，第二個檔名為next.html
2.css部分：命名為style.css與style2.css
存放在 < hw01-學號 > 的資夾內
<h4>上傳至FTP</h4>
<h4>回覆本篇文章</h4>
(1).作業網址：http://mepopedia.com/~web107-1b/hw01/hw01-107xxxxxxx
(2).請回答以下問題：
1.製作主題：
2.欲呈現之配色風格：
3.有無遇到的問題?
4.花多少時間製作：
5.製作心得：這個作業的網址則為:http://cute.mepopedia.com/~web107b/hw01/hw01-107xxxxxxx
資料夾內含：
1.html部分：首頁命名為index.html，第二個檔名為next.html
2.css部分：命名為style.css與style2.css
存放在 < hw01-學號 > 的資夾內
<h4>上傳至FTP</h4>
<h4>回覆本篇文章</h4>
(1).作業網址：http://cute.mepopedia.com/~web107b/hw01/hw01-107xxxxxxx
(2).請回答以下問題：
1.製作主題：
2.欲呈現之配色風格：
3.有無遇到的問題?
4.花多少時間製作：
5.製作心得：
Changed By: JinJin
Change Date: March 05, 2019 10:45PM
[作業01] html-css基礎概念練習-歌詞篇
Change Date: March 05, 2019 10:45PM
[作業01] html-css基礎概念練習-歌詞篇
[作業01] html-css基礎概念練習-歌詞篇
歌詞作業範例：http://jinjin.mepopedia.com/~jinjin/hw/hw01
<h2>製作說明</h2>
1.請參考
[url=http://jinjin.mepopedia.com/~jinjin/webdesign-notes/homeworks.html#hw01][講義] html-css基礎概念練習-歌詞篇製作說明[/url] 的步驟製作。
2.每個同學記得在title的部分打上『歌詞名稱』。
3.自行選擇兩首歌詞，設定歌詞風格，依照所設定風格進行配色。
4.footer請設定個人的專屬版權聲明，並註明『本網頁為作業之用，如有侵權敬請告知』字樣。
5.以FileZilla上傳至FTP
6.本次作業的重點在於：
[color=#CC0000](1)認識基礎html網頁架構
(2)認識css基礎語法，利用單純色彩搭配字體設定設計出具有與歌詞意境吻合網頁[/color]
<h2>教學影片</h2>
1.HTML CSS基礎概念練習一 html架構與內容建置
<iframe width="560" height="315" src="https://www.youtube.com/embed/Uq011dmJkv8" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<h2>繳交作業方式</h2>
<h4>製作完成後，檔案命名方式：</h4>
第一個作業FTP上的資料夾為：hw01
每位同學請將自己的資料夾命名為：hw01-學號
這個作業的網址則為:http://mepopedia.com/~web107-1b/hw01/hw01-107xxxxxxx
資料夾內含：
1.html部分：首頁命名為index.html，第二個檔名為next.html
2.css部分：命名為style.css與style2.css
s部分：命名為style.css與style2.css
s://www.youtube.com/embed/Uq011dmJkv8" frameborder="0" allow="accehttps://youtu.be/Uq011dmJkv8
<iframe width="800" height="435" src="https://www.youtube.com/embed/Uq011dmJkv8" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<hr>
2.HTML-CSS基礎概念練習（二） css視覺設定解析
https://youtu.be/sqEV6TSnxDw
<iframe width="800" height="435" src="https://www.youtube.com/embed/sqEV6TSnxDw" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<h2>繳交作業方式</h2>
<h4>製作完成後，檔案命名方式：</h4>
第一個作業FTP上的資料夾為：hw01
每位同學請將自己的資料夾命名為：hw01-學號
這個作業的網址則為:http://mepopedia.com/~web107-1b/hw01/hw01-107xxxxxxx
資料夾內含：
1.html部分：首頁命名為index.html，第二個檔名為next.html
2.css部分：命名為style.css與style2.css
存放在 < hw01-學號 > 的資夾內
<h4>上傳至FTP</h4>
<h4>回覆本篇文章</h4>
(1).作業網址：http://mepopedia.com/~web107-1b/hw01/hw01-107xxxxxxx
(2).請回答以下問題：
1.製作主題：
2.欲呈現之配色風格：
3.有無遇到的問題?
4.花多少時間製作：
5.製作心得：這個作業的網址則為:http://cute.mepopedia.com/~web107b/hw01/hw01-107xxxxxxx
資料夾內含：
1.html部分：首頁命名為index.html，第二個檔名為next.html
2.css部分：命名為style.css與style2.css
存放在 < hw01-學號 > 的資夾內
<h4>上傳至FTP</h4>
<h4>回覆本篇文章</h4>
(1).作業網址：http://cute.mepopedia.com/~web107b/hw01/hw01-107xxxxxxx
(2).請回答以下問題：
1.製作主題：
2.欲呈現之配色風格：
3.有無遇到的問題?
4.花多少時間製作：
5.製作心得：
歌詞作業範例：http://jinjin.mepopedia.com/~jinjin/hw/hw01
<h2>製作說明</h2>
1.請參考
[url=http://jinjin.mepopedia.com/~jinjin/webdesign-notes/homeworks.html#hw01][講義] html-css基礎概念練習-歌詞篇製作說明[/url] 的步驟製作。
2.每個同學記得在title的部分打上『歌詞名稱』。
3.自行選擇兩首歌詞，設定歌詞風格，依照所設定風格進行配色。
4.footer請設定個人的專屬版權聲明，並註明『本網頁為作業之用，如有侵權敬請告知』字樣。
5.以FileZilla上傳至FTP
6.本次作業的重點在於：
[color=#CC0000](1)認識基礎html網頁架構
(2)認識css基礎語法，利用單純色彩搭配字體設定設計出具有與歌詞意境吻合網頁[/color]
<h2>教學影片</h2>
1.HTML CSS基礎概念練習一 html架構與內容建置
<iframe width="560" height="315" src="https://www.youtube.com/embed/Uq011dmJkv8" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<h2>繳交作業方式</h2>
<h4>製作完成後，檔案命名方式：</h4>
第一個作業FTP上的資料夾為：hw01
每位同學請將自己的資料夾命名為：hw01-學號
這個作業的網址則為:http://mepopedia.com/~web107-1b/hw01/hw01-107xxxxxxx
資料夾內含：
1.html部分：首頁命名為index.html，第二個檔名為next.html
2.css部分：命名為style.css與style2.css
s部分：命名為style.css與style2.css
s://www.youtube.com/embed/Uq011dmJkv8" frameborder="0" allow="accehttps://youtu.be/Uq011dmJkv8
<iframe width="800" height="435" src="https://www.youtube.com/embed/Uq011dmJkv8" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<hr>
2.HTML-CSS基礎概念練習（二） css視覺設定解析
https://youtu.be/sqEV6TSnxDw
<iframe width="800" height="435" src="https://www.youtube.com/embed/sqEV6TSnxDw" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<h2>繳交作業方式</h2>
<h4>製作完成後，檔案命名方式：</h4>
第一個作業FTP上的資料夾為：hw01
每位同學請將自己的資料夾命名為：hw01-學號
這個作業的網址則為:http://mepopedia.com/~web107-1b/hw01/hw01-107xxxxxxx
資料夾內含：
1.html部分：首頁命名為index.html，第二個檔名為next.html
2.css部分：命名為style.css與style2.css
存放在 < hw01-學號 > 的資夾內
<h4>上傳至FTP</h4>
<h4>回覆本篇文章</h4>
(1).作業網址：http://mepopedia.com/~web107-1b/hw01/hw01-107xxxxxxx
(2).請回答以下問題：
1.製作主題：
2.欲呈現之配色風格：
3.有無遇到的問題?
4.花多少時間製作：
5.製作心得：這個作業的網址則為:http://cute.mepopedia.com/~web107b/hw01/hw01-107xxxxxxx
資料夾內含：
1.html部分：首頁命名為index.html，第二個檔名為next.html
2.css部分：命名為style.css與style2.css
存放在 < hw01-學號 > 的資夾內
<h4>上傳至FTP</h4>
<h4>回覆本篇文章</h4>
(1).作業網址：http://cute.mepopedia.com/~web107b/hw01/hw01-107xxxxxxx
(2).請回答以下問題：
1.製作主題：
2.欲呈現之配色風格：
3.有無遇到的問題?
4.花多少時間製作：
5.製作心得：
Changed By: JinJin
Change Date: March 05, 2019 10:44PM
[作業01] html-css基礎概念練習-歌詞篇
Change Date: March 05, 2019 10:44PM
[作業01] html-css基礎概念練習-歌詞篇
[作業01] html-css基礎概念練習-歌詞篇
歌詞作業範例：http://jinjin.mepopedia.com/~jinjin/hw/hw01
<h2>製作說明</h2>
1.請參考
[url=http://jinjin.mepopedia.com/~jinjin/webdesign-notes/homeworks.html#hw01][講義] html-css基礎概念練習-歌詞篇製作說明[/url] 的步驟製作。
2.每個同學記得在title的部分打上『歌詞名稱』。
3.自行選擇兩首歌詞，設定歌詞風格，依照所設定風格進行配色。
4.footer請設定個人的專屬版權聲明，並註明『本網頁為作業之用，如有侵權敬請告知』字樣。
5.以FileZilla上傳至FTP
6.本次作業的重點在於：
[color=#CC0000](1)認識基礎html網頁架構
(2)認識css基礎語法，利用單純色彩搭配字體設定設計出具有與歌詞意境吻合網頁[/color]
<h2>繳交作業方式</h2>
<h4>製作完成後，檔案命名方式：</h4>
第一個作業FTP上的資料夾為：hw01
每位同學請將自己的資料夾命名為：hw01-學號
這個作業的網址則為:http://mepopedia.com/~web107-1b/hw01/hw01-107xxxxxxx
107-1b/hw01/hw01-107xxxxxxx
CSS基礎概念練習一 html架構與內容建置
<iframe width="560" height="315" src="https://www.youtube.com/embed/Uq011dmJkv8" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<h2>繳交作業方式</h2>
<h4>製作完成後，檔案命名方式：</h4>
第一個作業FTP上的資料夾為：hw01
每位同學請將自己的資料夾命名為：hw01-學號
這個作業的網址則為:http://mepopedia.com/~web107-1b/hw01/hw01-107xxxxxxx
資料夾內含：
1.html部分：首頁命名為index.html，第二個檔名為next.html
2.css部分：命名為style.css與style2.css
s://www.youtube.com/embed/Uq011dmJkv8" frameborder="0" allow="accehttps://youtu.be/Uq011dmJkv8
<iframe width="800" height="435" src="https://www.youtube.com/embed/Uq011dmJkv8" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<hr>
2.HTML-CSS基礎概念練習（二） css視覺設定解析
https://youtu.be/sqEV6TSnxDw
<iframe width="800" height="435" src="https://www.youtube.com/embed/sqEV6TSnxDw" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<h2>繳交作業方式</h2>
<h4>製作完成後，檔案命名方式：</h4>
第一個作業FTP上的資料夾為：hw01
每位同學請將自己的資料夾命名為：hw01-學號
這個作業的網址則為:http://mepopedia.com/~web107-1b/hw01/hw01-107xxxxxxx
資料夾內含：
1.html部分：首頁命名為index.html，第二個檔名為next.html
2.css部分：命名為style.css與style2.css
存放在 < hw01-學號 > 的資夾內
<h4>上傳至FTP</h4>
<h4>回覆本篇文章</h4>
(1).作業網址：http://mepopedia.com/~web107-1b/hw01/hw01-107xxxxxxx
(2).請回答以下問題：
1.製作主題：
2.欲呈現之配色風格：
3.有無遇到的問題?
4.花多少時間製作：
5.製作心得：這個作業的網址則為:http://cute.mepopedia.com/~web107b/hw01/hw01-107xxxxxxx
資料夾內含：
1.html部分：首頁命名為index.html，第二個檔名為next.html
2.css部分：命名為style.css與style2.css
存放在 < hw01-學號 > 的資夾內
<h4>上傳至FTP</h4>
<h4>回覆本篇文章</h4>
(1).作業網址：http://cute.mepopedia.com/~web107b/hw01/hw01-107xxxxxxx
(2).請回答以下問題：
1.製作主題：
2.欲呈現之配色風格：
3.有無遇到的問題?
4.花多少時間製作：
5.製作心得：
歌詞作業範例：http://jinjin.mepopedia.com/~jinjin/hw/hw01
<h2>製作說明</h2>
1.請參考
[url=http://jinjin.mepopedia.com/~jinjin/webdesign-notes/homeworks.html#hw01][講義] html-css基礎概念練習-歌詞篇製作說明[/url] 的步驟製作。
2.每個同學記得在title的部分打上『歌詞名稱』。
3.自行選擇兩首歌詞，設定歌詞風格，依照所設定風格進行配色。
4.footer請設定個人的專屬版權聲明，並註明『本網頁為作業之用，如有侵權敬請告知』字樣。
5.以FileZilla上傳至FTP
6.本次作業的重點在於：
[color=#CC0000](1)認識基礎html網頁架構
(2)認識css基礎語法，利用單純色彩搭配字體設定設計出具有與歌詞意境吻合網頁[/color]
<h2>繳交作業方式</h2>
<h4>製作完成後，檔案命名方式：</h4>
第一個作業FTP上的資料夾為：hw01
每位同學請將自己的資料夾命名為：hw01-學號
這個作業的網址則為:http://mepopedia.com/~web107-1b/hw01/hw01-107xxxxxxx
107-1b/hw01/hw01-107xxxxxxx
CSS基礎概念練習一 html架構與內容建置
<iframe width="560" height="315" src="https://www.youtube.com/embed/Uq011dmJkv8" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<h2>繳交作業方式</h2>
<h4>製作完成後，檔案命名方式：</h4>
第一個作業FTP上的資料夾為：hw01
每位同學請將自己的資料夾命名為：hw01-學號
這個作業的網址則為:http://mepopedia.com/~web107-1b/hw01/hw01-107xxxxxxx
資料夾內含：
1.html部分：首頁命名為index.html，第二個檔名為next.html
2.css部分：命名為style.css與style2.css
s://www.youtube.com/embed/Uq011dmJkv8" frameborder="0" allow="accehttps://youtu.be/Uq011dmJkv8
<iframe width="800" height="435" src="https://www.youtube.com/embed/Uq011dmJkv8" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<hr>
2.HTML-CSS基礎概念練習（二） css視覺設定解析
https://youtu.be/sqEV6TSnxDw
<iframe width="800" height="435" src="https://www.youtube.com/embed/sqEV6TSnxDw" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<h2>繳交作業方式</h2>
<h4>製作完成後，檔案命名方式：</h4>
第一個作業FTP上的資料夾為：hw01
每位同學請將自己的資料夾命名為：hw01-學號
這個作業的網址則為:http://mepopedia.com/~web107-1b/hw01/hw01-107xxxxxxx
資料夾內含：
1.html部分：首頁命名為index.html，第二個檔名為next.html
2.css部分：命名為style.css與style2.css
存放在 < hw01-學號 > 的資夾內
<h4>上傳至FTP</h4>
<h4>回覆本篇文章</h4>
(1).作業網址：http://mepopedia.com/~web107-1b/hw01/hw01-107xxxxxxx
(2).請回答以下問題：
1.製作主題：
2.欲呈現之配色風格：
3.有無遇到的問題?
4.花多少時間製作：
5.製作心得：這個作業的網址則為:http://cute.mepopedia.com/~web107b/hw01/hw01-107xxxxxxx
資料夾內含：
1.html部分：首頁命名為index.html，第二個檔名為next.html
2.css部分：命名為style.css與style2.css
存放在 < hw01-學號 > 的資夾內
<h4>上傳至FTP</h4>
<h4>回覆本篇文章</h4>
(1).作業網址：http://cute.mepopedia.com/~web107b/hw01/hw01-107xxxxxxx
(2).請回答以下問題：
1.製作主題：
2.欲呈現之配色風格：
3.有無遇到的問題?
4.花多少時間製作：
5.製作心得：
Changed By: JinJin
Change Date: February 23, 2019 11:16AM
[作業01] html-css基礎概念練習-歌詞篇
Change Date: February 23, 2019 11:16AM
[作業01] html-css基礎概念練習-歌詞篇
[作業01] html-css基礎概念練習-歌詞篇
歌詞作業範例：http://jinjin.mepopedia.com/~jinjin/hw/hw01
<h2>製作說明</h2>
1.請參考
[url=http://jinjin.mepopedia.com/~jinjin/webdesign-notes/homeworks.html#hw01][講義] html-css基礎概念練習-歌詞篇製作說明[/url] 的步驟製作。
2.每個同學記得在title的部分打上『歌詞名稱』。
3.自行選擇兩首歌詞，設定歌詞風格，依照所設定風格進行配色。
4.footer請設定個人的專屬版權聲明，並註明『本作業為作業之用，如有侵權敬請告知』字樣。
4.footer請設定個人的專屬版權聲明，並註明『本網頁為作業之用，如有侵權敬請告知』字樣。
5.以FileZilla上傳至FTP
6.本次作業的重點在於：
[color=#CC0000](1)認識基礎html網頁架構
(2)認識css基礎語法，利用單純色彩搭配字體設定設計出具有與歌詞意境吻合網頁[/color]
<h2>繳交作業方式</h2>
<h4>製作完成後，檔案命名方式：</h4>
第一個作業FTP上的資料夾為：hw01
每位同學請將自己的資料夾命名為：hw01-學號
這個作業的網址則為:http://mepopedia.com/~web107-1b/hw01/hw01-107xxxxxxx
CSS基礎概念練習一 html架構與內容建置
<iframe width="560" height="315" src="https://www.youtube.com/embed/Uq011dmJkv8" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<h2>繳交作業方式</h2>
<h4>製作完成後，檔案命名方式：</h4>
第一個作業FTP上的資料夾為：hw01
每位同學請將自己的資料夾命名為：hw01-學號
這個作業的網址則為:http://mepopedia.com/~web107-1b/hw01/hw01-107xxxxxxx
資料夾內含：
1.html部分：首頁命名為index.html，第二個檔名為next.html
2.css部分：命名為style.css與style2.css
s://www.youtube.com/embed/Uq011dmJkv8" frameborder="0" allow="accehttps://youtu.be/Uq011dmJkv8
<iframe width="800" height="435" src="https://www.youtube.com/embed/Uq011dmJkv8" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<hr>
2.HTML-CSS基礎概念練習（二） css視覺設定解析
https://youtu.be/sqEV6TSnxDw
<iframe width="800" height="435" src="https://www.youtube.com/embed/sqEV6TSnxDw" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<h2>繳交作業方式</h2>
<h4>製作完成後，檔案命名方式：</h4>
第一個作業FTP上的資料夾為：hw01
每位同學請將自己的資料夾命名為：hw01-學號
這個作業的網址則為:http://mepopedia.com/~web107-1b/hw01/hw01-107xxxxxxx
資料夾內含：
1.html部分：首頁命名為index.html，第二個檔名為next.html
2.css部分：命名為style.css與style2.css
存放在 < hw01-學號 > 的資夾內
<h4>上傳至FTP</h4>
<h4>回覆本篇文章</h4>
(1).作業網址：http://mepopedia.com/~web107-1b/hw01/hw01-107xxxxxxx
(2).請回答以下問題：
1.製作主題：
2.欲呈現之配色風格：
3.有無遇到的問題?
4.花多少時間製作：
5.製作心得：這個作業的網址則為:http://cute.mepopedia.com/~web107b/hw01/hw01-107xxxxxxx
資料夾內含：
1.html部分：首頁命名為index.html，第二個檔名為next.html
2.css部分：命名為style.css與style2.css
存放在 < hw01-學號 > 的資夾內
<h4>上傳至FTP</h4>
<h4>回覆本篇文章</h4>
(1).作業網址：http://cute.mepopedia.com/~web107b/hw01/hw01-107xxxxxxx
(2).請回答以下問題：
1.製作主題：
2.欲呈現之配色風格：
3.有無遇到的問題?
4.花多少時間製作：
5.製作心得：
歌詞作業範例：http://jinjin.mepopedia.com/~jinjin/hw/hw01
<h2>製作說明</h2>
1.請參考
[url=http://jinjin.mepopedia.com/~jinjin/webdesign-notes/homeworks.html#hw01][講義] html-css基礎概念練習-歌詞篇製作說明[/url] 的步驟製作。
2.每個同學記得在title的部分打上『歌詞名稱』。
3.自行選擇兩首歌詞，設定歌詞風格，依照所設定風格進行配色。
4.footer請設定個人的專屬版權聲明，並註明『本作業為作業之用，如有侵權敬請告知』字樣。
4.footer請設定個人的專屬版權聲明，並註明『本網頁為作業之用，如有侵權敬請告知』字樣。
5.以FileZilla上傳至FTP
6.本次作業的重點在於：
[color=#CC0000](1)認識基礎html網頁架構
(2)認識css基礎語法，利用單純色彩搭配字體設定設計出具有與歌詞意境吻合網頁[/color]
<h2>繳交作業方式</h2>
<h4>製作完成後，檔案命名方式：</h4>
第一個作業FTP上的資料夾為：hw01
每位同學請將自己的資料夾命名為：hw01-學號
這個作業的網址則為:http://mepopedia.com/~web107-1b/hw01/hw01-107xxxxxxx
CSS基礎概念練習一 html架構與內容建置
<iframe width="560" height="315" src="https://www.youtube.com/embed/Uq011dmJkv8" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<h2>繳交作業方式</h2>
<h4>製作完成後，檔案命名方式：</h4>
第一個作業FTP上的資料夾為：hw01
每位同學請將自己的資料夾命名為：hw01-學號
這個作業的網址則為:http://mepopedia.com/~web107-1b/hw01/hw01-107xxxxxxx
資料夾內含：
1.html部分：首頁命名為index.html，第二個檔名為next.html
2.css部分：命名為style.css與style2.css
s://www.youtube.com/embed/Uq011dmJkv8" frameborder="0" allow="accehttps://youtu.be/Uq011dmJkv8
<iframe width="800" height="435" src="https://www.youtube.com/embed/Uq011dmJkv8" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<hr>
2.HTML-CSS基礎概念練習（二） css視覺設定解析
https://youtu.be/sqEV6TSnxDw
<iframe width="800" height="435" src="https://www.youtube.com/embed/sqEV6TSnxDw" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<h2>繳交作業方式</h2>
<h4>製作完成後，檔案命名方式：</h4>
第一個作業FTP上的資料夾為：hw01
每位同學請將自己的資料夾命名為：hw01-學號
這個作業的網址則為:http://mepopedia.com/~web107-1b/hw01/hw01-107xxxxxxx
資料夾內含：
1.html部分：首頁命名為index.html，第二個檔名為next.html
2.css部分：命名為style.css與style2.css
存放在 < hw01-學號 > 的資夾內
<h4>上傳至FTP</h4>
<h4>回覆本篇文章</h4>
(1).作業網址：http://mepopedia.com/~web107-1b/hw01/hw01-107xxxxxxx
(2).請回答以下問題：
1.製作主題：
2.欲呈現之配色風格：
3.有無遇到的問題?
4.花多少時間製作：
5.製作心得：這個作業的網址則為:http://cute.mepopedia.com/~web107b/hw01/hw01-107xxxxxxx
資料夾內含：
1.html部分：首頁命名為index.html，第二個檔名為next.html
2.css部分：命名為style.css與style2.css
存放在 < hw01-學號 > 的資夾內
<h4>上傳至FTP</h4>
<h4>回覆本篇文章</h4>
(1).作業網址：http://cute.mepopedia.com/~web107b/hw01/hw01-107xxxxxxx
(2).請回答以下問題：
1.製作主題：
2.欲呈現之配色風格：
3.有無遇到的問題?
4.花多少時間製作：
5.製作心得：
Changed By: JinJin
Change Date: February 23, 2019 01:35AM
[作業01] html-css基礎概念練習-歌詞篇
Change Date: February 23, 2019 01:35AM
[作業01] html-css基礎概念練習-歌詞篇
[作業01] html-css基礎概念練習-歌詞篇
mepopedia.com/~jinjin/hw/hw01
injin.mepopedia.com/~jinjin/hw/hw01
<h2>製作說明</h2>
1.請參考
[url=http://jinjin.mepopedia.com/~jinjin/webdesign-notes/homeworks.html#hw01][講義] html-css基礎概念練習-歌詞篇製作說明[/url] 的步驟製作。
2.每個同學記得在title的部分打上『歌詞名稱』。
3.自行選擇兩首歌詞，設定歌詞風格，依照所設定風格進行配色。
4.footer請設定個人的專屬版權聲明，並註明『本作業為作業之用，如有侵權敬請告知』字樣。
4.footer請設定個人的專屬版權聲明，並註明『本網頁為作業之用，如有侵權敬請告知』字樣。
5.以FileZilla上傳至FTP
6.本次作業的重點在於：
[color=#CC0000](1)認識基礎html網頁架構
(2)認識css基礎語法，利用單純色彩搭配字體設定設計出具有與歌詞意境吻合網頁[/color]
<h2>繳交作業方式</h2>
<h4>製作完成後，檔案命名方式：</h4>
第一個作業FTP上的資料夾為：hw01
每位同學請將自己的資料夾命名為：hw01-學號
這個作業的網址則為:http://mepopedia.com/~web107-1b/hw01/hw01-107xxxxxxx
CSS基礎概念練習一 html架構與內容建置
<iframe width="560" height="315" src="https://www.youtube.com/embed/Uq011dmJkv8" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<h2>繳交作業方式</h2>
<h4>製作完成後，檔案命名方式：</h4>
第一個作業FTP上的資料夾為：hw01
每位同學請將自己的資料夾命名為：hw01-學號
這個作業的網址則為:http://mepopedia.com/~web107-1b/hw01/hw01-107xxxxxxx
資料夾內含：
1.html部分：首頁命名為index.html，第二個檔名為next.html
2.css部分：命名為style.css與style2.css
s://www.youtube.com/embed/Uq011dmJkv8" frameborder="0" allow="accehttps://youtu.be/Uq011dmJkv8
<iframe width="800" height="435" src="https://www.youtube.com/embed/Uq011dmJkv8" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<hr>
2.HTML-CSS基礎概念練習（二） css視覺設定解析
https://youtu.be/sqEV6TSnxDw
<iframe width="800" height="435" src="https://www.youtube.com/embed/sqEV6TSnxDw" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<h2>繳交作業方式</h2>
<h4>製作完成後，檔案命名方式：</h4>
第一個作業FTP上的資料夾為：hw01
每位同學請將自己的資料夾命名為：hw01-學號
這個作業的網址則為:http://mepopedia.com/~web107-1b/hw01/hw01-107xxxxxxx
資料夾內含：
1.html部分：首頁命名為index.html，第二個檔名為next.html
2.css部分：命名為style.css與style2.css
存放在 < hw01-學號 > 的資夾內
<h4>上傳至FTP</h4>
<h4>回覆本篇文章</h4>
(1).作業網址：http://mepopedia.com/~web107-1b/hw01/hw01-107xxxxxxx
(2).請回答以下問題：
1.製作主題：
2.欲呈現之配色風格：
3.有無遇到的問題?
4.花多少時間製作：
5.製作心得：這個作業的網址則為:http://cute.mepopedia.com/~web107b/hw01/hw01-107xxxxxxx
資料夾內含：
1.html部分：首頁命名為index.html，第二個檔名為next.html
2.css部分：命名為style.css與style2.css
存放在 < hw01-學號 > 的資夾內
<h4>上傳至FTP</h4>
<h4>回覆本篇文章</h4>
(1).作業網址：http://cute.mepopedia.com/~web107b/hw01/hw01-107xxxxxxx
(2).請回答以下問題：
1.製作主題：
2.欲呈現之配色風格：
3.有無遇到的問題?
4.花多少時間製作：
5.製作心得：
mepopedia.com/~jinjin/hw/hw01
injin.mepopedia.com/~jinjin/hw/hw01
<h2>製作說明</h2>
1.請參考
[url=http://jinjin.mepopedia.com/~jinjin/webdesign-notes/homeworks.html#hw01][講義] html-css基礎概念練習-歌詞篇製作說明[/url] 的步驟製作。
2.每個同學記得在title的部分打上『歌詞名稱』。
3.自行選擇兩首歌詞，設定歌詞風格，依照所設定風格進行配色。
4.footer請設定個人的專屬版權聲明，並註明『本作業為作業之用，如有侵權敬請告知』字樣。
4.footer請設定個人的專屬版權聲明，並註明『本網頁為作業之用，如有侵權敬請告知』字樣。
5.以FileZilla上傳至FTP
6.本次作業的重點在於：
[color=#CC0000](1)認識基礎html網頁架構
(2)認識css基礎語法，利用單純色彩搭配字體設定設計出具有與歌詞意境吻合網頁[/color]
<h2>繳交作業方式</h2>
<h4>製作完成後，檔案命名方式：</h4>
第一個作業FTP上的資料夾為：hw01
每位同學請將自己的資料夾命名為：hw01-學號
這個作業的網址則為:http://mepopedia.com/~web107-1b/hw01/hw01-107xxxxxxx
CSS基礎概念練習一 html架構與內容建置
<iframe width="560" height="315" src="https://www.youtube.com/embed/Uq011dmJkv8" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<h2>繳交作業方式</h2>
<h4>製作完成後，檔案命名方式：</h4>
第一個作業FTP上的資料夾為：hw01
每位同學請將自己的資料夾命名為：hw01-學號
這個作業的網址則為:http://mepopedia.com/~web107-1b/hw01/hw01-107xxxxxxx
資料夾內含：
1.html部分：首頁命名為index.html，第二個檔名為next.html
2.css部分：命名為style.css與style2.css
s://www.youtube.com/embed/Uq011dmJkv8" frameborder="0" allow="accehttps://youtu.be/Uq011dmJkv8
<iframe width="800" height="435" src="https://www.youtube.com/embed/Uq011dmJkv8" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<hr>
2.HTML-CSS基礎概念練習（二） css視覺設定解析
https://youtu.be/sqEV6TSnxDw
<iframe width="800" height="435" src="https://www.youtube.com/embed/sqEV6TSnxDw" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<h2>繳交作業方式</h2>
<h4>製作完成後，檔案命名方式：</h4>
第一個作業FTP上的資料夾為：hw01
每位同學請將自己的資料夾命名為：hw01-學號
這個作業的網址則為:http://mepopedia.com/~web107-1b/hw01/hw01-107xxxxxxx
資料夾內含：
1.html部分：首頁命名為index.html，第二個檔名為next.html
2.css部分：命名為style.css與style2.css
存放在 < hw01-學號 > 的資夾內
<h4>上傳至FTP</h4>
<h4>回覆本篇文章</h4>
(1).作業網址：http://mepopedia.com/~web107-1b/hw01/hw01-107xxxxxxx
(2).請回答以下問題：
1.製作主題：
2.欲呈現之配色風格：
3.有無遇到的問題?
4.花多少時間製作：
5.製作心得：這個作業的網址則為:http://cute.mepopedia.com/~web107b/hw01/hw01-107xxxxxxx
資料夾內含：
1.html部分：首頁命名為index.html，第二個檔名為next.html
2.css部分：命名為style.css與style2.css
存放在 < hw01-學號 > 的資夾內
<h4>上傳至FTP</h4>
<h4>回覆本篇文章</h4>
(1).作業網址：http://cute.mepopedia.com/~web107b/hw01/hw01-107xxxxxxx
(2).請回答以下問題：
1.製作主題：
2.欲呈現之配色風格：
3.有無遇到的問題?
4.花多少時間製作：
5.製作心得：
Original Message
作者: JinJinDate: February 23, 2019 01:29AM
[作業01] html-css基礎概念練習-歌詞篇
[作業01] html-css基礎概念練習-歌詞篇
injin.mepopedia.com/~jinjin/hw/hw01
1.請參考
[url=http://jinjin.mepopedia.com/~jinjin/webdesign-notes/homeworks.html#hw01][講義] html-css基礎概念練習-歌詞篇製作說明[/url] 的步驟製作。
2.每個同學記得在title的部分打上『歌詞名稱』。
3.自行選擇兩首歌詞，設定歌詞風格，依照所設定風格進行配色。
4.footer請設定個人的專屬版權聲明，並註明『本作業為作業之用，如有侵權敬請告知』字樣。
4.footer請設定個人的專屬版權聲明，並註明『本網頁為作業之用，如有侵權敬請告知』字樣。
5.以FileZilla上傳至FTP
6.本次作業的重點在於：
[color=#CC0000](1)認識基礎html網頁架構
(2)認識css基礎語法，利用單純色彩搭配字體設定設計出具有與歌詞意境吻合網頁[/color]
第一個作業FTP上的資料夾為：hw01
每位同學請將自己的資料夾命名為：hw01-學號
這個作業的網址則為:http://mepopedia.com/~web107-1b/hw01/hw01-107xxxxxxx
CSS基礎概念練習一 html架構與內容建置
第一個作業FTP上的資料夾為：hw01
每位同學請將自己的資料夾命名為：hw01-學號
這個作業的網址則為:http://mepopedia.com/~web107-1b/hw01/hw01-107xxxxxxx
資料夾內含：
1.html部分：首頁命名為index.html，第二個檔名為next.html
2.css部分：命名為style.css與style2.css
s://www.youtube.com/embed/Uq011dmJkv8" frameborder="0" allow="accehttps://youtu.be/Uq011dmJkv8
2.HTML-CSS基礎概念練習（二） css視覺設定解析
https://youtu.be/sqEV6TSnxDw
第一個作業FTP上的資料夾為：hw01
每位同學請將自己的資料夾命名為：hw01-學號
這個作業的網址則為:http://mepopedia.com/~web107-1b/hw01/hw01-107xxxxxxx
資料夾內含：
1.html部分：首頁命名為index.html，第二個檔名為next.html
2.css部分：命名為style.css與style2.css
存放在 < hw01-學號 > 的資夾內
(1).作業網址：http://mepopedia.com/~web107-1b/hw01/hw01-107xxxxxxx
(2).請回答以下問題：
1.製作主題：
2.欲呈現之配色風格：
3.有無遇到的問題?
4.花多少時間製作：
5.製作心得：這個作業的網址則為:http://cute.mepopedia.com/~web107b/hw01/hw01-107xxxxxxx
資料夾內含：
1.html部分：首頁命名為index.html，第二個檔名為next.html
2.css部分：命名為style.css與style2.css
存放在 < hw01-學號 > 的資夾內
(1).作業網址：http://cute.mepopedia.com/~web107b/hw01/hw01-107xxxxxxx
(2).請回答以下問題：
1.製作主題：
2.欲呈現之配色風格：
3.有無遇到的問題?
4.花多少時間製作：
5.製作心得：
injin.mepopedia.com/~jinjin/hw/hw01
製作說明
1.請參考
[url=http://jinjin.mepopedia.com/~jinjin/webdesign-notes/homeworks.html#hw01][講義] html-css基礎概念練習-歌詞篇製作說明[/url] 的步驟製作。
2.每個同學記得在title的部分打上『歌詞名稱』。
3.自行選擇兩首歌詞，設定歌詞風格，依照所設定風格進行配色。
4.footer請設定個人的專屬版權聲明，並註明『本作業為作業之用，如有侵權敬請告知』字樣。
4.footer請設定個人的專屬版權聲明，並註明『本網頁為作業之用，如有侵權敬請告知』字樣。
5.以FileZilla上傳至FTP
6.本次作業的重點在於：
[color=#CC0000](1)認識基礎html網頁架構
(2)認識css基礎語法，利用單純色彩搭配字體設定設計出具有與歌詞意境吻合網頁[/color]
繳交作業方式
製作完成後，檔案命名方式：
第一個作業FTP上的資料夾為：hw01
每位同學請將自己的資料夾命名為：hw01-學號
這個作業的網址則為:http://mepopedia.com/~web107-1b/hw01/hw01-107xxxxxxx
CSS基礎概念練習一 html架構與內容建置
繳交作業方式
製作完成後，檔案命名方式：
第一個作業FTP上的資料夾為：hw01
每位同學請將自己的資料夾命名為：hw01-學號
這個作業的網址則為:http://mepopedia.com/~web107-1b/hw01/hw01-107xxxxxxx
資料夾內含：
1.html部分：首頁命名為index.html，第二個檔名為next.html
2.css部分：命名為style.css與style2.css
s://www.youtube.com/embed/Uq011dmJkv8" frameborder="0" allow="accehttps://youtu.be/Uq011dmJkv8
2.HTML-CSS基礎概念練習（二） css視覺設定解析
https://youtu.be/sqEV6TSnxDw
繳交作業方式
製作完成後，檔案命名方式：
第一個作業FTP上的資料夾為：hw01
每位同學請將自己的資料夾命名為：hw01-學號
這個作業的網址則為:http://mepopedia.com/~web107-1b/hw01/hw01-107xxxxxxx
資料夾內含：
1.html部分：首頁命名為index.html，第二個檔名為next.html
2.css部分：命名為style.css與style2.css
存放在 < hw01-學號 > 的資夾內
上傳至FTP
回覆本篇文章
(1).作業網址：http://mepopedia.com/~web107-1b/hw01/hw01-107xxxxxxx
(2).請回答以下問題：
1.製作主題：
2.欲呈現之配色風格：
3.有無遇到的問題?
4.花多少時間製作：
5.製作心得：這個作業的網址則為:http://cute.mepopedia.com/~web107b/hw01/hw01-107xxxxxxx
資料夾內含：
1.html部分：首頁命名為index.html，第二個檔名為next.html
2.css部分：命名為style.css與style2.css
存放在 < hw01-學號 > 的資夾內
上傳至FTP
回覆本篇文章
(1).作業網址：http://cute.mepopedia.com/~web107b/hw01/hw01-107xxxxxxx
(2).請回答以下問題：
1.製作主題：
2.欲呈現之配色風格：
3.有無遇到的問題?
4.花多少時間製作：
5.製作心得：
MEPO forum
is powered by Phorum.