From the course: CSS Essential Training

Project: Overview

From the course: CSS Essential Training

Start my 1-month free trial Buy for my team

Project: Overview

“

- When building a website, you can figure out the design as you go along, but it's easier to have an idea of what the website will look like before you start coding. It's common to start with at least a sketch or a wire frame to outline the basic layout and content placement. This is usually enough for a small personal project, but for most websites, a more detailed preview called mockups are usually required. Mockups show the final design, including colors, typography, and images. Let's take a look at the final version of the course project. This will serve as our mockup and reference point as we work on the exercises. Here's how the finished project looks with my customizations. You'll be able to personalize the project by picking your own colors and fonts and adding your own content, but the overall layout will look like this. It's a one page website, but there are distinct sections for specific content. There's a header for introductory content and about projects and resume sections, and a footer for contact information and social media links. I'll be referring to this as our reference guide as we build out the course project. This can be found in the exercise files in the final folder. In the next video, we'll create the course project files and go over how to personalize the text so you can start thinking about what content you'd like to include. If you're experiencing writer's block and aren't sure what content to include, try using placeholder texts. Meettheipsums.com has a list of different text generators. Using content that looks as realistic as possible will help inform your styling decisions and give you a better idea of how your actual page will look.

Contents