Practical Web Design Development- 7 Courses in 1

Practical Web Design & Development: 7 Courses in 1, available at $54.99, has an average rating of 4.6, with 92 lectures, based on 2582 reviews, and has 310187 subscribers.

You will learn about 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 This course is ideal for individuals who are Who wanna learn web design or Who wanna learn HTML5 and CSS3 or Who wanna learn Adobe Photoshop or Who wanna learn practical UI/UX Design or Who wanna learn Mobile UI/UX Design or We wanna learn practical UI/UX Design using Photoshop It is particularly useful for Who wanna learn web design or Who wanna learn HTML5 and CSS3 or Who wanna learn Adobe Photoshop or Who wanna learn practical UI/UX Design or Who wanna learn Mobile UI/UX Design or We wanna learn practical UI/UX Design using Photoshop.

Enroll now: Practical Web Design & Development: 7 Courses in 1

Summary

Title: Practical Web Design & Development: 7 Courses in 1

Price: $54.99

Average Rating: 4.6

Number of Lectures: 92

Number of Published Lectures: 76

Number of Curriculum Items: 92

Number of Published Curriculum Objects: 76

Original Price: $199.99

Quality Status: approved

Status: Live

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

Who Should Attend

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

Target Audiences

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

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.

Course Curriculum

Chapter 1: Practical Web Design using Photoshop

Lecture 1: Introduction to web design using Photoshop

Lecture 2: Setting up Artboards

Lecture 3: Setting the Stage

Lecture 4: Wireframing

Lecture 5: Wireframing UI/UX for Mobile

Lecture 6: Exporting Wireframes

Lecture 7: Designing for Desktops

Lecture 8: Designing for Mobile

Lecture 9: Preparing for Slicing

Lecture 10: Getting started with slicing

Lecture 11: Modifying Slices

Lecture 12: Final words

Chapter 2: Practical HTML5 Basics

Lecture 1: Introduction to HTML

Lecture 2: HTML4 vs. HTML5

Lecture 3: Making your first HTML page

Lecture 4: Tools to create HTML files

Lecture 5: Base HTML Tags

Lecture 6: Paragraph Tags

Lecture 7: Break Tags

Lecture 8: Header Tags

Lecture 9: Bold and Italic Tags

Lecture 10: Ordered and unordered Lists

Lecture 11: Image Tags

Chapter 3: Practical HTML5 Advanced

Lecture 1: Difference between Absolute Links and Relative Links

Lecture 2: Hyperlinking to an external page

Lecture 3: Hyperlinking to an email address

Lecture 4: Hyperlinking to a file in your site

Lecture 5: Playing and controlling audio

Lecture 6: Playing and controlling video

Lecture 7: Embedding a video

Lecture 8: What is a Table – Pros and Cons

Lecture 9: Table properties

Lecture 10: Adding an iFrame

Lecture 11: Adding an iFrame: Part 2

Lecture 12: What is possible with a form using HTML knowledge

Lecture 13: Defining the form

Lecture 14: Text fields and text areas

Lecture 15: Radio buttons and check buttons

Lecture 16: Data input and buttons

Lecture 17: Proper file structure

Lecture 18: Code commenting

Lecture 19: Meta Tags

Chapter 4: Practical CSS3 Basics

Lecture 1: About the class – what you will need

Lecture 2: What is CSS? Why we need it?

Lecture 3: Whats new in CSS3

Lecture 4: CSS Selectors, properties and attributes

Lecture 5: ID Selectors

Lecture 6: Class Selectors

Lecture 7: Element Selectors

Lecture 8: All Selectors

Lecture 9: Inline style sheets

Lecture 10: External style sheets

Lecture 11: Inline styles

Chapter 5: Practical CSS3 Advanced

Lecture 1: The Box Model

Lecture 2: Adding Color

Lecture 3: Working with fonts

Lecture 4: Background images

Lecture 5: Background Images: Part 2

Lecture 6: Styling links

Lecture 7: Styling ID Tags

Lecture 8: Float and clear

Lecture 9: Block and inline elements

Lecture 10: Positioning

Chapter 6: Web Design Basics

Lecture 1: 9 Rules of better web design

Lecture 2: Color Theory for Web Designers

Chapter 7: Practical Bootstrap

Lecture 1: Why Bootstrap?

Lecture 2: Download Bootstrap

Lecture 3: Adding Bootstrap in your site

Lecture 4: Creating the navigation

Lecture 5: Creating the navigation: Part 2

Lecture 6: Creating the navigation: Part 3

Lecture 7: Creating containers

Lecture 8: Styling images

Lecture 9: Creating the footer

Lecture 10: Adding styled buttons

Chapter 8: Practical Bootstrap Advanced

Lecture 1: Adding Google Maps

Instructors

Creative Online School
Creative & Engaging Online Courses

Rating Distribution

1 stars: 60 votes

2 stars: 94 votes

3 stars: 433 votes

4 stars: 954 votes

5 stars: 1041 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!