[作業09] 網頁探索-切版練習與HTML+CSS設計 1. 參考講義2. 作業2.1 切版練習2.2 CssZenGarden CSS編輯與設計2.3 PSD 2 HTML1. 參考講義 網頁探索-切版練習與HTML+CSS設計 JUDE WANG編輯 http://cute.jude.asia/week-1/ 講義整理 http://mepopedia.com/forum/read.php?804,46755 [hr] 2. 作業 可以選擇其中一種製作，或每種都製作 [hr] 1. 切版練習 檔案下載 http://d.pr/f/iqrv 切版雖然是較舊的技術，但仍然是必學的技術之一，可應用於較小型或個人的網站 製作完成後請上傳至hw09資料夾中，資料夾請命名為：hw09-1-學號 並請回覆 (1)作業網址：http://mepopedia.com/~web102-a/hw09/hw09-1-學號 (2)製作心得： 2. CssZenGarden CSS編輯與設計 HTML檔案http://www.csszengarden.com/examples/index CSS檔案http://www.csszengarden.com/examples/style.css 建議可使用 http://www.sublimetext.com/3 編輯程式碼 製作完成後請上傳至hw09資料夾中，資料夾請命名為：hw09-2-學號 並請回覆 (1)作業網址：http://mepopedia.com/~web102-a/hw09/hw09-2-學號 (2)製作心得： 3. 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 http://mepopedia.com/forum/read.php?1650,46754,46754#msg-46754 Tue, 28 Jul 2026 10:02:44 +0800 Phorum 5.2.7 http://mepopedia.com/forum/read.php?1650,46754,47968#msg-47968 Re: [作業09] 網頁探索-切版練習與HTML+CSS設計 http://mepopedia.com/forum/read.php?1650,46754,47968#msg-47968 (2)製作心得： 記得以前有學過類似這樣的網頁製作，而這次用切版的方式好像更快更方便了。

學號1015445015]]> 1015445015 102-2《中國》竹視傳二A-進階網頁設計 Sun, 22 Jun 2014 23:53:31 +0800 http://mepopedia.com/forum/read.php?1650,46754,47090#msg-47090 Re: [作業09] 網頁探索-切版練習與HTML+CSS設計 http://mepopedia.com/forum/read.php?1650,46754,47090#msg-47090 (2)製作心得：]]> usa200ps 102-2《中國》竹視傳二A-進階網頁設計 Thu, 05 Jun 2014 19:55:58 +0800 http://mepopedia.com/forum/read.php?1650,46754,46999#msg-46999 Re: [作業09] 網頁探索-切版練習與HTML+CSS設計 http://mepopedia.com/forum/read.php?1650,46754,46999#msg-46999 (2)製作心得：快速的製作網頁~做第一個連結及圖片]]> light 102-2《中國》竹視傳二A-進階網頁設計 Mon, 02 Jun 2014 18:31:26 +0800 http://mepopedia.com/forum/read.php?1650,46754,46982#msg-46982 Re: [作業09] 網頁探索-切版練習與HTML+CSS設計 http://mepopedia.com/forum/read.php?1650,46754,46982#msg-46982 (2)製作心得：原來還有這招...以前沒學過哈哈...好像還不錯用~]]> 1015445035 102-2《中國》竹視傳二A-進階網頁設計 Sat, 31 May 2014 22:47:23 +0800 http://mepopedia.com/forum/read.php?1650,46754,46841#msg-46841 Re: [作業09] 網頁探索-切版練習與HTML+CSS設計 http://mepopedia.com/forum/read.php?1650,46754,46841#msg-46841 (1)作業網址：http://mepopedia.com/~web102-a/hw09/hw09-1-1015445039/home.html
(2)製作心得： 只改了home，HTML裡夾了好多東西看了好討厭阿!!!很久沒碰DW的感覺好陌生。

作業二是..
[IMG]http://i.imgur.com/6YRJoS3.png[/IMG]
yay
[/size]]]> 金桔 102-2《中國》竹視傳二A-進階網頁設計 Tue, 27 May 2014 02:47:58 +0800 http://mepopedia.com/forum/read.php?1650,46754,46839#msg-46839 Re: [作業09] 網頁探索-切版練習與HTML+CSS設計 http://mepopedia.com/forum/read.php?1650,46754,46839#msg-46839 (2)製作心得：沒有想到做一個網頁可以這麼快的就完成了!真得很神奇，但是感覺滿陽春的XD]]> Yirou 102-2《中國》竹視傳二A-進階網頁設計 Tue, 27 May 2014 01:18:36 +0800 http://mepopedia.com/forum/read.php?1650,46754,46834#msg-46834 Re: [作業09] 網頁探索-切版練習與HTML+CSS設計 http://mepopedia.com/forum/read.php?1650,46754,46834#msg-46834 (2)製作心得：連結以最上面第一個（HOME）連結至google.com做範例。]]> lin yi 102-2《中國》竹視傳二A-進階網頁設計 Mon, 26 May 2014 22:30:42 +0800 http://mepopedia.com/forum/read.php?1650,46754,46829#msg-46829 Re: [作業09] 網頁探索-切版練習與HTML+CSS設計 http://mepopedia.com/forum/read.php?1650,46754,46829#msg-46829 (2)製作心得： 雖然以前有學過類似的但這次教得好像比較迅速也蠻方便的。只連了一些網站...]]> 李凌岑 102-2《中國》竹視傳二A-進階網頁設計 Mon, 26 May 2014 20:41:04 +0800 http://mepopedia.com/forum/read.php?1650,46754,46825#msg-46825 Re: [作業09] 網頁探索-切版練習與HTML+CSS設計 http://mepopedia.com/forum/read.php?1650,46754,46825#msg-46825
製作心得： 覺得網頁沒想到可以用這麼簡單的方式來做，只要改一改，用一用連結就可，就覺得好方便喔~~以前都不知道可以這樣做!!!
真的很酷拉拉~~~
有一些圖片有改過喲!!~和一些連結也可連進去喔，還有字也從英文改成中文囉!!~]]> 蘭雅涵 102-2《中國》竹視傳二A-進階網頁設計 Mon, 26 May 2014 19:12:45 +0800 http://mepopedia.com/forum/read.php?1650,46754,46754#msg-46754 [作業09] 網頁探索-切版練習與HTML+CSS設計 http://mepopedia.com/forum/read.php?1650,46754,46754#msg-46754
  1. 1. 參考講義
  2. 2. 作業
  3. 2.1 切版練習
  4. 2.2 CssZenGarden CSS編輯與設計
  5. 2.3 PSD 2 HTML

1. 參考講義


網頁探索-切版練習與HTML+CSS設計
JUDE WANG編輯
http://cute.jude.asia/week-1/

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

[hr]

2. 作業


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

[hr]

1. 切版練習


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

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

2. CssZenGarden CSS編輯與設計


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

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

3. 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]]> JinJin 102-2《中國》竹視傳二A-進階網頁設計 Fri, 23 May 2014 13:26:35 +0800