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

Advanced

Change History

Message: [作業02] HTML與CSS練習-- 首頁實作篇

Changed By: JinJin
Change Date: March 26, 2015 11:33AM

[作業02] HTML與CSS練習-- 首頁實作篇
<h2> HTML與CSS練習--首頁實作篇作業說明</h2>
請參考
[講義] HTML與CSS練習--首頁實作篇:http://mepopedia.com/forum/read.php?804,43670

<h3>作業目的</h3>1.進一步熟悉HTML與CSS
2.練習將視覺與語法結合
3.學習如何修改HTML與CSS語法

[hr]
<h3>作業說明</h3>1.請以範例網站為基模,使用其排版概念,重新改編為一新的網站設計,除了架構一樣,其他資訊皆要更新。
2.製作:(1)完成首頁,(2)設定滑鼠移過的效果,其他頁面將陸續完成。

[hr]
<h3>作業步驟</h3>1.參考http://mepopedia.com/~web102-c/hw03/hw03/
並以講義中的語法為參考http://mepopedia.com/forum/read.php?804,43670。
2.重新設定一全新網站的主題,蒐集相關主題及內容資料
3.重新設定網站主題、使用對象、色彩計畫、圖片元素等。
4.製作背景圖片、整體色彩設定,標題及文字內容。
5.將HTML與CSS語法分別貼上後,修改HTML與CSS語法。
6.將資料夾命名為 hw02-學號,以FTP上傳至hw03資料夾
作業網址為http://mepopedia.com/~web103-2a/hw02/hw02-1025445XXX 。

並請回覆:

(1)作業網址:
(2)網站主題/網站名稱:
(3)導覽列(分類項目):
(4)對象:
(5)色彩計畫:
(6)風格設定、網頁看點、預期成效:
(7)請整理以下數值:
字體設定(font-family)
標題級數、文章標題級數、內文級數(font-size)(單位px)
區塊內與區塊間的距離(padding)(margin)(單位px)
網站寬度(width)(單位px)
(8)製作心得:
學號

[hr]
請於規定時間準時繳交作業,逾期不後。
[hr]
<h3>學長姐範例</h3>
http://mepopedia.com/~web102-c/midterm/midterm-1015445215/
http://mepopedia.com/~web102-c/midterm/midterm-1015445212/
http://mepopedia.com/~web102-c/midterm/midterm-1015445219
midterm-1015445219
為 hw02-學號,以FTP上傳至hw02資料夾
作業網址為http://mepopedia.com/~web103-2a/hw02/hw02-1025445XXX 。

並請回覆:

(1)作業網址:
(2)網站主題/網站名稱:
(3)導覽列(分類項目):
(4)對象:
(5)色彩計畫:
(6)風格設定、網頁看點、預期成效:
(7)請整理以下數值:
字體設定(font-family)
標題級數、文章標題級數、內文級數(font-size)(單位px)
區塊內與區塊間的距離(padding)(margin)(單位px)
網站寬度(width)(單位px)
(8)製作心得:
學號

[hr]
請於規定時間準時繳交作業,逾期不後。
[hr]
<h3>學長姐範例</h3>
http://mepopedia.com/~web102-c/midterm/midterm-1015445215/
http://mepopedia.com/~web102-c/midterm/midterm-1015445212/
http://mepopedia.com/~web102-c/midterm/midterm-1015445219

http://mepopedia.com/~web102-c/final/final-1015445212/
Changed By: JinJin
Change Date: March 26, 2015 10:29AM

[作業02] HTML與CSS練習-- 首頁實作篇
<h2> HTML與CSS練習--首頁實作篇作業說明</h2>
請參考
[講義] HTML與CSS練習--首頁實作篇:http://mepopedia.com/forum/read.php?804,43670

<h3>作業目的</h3>1.進一步熟悉HTML與CSS
2.練習將視覺與語法結合
3.學習如何修改HTML與CSS語法

[hr]
<h3>作業說明</h3>1.請以範例網站為基模,使用其排版概念,重新改編為一新的網站設計,除了架構一樣,其他資訊皆要更新。
2.製作:(1)完成首頁,(2)設定滑鼠移過的效果,其他頁面將陸續完成。

