What the HTML!
•
0 likes•819 views
The document provides information about a two hour hands-on session to learn the basics of HTML. Attendees will learn how to create an "About Me" page for their Blackboard course using HTML tables, images, color, and videos. The document includes online resources for learning HTML and using HTML editors as well as examples of how to include images, animated GIFs, videos, tables, and color in an HTML page.
More Related Content
Viewers also liked
Similar to What the HTML!
Similar to What the HTML! (20)
More from Ruth
More from Ruth (15)
Recently uploaded
Recently uploaded (20)
What the HTML!
- 1. <What the HTML!> Ruth Alsobrook-Hurich
- 2. <What the HTML!> Jazz up that online course with HTML. Join this two hour, hands-on session to discover the exciting world of HTML. You'll 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.
- 4. <What the HTML!> HTML is… Hyper Text Markup Language
- 5. <What the HTML!> Information on HTML can be found at: http://www.w3schools.com/html/default.asp W3 Schools http://www.htmlcodetutorial.com HTML Code Tutorial http://www.web-source.net/html_codes_chart.htm Web Source http://www.webmonkey.com Webmonkey http://www.htmlgoodies.com HTML Goodies http://www.html.net/tutorials/html/ HTML.net
- 6. <What the HTML!> Online HTML Editors http://htmleditor.in/index.html HTMLEditor.in http://www.isdntek.com/editor.htm HTML Editor (WYSIWYG editor) http://www.tinymce.com/tryit/full.php tinyMCE (Javascript WYSIWYG editor)
- 7. <What the HTML!> HTMLEditor.in About Me About/Childhood/Education Hobby/Pets/Volunteer
- 8. <What the HTML!> Images About Me About/Childhood/Education Hobby/Pets/Volunteer
- 9. <What the HTML!> Online Animated GIF Generators http://picasion.com/ Cartoons http://www.bitstrips.com
- 10. <What the HTML!> Video <table width="612" style="width: 612px; height: 180px;" border="1" cellspacing="1" cellpadding="1" summary=""> <tbody> <tr> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> </tr> </tbody> </table>
- 11. <What the HTML!> http://www.freecodesource.com/flash-toys/myspace- games/index About Me About/Childhood/Education Hobby/Pets/Volunteer
- 12. <What the HTML!> Color http://www.webmonkey.com/2010/02/color_chart s/ About Me About/Childhood/Education Hobby/Pets/Volunteer
- 14. <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.p hp Text Fun - http://cooltext.com/
Editor's Notes
- 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 <td></td>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