PSD to HTML from Scratch - Complete Course
Create PSD Template then Convert it into HTML5 CSS3 Bootstrap - Learn How to Design your Web Theme in Photoshop
What will i learn?
Description
PSD to HTML Course Outline
Section One - Make a Work Flow
- Download 12 Columns Grid System
- Create Header Section add Logo and Navigation bar
- Main Section - Tow Columns
- Feature - Three Columns
- About Single
- Footer Widget Two Col
- Footer bar
- Header - Create logo Add Background color Add Menu-bar
- Main - Add Title Description Button and Thumbnail
- Feature - Add 3 Columns Thumbnail Description plus Button.
- Widget - Important Links and Contact Us Form
- Footer - Add copyright final text
- Get PSD template information like images, text size, colors etc.
- Software Installation - Nodejs - Atom - Git bash
- Manage contents
- Add Source code to index file
- Create Header section add navigation brand code
- Add row and columns code for main section
- Create Feature section with images and buttons
- Add About us with description in the html with style
- Create links and contact us form in the widget
- finalize it with footer section
Comments
Post a Comment