HTML part 4

Cape May County ETTC HTML - part 4

Multimedia (Sounds and Movies)

last up dated August 7, 2001

Check out http://html.about.com/cs/sound/index.htm for more references

THE <EMBED> tag

Even though the <EMBED> tag is not part of the HTML standard, it is currently the easiest reliable way to embed music and video files for both browser types (IE and Netscape) (although the <OBJECT> tag may soon be the standard).

http://www.tashian.com/htmlguide/web-audio.html - good simple guide, he also gave permission for me to print out his lessons.

http://www.primeshop.com/html/jump4.htm#music - another guide (targeted more for midi music files)

Open Notepad and open the file called moviessound.htm (it is in a folder called moviessound on the Desktop).
Place the text cursor beneath the opening BODY tag and above the line with <H1> Movies and Sound</H1>
Type in the following html code

Save and open the page IN BOTH BROWSERS. Try it in one, than in the other to compare the differences (if there are any),
Go back to Notepad. Change the line of code you typed in step 3 to the following (you are changing the word false to true).

Save and check the page out in the Internet browser.
Go back to Notepad. Change the line of code you typed in step 5 to the following

Check out this page http://24hourhtmlcafe.com/hour16/sound.htm . View the source to see how to include code to make a shutoff button for the music. Also check this page http://24hourhtmlcafe.com/hour16/downeast.htm to see an alternative to forcing music/video on a person.

There are other tags associated with sounds and movies. However, many of these tags are browser specific. The <EMBED> tag should work with both browsers (as long as the browser program version is a fairly recent version).

Neat Tricks and Tips

http://www.tashian.com/htmlguide - take a look at these items
http://www.tashian.com/htmlguide/password.html - use this idea to create a password protected page
http://html.about.com/cs/tipsandtricks1/index.htm - a list of great tips and ideas
http://webservices.web.cern.ch/WebServices/AuthoringDoc/Database/database.htm - connecting your page to a database (not really HTML, but useful)
http://www.coolarchive.com/html.cfm - lots of neat tips

HTML Tools and Help

http://www.w3.org - The World Wide Web Consortium (W3C) develops interoperable technologies (specifications, guidelines, software, and tools) to lead the Web to its full potential as a forum for information, commerce, communication, and collective understanding - check this page http://www.w3.org/Consortium for more information
http://netmechanic.com - lots of web page tools and services
http://webservices.web.cern.ch/WebServices - Links to many useful resources
http://webservices.web.cern.ch/WebServices/AuthoringDoc/RefDocs/html/cover.html - copy of the latest HTML specifications - same as official copy at http://www.w3.org/TR/html401
http://www.htmlhelp.com - The Web Design Group was founded to promote the creation of non-browser specific, non-resolution specific, creative and informative sites that are accessible to all users worldwide. To this end, the WDG offers material on a wide range of HTML related topics. Check out http://www.htmlhelp.com/links/validators.htm - a list of HTML and link checkers.
http://www.htmlhelp.com/tools/validator - check your HTML code
http://www.htmlhelp.com/tools/valet - A good link validation site
http://www.primeshop.com/html/jumpidx.htm - good tutorial
http://24hourhtmlcafe.com - As the companion site to Sams Teach Yourself HTML and XHTML in 24 Hours, Fifth Edition, this electronic café offers an assortment of free samples and tasty treats to help you get up to speed on HTML in a hurry. - I like this book
http://www.downlinx.com/webauthoring.asp - the web authoring section with many software programs (from free to pay).
http://www.sciencepage.org/check.htm - another site with tools galore
http://web.canlink.com/helpdesk - an HTML help desk
http://webdesign.about.com/cs/htmleditors/index.htm - a list of HTML editors (the next step up from notepad J
http://webdesign.about.com/cs/compatibility/index.htm - great list of compatibility resources

Other Topics to Explore

http://html.about.com/mbody.htm use this for dynamic, xml and more

http://webdesign.about.com/mbody.htm - web design page with lots of info. Her HTML links are at http://webdesign.about.com/cs/html/index.htm

http://www.hwg.org - The HTML Writers Guild is the world's largest international organization of Web authors with over 123,000 members in more than 150 nations worldwide.

http://html.about.com/library/weekly/aa021400a.htm?once=true&terms=frontpage - WYSIWYG vs. Hand Coding, the Great Debate

http://html.about.com/cs/whatishtml/index.htm - good list of basic HTML info

Dynamic HTML

http://wdvl.com/Authoring/DHTML/Intro - introduction to DHTML

http://wdvl.com/Authoring/DHTML/Menus - How to create a pop-up menu

http://html.about.com/cs/dynamichtml/index.htm - good list of resources

XML/XHTML

http://html.about.com/library/weekly/aa090500a.htm - very good basic article introducing differences and definitions for HTML, XML and XHTML

http://html.about.com/library/glossary/bldef-xhtml.htm - basic definition of XHTML

http://webdesign.about.com/cs/xml/index.htm - XML links

http://html.about.com/cs/beginningxml/index.htm - beginning XML links and articles also see http://html.about.com/msubxml.htm and http://html.about.com/cs/xmlinformation/index.htm for more links

http://html.about.com/msubxhtml.htm - list of XHTML links