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+ Microsoft AZ-900
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Personal Development Mindfulness Personal Transformation Life Purpose Meditation CBT Emotional Intelligence
Web Development JavaScript React CSS Angular PHP Node.Js WordPress Vue JS
Google Flutter Android Development iOS Development React Native Swift 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
Microsoft Power BI SQL Tableau Business Analysis Data Modeling Business Intelligence MySQL Data Analysis Blockchain
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Business Plan Startup Online Business 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
Design Web Design Web Development

Web Development for beginners: Build Website from Scratch

Learn complete web design & development from scratch . Design website from PSD to HTML and CSS for beginners fast.
Rating: 3.8 out of 53.8 (19 ratings)
158 students
Created by Jamshaid Raza, Professional Tutorial
Published 8/2017
English
English [Auto]
30-Day Money-Back Guarantee

What you'll learn

  • You will Learn HTML
  • You will Learn CSS
  • You will Learn Web Desgin
  • You will Learn Web development
  • You will Learn Converting PSD to HTML

Requirements

  • You have simple computer or Laptop.

Description

Welcome to the course Master Web Development & Design. In this course you will learn step by step CSS, HTML , CSS3 and HTML5. And You will also learn how to design a website from PSD and develop that in complete website.

That course is specially designed for those students who are recently started their career as a web designer and developer. Therefore, I have covered each lecture with simple concept and explanation and provided proper guide how to use HTML and CSS and Design and develop the website easily and quickly

Who this course is for:

  • Who want to Learn HTML.
  • Who want to Learn CSS.
  • Who want to Learn Web design.
  • Who want to Learn web Development.
  • Who want to Learn to Convert PSD to HTML Website.

Course content

5 sections • 40 lectures • 5h 52m total length

  • Preview06:48
  • Preview08:47
  • Writing and saving your first web page
    05:24
  • Understanding basic structure of HTML and Heading
    06:35
  • HTML Stand for?
    1 question

  • Unorder list
    04:06
  • Unorder list - list style types
    02:37
  • Order list and it's types
    04:27
  • Description list
    03:09
  • Blockqoute
    03:02
  • Achor List
    13:58
  • your first style sheet
    08:40
  • Organize the Files and HTML
    01:25
  • Display image in HTML
    06:55
  • Importance of Div
    08:41
  • Id's and classes
    09:52
  • Preview02:11
  • Student Assignment 1
    4 questions
  • Completing assignment
    12:08
  • float and basic layout
    08:17
  • float and basic layout 2
    11:12
  • Navigation List
    09:13
  • form
    13:51
  • form 2
    12:12
  • Image replacement
    08:28
  • Positioning with Relative and Absolute
    10:54

  • Website fragment markup
    10:56
  • Website fragment markup 2
    17:05

  • Preview01:43
  • Download the PSD Theme
    03:30
  • Cut-Out the element and image from PSD in Photoshop.
    16:01
  • Website Header in HTML
    08:57
  • Website Services in HTML
    07:28
  • Website Notification in HTML
    07:19
  • Website Testimonial and Footer
    08:10

  • Website Header in CSS
    10:32
  • Website Header in CSS 2
    13:52
  • Website service in CSS
    11:43
  • Website notification in CSS
    14:07
  • Website Testimonial in CSS
    09:17
  • Font Awesome social icons in Testimonial
    08:02
  • Website Footer in CSS
    06:42

Instructors

Jamshaid Raza
Programmer | Web Design & Web Developer |Grahic Desinger
Jamshaid Raza
  • 3.9 Instructor Rating
  • 477 Reviews
  • 17,557 Students
  • 10 Courses

I have more the 10+ years experience in Computer graphic, web and UI/UX designing. I have been working as a freelancer and completed more then 90+ projects worldwide for different international companies. Apart from that I have completed my Master degree in  Mathematics and part time I am Mathematics instructor in schools and collages. I like diversities therefore, I go for everything which I think I can do it. And I have one slogan and that is " the aim of my designing is to make smile in your face."

I hope my teaching experience in Udemy will benefit students and learners all over the world. And I like to teach what I have learned. Therefore, everyday I am learning new techniques, searching in internet and sharing the ideas with my friends. I believe sharing knowledge with each other will boost our mutual understanding towards education, technology or development. Let's lead the world with education, learning and at the same time teaching others.

Professional Tutorial
Complete Learning Hub!
Professional Tutorial
  • 4.1 Instructor Rating
  • 163 Reviews
  • 7,420 Students
  • 5 Courses

Learn creative skills, from absolute beginner to advanced mastery.  

Professional Tutorial exists to help you succeed in life. Each course  has been hand-tailored to teach a specific skill. I hope you agree!

Whether  you’re trying to learn a new skill from scratch, or want to refresh  your memory on something you’ve learned in the past, you’ve come to the  right place.

Education makes the world a better place. Make your world better with new skills!

Our courses can be watched 24/7 wherever you are. Most are fully  downloadable so you can take them with you. You can also view them on  mobile devices with the Udemy mobile app.

All courses have a 30-day money-back guarantee so that you can check  it out, make sure it’s the right course for you, and get a refund if  it’s not!

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