Kimberly Dew Carrie Schell Welcome!

HTML Basics – Agenda Let’s take a look at where we’re headed. Basic HTML Commands Inserting a Picture / Linking to Another Location The “New” Announcement Page (AP) – New Format and Examples – Add flash appointment scheduler (text or image) – Linking tutoring calendar/ads/virtual office icon to an Elluminate room – Changing Backgrounds – Marquees – Drop down menus to organize help resources HTML Educator s and Updates Questions & Answers

Basic HTML Commands Want students to READ your s and updates? Capture their attention with color, font, bold, underline, or size Basic Commands Bold End Bold Center End center Underline End underline Break Font size Font Font color or ( Create some magic behind the scenes!

HTML Example with picture Happy Spring Super Scientists! I am challenging you to a bit of “spring cleaning” in your assessment area this week. Clean out some of those overdue assessments and you will be on target for a successful completion! Happy Spring Super Scientists! I am challenging you to a bit of “spring cleaning” in your assessment area this week. Clean out some of those overdue assessments and you will be on target for a successful completion!

Adding Photos 1.Load image into common folders (remember to save as.jpeg,.gif, etc) 2.Copy the image source from the common folder area 3.Paste the image source code into your , newsletter, or announcement page You are a I love your attention to details on your mollusk chart! Keep up the great work! ~Mrs. Schell HTML Version of Student feedback: You are a I love your attention to details on your mollusk chart! Keep up the great work! ~ Mrs. Schell FUN FEEDBACK Make things fun! Students will love it! Make things fun! Students will love it!

Linking an Image to direct to another location Do you want students to click on an image and end in a new location? Flash appointments This is a dandy tip. No “lion” about that!

Linking an image to direct to another location Click an image and end in a new location! Virtual Office I am the Mayor, and I approve this tip!

New AP Layout Check out the new design! Don’t be scared. It’s easy to use! Check out the new design! Don’t be scared. It’s easy to use!

New AP Layout Insert a picture Small appt. Icon for Students to click If you Instant Message 3 cool items to add! 3 cool items to add!

New AP Layout Insert a picture If you Instant Message Here’s a horse of A different color! Here’s a horse of A different color!

The Code: To change it: Changing AP Backgrounds 1.Find images you like (I have an html folder – backgrounds) – file save as gif/jpeg 2.Upload to educator (my folders – Step 2a, then common folders – Step 2b) 3.Insert background code below into HTML Announcements area – you will need to insert the code in several places throughout your page, depending on the length/#of tables, etc. in your AP) (Step #2a) (Step #2b)(Step #3)

AP: Adding Links/Dropdown Menus and Live Session Elluminate Links Key: Red = Menu Title (whatever you want to title it) Blue = Common Folders Link Green = Individual Link Title (whatever you want to name it) Links, Menus, and Sessions. Oh my! Links, Menus, and Sessions. Oh my!