[hr]
<h3>作業步驟</h3>1.參考http://mepopedia.com/~web102-c/hw03/hw03/
並以講義中的語法為參考http://mepopedia.com/forum/read.php?804,43670。
2.重新設定一全新網站的主題,蒐集相關主題及內容資料
3.重新設定網站主題、使用對象、色彩計畫、圖片元素等。
4.製作背景圖片、整體色彩設定,標題及文字內容。
5.將HTML與CSS語法分別貼上後,修改HTML與CSS語法。
6.將資料夾命名為 hw02-學號,以FTP上傳至hw03資料夾
作業網址為http://mepopedia.com/~web103-2a/hw02/hw02-1025445XXX 。

並請回覆:

(1)作業網址:
(2)網站主題/網站名稱:
(3)分類項目:
(4)對象:
(5)色彩計畫:
(6)風格設定、網頁看點、預期成效:
(7)請整理以下數值:
字體設定(font-family)
標題級數、文章標題級數、內文級數(font-size)(單位px)
區塊內與區塊間的距離(padding)(margin)(單位px)
網站寬度(width)(單位px)
(8)製作心得:
學號

[hr]
請於規定時間準時繳交作業,逾期不後。
[hr]
<h3>學長姐範例</h3>
http://mepopedia.com/~web102-c/midterm/midterm-1015445215/
http://mepopedia.com/~web102-c/midterm/midterm-1015445212/
http://mepopedia.com/~web102-c/midterm/midterm-1015445219

http://mepopedia.com/~web102-c/final/final-1015445212/
(3)導覽列(分類項目):
(4)對象:
(5)色彩計畫:
(6)風格設定、網頁看點、預期成效:
(7)請整理以下數值:
字體設定(font-family)
標題級數、文章標題級數、內文級數(font-size)(單位px)
區塊內與區塊間的距離(padding)(margin)(單位px)
網站寬度(width)(單位px)
(8)製作心得:
學號

[hr]
請於規定時間準時繳交作業,逾期不後。
[hr]
<h3>學長姐範例</h3>
http://mepopedia.com/~web102-c/midterm/midterm-1015445215/
http://mepopedia.com/~web102-c/midterm/midterm-1015445212/
http://mepopedia.com/~web102-c/midterm/midterm-1015445219
為 hw02-學號,以FTP上傳至hw02資料夾
作業網址為http://mepopedia.com/~web103-2a/hw02/hw02-1025445XXX 。

並請回覆:

(1)作業網址:
(2)網站主題/網站名稱:
(3)導覽列(分類項目):
(4)對象:
(5)色彩計畫:
(6)風格設定、網頁看點、預期成效:
(7)請整理以下數值:
字體設定(font-family)
標題級數、文章標題級數、內文級數(font-size)(單位px)
區塊內與區塊間的距離(padding)(margin)(單位px)
網站寬度(width)(單位px)
(8)製作心得:
學號

[hr]
請於規定時間準時繳交作業,逾期不後。
[hr]
<h3>學長姐範例</h3>
http://mepopedia.com/~web102-c/midterm/midterm-1015445215/
http://mepopedia.com/~web102-c/midterm/midterm-1015445212/
http://mepopedia.com/~web102-c/midterm/midterm-1015445219

http://mepopedia.com/~web102-c/final/final-1015445212/
Changed By: JinJin
Change Date: March 25, 2015 09:29PM

[作業02] HTML與CSS練習-- 首頁實作篇
<h2> HTML與CSS練習--首頁實作篇作業說明</h2>
請參考
[講義] HTML與CSS練習--首頁實作篇:http://mepopedia.com/forum/read.php?804,43670

<h3>作業目的</h3>1.進一步熟悉HTML與CSS
2.練習將視覺與語法結合
3.學習如何修改HTML與CSS語法

[hr]
<h3>作業說明</h3>1.請以範例網站為基模,使用其排版概念,重新改編為一新的網站設計,除了架構一樣,其他資訊皆要更新。
2.製作:(1)完成首頁,(2)設定滑鼠移過的效果,其他頁面將陸續完成。

