Differences

This shows you the differences between two versions of the page.

--- webdesign:slicetool [2014/10/06 23:21] – [experiences] admin
+++ webdesign:slicetool [2015/05/15 13:26] – [Convert PSD to HTML] admin
@@ Line 54: / Line 54: @@
   - Click Promote in the options bar.
 ===== experiences =====
-==== How to know what were the guides and slice types created? ====
+==== How to know what the guides and slice types were created? ====
+Slice Types:
+  * User Slice: Blue Box
+  * Auto Slice: Gray Box
+==== Convert PSD to HTML ====
+Basic Changes:
+  - Step1: Save **PSD to PNG or JPG file**
+  - Step2: Using tool to **get all color in PNG file**
+  - Step3: Using **template with HTML layout and Javascript availabe** which suitable with the design, and **replace colors** in HTML with colors in PSD design
+  - Step4: Change layout of template base on layout of PSD design
+  - Step5: Using slice tool to **slice some images** in psd file
+  - Step6: Update some images from design to images in template to finish the design
+Other Changes:
+  * Add some new HTML element base on PSD design
+  * Add javascript to add some other effects for website