Web Designing Professionally: Real World Project

Be a Professional Web Designer by understanding different Stages of Crafting a modern and professional websites.

4.30 (174 reviews)
Udemy
platform
English
language
Web Design
category
instructor
Web Designing Professionally: Real World Project
21,291
students
2 hours
content
May 2021
last update
$44.99
regular price

What you will learn

How to craft Web Design Ideas?

Web Designing Professionally

Different Web Design Stages

Structuring and Styling Web Pages

Implementing Design Principles and Colors for Modern Website Design

Making Websites Mobile Ready (Responsive) using Media Queries

Description

In this course you will learn to create beautiful Responsive website using HTML and CSS only.

And we will use media queries to make it responsive (mobile ready).

Once you're comfortable on web designing using HTML and CSS only, using frameworks like Bootstrap will be so easy. It'll be like a piece of a cake.

Not only the technical part (HTML and CSS), I'm also explaining my web design process in detail.

And follow them to complete this project.

To complete any web design project, I divide the complete process in 4 different stages

1. Idea Mapping

In this stage, I listen to the clients and gather as much information (requirements) from them as possible.

Then, based on the information I do research. Look at some web designs on pinterest and behance.

Then I make rough sketch (wireframe) of the web page on paper with pen or pencil.

And then design it (UI) using softwares like Photoshop or Sketch.

2. Structuring

In this stage, First I divide the conceptual web page design into different sections.

Then, Add HTML elements on each sections based on their requirements.

3. Styling

In this stage, we make our structured web page more beautiful or presentable using CSS.

The web page will get its real colors, space, images, etc.

4. Making Mobile Ready

By this time, our web page is well designed and presentable. The only thing left is, to make it responsive or mobile ready. To make it beautifully viewable on any different sizes, we will use media query to make it responsive.

Content

Introduction

Course Introduction

Stages of Web Design

Different Stages of Professional Web Design

Stage 1

Idea Mapping

Stage 2

Structuring

Stage 3

Download Resources
Styling

Stage 4

Making Mobile Ready

Bonus

Resources to be a Better Web Designer

Reviews

Erasmas
May 12, 2021
Iam left with Mobile Ready section.Enjoyed the course and two days Iam done with the design.I think this approach is the best so far since I was introduced to Internet.
Juan
May 10, 2021
La verdad pense que serian videos de tipeo de codigo para mejorar apariencia de las paginas web usando HTML5 y CSS3, sin embargo, me gusto que fuera una expicacion en videos de como se debe realizar una pagina web usando las herramientas mencionadas anteriormente desde cero, desde como imaginar y dibujar como sera el diseño de la pagina web a como estructurarla de forma funcional y en apariencia, y finalmente de que se recomienda altamente volverla compatible con dispositivos móviles como celulares y tabletas

Coupons

DateDiscountStatus
5/9/2021100% OFF
expired

Charts

Price

Web Designing Professionally: Real World Project - Price chart

Rating

Web Designing Professionally: Real World Project - Ratings chart

Enrollment distribution

Web Designing Professionally: Real World Project - Distribution chart

Related Topics

4033454
udemy ID
5/7/2021
course created date
5/9/2021
course indexed date
Angelcrc Seven
course submited by