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

Advanced

Change History

Message: [作業09] 網頁探索-切版練習與HTML+CSS設計

討論區清單 文章列表
Changed By: JinJin
Change Date: May 27, 2014 02:42PM

[作業09] 網頁探索-切版練習與HTML+CSS設計
<h2>參考講義</h2>
<b>網頁探索-切版練習與HTML+CSS設計</b>
JUDE WANG編輯
http://cute.jude.asia/week-1/

<b>講義整理</b>
http://mepopedia.com/forum/read.php?804,46755

[hr]
<h2>作業</h2>
可以選擇其中一種製作，或每種都製作

[hr]
<h3>切版練習</h3>
檔案下載 http://d.pr/f/iqrv
切版雖然是較舊的技術，但仍然是必學的技術之一，可應用於較小型或個人的網站
製作完成後請上傳至hw09資料夾中，資料夾請命名為：hw09-1-學號

並請回覆
(1)作業網址：http://mepopedia.com/~web102-a/hw09/hw09-1-學號
(2)製作心得：

<h3>CssZenGarden CSS編輯與設計</h3>
HTML檔案http://www.csszengarden.com/examples/index
CSS檔案http://www.csszengarden.com/examples/style.css
建議可使用
http://www.sublimetext.com/
編輯程式碼
製作完成後請上傳至hw09資料夾中，資料夾請命名為：hw09-2-學號

並請回覆
(1)作業網址：http://mepopedia.com/~web102-a/hw09/hw09-2-學號
(2)製作心得：

<h3>PSD 2 HTML</h3>
預習與練習
下回介紹
http://blog.spoongraphics.co.uk/tutorials/how-to-create-a-sleek-grid-based-website-design
http://line25http://www.sublimetext.com/3
編輯程式碼
製作完成後請上傳至hw09資料夾中，資料夾請命名為：hw09-2-學號

並請回覆
(1)作業網址：http://mepopedia.com/~web102-a/hw09/hw09-2-學號
(2)製作心得：

<h3>PSD 2 HTML</h3>
預習與練習
下回介紹
http://blog.spoongraphics.co.uk/tutorials/how-to-create-a-sleek-grid-based-website-design
http://line25.com/tutorials/create-a-grid-based-web-design-in-html5-css3
Changed By: JinJin
Change Date: May 23, 2014 01:35PM

[作業09] 網頁探索-切版練習與HTML+CSS設計
<h2>參考講義</h2>
<b>網頁探索-切版練習與HTML+CSS設計</b>
JUDE WANG編輯
http://cute.jude.asia/week-1/

<b>講義整理</b>
http://mepopedia.com/forum/read.php?804,46755

[hr]
<h2>作業</h2>
可以選擇其中一種製作，或每種都製作

[hr]
<h3>切版練習</h3>
檔案下載 http://d.pr/f/iqrv
切版雖然是較舊的技術，但仍然是必學的技術之一，可應用於較小型或個人的網站
製作完成後請上傳至hw09資料夾中，資料夾請命名為：hw09-1-學號

