PSD to HTML from Scratch - Complete Course
Video: 720p | Duration: 3.5h | Language: English
Learn from my best video training tutorial of PSD to HTML from Scratch - Complete Course. It is start from very beginning to advanced level. First, I created a Work Flow. After that I design my PSD web template in Photoshop. Then I converted it into HTML5 CSS3 Bootstrap 4.
What Will I Learn?
- Become an expert in creating work flow for PSD template
- Able to create PSD web Template
- Master in Conversion from PSD to HTML5 CSS3 Bootstrap 4
- Become well familiar about Photoshop HTML CSS & Bootstrap
Section One - Make a Work Flow
- Download 12 Columns Grid System
- Create Header Section add Logo & Navigation bar
- Main Section - Tow Columns
- Feature - Three Columns
- About Single
- Footer Widget Two Col
- Footer bar
Section Two - Create Books PSD Web Template
- Header - Create logo Add Background color Add Menu-bar
- Main - Add Title Description Button & Thumbnail
- Feature - Add 3 Columns Thumbnail Description plus Button.
- Widget - Important Links & Contact Us Form
- Footer - Add copyright final text
Section There - Convert into HTML5 CSS3 Bootstrap 4
- 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 & columns code for main section
- Create Feature section with images & 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
TO MAC USERS: If RAR password doesn't work, use this archive program:
RAR Expander 0.8.5 Beta 4 and extract password protected files without error.
TO WIN USERS: If RAR password doesn't work, use this archive program:
Latest Winrar and extract password protected files without error.