[hr]
<h3>作業步驟</h3>1.參考http://mepopedia.com/~web102-c/hw03/hw03/
並以講義中的語法為參考http://mepopedia.com/forum/read.php?804,43670。
2.重新設定一全新網站的主題,蒐集相關主題及內容資料
3.重新設定網站主題、使用對象、色彩計畫、圖片元素等。
4.製作背景圖片、整體色彩設定,標題及文字內容。
5.將HTML與CSS語法分別貼上後,修改HTML與CSS語法。
6.將資料夾命名為 hw02-學號,以FTP上傳至hw03資料夾
作業網址為http://mepopedia.com/~web103-2a/hw02/hw02-1025445XXX 。

並請回覆:

(1)作業網址:
(2)網站主題:
(2)對象:
(3)色彩計畫:
(4)風格設定、網頁看點、預期成效:
(5)請整理以下數值:
字體設定(font-family)
標題級數、文章標題級數、內文級數(font-size)(單位px)
區塊內與區塊間的距離(padding)(margin)(單位px)
網站寬度(width)(單位px)
(6)製作心得:
學號

[hr]
請於規定時間準時繳交作業,逾期不後。
[hr]
<h3>學長姐範例</h3>
http://mepopedia.com/~web102-c/midterm/midterm-1015445215/
http://mepopedia.com/~web102-c/midterm/midterm-1015445212/
http://mepopedia.com/~web102-c/midterm/midterm-1015445219

http://mepopedia.com/~web102-c/final/final-1015445212/
(2)網站主題/網站名稱:
(3)分類項目:
(4)對象:
(5)色彩計畫:
(6)風格設定、網頁看點、預期成效:
(7)請整理以下數值:
字體設定(font-family)
標題級數、文章標題級數、內文級數(font-size)(單位px)
區塊內與區塊間的距離(padding)(margin)(單位px)
網站寬度(width)(單位px)
(8)製作心得:
學號

[hr]
請於規定時間準時繳交作業,逾期不後。
[hr]
<h3>學長姐範例</h3>
http://mepopedia.com/~web102-c/midterm/midterm-1015445215/
http://mepopedia.com/~web102-c/midterm/midterm-1015445212/
http://mepopedia.com/~web102-c/midterm/midterm-1015445219

http://mepopedia.com/~web102-c/final/final-1015445212/(3)導覽列(分類項目):
(4)對象:
(5)色彩計畫:
(6)風格設定、網頁看點、預期成效:
(7)請整理以下數值:
字體設定(font-family)
標題級數、文章標題級數、內文級數(font-size)(單位px)
區塊內與區塊間的距離(padding)(margin)(單位px)
網站寬度(width)(單位px)
(8)製作心得:
學號

[hr]
請於規定時間準時繳交作業,逾期不後。
[hr]
<h3>學長姐範例</h3>
http://mepopedia.com/~web102-c/midterm/midterm-1015445215/
http://mepopedia.com/~web102-c/midterm/midterm-1015445212/
http://mepopedia.com/~web102-c/midterm/midterm-1015445219
為 hw02-學號,以FTP上傳至hw02資料夾
作業網址為http://mepopedia.com/~web103-2a/hw02/hw02-1025445XXX 。

並請回覆:

(1)作業網址:
(2)網站主題/網站名稱:
(3)導覽列(分類項目):
(4)對象:
(5)色彩計畫:
(6)風格設定、網頁看點、預期成效:
(7)請整理以下數值:
字體設定(font-family)
標題級數、文章標題級數、內文級數(font-size)(單位px)
區塊內與區塊間的距離(padding)(margin)(單位px)
網站寬度(width)(單位px)
(8)製作心得:
學號

[hr]
請於規定時間準時繳交作業,逾期不後。
[hr]
<h3>學長姐範例</h3>
http://mepopedia.com/~web102-c/midterm/midterm-1015445215/
http://mepopedia.com/~web102-c/midterm/midterm-1015445212/
http://mepopedia.com/~web102-c/midterm/midterm-1015445219

http://mepopedia.com/~web102-c/final/final-1015445212/

Original Message

作者: JinJin
Date: March 11, 2015 10:01PM

[作業02] HTML與CSS練習-- 首頁實作篇

HTML與CSS練習--首頁實作篇作業說明


請參考
[講義] HTML與CSS練習--首頁實作篇:http://mepopedia.com/forum/read.php?804,43670

作業目的

1.進一步熟悉HTML與CSS
2.練習將視覺與語法結合
3.學習如何修改HTML與CSS語法

