• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
What the HTML!

What the HTML!



Presentation for Winter Institute 2011 Session

Presentation for Winter Institute 2011 Session



Total Views
Views on SlideShare
Embed Views



2 Embeds 245

http://faculty.yc.edu 181
http://ycinstitutes.wikispaces.com 64



Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
Post Comment
Edit your comment
  • 10:18 AMWelcome (3)
  • 10:21 AMThe Session (3)10:26 AMLead to a little something about self…(5)Husband in Alta Utah where he was a ski instructor for many years. He taught a few “Rich kids” to ski…Kennedy/Sinatra/HemmingwayHe told me many stories…funny stories.One that pops in my head is the pool story…But one is part of history…
  • 10:28 AMBeing the first to do the “Backflip” (2)Rod would tell you this Is not true…It’s gainer.This image is from the alta history site.The newspaper article is from an Oct 10, 1961 Desert News paper…Image at home…
  • 10:29 AMNot programming language (1)Markup Language
  • 10:30 AMList of sources for future information (1)
  • 10:32 AMList of HTML Editors. (2) We used the second link last institute.This time we’ll use the 1st editor on the list.If everyone would please navigate to htmleditor.inYou should get something like this…
  • 10:35 AMI’d like to point out up here some features (3)10:37 AMCreate table (2)Leave at defaults/Explain10:43 AMMerge Cell Right Top Row/Title (6)Next cell add information aboutRight corner Hobby/pets/volunteer
  • 10:50 AMImages (7)Flicker, Google, Yahoo. Your Faculty WebspaceSearch for Google image Xmas TreeSelect ImageRt Click Copy Image LocationPaste Info Into Dialogue BoxSelect OK
  • 11:40AMAnimated Gifs (15)11:55 AMCartoon (15)
  • 11:10 AMNow videos are a little different (10)You’ll need to actually go into the source code and place the embed informationThis will go between the TABLE DATA info which is…So let’s Find a Video via Hulu.Copy Embed.Open Source Code. Find Cell HTML in Code Paste in code.Check size…
  • 12:05 PMFlashFind an embeddable Flash componentPaste information in NotePadCopy SWF URL
  • 11:00 AMLet’s move on and add some color to the Table (10)Can be done with Cell Properties.Can do one cell at a timeOR do whole background with bgcolor=“#” within code. This is advanced class.
  • 11:25 AMWe are going to place this into your Bb course now (15)Select the Source code and copy it.Open one of your courses in Blackboard.We are going to create a New Content AreaName it About MeAdd ItemSelect the CaretsPaste your code inSubmit.Now how simple was that?!
  • 12:06 PMMore options you could add (1)
  • Thoughts?????Surveys

What the HTML! What the HTML! Presentation Transcript

  • <What the HTML!>Ruth Alsobrook-Hurich
  • <What the HTML!>Jazz up that online course with HTML. Join this two hour, hands-on session to discover the exciting world of HTML. Youll learn the basics of HTML and walk out with great online resources to refer back to! We will create an "About Me!" content page for your Blackboard course using tables, images, color and videos; all through HTML! Special Note: If you have specific images you wish to use to create an animated image, have them stored on your Z Drive or bring them with you via a thumb drive or disc.
  • <What the HTML!>HTML is… Hyper Text Markup Language
  • <What the HTML!>Information on HTML can be found at:http://www.w3schools.com/html/default.asp W3 Schoolshttp://www.htmlcodetutorial.com HTML Code Tutorialhttp://www.web-source.net/html_codes_chart.htm Web Sourcehttp://www.webmonkey.com Webmonkeyhttp://www.htmlgoodies.com HTML Goodieshttp://www.html.net/tutorials/html/ HTML.net
  • <What the HTML!>Online HTML Editorshttp://htmleditor.in/index.html HTMLEditor.inhttp://www.isdntek.com/editor.htm HTML Editor (WYSIWYG editor)http://www.tinymce.com/tryit/full.php tinyMCE (Javascript WYSIWYG editor)
  • <What the HTML!>HTMLEditor.in About MeAbout/Childhood/Education Hobby/Pets/Volunteer
  • <What the HTML!>Images About MeAbout/Childhood/Education Hobby/Pets/Volunteer
  • <What the HTML!>Online Animated GIF Generators http://picasion.com/Cartoons http://www.bitstrips.com
  • <What the HTML!>Video<table width="612" style="width: 612px; height: 180px;"border="1" cellspacing="1" cellpadding="1"summary=""> <tbody> <tr> <td> &nbsp; </td><td> &nbsp; </td> </tr> <tr> <td> &nbsp; </td><td> &nbsp; </td> </tr> <tr> <td> &nbsp; </td><td> &nbsp; </td> </tr> </tbody> </table>
  • <What the HTML!>http://www.freecodesource.com/flash-toys/myspace-games/index About MeAbout/Childhood/Education Hobby/Pets/Volunteer
  • <What the HTML!>Color http://www.webmonkey.com/2010/02/color_charts/ About MeAbout/Childhood/Education Hobby/Pets/Volunteer
  • <What the HTML!>Blackboard
  • <What the HTML!>Grooveshark - http://grooveshark.com/Calameo - http://www.calameo.com/Spiderscribe -http://www.spiderscribe.net/Webmonkey -http://www.webmonkey.com/2010/02/color_charts/Table Background Color Info -http://www.tizag.com/htmlT/bgcolor.phpText Fun - http://cooltext.com/