1. Continue working with Bing.com and Pixlr.com to create your first webpage (click here for more details from the last class)
2. Done with #1? Code challenge time! Some of you had some great questions yesterday and I figured it would be fun to let you try these things out. You are encouraged to work with a partner for this.
A. Add video to your webpage
Find a video from YouTube, Vimeo, another video site, or even the school’s online video account and see if you can embed it on your page. Hint: Look for the words Share or Embed, and then copy and paste the code somewhere in the <body> section of your page.
B. Change the text color and font
Add the following code to your <head> section underneath your <title>:
<style type=”text/css”>
h1
{
color:orange;
text-align:center;
font-family:Times New Roman;
font-size:3em;
}
h2
{
color:orange;
text-align:center;
font-family:Times New Roman;
font-size:2em;
}
h3
{
color:orange;
text-align:center;
font-family:Times New Roman;
font-size:1.5em;
}
p
{
font-family:Times New Roman;
font-size:1em;
}
</style>
To find colors:
http://www.w3schools.com/html/html_colornames.asp
To find fonts:
http://www.ampsoft.net/webdesign-l/WindowsMacFonts.html
3. Sign up with me for an account so you can blog on our class website (more details to follow)