Differences

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

--- webdesign:slicetool [2015/05/15 13:08] – [How to know what the guides and slice types were created?] admin
+++ webdesign:slicetool [2015/05/15 13:26] – [Convert PSD to HTML] admin
@@ Line 59: / Line 59: @@
   * Auto Slice: Gray Box
 ==== Convert PSD to HTML ====
-  - Step1: Save PSD to PNG or JPG file
+Basic Changes:
-  - Step2: Using tool to get all color in PNG file
+  - Step1: Save **PSD to PNG or JPG file**
-  - Step3: Using template with HTML and Javascript availabe which suitable with the design, and replace colors in HTML with colors in design
+  - Step2: Using tool to **get all color in PNG file**
-  - Step4: Update some image from design to images in template to finish the design
+  - 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