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

Advanced

[作業10] PSD 2 HTML

[作業10] PSD 2 HTML

1. 參考講義


網頁探索- 網頁探索-PSD 2 HTML
JUDE WANG編輯
http://cute.jude.asia/week-2/

講義整理--[講義] 網頁探索-PSD 2 HTML
http://mepopedia.com/forum/read.php?804,46854

[hr]

2. 作業說明


以以下PSD檔,將欲使用的圖檔切片存檔使用
開新資料夾為 hw10,內含img、css、js等資料夾,將轉存的圖檔存於img資料夾中
盡可能的參照PSD的架構撰寫出html檔
上傳備用

[hr]
PSD練習檔下載
http://goo.gl/TemDGG

[hr]
於PSD中選擇欲輸出的圖檔
1.於圖層中按右鍵→複製圖層→新增
2.於新檔案中→影像→修剪

有不同的圖層可以ctrl連選

[hr]
Sublime Text 3編輯器下載
http://www.sublimetext.com/3

PACKAGE CTRL INSTALLATION
https://sublime.wbond.net/installation

Emmet
http://emmet.io/

[hr]
並請回覆
(1)作業網址:http://mepopedia.com/~web102-c/hw10/hw10-學號
(2)製作心得:



Edited 2 time(s). Last edit at 05/31/2014 10:56PM by JinJin.
(編輯記錄)