Today we will continue to blog and then we will practice HTML and CSS!
1. Interactive Online Timeline with JavaScript
You will create an interactive timeline that will be posted on your class page
Here is my example:
Click on your name below to get started. You will be filling out your own Google spreadsheet to create this timeline.
The most important pieces of information you must fill out include:
– Start Date- the date of the event (example, 7/9/2013, date must be in this format)
– Headline- briefly say what this event is (example, My birthday)
– Text- short description of what the event is (example, I was born today!)
– Media- link to photo or video you are using
When you are done, let me know, and I will show you how to publish your timeline and get the code to post it on your webpage.
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.