Min menu

Pages

Recent Courses

Practical Web Design & Development: 7 Courses In 1



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


Added on August 29, 2020 Development Verified on August 29, 2020

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 Martn


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

Take The Course 

reaction:

Comments