Practical Web Design & Development: 7 Courses in 1
4.2 (1,067 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
119,203 students enrolled

Practical Web Design & Development: 7 Courses in 1

Master in Practical Web design and development using Photoshop, HTML5, CSS3, and more.
4.2 (1,065 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
119,200 students enrolled
Last updated 2/2019
English
English [Auto]
Current price: $129.99 Original price: $199.99 Discount: 35% off
1 day left at this price!
30-Day Money-Back Guarantee
This course includes
  • 5 hours on-demand video
  • 2 articles
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • Will be able to desing 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
Course content
Expand all 75 lectures 05:12:15
+ Practical Web Design using Photoshop
12 lectures 01:14:19
Setting up Artboards
08:04
Setting the Stage
02:44
Wireframing
09:22
Wireframing UI/UX for Mobile
08:42
Exporting Wireframes
04:56
Designing for Desktops
08:13
Designing for Mobile
08:03
Preparing for Slicing
01:00
Getting started with slicing
12:05
Modifying Slices
07:58
Final words
01:11
+ Practical HTML5 Basics
11 lectures 45:27
Making your first HTML page
04:23
Tools to create HTML files
03:14
Base HTML Tags
05:59
Paragraph Tags
03:06
Break Tags
02:29
Header Tags
05:23
Bold and Italic Tags
04:18
Ordered and unordered Lists
04:07
Image Tags
05:30
+ Practical HTML5 Advanced
19 lectures 01:07:13
Hyperlinking to an external page
04:25
Hyperlinking to an email address
01:22
Hyperlinking to a file in your site
02:00
Playing and controlling audio
04:43
Playing and controlling video
03:57
Embedding a video
03:47
What is a Table - Pros and Cons
01:31
Table properties
05:37
Adding an iFrame
04:00
Adding an iFrame: Part 2
02:58
What is possible with a form using HTML knowledge
01:41
Defining the form
01:34
Text fields and text areas
02:09
Radio buttons and check buttons
06:03
Data input and buttons
03:24
Proper file structure
04:23
Code commenting
04:20
Meta Tags
04:01
+ Practical CSS3 Basics
11 lectures 28:38
What is CSS? Why we need it?
02:22
What's new in CSS3
04:15
CSS Selectors, properties and attributes
01:19
ID Selectors
01:21
Class Selectors
01:41
Element Selectors
01:25
All Selectors
01:26
Inline style sheets
06:38
External style sheets
03:26
Inline styles
03:36
+ Practical CSS3 Advanced
10 lectures 47:59
The Box Model
04:48
Adding Color
05:11
Working with fonts
04:42
Background images
03:02
Background Images: Part 2
04:26
Styling links
04:55
Styling ID Tags
02:38
Float and clear
07:26
Block and inline elements
03:04
Positioning
07:47
+ Web Design Basics
2 lectures 01:54
9 Rules of better web design
00:12
Color Theory for Web Designers
01:42
+ Practical Bootstrap
10 lectures 46:45
Why Bootstrap?
02:37
Download Bootstrap
03:10
Adding Bootstrap in your site
03:52
Creating the navigation
05:09
Creating the navigation: Part 2
05:24
Creating the navigation: Part 3
06:57
Creating containers
10:00
Styling images
02:01
Creating the footer
03:55
Adding styled buttons
03:40
Requirements
  • No prior knowledge required
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.




Who this course is for:
  • Who wanna learn web design
  • Who wanna learn HTML5 and CSS3
  • Who wanna learn Adobe Photoshop
  • Who wanna learn practical UI/UX Design
  • Who wanna learn Mobile UI/UX Design
  • We wanna learn practical UI/UX Design using Photoshop