[講義] 網頁探索-PSD 2 HTML (no replies)

1. 參考講義

網頁探索-PSD 2 HTML
JUDE WANG編輯

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

---

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

---

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

有不同的圖層可以ctrl連選

---

---

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

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

Emmet
http://emmet.io/

---

Tools→Commant Palette

---

CSS Selector Reference
http://www.w3schools.com/cssref/css_selectors.asp

Learn CSS Positioning in Ten Steps
http://www.barelyfitz.com/screencast/html-training/css/positioning/

CSS Float
http://www.w3schools.com/css/css_float.asp

CSS IMAGE REPLACEMENT MUSEU
http://css-tricks.com/examples/ImageReplacement/

The difference between a UX Designer and UI Developer
http://asinthecity.com/2011/11/10/the-difference-between-a-ux-designer-and-ui-developer/