webdesign:slicetool
Differences
This shows you the differences between two versions of the page.
Both sides previous revisionPrevious revisionNext revision | Previous revision | ||
webdesign:slicetool [2015/05/15 13:08] – [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 59: | Line 59: | ||
* Auto Slice: Gray Box | * Auto Slice: Gray Box | ||
==== Convert PSD to HTML ==== | ==== Convert PSD to HTML ==== | ||
- | | + | Basic Changes: |
- | - Step2: Using tool to get all color in PNG 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 |
+ | - 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 | ||
+ | Other Changes: | ||
+ | * Add some new HTML element base on PSD design | ||
+ | * Add javascript to add some other effects for website |
webdesign/slicetool.1431695335.txt.gz · Last modified: 2022/10/29 16:15 (external edit)