HOME > DESIGN > Become a Professional Web Designer

Become a Professional Web Designer

  • DESIGN
  • Dec 30, 2024
SynopsisBecome a Professional Web Designer, available at $59.99, has...
Become a Professional Web Designer  No.1

Become a Professional Web Designer, available at $59.99, has an average rating of 3.9, with 290 lectures, based on 65 reviews, and has 583 subscribers.

You will learn about Understand the basics of web design Understand grid systems in web design Design a real website Learn about the differences between HTML and CSS, and how they work together! Discover how to insert and format text blocks, tables, images, and more! This course is ideal for individuals who are Beginning web designers or Web developers It is particularly useful for Beginning web designers or Web developers.

Enroll now: Become a Professional Web Designer

Summary

Title: Become a Professional Web Designer

Price: $59.99

Average Rating: 3.9

Number of Lectures: 290

Number of Published Lectures: 288

Number of Curriculum Items: 290

Number of Published Curriculum Objects: 288

Original Price: $199.99

Quality Status: approved

Status: Live

What You Will Learn

  • Understand the basics of web design
  • Understand grid systems in web design
  • Design a real website
  • Learn about the differences between HTML and CSS, and how they work together!
  • Discover how to insert and format text blocks, tables, images, and more!
  • Who Should Attend

  • Beginning web designers
  • Web developers
  • Target Audiences

  • Beginning web designers
  • Web developers
  • The Internet is everyone’s go-to source of information in today’s world. Businesses, public figures, publications and everything in between all have a presence on the web; and the more professional their website looks, the more successful they tend to be. Web designers are more in demand than ever before, and the profession is constantly changing along with the web itself. This course aims to teach the most up to date fundamentals of web design from scratch.

    Learn Web Design from Scratch

  • Understand the basics of CSS and HTML
  • Learn about current web designing trends and developments
  • Gain an insight into web development, debugging, etc. as well as design
  • Build your own portfolio website
  • Web Designing for Beginners

    This course has been developed for both complete beginners and those who already have a limited knowledge of web design. Aspiring web designers, web developers who want to understand the design side of the business, and graphic designers – as well as those from completely unrelated disciplines – will all be more than capable of handling the content of this course.

    This course will take you through the fundamentals of web design from scratch. That means getting to grips with HTML, CSS and Foundation Grid Framework; working with images, webfonts and sprite sheets among other elements; understanding grids and responsive design; and achieving flawless layouts, eradicating bugs, and more.

    Throughout the course you will work towards designing and developing a colorful, modern and responsive portfolio website. By the end of the course you will have this website completed, and can use it when starting out on your career in web design.

    About HTML and CSS

    HTML, or Hyper Text Markup Language, is the code used to define colors, graphics, hyperlinks, paragraphs, and other simple elements of a website. It was developed by the founder of the web, Tim Berners Lee, back in 1990.

    CSS, or Cascading Style Sheets, define the more advanced aspects of websites like fonts, background images, positioning and much more. It is a style language that defines HTML layout, so the two are intrinsically linked. Both form the basic frameworks for all websites on the internet.

    Course Curriculum

    Chapter 1: Introduction to the Course

    Lecture 1: Welcome to Course

    Chapter 2: Introduction to Web Design

    Lecture 1: Introduction to Web Design

    Lecture 2: What is CSS and HTML

    Lecture 3: Your First HTML File

    Lecture 4: Introduction to Document Layout

    Lecture 5: Linking In A Stylesheet

    Lecture 6: Styling Your First Element

    Lecture 7: The Box Model

    Lecture 8: Introduction to Developer Tools

    Lecture 9: Understanding Display Types

    Lecture 10: Project- Create a CSS Button

    Lecture 11: Using CSS Selectors

    Lecture 12: Styling Links

    Lecture 13: Using Floats

    Lecture 14: Using Clearfix

    Lecture 15: Working With Images

    Lecture 16: Validating HTML and CSS

    Lecture 17: Understanding Webfonts

    Lecture 18: Webfonts, Google Fonts and API

    Lecture 19: Understanding Cascading Style Sheets

    Lecture 20: Vendor Prefixes

    Lecture 21: Project- Create a Color Changing Profile Image

    Lecture 22: Basic Website Layout

    Lecture 23: Choosing a Grid Framework

    Lecture 24: Grids and Responsive Design

    Lecture 25: Working with Forms

    Lecture 26: Using Font Icons

    Lecture 27: Understanding Sprite Sheets

    Lecture 28: Project- Create a Comment List

    Lecture 29: Positioning

    Lecture 30: CSS Resources

    Lecture 31: Project Introduction

    Lecture 32: Adding Our Graphics

    Lecture 33: Building Our Site

    Lecture 34: Validating Our Site

    Chapter 3: Fundamentals of HTML

    Lecture 1: What is HTML

    Lecture 2: What is HTML5

    Lecture 3: Getting the Browser

    Lecture 4: Getting the Editor

    Lecture 5: Setting Up the Editor

    Lecture 6: Structure – Hello World

    Lecture 7: The DOM

    Lecture 8: Customizing the Editor

    Lecture 9: Self Closing Tags – Environment

    Lecture 10: Validation

    Lecture 11: Comments

    Lecture 12: Block Level Elements

    Lecture 13: Line Break and Spacing

    Lecture 14: Span – Text Modifiers

    Lecture 15: Anchors

    Lecture 16: Images

    Lecture 17: Tables

    Lecture 18: Form Basics

    Lecture 19: Placeholder vs. Value

    Lecture 20: Radio Buttons, Checkboxes, Select Elements and Text Areas

    Lecture 21: New HTML5 Inputs

    Lecture 22: HTML5 Input Attributes

    Lecture 23: Action Attribute

    Lecture 24: GET vs. POST

    Lecture 25: Submit Buttons

    Lecture 26: Create a Hotel Booking Form

    Lecture 27: New Elements in HTML5

    Lecture 28: HTML5 Semantic Elements

    Lecture 29: Semantic Elements in Practice

    Lecture 30: Meter and Progress Elements

    Lecture 31: Audio

    Lecture 32: Video

    Chapter 4: HTML5 and CSS3 Fundamentals

    Lecture 1: Intro

    Lecture 2: Page basics

    Lecture 3: Text Basics

    Lecture 4: Text Formatting

    Lecture 5: Lists

    Lecture 6: Image Prep

    Lecture 7: Inserting Images

    Lecture 8: Website Project1

    Lecture 9: css basics

    Lecture 10: Font Styles

    Lecture 11: Colors

    Lecture 12: List Styles

    Lecture 13: Advanced Selectors

    Lecture 14: Website Project2

    Lecture 15: Link Basics

    Lecture 16: In-page Links

    Lecture 17: Link styles

    Lecture 18: Navigation Menus

    Lecture 19: Website Project 3

    Lecture 20: Block Spacing

    Lecture 21: Arranging the Page

    Lecture 22: Positioning

    Lecture 23: Website Project4

    Lecture 24: Tables

    Lecture 25: Table Styles

    Lecture 26: Website Project5

    Lecture 27: Form Basics

    Lecture 28: form Elements

    Lecture 29: HTML5 Form Elements

    Instructors

  • Become a Professional Web Designer  No.2
    Stone River eLearning
    Over 1,000,000 Happy Students
  • Rating Distribution

  • 1 stars: 3 votes
  • 2 stars: 5 votes
  • 3 stars: 6 votes
  • 4 stars: 19 votes
  • 5 stars: 32 votes
  • Frequently Asked Questions

    How long do I have access to the course materials?

    You can view and review the lecture materials indefinitely, like an on-demand channel.

    Can I take my courses with me wherever I go?

    Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!