Practical Web Design & Development: 7 Courses in 1

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

4.19 (2322 reviews)
Udemy
platform
English
language
Web Development
category
283,639
students
5.5 hours
content
Mar 2022
last update
$199.99
regular price

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

  • Adding Google Maps


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.

Screenshots

Practical Web Design & Development: 7 Courses in 1 - Screenshot_01Practical Web Design & Development: 7 Courses in 1 - Screenshot_02Practical Web Design & Development: 7 Courses in 1 - Screenshot_03Practical Web Design & Development: 7 Courses in 1 - Screenshot_04

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
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

Reviews

Jac
April 14, 2022
really good, I'm learning very useful tips and tricks. Also, really handy tools to work more effectively.
Imran
April 10, 2022
This is nice course. but this is not a development course.this is only a web front end design course, whice is only for beginner..
Rachael
January 11, 2022
I love the practical approach to this design and am pretty sure to practice too. Thanks for the class so far
Akshay
December 29, 2021
Complete knowledge about web development. Practical knowledge about how to make website by using different tools.
Aditi
October 9, 2021
I was recommended for this course by one of my well wishers and I thank him a lot for this because I found it worth my desire of learning different machine languages in field of computer science. The way of teaching is awesome!!! THANKS
March
September 26, 2021
im learned at lot in this course and i was recalled all the basics on web design during my first year college and thanks a lot of this online courses.
Alexis
August 25, 2021
fue una buena elección, lo recomiendo mucho ya que sirve tanto para principiantes como a quienes tiene fundamentos y quieren actualizarse en el tema
Dia
May 18, 2021
The explanation is good and easier to follow though you are sometimes coming back with added things without showing how you didnt them making the learn try to figure them out before they proceed. otherwise great work
Chris
May 13, 2021
I was looking to make sure there were no gaps in my basic knolledge, but i think this was a little to basic for my level. It was free when i got it so. There were multiple times when the tutor said something wrong pau sed and then started again. Better editing to remove the mistake would have made the sessions better. Incorrectly labeled toppics. Too many very short, eg 2 min toppics with, good chunk of the toppic is then the intro/outro screen.
Shivam
December 29, 2020
Audio quality is poor Unable to read text Not clear voice Not clearly understand the audio of the speaker
HEXSON
December 12, 2020
The course has opened my mind on how can i be effective in creating websites and frankly speaking its complete course with alot of studying materials
Stanzin
June 27, 2020
Really helpful and easy to understand, Good for beginners and also those who want to revise the forgotten parts of web design.
Kh
June 19, 2020
Audio quality should be improved. Even at full volume, the voice of the instructor is hardly audible in videos of HTML.
Subathra
June 18, 2020
Such a great course for me. I learn many things from this course. Instructor is also very informative Thanks --
Ryan
June 15, 2020
I'm in love with this course. This course covers the vital concepts and makes them look so easy, that we can grasp it with full confidence. Kudos to the Udemy team and the professor...

Charts

Price

Practical Web Design & Development: 7 Courses in 1 - Price chart

Rating

Practical Web Design & Development: 7 Courses in 1 - Ratings chart

Enrollment distribution

Practical Web Design & Development: 7 Courses in 1 - Distribution chart

Coupons

DateDiscountStatus
7/3/2019100% OFF
expired
11/22/2019100% OFF
expired
2/14/202095% OFF
expired
3/6/2020100% OFF
expired
4/11/202095% OFF
expired
4/22/2020100% OFF
expired
5/9/2020100% OFF
expired
6/12/2020100% OFF
expired
6/29/2020100% OFF
expired
7/23/2020100% OFF
expired
8/17/2020100% OFF
expired
8/29/2020100% OFF
expired
9/14/2020100% OFF
expired
10/9/2020100% OFF
expired
11/4/2020100% OFF
expired
11/22/2020100% OFF
expired
12/10/2020100% OFF
expired
12/27/2020100% OFF
expired
1/12/2021100% OFF
expired
2/2/2021100% OFF
expired
2/28/202195% OFF
expired
3/5/2021100% OFF
expired
4/5/2021100% OFF
expired
5/5/2021100% OFF
expired
6/5/2021100% OFF
expired
7/5/2021100% OFF
expired
8/5/2021100% OFF
expired
9/5/2021100% OFF
expired
10/5/2021100% OFF
expired
11/5/2021100% OFF
expired
11/24/2021100% OFF
expired
12/5/2021100% OFF
expired
1/5/2022100% OFF
expired
2/5/2022100% OFF
expired
3/3/2022100% OFF
expired
3/23/2022100% OFF
expired
4/4/2022100% OFF
expired
4/20/2022100% OFF
expired
5/5/2022100% OFF
expired
5/20/2022100% OFF
expired
6/5/2022100% OFF
expired
6/23/202294% OFF
expired

Related Topics

1731874
udemy ID
6/5/2018
course created date
6/15/2019
course indexed date
Bot
course submited by