PSD to HTML | E-commerce PSD | Using HTML5 Boilerplate | English

Instructor: Rifat M Huq

1713 22

Hi, I'm Rifat M Huq, you can call me Rifat. I specialize in User Interfaces, Graphic Design, Responsive Web Design, Front-end Development, Brand Identity, Digital Marketing, and Project Management. I enjoy work that allows for more user empathy and creativity.I have solid 5 years of practical experience in online and offline teaching, trained almost 5030+ students all over the world. Also, I have started my freelancing career 3 years ago… Read More

TK 0

Course Curriculum

Lesson 1: PSD to HTML - Course Overview

Lesson 2: Overview of PSD Templates

Lesson 3: Folder Standardization

Lesson 4: Intro of Text Editor

Lesson 5: Intro of Adobe Photoshop

Lesson 6: Gathering Assets & Saving For Web

Lesson 7: Intro of HTML5 Boilerplate

Lesson 8: Coding an HTML Markup with Comments

Lesson 9: Coding the Top Bar, Header, Navigation & Cart Section

Lesson 10: Coding the Slider Section

Lesson 11: Coding the Service Section

Lesson 12: Coding the Portfolio Section

Lesson 13: Coding the Blog Section

Lesson 14: Coding the Footer Section

Lesson 15: Validating the HTML Code

Lesson 16: Adding & Integrating Normalize CSS using HTML5 Boilerplate

Lesson 17: Create & Generate CSS, Adding & Integrating Font

Lesson 18: Adding & Integrating Stylesheet

Lesson 19: Styling the Top Bar Section

Lesson 20: Styling the Header, Navigation & Cart Section

Lesson 21: Styling the Slider Section

Lesson 22: Styling the Service Section

Lesson 23: Styling the Portfolio Section - Part 1

Lesson 24: Styling the Portfolio Section - Part 2

Lesson 25: Styling the Blog Section

Lesson 26: Styling the Footer Top Section

Lesson 27: Styling the Footer Middle Section

Lesson 28: Styling the Footer Bottom Section

Lesson 29: Validating the CSS Code

Lesson 30: Furnishing the Final Part

PSD to HTML | E-commerce PSD | Using HTML5 Boilerplate | English

Hello Everyone! In this PSD to HTML tutorial, you will learn how to convert the E-commerce PSD to HTML. I will try my best to guide you through the whole thing. I'm going to take you through my entire process from scratch and by the end, you will have an awesome and fully functional E-commerce webpage. In general, “PSD to HTML” is a workflow. First, a web page is designed in a Photoshop Document (PSD) and then converted to code… Read More

Features

*What is PSD template *Folder Standardization *Text Editor *Adobe Photoshop *Gathering Assets & Saving For Web *HTML5 Boilerplate *Coding an HTML Markup with Comments *Coding and Styling the Top Bar, Header, Navigation & Cart Section *Coding the Slider Section *Coding the Portfolio Section *Coding the Blog Section *Coding the Footer Section *Validating the HTML Code *Adding & Integrating Normalize CSS using HTML5 Boilerplate *Styling the Footer Section *Furnishing the Final Part Read More

Instructor's Reviews

5.0 (2)
User Profile

hosnaarakolly 21 Jun, 2019

5

Best Instructor!

User Profile

instructory 26 Jun, 2019

5

It's an awesome initiative by the Instructor! And the learners who want to be a web designer & start from the beginning, this course tutorial is really a fabulous one.

Having problem to upload your course videos or, buy tutorials from genius instructors?