Class Tuesday, September 22, 2014

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)