How to PSD file Convert to Webpage || East Teach

Posted by on

How to PDS file or Website Template Convert into HTML and CSS Web Page.?

Just Follow Steps:


1) I Make simple Website Template in Adobe Photoshop. You can also Download Templates in PDS file in Freepik.com or other websites.
.........................................................................................................................................


2) In this Step We Use Slice Tool. This tool is used for Cutting or Take a Boxes in the Image. Then We can Easily Attached the Hyperlink with Image.
................................................................................................................................................


3) Now we have take a Boxes with Slice Tool. Which we have Hyperlink. and its Ready for Export.
E,g,  Take a Box for website Logo. When we click on logo the its go to the Home page. It's Hyperlink with Home Page of Website.
.............................................................................................................................................................


4) In this Step we have Export the page as Web Page. 
  • Go to the File Menu
  • In File Menu Find Save For Web command and Click it.
..................................................................................................................................................


5) When we click on Save for Web command. Then it will be Open a Popup window as it see. In here you Can be Edit as you wish. Now we have a Click on Save Button.
......................................................................................................................................................


6) When we click on Save Button. Then it will be Open another window. In here First Select the Type or Format of a Webpage. Second Add a name of Webpage. When its Ready then Click on Save Button.
.....................................................................................................................................................


7) This is Last Step. this is your Save File. One is Index means Home page of Website other one is Image Folder of a Website. 
  1. Before You upload these to the server.
  2. Copy the Both or Open these in Adobe Dreamweaver. Open Dreamweaver and Set the Hyperlinks.  sorry for Spill Mistakes. :).
I hope you Like that. So please Share this and Comment on it :)

Comments

Post a Comment