Master in Practical Web design and development using Photoshop, HTML5, CSS3, Bootstrap and more.

What you will learn

Will be able to design web page using Photoshop

Will be able to design & dev web page using HTML5

Will be able to design web page using CSS3

Will be able to create responsive web design

Will be able to create Mobile Friendly Web Design

Will be able to create stunning pages using Bootstrap

Description

Our students say about this course …

“… I must say that until now, this is the only course that speaks and about  Photoshop. Other courses are speaking  (except HTML, CSS) about  Bootstrap or about Javascript. I think it worth to see this course.” — Elias Katsan

“The instructor is very informative and shows obstacles students may run into while designing a website.”Emeka Nwadiogbu

“Great course! I learnt a little but more of programming. Thanks!” –– David Laso Martín

“It was a great course for me. I learn many thing from this course. Thanks” — JR Jul-Haque Rahman

“This course is cover all the things to create a website using photoshop.” — Viraj Shah

By completing this course, you will become a master in  Web Design Technologies like Practical web design using Photoshop, HTML5, CSS3, Adobe Photoshop, and more. This course gives you hands-on and practical experience on detailed HTML5,  CSS3, Adobe Photoshop, and more.

Contents of this tutorial #

Practical web design using Photoshop

  • Introduction to web design using Photoshop
  • Setting Artboards
  • Setting the stage
  • Wireframing
  • Wireframing UI/UX for Mobile
  • Exporting Wireframes
  • Designing for Desktops
  • Preparing for Slicing
  • Final words

Interactive HTML5: Basics

  • Introduction to HTML
  • HTML4 vs. HTML5
  • Making your first HTML page
  • Tools to create HTML files
  • Base HTML Tags
  • Paragraph Tags
  • Break Tags
  • Header Tags
  • Bold and Italic Tags
  • Ordered and unordered Lists

Interactive HTML5: Advanced

  • Difference between Absolute Links and Relative Links
  • Hyperlinking to an external page
  • Hyperlinking to an email address
  • Hyperlinking to a file in your site
  • Playing and controlling audio
  • Playing and controlling video
  • Embedding a video
  • Whats is a Table – Pros and Cons
  • Table properties
  • Adding an iFrame
  • Adding an iFrame: Part 2
  • What is possible with a form using on HTML knowledge
  • Defining the form
  • Text fields and text areas
  • Radio buttons and check buttons
  • Data input and buttons
  • Proper file structure
  • Code commenting
  • Meta tags

Interactive CSS3: Basics

  • What is CSS? Why we need it?
  • What’s new in CSS3
  • CSS Selectors, properties and attributes
  • ID Selectors
  • Class Selectors
  • Element Selectors
  • All Selectors
  • Inline style sheets
  • External Style sheets

Interactive CSS3: Advanced

  • The Box model
  • Adding Color
  • Working with fonts
  • Background images
  • Styling ID tags
  • Float and Clear
  • Block and inline elements
  • Positioning
  • Adding the elements

Interactive Bootstrap: Basic

  • Why Bootstrap?
  • Downloading Bootstrap
  • Adding Bootstrap in your site
  • Creating navigation: Part 1
  • Creating navigation: Part 2
  • Creating navigation: Part 3
  • Styling images
  • Creating the footer
  • Adding styled buttons

Learning HTML5, CSS3, and Adobe Photoshop is one of the fastest ways to improve your career, especially on web design and development.

We hope this course will be used as a helping hand for your prospective career. Please dig on free preview videos for more information.

English

Language

Content

Practical Web Design using Photoshop

Introduction to web design using Photoshop

Setting up Artboards

Setting the Stage

Wireframing

Wireframing UI/UX for Mobile

Exporting Wireframes

Designing for Desktops

Designing for Mobile

Preparing for Slicing

Getting started with slicing

Modifying Slices

Final words

Practical HTML5 Basics

Introduction to HTML

HTML4 vs. HTML5

Making your first HTML page

Tools to create HTML files

Base HTML Tags

Paragraph Tags

Break Tags

Header Tags

Bold and Italic Tags

Ordered and unordered Lists

Image Tags

Practical HTML5 Advanced

Difference between Absolute Links and Relative Links

Hyperlinking to an external page

Hyperlinking to an email address

Hyperlinking to a file in your site

Playing and controlling audio


Subscribe to latest coupons on our Telegram channel.

Playing and controlling video

Embedding a video

What is a Table – Pros and Cons

Table properties

Adding an iFrame

Adding an iFrame: Part 2

What is possible with a form using HTML knowledge

Defining the form

Text fields and text areas

Radio buttons and check buttons

Data input and buttons

Proper file structure

Code commenting

Meta Tags

Practical CSS3 Basics

About the class – what you will need

What is CSS? Why we need it?

What’s new in CSS3

CSS Selectors, properties and attributes

ID Selectors

Class Selectors

Element Selectors

All Selectors

Inline style sheets

External style sheets

Inline styles

Practical CSS3 Advanced

The Box Model

Adding Color

Working with fonts

Background images

Background Images: Part 2

Styling links

Styling ID Tags

Float and clear

Block and inline elements

Positioning

Web Design Basics

9 Rules of better web design

Color Theory for Web Designers

Practical Bootstrap

Why Bootstrap?

Download Bootstrap

Adding Bootstrap in your site

Creating the navigation

Creating the navigation: Part 2

Creating the navigation: Part 3

Creating containers

Styling images

Creating the footer

Adding styled buttons