Today’s featured website:
Remember to check out the code by right clicking and then choosing View page source.
1. Pear Promotions
Let’s finish up our interactive pear images and pear infographics and post them to the school website and social media.
We have 4 projects- how should we post them?
Interactive image by Kadeem, Damien, Andrew, and Jose
Interactive image by Manny, Akash, and Jared
Infographic by Sarah and Amanda
Infographic by Emily, Jen, and Jocelyn
2. Mozilla Thimble exercises
Before we start building a webpage from scratch, let’s try some fun examples to get you used to looking at and editing website code:
3. Learn HTML & CSS
What are the parts of a web page?
a. Start with the basics of building a website and follow these five steps.
b. Pick apart and build a website for a company (Airbnb). Start here.
c. Do the Code Avenger web design challenge
d. Let’s all help these kittens!
4. Coding from Scratch
We will use Notepad++ as our code editor and will preview our webpage in Firefox.
Webpages are created using HTML and CSS. HTML and CSS tell a browser, like Chrome or Firefox, how a webpage should look and how to display its content.
Let’s just code:
Open up Notepad++
Copy and paste the following. Please note: you must delete any quotation marks from what you paste and add them again.
<! DOCTYPE HTML>
<head>
<title>This is your page title</title>
</head>
<body>
All visible content goes here.
</body>
</html>
Save as index.html
Now we will add text, images, links, and other content.