Build a Single Page Website with HTML & CSS

In this course you’ll learn how to create an AWESOME mobile-friendly, responsive website with HTML and CSS.

What You will Learn

  • Structure a website with HTML
  • Apply styling to website components with CSS
  • Combine both HTML and CSS to construct a mobile friendly website
  • Key standards and naming conventions for HTML and CSS code
  • Learn common design patterns and call-to-action components in UI/UX


Requirements

  • A very basic knowledge of HTML & CSS

Description

When starting out as a web developer, one of the most valuable and rewarding milestones is to create a fully complete website that looks and feels good. Watching and reading tutorials are great for learning new things, but completing a project is key to taking your learning to another level.

In this course you’ll be learning how to create a single page website (or micro-site) from scratch using the following technologies:

  • HTML5
  • CSS3
  • Icon Library
  • Fonts
  • Block Element Modifier (BEM) CSS naming convention

This course is perfect for people who have a beginner to intermediate level of experience in web development or web design. The website which we’ll be creating is going to feature various different web design elements, including:

  • a hero image
  • call-to-action components
  • social media links
  • icon grid
  • body content
  • footer

On top of that, this website will be mobile-friendly, making it compatible with a wide range of devices including both iPhone and Android phones.


Not only will you learn how to create the above components but you’ll also learn how to harness the power of HTML and CSS from a technical perspective in which you can then apply that knowledge into other aspects of web development.

Upon completing this course you’ll know how to build a website like this for a small business, or even your own personal portfolio.

Who this course is for:

  • Beginner web developers with basic HTML and CSS knowledge
  • Web developers wanting to take their skills to an elevated level
  • Anyone wanting to learn how to build basic websites for small businesses
  • Students wanting to land their first job as a web developer
  • Anyone trying to gain more knowledge in user interfaces
  • Web developers who want to build responsive, mobile-friendly websites

Show less

Course content

1 section • 8 lectures • 1h 37m total length

Create the website

  • Introduction
  • Base HTML and File Structure
  • Lecture 3: Hero Image
  • Lecture 4: Call-to-action content
  • Lecture 5: Social Media Links
  • Lecture 6: Body Content
  • Lecture 7: Icon Grid
  • Final Touches



Latest Free Coupons

Leave a Reply

Your email address will not be published. Required fields are marked *

Check Today's 30+ Free Courses

X