Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA Amazon AWS CompTIA Security+ AWS Certified Developer - Associate
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Mindfulness Personal Development Personal Transformation Meditation Life Purpose Coaching Neuroscience
Web Development JavaScript React CSS Angular PHP WordPress Node.Js Python
Google Flutter Android Development iOS Development Swift React Native Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Retargeting
SQL Microsoft Power BI Tableau Business Analysis Business Intelligence MySQL Data Analysis Data Modeling Data Science
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Online Business Business Plan Startup Freelancing Blogging Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
30-Day Money-Back Guarantee

This course includes:

  • 5 hours on-demand video
  • 2 articles
  • Full lifetime access
  • Access on mobile and TV
Development Web Development Web Design

Practical Web Design & Development: 7 Courses in 1

Master in Practical Web design and development using Photoshop, HTML5, CSS3, Bootstrap and more.
Rating: 4.2 out of 54.2 (1,610 ratings)
191,163 students
Created by Creative Online School
Last updated 2/2019
English
English [Auto]
30-Day Money-Back Guarantee

What you'll 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

Course content

7 sections • 75 lectures • 5h 12m total length

  • Preview02:01
  • Setting up Artboards
    08:04
  • Setting the Stage
    02:44
  • Wireframing
    09:22
  • Wireframing UI/UX for Mobile
    08:42
  • Exporting Wireframes
    04:56
  • Designing for Desktops
    08:13
  • Designing for Mobile
    08:03
  • Preparing for Slicing
    01:00
  • Getting started with slicing
    12:05
  • Modifying Slices
    07:58
  • Final words
    01:11

  • Preview03:11
  • Preview03:47
  • Making your first HTML page
    04:23
  • Tools to create HTML files
    03:14
  • Base HTML Tags
    05:59
  • Paragraph Tags
    03:06
  • Break Tags
    02:29
  • Header Tags
    05:23
  • Bold and Italic Tags
    04:18
  • Ordered and unordered Lists
    04:07
  • Image Tags
    05:30

  • Preview05:18
  • Hyperlinking to an external page
    04:25
  • Hyperlinking to an email address
    01:22
  • Hyperlinking to a file in your site
    02:00
  • Playing and controlling audio
    04:43
  • Playing and controlling video
    03:57
  • Embedding a video
    03:47
  • What is a Table - Pros and Cons
    01:31
  • Table properties
    05:37
  • Adding an iFrame
    04:00
  • Adding an iFrame: Part 2
    02:58
  • What is possible with a form using HTML knowledge
    01:41
  • Defining the form
    01:34
  • Text fields and text areas
    02:09
  • Radio buttons and check buttons
    06:03
  • Data input and buttons
    03:24
  • Proper file structure
    04:23
  • Code commenting
    04:20
  • Meta Tags
    04:01

  • Preview01:09
  • What is CSS? Why we need it?
    02:22
  • What's new in CSS3
    04:15
  • CSS Selectors, properties and attributes
    01:19
  • ID Selectors
    01:21
  • Class Selectors
    01:41
  • Element Selectors
    01:25
  • All Selectors
    01:26
  • Inline style sheets
    06:38
  • External style sheets
    03:26
  • Inline styles
    03:36

  • The Box Model
    04:48
  • Adding Color
    05:11
  • Working with fonts
    04:42
  • Background images
    03:02
  • Background Images: Part 2
    04:26
  • Styling links
    04:55
  • Styling ID Tags
    02:38
  • Float and clear
    07:26
  • Block and inline elements
    03:04
  • Positioning
    07:47

  • 9 Rules of better web design
    00:12
  • Color Theory for Web Designers
    01:42

  • Why Bootstrap?
    02:37
  • Download Bootstrap
    03:10
  • Adding Bootstrap in your site
    03:52
  • Creating the navigation
    05:09
  • Creating the navigation: Part 2
    05:24
  • Creating the navigation: Part 3
    06:57
  • Creating containers
    10:00
  • Styling images
    02:01
  • Creating the footer
    03:55
  • Adding styled buttons
    03:40

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

Instructor

Creative Online School
Creative & Engaging Online Courses
Creative Online School
  • 4.2 Instructor Rating
  • 20,898 Reviews
  • 849,436 Students
  • 20 Courses

Creative online school offers a huge and ever growing range of high creative, quality and engaging learning solutions that teach using studio quality narrated videos backed-up with practical hands-on examples and comprehensive working files. All courses are created by trained educators and experts in video based education.

The emphasis is on teaching real life skills that are essential for progressing in today's commercial environment.

  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.