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

Advanced

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

1. 參考講義


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

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



2. 作業


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



1. 切版練習


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

並請回覆
(1)作業網址:http://mepopedia.com/~web102-c/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/
編輯程式碼
製作完成後請上傳至hw09資料夾中,資料夾請命名為:hw09-2-學號

並請回覆
(1)作業網址:http://mepopedia.com/~web102-c/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



Edited 1 time(s). Last edit at 05/23/2014 01:34PM by JinJin.
(編輯記錄)

(1)作業網址:http://mepopedia.com/~web102-c/hw09/hw09-1-1015445219
(2)製作心得:這樣就能把之前在photoshop排的做出來了,真的是太棒了,好好玩 smiling bouncing smiley

(1)作業網址:http://mepopedia.com/~web102-c/hw09/hw09-1-1015445218
(2)製作心得:這個做法真的超好用的,看到都嚇傻了呢哈哈哈
希望可以在多學一些不同的方式^^

(1)作業網址:http://mepopedia.com/~web102-c/hw09/hw09-2-1015445212
(2)製作心得:發現自己根本無法獨力完成CSS語法 還是拿之前做的改sad smiley

(1)作業網址:http://mepopedia.com/~web102-c/hw09/hw09-1-1015445261
(2)製作心得:切了一段時間,這種方法很方便,可以輕鬆做出一個簡單的網頁
但是沒有動畫效果,覺得還是CSS變化性較高

(1)作業網址:http://mepopedia.com/~web102-c/hw09/hw09-1-1015445271
(2)製作心得:終於會了一個比較輕鬆簡單明瞭做網頁的方式了...感動!!

並請回覆
(1)作業網址:http://mepopedia.com/~web102-c/hw09/hw09-1-1015445252
(2)製作心得: 能夠用這麼簡單的方式做出網頁實在不可思議...
想多學學可以快速做出網頁的方法
並且是有質感的~

(1)作業網址:http://mepopedia.com/~web102-c/hw09/hw09-1-1015445234
(2)製作心得:這個做法還蠻好用的只是很費工

(1)作業網址:http://mepopedia.com/~web102-c/hw09/hw09-1-1015445208
(2)製作心得:用photoshop排版做成網頁真的很方便

(1)作業網址:http://mepopedia.com/~web102-c/hw09/hw09-1015445207
(2)製作心得:結束



Edited 2 time(s). Last edit at 06/18/2014 02:42AM by FF.
(編輯記錄)

(1)作業網址:http://mepopedia.com/~web102-c/hw09/hw09-1-1015445213
(2)製作心得:這樣就能把之前在photoshop排的做出來了,還不錯

(1)作業網址:http://mepopedia.com/~web102-c/hw09/hw09-1-1015445254
(2)製作心得:切板很方便又迅速,又學會一種方式製作網頁了。