<h3>CssZenGarden CSS編輯與設計</h3>
HTML檔案http://www.csszengarden.com/examples/index
CSS檔案http://www.csszengarden.com/examples/style.css
建議可使用
http://w並請回覆
(1)作業網址：http://mepopedia.com/~web102-a/hw09/hw09-1-學號
(2號
(2)製作心得：
sZenGarden CSS編輯與設計</h3>
HTML檔案http://www.csszengarden.com/examples/index
CSS檔案http://www.csszengarden.com/examples/style.css
建議可使用
http://www.sublimetext.com/
編輯程式碼
製作完成後請上傳至hw09資料夾中，資料夾請命名為：hw09-2-學號

並請回覆
(1)作業網址：http://mepopedia.com/~web102-a/hw09/hw09-2-學號
(2)製作心得：

<h3>PSD 2 HTML</h3>
預習與練習
下回介紹
http://blog.spoongraphics.co.uk/tutorials/how-to-create-a-sleek-grid-based-website-design
http://line25http://www.sublimetext.com/3
編輯程式碼
製作完成後請上傳至hw09資料夾中，資料夾請命名為：hw09-2-學號

並請回覆
(1)作業網址：http://mepopedia.com/~web102-a/hw09/hw09-2-學號
(2)製作心得：

<h3>PSD 2 HTML</h3>
預習與練習
下回介紹
http://blog.spoongraphics.co.uk/tutorials/how-to-create-a-sleek-grid-based-website-design
http://line25.com/tutorials/create-a-grid-based-web-design-in-html5-css3
Changed By: JinJin
Change Date: May 23, 2014 01:32PM

[作業09] 網頁探索-切版練習與HTML+CSS設計
<h2>參考講義</h2>
<b>網頁探索-切版練習與HTML+CSS設計</b>
JUDE WANG編輯

http://cute.jude.asia/week-1/

講義整理</b>
asia/week-1/

<b>講義整理</b>
http://mepopedia.com/forum/read.php?804,46755

[hr]
<h2>作業</h2>
可以選擇其中一種製作，或每種都製作

[hr]
<h3>切版練習</h3>
檔案下載 http://d.pr/f/iqrv
切版雖然是較舊的技術，但仍然是必學的技術之一，可應用於較小型或個人的網站
製作完成後請上傳至hw09資料夾中，資料夾請命名為：hw09-1-學號

<h3>CssZenGarden CSS編輯與設計</h3>
HTML檔案http://www.csszengarden.com/examples/index
CSS檔案http://www.csszengarden.com/examples/style.css
建議可使用
http://w並請回覆
(1)作業網址：http://mepopedia.com/~web102-a/hw09/hw09-1-學號
(2sZenGarden CSS編輯與設計</h3>
HTML檔案http://www.csszengarden.com/examples/index
CSS檔案http://www.csszengarden.com/examples/style.css
建議可使用
http://www.sublimetext.com/
編輯程式碼
製作完成後請上傳至hw09資料夾中，資料夾請命名為：hw09-2-學號

並請回覆
(1)作業網址：http://mepopedia.com/~web102-a/hw09/hw09-2-學號
(2)製作心得：

<h3>PSD 2 HTML</h3>
預習與練習
下回介紹
http://blog.spoongraphics.co.uk/tutorials/how-to-create-a-sleek-grid-based-website-design
http://line25http://www.sublimetext.com/3
編輯程式碼
製作完成後請上傳至hw09資料夾中，資料夾請命名為：hw09-2-學號

並請回覆
(1)作業網址：http://mepopedia.com/~web102-a/hw09/hw09-2-學號
(2)製作心得：

<h3>PSD 2 HTML</h3>
預習與練習
下回介紹
http://blog.spoongraphics.co.uk/tutorials/how-to-create-a-sleek-grid-based-website-design
http://line25.com/tutorials/create-a-grid-based-web-design-in-html5-css3
Changed By: JinJin
Change Date: May 23, 2014 01:31PM

[作業09] 網頁探索-切版練習與HTML+CSS設計
<h2>參考講義</h2>
切版練習與HTML+CSS設計</b>
JUDE WANG編輯
JUDE WANG編輯

http://cute.jude.asia/week-1/


[hr]
熟讀學習網站
<b>W3Schools</b>
http://www.w3schools.com/

若欲javascript:editor_tools_handle_underline()加強自己網頁設計的能力，請同學每天花時間研讀網站上HTML與CSS的部分
必能增加自己的能力。


[hr]
<b>CssZenGarden</b>
http://www.csszengarden.com/

同樣的HTML，改變不同的CSS呈現不同的視覺樣貌

[hr]
推薦設計師
<b>Chris Spooner</b>
http://line25.com/
http://blog.spoongraphics.co.uk/

[hr]
推薦書籍
<b>深入淺出 jQuery</b>
http://www.books.com.tw/products/0010537216

[hr]
<b>響應式設計範例</b>
http://formoz-2013.thewall.tw/
http://www.urock.tw/tickets
http://buyble.com.tw/
http://tripmoment.com/
http://mepopedia.com/forum/read.php?804,46755
edia.com/forum/read.php?804,46755

[hr]
<h2>作業</h2>
可以選擇其中一種製作，或每種都製作

[hr]
<h3>切版練習</h3>
檔案下載 http://d.pr/f/iqrv
切版雖然是較舊的技術，但仍然是必學的技術之一，可應用於較小型或個人的網站
製作完成後請上傳至hw09資料夾中，資料夾請命名為：hw09-1-學號

<h3>CssZenGarden CSS編輯與設計</h3>
HTML檔案http://www.csszengarden.com/examples/index
CSS檔案http://www.csszengarden.com/examples/style.css
建議可使用
http://w並請回覆
(1)作業網址：http://mepopedia.com/~web102-a/hw09/hw09-1-學號
(2sZenGarden CSS編輯與設計</h3>
HTML檔案http://www.csszengarden.com/examples/index
CSS檔案http://www.csszengarden.com/examples/style.css
建議可使用
http://www.sublimetext.com/
編輯程式碼
製作完成後請上傳至hw09資料夾中，資料夾請命名為：hw09-2-學號

並請回覆
(1)作業網址：http://mepopedia.com/~web102-a/hw09/hw09-2-學號
(2)製作心得：

<h3>PSD 2 HTML</h3>
預習與練習
下回介紹
http://blog.spoongraphics.co.uk/tutorials/how-to-create-a-sleek-grid-based-website-design
http://line25http://www.sublimetext.com/3
編輯程式碼
製作完成後請上傳至hw09資料夾中，資料夾請命名為：hw09-2-學號

並請回覆
(1)作業網址：http://mepopedia.com/~web102-a/hw09/hw09-2-學號
(2)製作心得：

<h3>PSD 2 HTML</h3>
預習與練習
下回介紹
http://blog.spoongraphics.co.uk/tutorials/how-to-create-a-sleek-grid-based-website-design
http://line25.com/tutorials/create-a-grid-based-web-design-in-html5-css3

Original Message

作者: JinJin
Date: May 23, 2014 01:26PM

[作業09] 網頁探索-切版練習與HTML+CSS設計

參考講義


JUDE WANG編輯

http://cute.jude.asia/week-1/


[hr]
熟讀學習網站
W3Schools
http://www.w3schools.com/

若欲javascript:editor_tools_handle_underline()加強自己網頁設計的能力，請同學每天花時間研讀網站上HTML與CSS的部分
必能增加自己的能力。


[hr]
CssZenGarden
http://www.csszengarden.com/

同樣的HTML，改變不同的CSS呈現不同的視覺樣貌

[hr]
推薦設計師
Chris Spooner
http://line25.com/
http://blog.spoongraphics.co.uk/

[hr]
推薦書籍
深入淺出 jQuery
http://www.books.com.tw/products/0010537216

[hr]
響應式設計範例
http://formoz-2013.thewall.tw/
http://www.urock.tw/tickets
http://buyble.com.tw/
http://tripmoment.com/
edia.com/forum/read.php?804,46755

[hr]

作業


可以選擇其中一種製作，或每種都製作

[hr]

切版練習


檔案下載 http://d.pr/f/iqrv
切版雖然是較舊的技術，但仍然是必學的技術之一，可應用於較小型或個人的網站
製作完成後請上傳至hw09資料夾中，資料夾請命名為：hw09-1-學號

CssZenGarden CSS編輯與設計


HTML檔案http://www.csszengarden.com/examples/index
CSS檔案http://www.csszengarden.com/examples/style.css
建議可使用
http://w並請回覆
(1)作業網址：http://mepopedia.com/~web102-a/hw09/hw09-1-學號
(2sZenGarden CSS編輯與設計
HTML檔案http://www.csszengarden.com/examples/index
CSS檔案http://www.csszengarden.com/examples/style.css
建議可使用
http://www.sublimetext.com/
編輯程式碼
製作完成後請上傳至hw09資料夾中，資料夾請命名為：hw09-2-學號

並請回覆
(1)作業網址：http://mepopedia.com/~web102-a/hw09/hw09-2-學號
(2)製作心得：

PSD 2 HTML


預習與練習
下回介紹
http://blog.spoongraphics.co.uk/tutorials/how-to-create-a-sleek-grid-based-website-design
http://line25http://www.sublimetext.com/3
編輯程式碼
製作完成後請上傳至hw09資料夾中，資料夾請命名為：hw09-2-學號

並請回覆
(1)作業網址：http://mepopedia.com/~web102-a/hw09/hw09-2-學號
(2)製作心得：

PSD 2 HTML


預習與練習
下回介紹
http://blog.spoongraphics.co.uk/tutorials/how-to-create-a-sleek-grid-based-website-design
http://line25.com/tutorials/create-a-grid-based-web-design-in-html5-css3