1 / 13

Welcome!

Welcome!. Kimberly Dew kdew@flvs.net Carrie Schell cschell@flvs.net. HTML Basics – Agenda. Basic HTML Commands Inserting a Picture / Linking to Another Location The “New” Announcement P age (AP) New Format and Examples Add flash appointment scheduler (text or image)

bian
Télécharger la présentation

Welcome!

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Welcome! Kimberly Dew kdew@flvs.net Carrie Schell cschell@flvs.net

  2. HTML Basics – Agenda • 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 Emails and Updates • Questions & Answers Let’s take a look at where we’re headed.

  3. Basic HTML Commands Want students to READ your emails and updates? Capture their attention with color, font, bold, underline, or size Basic Commands Bold <b> End Bold </b> Center <center> End center </center> Underline <u> End underline </u>  Break <br> Font size <font size=3> Font <font face=arial> Font color <font color= blue> or <font color= #FF4848> (http://immigration-usa.com/html_colors.html) Create some magic behind the scenes!

  4. HTML Example with picture <center><Font face = Arial><font size= 4><font color= green><b>Happy Spring Super Scientists!<br><font size= 2>I am challenging you to a bit of “spring cleaning” in your assessment area this week. <br>Clean out some of those overdue assessments and you will be on target for a successful completion!<br><imgsrc=/educator/common/CarrieSchell/spring-cleaning-bucket.jpg></center>< /font></b><br> 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! A spray bottle? May I borrow some water? Nooo!

  5. Adding Photos Load image into common folders (remember to save as .jpeg, .gif, etc) Copy the image source from the common folder area Paste the image source code into your email, newsletter, or announcement page <imgsrc=/educator/common/CarrieSchell/MrsSandkids.jpg> Make things fun! Students will love it! FUN FEEDBACK You are a HTML Version of Student feedback: You are a <imgsrc=/educator/common/CarrieSchell/rockstar.jpg> <br> I love your attention to details on your mollusk chart! Keep up the great work! ~ Mrs. Schell I love your attention to details on your mollusk chart! Keep up the great work! ~Mrs. Schell

  6. Linking an Image to direct to another location This is a dandy tip. No “lion” about that! Do you want students to click on an image and end in a new location? Flash appointments <a href="http://www.flashappointments.com/client/launch.cfm?busId=XXXX"><img src="http://img src=/educator/common/CarrieSchell/schedule_appointment1.gif”>

  7. Linking an image to direct to another location Click an image and end in a new location! Virtual Office <a href=https://sas.elluminate.com/m.jnlp?sid=679&password=M.5A520247821BE863242E8CD7F946A0><imgsrc=/educator/common/CarrieSchell/smallVirtualOffice.jpg> I am the Mayor, and I approve this tip!

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

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

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

  11. Changing AP Backgrounds Find images you like (I have an html folder – backgrounds) – file save as gif/jpeg Upload to educator (my folders – Step 2a, then common folders – Step 2b) 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) The Code: <td background=/educator/common/Physics/Clipart/Cloran/feb1.jpg> To change it: (Step #2a) (Step #2b) (Step #3)

  12. 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!

More Related