PRACTICAL WEB DESIGN & DEVELOPMENT: 7 COURSES IN 1
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
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
