WEBPAGE CREATION:
HTML, DHTML, XTML, XML
Updated August 9, 2010
   
 back to HOMEPAGE 
 

See my "Designing Courses" page for more information on Learning Objects, IMS Standards, etc.

Menu for this page:


HTML Reference Pages, Code Lists, etc.

HTML Symbols and Special Characters:

HTML/Browser fonts that can be used in your page code so they can be viewed on various browsers and operating systems. 10/07/04

Bare Bones Guide to HTML: a good all-purpose reference and guide. 08/13/02

HTML Fonts: List of the basic fonts that every browser can read without substitution. 10/02/03

Basic Tags Illustrated: I made this reference page when I was just starting HTML; it's a good sampler of beginner tags.

W3C ~ World Wide Web Consortium The group that establishes the international standards for the web. This page contains their HTML 4.01 Specifications, Recommendation: 24 December 1999

About "DocType": (the "HTML Declaration" you're supposed to put at the beginning of your HTML files)

HTML HELP: By Web Design Group. Authoring references, tools, HTML Help, tons of other links.

HTML Cheatsheet: Basics, tables, forms, more more more

Image Alignment with illustrations


HTML for BEGINNERS

Google Page Creator: You need a GMail account to use it. "Google Page Creator is a free tool that lets you create web pages right in your browser and publish them to the web with one click. There's no software to download and no web designer to hire. The pages you create are hosted on Google servers and are available at http://yourgmailusername.googlepages.com for the world to see." 04/09/06

***HTML School at W3Schools: Super Simple Tutorials that make HTML easy to learn! One feature is that they give examples of what they're teaching. 06/21/01

***EchoEcho.com: A HUGE collection of tutorials! They are set up so that you can use it as a FREE course; each section has a quiz at the end so you can check your own skills as you go. "You can use this tutorial either as a complete introduction or as an A-Z reference to HTML. The pages are packed with: Easy to understand explanations, massive examples, tips, smart workarounds and useful quick references." 12/06/05

BEGINNERS' GUIDE TO HTML: It's been a while since I posted a link to a beginner's level tutorial. This is a good one from NCSA (National Center for Supercomputing Applications). They give you several choices to access the material: a Primer intro; Full-length version; Printable version in 3 parts. 06/25/05

Dave Raggett Tutorials (W3C):

HTML Builder XP: If you want to build or be able to edit webpages using HTML code (as opposed to using a wysiwyg program such as Front Page or Dreamweaver), there's a FREE, powerful, professional, and easy-to-use development environment for HTML. A huge number of features are included, making it perfect for beginners and advanced users. 02/07/03

Basic HTML Tutorial: Tutorial to create a simple HTML document . Illustrates and explains each bit of code; provides you with the actual basic HTML code, which is color-coded to show you where you would make changes to customize for yourself. Also has a downloadable .pdf version of the document. 10/16/03

BigNoseBird.com: Tutorials, scripts, design, reference, much more. Includes a section "For Those Just Starting". Great resource site. 12/31/01

Basic HTML FOR BEGINNERS: "Create-It 101". "Basic HTML is not hard to learn. You could make your first web page right after reading this guide." 07/29/01

Image Tutorials: HTML Goodies. Big, small, transparent, or animated ~ here's how you do it all! And while you're there, check out their many other Primers for HTML and beyond. 06/13/01

Image Alignment with illustrations

Basic Tags Illustrated: I made this reference page when I was just starting HTML; it's a good sampler of beginner tags.

HTML Primer: Basic lessons & tutorials for the beginner

HTML Tutorial: GOOD & SIMPLE, all the basics.

HTML Tutorial: GOOD & SIMPLE, all the basics.

Writing HTML: "Writing HTML was created to help teachers create learning resources that access information on the Internet."

HTML Instructions for Tags: alphabetized and extensive

HTML HELP: By Web Design Group. Authoring references, tools, HTML Help, tons of other links.

Beginner's Guide to HTML: By NCSA (at UIUC). An extensive tutorial.


HTML: Beyond Beginner: Tools, Resources, mis.

Zapadoo Word Cleaner: Word-to-HTML converter: "Welcome to the easy way to convert word documents to HTML/XHTML and automatically clean up the code! Word Cleaner is the perfect tool for web designers and people who have to maintain web sites. Word Cleaner will save you hours spent tediously converting Word (and .rtf & .txt) files to HTML/XHTML and cleaning them by hand. You can also clean up existing html files. Best of all our powerful templates enable you to create processes that automate your document conversion and cleaning." (It has a free trial, but a $99 price tag.) 04/05/08

Word-to-HTML for FREE: This trick is from Madeline Koch, a colleague in my Editor's Association of Canada. "Here's a nice and easy trick. Email the Word file to your gmail account. It will give you an option to open up the attachment in a browser window, and you then ask your browser to show the source code -- copy and paste it into your html editor, tweak it as needed and presto! A web page. Hugely grateful for whoever told me this trick!" 04/07/08

Webmaster Resource Centre: Bravenet offers an excellent all-in-one resource site. Includes Quick Reference Sheets for various types of code (HTML, CSS, more), articles & tutorials; MiniTools for your website; free clip art, fonts, scripts, and audio clips; other free downloads and tools. A must-have bookmark! 01/24/06

Easy Text-to-HTML Converter: A FREE tool from Softpedia. "Provides fast and easy conversion of Text Files (in *.txt, *.rtf formats) and Text Blocks pasted from Clipboard to HTML." 07/03/05

HTML Compress: "A fast freeware tool for Web developers. It allows you to optimize and shrink the size of HTML files by removing unneeded whitespace characters. You can customize the settings for most common HTML tags, so that each one is treated different and not limited to a global setting. The program also offers support for JavaScript, VBScript and CSS. In addition, HTML Compress can create backup of the compressed files that can quickly be restored or removed from within the interface. If code compression creates problems for you or you have sensitive code that usually fails to compress correctly, this program may be the solution for you, since it offers a highly compression process." 12/31/04

Emsa HTML Tag Remover: "...a simple utility for web developers, that allows you to remove all, or only some HTML tags from a given input file. You can also choose to remove white space, tabs, and/or blank lines. The program can also convert HTML special characters into their ASCII equivalent, and remove programming functions and style sheets. Your original file is not altered, since the output is saved as new file. Emsa HTML Tag Remover can also run from the command line, making it suitable for use in batch files or automated processes." 10/30/04

Bare Bones Guide to HTML: a good all-purpose reference and guide. 08/13/02

BigNoseBird.com: Tutorials, scripts, design, reference, much more. Includes a section "For Those Just Starting". Great resource site. 12/31/01

HTML Fonts: List of the basic fonts that every browser can read without substitution. 10/02/03

HTML Toolbox: A subscription service -- "an award winning product that identifies site problems and automatically repairs HTML code for you with just one click." Included Link Checker, HTML Check and Repair, Browser Compatibility, Load Time Check, Spell Check. It works from their site (no downloads) by on-demand or automatic scheduling. 09/29/01

W3C's Home Page for HTML: Here they describe the differences/uses of HTML, XHTML, XML, plus give assistance with their usages.

W3C ~ World Wide Web Consortium The group that establishes the international standards for the web. This page contains their HTML 4.01 Specifications, Recommendation: 24 December 1999

About "DocType": (the "HTML Declaration" you're supposed to put at the beginning of your HTML files)

HTML TIDY: A small utility that cleans up your HTML code to standards set by W3C.

HTML Validation Service: An easy-to-use HTML validation service online.


XHTML & XML

XML: "The rising prominence of Extensible Markup Language (XML) as the vehicle of choice for website management and as the indispensable ingredient for learning technology standards was underscored by presentations at the Tenth International World Wide Web Conference in Hong Kong (May 1-5, 2001), where Tim Berners-Lee announced the release of the W3C XML Schema Part 0: Primer." See next link:

  • W3C XML Schema Part 0: Primer: This Primer page "is a non-normative document intended to provide an easily readable description of the XML Schema facilities, and is oriented towards quickly understanding how to create schemas using the XML Schema language." 05/21/01

Dreamweaver MX 2004 tips for XHTML & XML:

XHTML Tutorials

Information & Reference Sites from my XHTML Class at LVS Online 03/19/05

Creating Documents With XML: Free online tutorials (a set of 9 downloadable documents). 08/09/10

XML - Free downloadable XML eBooks. 08/09/10

XML eBooks: free downloads. 08/09/10

XML in Higher Education - SMIL: Multimedia Rides the XML Wave: A clearly explained article introduces SMIL (pronounced "smile") -- an acronym for Synchronized Multimedia Integration Language, an XML-based dialect for describing the layout and synchronization of multimedia applications. The article includes illustrated SMIL tags, making it easy to understand how to create coordinated multimedia on a webpage by creating a text file of code that looks very HTML-like. 03/21/03

XML in Website Management: Introduction to XML. Short page FULL of information and links! 05/21/01

XML School: Learn it here, try it here, quiz yourself here. Intro, syntax, elements, attributes, etc. Great site for learning, then getting advanced, and for finding resources! 05/13/01

XML = Extensible Markup Language. W3C calls XML "the universal format for structured documents and data on the Web". This site has explanations, recommendations, and lots of links. 05/09/01

XML.com: "XML from the inside out" from O'Reilly. (I'm seeing a lot of this name these days.....) 05/21/01

XML Cover Page: "A comprehensive online reference work for the Extensible Markup Language (XML) and its parent, the Standard Generalized Markup Language (SGML)." 05/09/01

XML-related Activities at the W3C: "This article provides a brief survey of recent work and current efforts on XML-related topics at W3C, as a sort of abbreviated annual report to the XML community of what's going on." 05/21/01

XML Protocol Comparisons: W3C compares and contrasts a variety of XML protocols. 05/09/01

W3C RELEASES XHTML 1.O RECOMMENDATION: On 26 January 2000, the World Wide Web Consortium (W3C), the international organization that sets the standards for the Web, released its recommendations for XHTML 1.0. 02/01/00


XForms: the next generation of HTML forms


DHTML

dhtmlxToolbar: FREEware from Softpedia: "Build a user friendly interface for a web application. dhtmlxToolbar is an advanced JavaScript navigation component that enables [you] to create an attractive vertical or horizontal DHTML toolbar within minutes. It's flexible, powerful, lightweight and easy to use. ...This Javascript toolbar supports several buttons types (image, image with text, select box). [No] browser compatibility problems. dhtmlxToolbar works perfectly in all main Web-browsers (IE, Mozilla, FireFox, MacOS X Safari, Opera). Having great feature set, wide variety of options, flexibility, cross-browser compatibility, powerful JavaScript API allows this Javascript component to create superior DHTML toolbars." 05/29/05

Tips-n-Tricks.com: Bravenet calls this "A massive resource of official web sites and content, about DHTML - an HTML counterpart." 12/02/02

Intro to DHTML: A clear explanation from HitBox Central, along with some links to more resources. 09/14/02

DHTML: from HTML Goodies site. This pages starts with "What is DHTML?" Answer: "almost any coding that creates movement or interactivity by employing the standards of the 4.0 level Netscape and MSIE browsers." 06/13/01

DHTML Guru (**see note first!!**) - tutorials, tips n tricks in DHTML development
[**Note: The GURU site opens on a page that doesn't have a 'BACK' button. Use "SHIFT-CLICK" to go there; this opens a new window that you can just close to get back HERE!]

     back to HOMEPAGE