Day 3

Today we'll be doing more practice with HTML and CSS. We're also starting our first multi-day project -- woohoo!

Ask your Day 3 Questions on Parthean Community.

Directions

Edit your starter code (see below) to create a social media site that looks like the photo above.

Like yesterday, you should use your own names and posts 😁

The site shouldn't actually do anything -- we'll work on that tomorrow. For now, just make it look like it does on the screen above.

Starter Code [download]

Create a folder called day_3 and create two files inside of it:

day_3
index.html
styles.css

Now, copy this paste this code into them:

day_3.html

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Status Poster</title>
        <link href="styles.css" rel="stylesheet" type="text/css">
    </head>
    <body>
        
        
    </body>
</html>

Resources

No new videos or notes today -- just you and the internet 😁

Web developers use the huge, publicly available sources of information both to find out how to write code and how to solve problems that they encounter, commonly called debugging. Today, and in the days to come, we'll be getting some practice with that. You have seen a lot of the code you'll use, but you'll need to find some new things. If you're wondering how to make two html blocks go next to each other, just search:

As usual, we're here to help when you get stuck, so:

Ask your HTML and CSS Questions on Parthean Community.

Want to show off your work? Post your results on Parthean Community.

Previous(Optional) Putting Your Website Online NextDay 4

Last updated 5 years ago

hashtagSocial Media Site (Part 1)

hashtagDirections

hashtagStarter Code [downloadarrow-up-right]

hashtagResources

Social Media Site (Part 1)

Directions

Starter Code [download]

Resources