->

PSD to HTML from Scratch - Complete Course
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

 

PSD to HTML from Scratch - Complete Course


 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.


 Unity   |  




rss