[hr]

作業說明

1.請以範例網站為基模,使用其排版概念,重新改編為一新的網站設計,除了架構一樣,其他資訊皆要更新。
2.製作:(1)完成首頁,(2)設定滑鼠移過的效果,其他頁面將陸續完成。

[hr]

作業步驟

1.參考http://mepopedia.com/~web102-c/hw03/hw03/
並以講義中的語法為參考http://mepopedia.com/forum/read.php?804,43670。
2.重新設定一全新網站的主題,蒐集相關主題及內容資料
3.重新設定網站主題、使用對象、色彩計畫、圖片元素等。
4.製作背景圖片、整體色彩設定,標題及文字內容。
5.將HTML與CSS語法分別貼上後,修改HTML與CSS語法。
6.將資料夾命名為 hw02-學號,以FTP上傳至hw03資料夾
作業網址為http://mepopedia.com/~web103-2a/hw02/hw02-1025445XXX 。

並請回覆:

(1)作業網址:
(2)網站主題:
(2)對象:
(3)色彩計畫:
(4)風格設定、網頁看點、預期成效:
(5)請整理以下數值:
字體設定(font-family)
標題級數、文章標題級數、內文級數(font-size)(單位px)
區塊內與區塊間的距離(padding)(margin)(單位px)
網站寬度(width)(單位px)
(6)製作心得:
學號

[hr]
請於規定時間準時繳交作業,逾期不後。
[hr]

學長姐範例


http://mepopedia.com/~web102-c/midterm/midterm-1015445215/
http://mepopedia.com/~web102-c/midterm/midterm-1015445212/
http://mepopedia.com/~web102-c/midterm/midterm-1015445219

http://mepopedia.com/~web102-c/final/final-1015445212/(2)網站主題/網站名稱:
(3)分類項目:
(4)對象:
(5)色彩計畫:
(6)風格設定、網頁看點、預期成效:
(7)請整理以下數值:
字體設定(font-family)
標題級數、文章標題級數、內文級數(font-size)(單位px)
區塊內與區塊間的距離(padding)(margin)(單位px)
網站寬度(width)(單位px)
(8)製作心得:
學號

[hr]
請於規定時間準時繳交作業,逾期不後。
[hr]

學長姐範例


http://mepopedia.com/~web102-c/midterm/midterm-1015445215/
http://mepopedia.com/~web102-c/midterm/midterm-1015445212/
http://mepopedia.com/~web102-c/midterm/midterm-1015445219

http://mepopedia.com/~web102-c/final/final-1015445212/(3)導覽列(分類項目):
(4)對象:
(5)色彩計畫:
(6)風格設定、網頁看點、預期成效:
(7)請整理以下數值:
字體設定(font-family)
標題級數、文章標題級數、內文級數(font-size)(單位px)
區塊內與區塊間的距離(padding)(margin)(單位px)
網站寬度(width)(單位px)
(8)製作心得:
學號

[hr]
請於規定時間準時繳交作業,逾期不後。
[hr]

學長姐範例


http://mepopedia.com/~web102-c/midterm/midterm-1015445215/
http://mepopedia.com/~web102-c/midterm/midterm-1015445212/
http://mepopedia.com/~web102-c/midterm/midterm-1015445219
為 hw02-學號,以FTP上傳至hw02資料夾
作業網址為http://mepopedia.com/~web103-2a/hw02/hw02-1025445XXX 。

並請回覆:

(1)作業網址:
(2)網站主題/網站名稱:
(3)導覽列(分類項目):
(4)對象:
(5)色彩計畫:
(6)風格設定、網頁看點、預期成效:
(7)請整理以下數值:
字體設定(font-family)
標題級數、文章標題級數、內文級數(font-size)(單位px)
區塊內與區塊間的距離(padding)(margin)(單位px)
網站寬度(width)(單位px)
(8)製作心得:
學號

[hr]
請於規定時間準時繳交作業,逾期不後。
[hr]

學長姐範例


http://mepopedia.com/~web102-c/midterm/midterm-1015445215/
http://mepopedia.com/~web102-c/midterm/midterm-1015445212/
http://mepopedia.com/~web102-c/midterm/midterm-1015445219

http://mepopedia.com/~web102-c/final/final-1015445212/