CompSci//Media Arts - Web Design: 3 Core Langs

CompSci//Media Arts

Web Design:
Core Languages of the Web

Today's Goal

Learning more about Web Languages;
the 3 Core Languages of the Web

Completed

Basics of HTML
Basics of MakeCode

Today

Core Languages of the Web

Upcoming

Starting our Semester Project

Typing Practice

Start with typing:
https://shaunwegs.github.io/2024/focs/typing/d/9-17.html

What are the Core Languages

There are generally said to be 3 core languages of the web, although I'd argue there's 4. It's fine though, we can go with 3. For begginers in coding 3 is fine. So, what are they?

web-languages-intro.mp4

Part 0:
Choosing a Workspace

We've already worked some with offline editor VS Code. If you've liked working in VS Code, you can continue to work with it. If you want to use CodeHS

I am going to work with an online editor instead. In the video here, I'll show you a few online editors. It doesn't really matter to me what tool you use, as long as it works.

If you want to use CodeHS, you can just create a new account as a student. Use the class code D2C00 when it asks.

If you need help with a tool, let me know and I can take a look.

a-code-editor.mp4

Part 1: Basic HTML Structure

We'll start with creating the basic HTML structure using a table. This should all be review.

3-amigos-p1.mp4

Part 2: Adding Images

Next, we'll add in some images. If you're using VS Code, you should already know how to do this. If you're using an online editor, like CodeHS', it may be a little different. If you need help, let me know.

3-amigos-p2.mp4

Submit

Screenshot your finished page that includes a description and image for all three.

We will add CSS & JS to this page later. Save your code. If you're using an online tool and not sure if you can save it, then copy and paste your code into google drive or somewhere else to save it for later.

Page updated

Report abuse

Web Design:Core Languages of the Web