Responsive HTML and CSS website from Scratch in under 1 hour

Explore using HTML and CSS to create custom websites. Web Design and web development from scratch source code included

4.45 (98 reviews)
Udemy
platform
English
language
Web Design
category
instructor
6,588
students
1.5 hours
content
Nov 2019
last update
$19.99
regular price

What you will learn

create a website from scratch

apply CSS to design a website

setup HTML and add CSS styling

Description

Learn how HTML and CSS can be used to create a modern website from scratch.  

Source Code is included for students to work alongside the instruction provided within the course demonstrating how to build a custom mobile ready responsive website from scratch.  Learn HTML and how HTML is used to develop a webpage structure.  Create a wire-frame sketch of a website watch it get created from scratch using HTML and CSS.

This course covers the basics of HTML and CSS, some pre knowledge of using these languages is required before taking this course.   Its fast paced and jumps right into coding with examples and sample code.

This course covers the complete step by step process of building a website.  Apply CSS to transform the HTML code into a modern website.   

By the end of this course you will be able to create a website from scratch.  Step by step instuction using HTML and CSS to build your website.  Source Code is included.

  • Create a wire frame sketch of how you want you site to look
  • Get placeholder content to design your website
  • Add CSS to HTML un-ordered list and transform it into a navigation menu
  • add logos and images
  • create and style buttons
  • fixed menu at the top zindex
  • debug and tweak your website before launch

I'm here to help you learn about web design and ready to answer any questions you may have.

When you are ready lets start building a custom website from scratch.


Content

Use HTML and CSS to create a website from scratch

Introduction to HTML and CSS website from scratch
Course Resources
Designing website wireframe outline
Building Boilerplate and some HTML structure
Adding Placeholder content and images
Source Code 1-5 lessons
Add Stylesheet
Change Nav list to navbar
Source Code Navbar
Fix logo element
CSS welcome text create buttons
Update section styling
Source Code
z-index CSS how it works
images hover floating elements CSS
rounded corners elements floating
Source Code
Create CSS footer
CSS make your website responsive
Website tweaks and updates
Conclusion Webpage design
Website Source Code HTML
Website Source Code CSS
Course Resources

Bonus Section

Bonus Lecture

Screenshots

Responsive HTML and CSS website from Scratch in under 1 hour - Screenshot_01Responsive HTML and CSS website from Scratch in under 1 hour - Screenshot_02Responsive HTML and CSS website from Scratch in under 1 hour - Screenshot_03Responsive HTML and CSS website from Scratch in under 1 hour - Screenshot_04

Reviews

Ruth
April 29, 2019
Excellent course! Well explain and I had no previous experience with html/js/css codes at all. Learnt a huge amount and got started on a website too. Never thought I would be able to build a website from scratch. But I did in the matter of 2 days!!!
Atif
November 26, 2018
It is in detail, but what I didn't know was I needed experience with atom, but it will be okay if I start getting experience before I start again.
Debra
January 11, 2018
Able to code with instructor and a good basic explanation of how a web page is structured without relying on a framework.
Anes
November 15, 2017
First I want to thank the instructor and the Udemy, because this course was for free. As the name says, this is a one-hour course. It's pretty good to start. The instructor could explain a little bit more about positioning and floating concepts.
Marwin
July 21, 2017
I like the course very much. It is my first html and css website course, so everything was new. I like the easy explaining, the source codepages and the helpful websites. Atom, as editor, is amazing. What an editor! It is just perfect. I do have one remark, which is that some concepts are shown, yet not explained. Theory is left behind completely, which is a bit of a shame. For example, why do we use meta?, What is a wrapper? and so on. It is shown and it makes sense, but be aware it is fully on the practical side - without theory. I recommend this course.
Ariel
July 20, 2017
This course is not entirely for beginner. Student must have at least basic knowledge about CSS and HTML. But with this course the basic knowledge will be upgraded to a new level to be more competitive by putting into practice what was discussed inside this course.
Denise
June 22, 2017
Great step by step approach to building a site. Not so much information about the principles involved in making the site look good. Still, learning how to trouble-shoot was very helpful.
JP
June 16, 2017
Because this course is so helpful for the beginners specially the one who are merely starting in web development
Zhang
May 11, 2017
对于初心者来说,做网站需要的软件(ATOM,draw.io)都有了介绍。并且,draw.io的利用上,有了详细的师范。真是很有借鉴价值。 当然,最后边的结尾,还是有些差强人意。毕竟设计的很不错,就显示出三行,的确有些虎头蛇尾。
Lav
May 10, 2017
had a great grasp on Responsive web design in short lecture. Thank you so much. I am gonna implement this on my personal online resume. :)
Christal
May 3, 2017
This course covered alot of small issues I had with writing css and even just the entire process of planning a website from start to finish. Really useful! (I'm a beginner)

Charts

Price

Responsive HTML and CSS website from Scratch in under 1 hour - Price chart

Rating

Responsive HTML and CSS website from Scratch in under 1 hour - Ratings chart

Enrollment distribution

Responsive HTML and CSS website from Scratch in under 1 hour - Distribution chart

Related Topics

1186774
udemy ID
4/20/2017
course created date
11/25/2019
course indexed date
Bot
course submited by