Differences

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

--- webdesign:slicetool [2014/10/06 23:39] – [How to know what the guides and slice types were created?] admin
+++ webdesign:slicetool [2022/10/29 16:15] (current) – external edit 127.0.0.1
@@ Line 55: / Line 55: @@
 ===== experiences =====
 ==== 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