Web Designing Professionally: Real World Project
Offered By: Udemy
Course Description
Overview
What you'll 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
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.
Taught by
Vijay Thapa
Related Courses
Make Your Own AppTechnische Universität München (Technical University of Munich) via edX Build a Full Website using WordPress
Coursera Project Network via Coursera Build an e-portfolio using google sites
Coursera Project Network via Coursera Build Responsive CSS3 Flexbox Holy Grail Layout
Coursera Project Network via Coursera Build a Website Map with Jumpchart
Coursera Project Network via Coursera