SuperHi FM

Lesson 01

Now let's code!

In lesson three, we learn how to turn our design into a real website using HTML for the structure and CSS for the look and feel. We also explore different design variations and get ready to start coding!

Transcript

00:00

(upbeat electronic music) - Hello and welcome to lesson number three. Now, in this lesson what we're gonna talk about is taking our design, which is currently in Figma, and turning it into a real website. Now, how do we go about doing this? Well, we need some tools, we need some code tools to do this and the two tools that we're gonna use in this next lesson are HTML, which is the content and the structure of a website, and CSS, which is the look and feel of the website.

00:31

Now, throughout this course, we're gonna add a lot of different variations in here along the way. For instance, if our site changes or you've designed your own and we've worked with three different designers to come up with different alternatives. We've worked with Alice, Meara and Jaclyn to come up with their own spin on the same project. Now, I've got my hipster coffee ready and I'm ready to go, but first thing I need to check is my email. I've got one unread email from Aria.

00:56

Let's see what she wants.

Private notes

A place for you to post notes about anything on this page. Only you can view your notes.

SuperHi FM

Want some ambient music in the background? Play our radio station!

Feeling stuck?

Don’t worry, we are here to help you with:

  • Speedy help from one of our team members
  • Detailed, relevant solutions
  • Direct access to peer support through Discord!

Remember, there’s no such thing as a silly question, so don’t hesitate to reach out, we love hearing from you!