Practical Web Design & Development: 7 Courses in 1

Short Description

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

What you’ll learn

  • Will be able to create responsive web design
  • Will be able to design web page using HTML5
  • Will be able to design web page using CSS3
  • Will be able to desing web page using Photoshop
  • Will be able to create Mobile Friendly Web Design

Description

By completion this course, you will become 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
  • Deisnging 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
  • Inlinse 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 the navigation: Part 1
  • Creating the navigation: Part 2
  • Creating the 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, specially on web design and development. 

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

Checkout: Automation course

Get 3 course worth $129 for FREE

RECENT COURSE

COURSERA COURSE