Free Web Design, Development and Programming Training and Tutorial Resources


September 24, 2009

XHTML 1.1 Tutorial

Here is a Building Peb Pages with XHTML 1.1 Tutorial, at New Mexico Tech Computer Center, that describes XHTML 1.1, the current preferred markup language for building web pages. In this tutorial you will learn the difference between HTML and XHTML. Included are introductory topics, along with these areas: block elements, flow model, standard and event attributes, form elements, and table elements. This XHTML tutorial also can be downloaded as a pdf.

XHTML 1.1 Tutorial Contents:

 - What is XHTML?
 - A small, complete example page
 - Rules for the XML notation
 - Differences between XHTML and HTML
     - Paired tags
     - The empty element syntax
     - Case sensitivity
     - Quoted attributes with values
     - Fragment identifiers
 - Separating content and presentation with CSS
 - Basic data types
     - The length datatype
     - The ID datatype
     - The IDREF and IDREFS datatypes
     - URIs and link targets: where hyperlinks point
     - The link datatype
     - Media type
     - MIME types: Defining a resource’s format
 - Content model notation
 - Overall structure of an XHTML file
     - The root element: html
     - The head element: Overall page information
     - The base element: Specifying the document’s base URI
     - The link element: Related documents
     - The meta element: Page meta-information
     - The style element: Specifying presentation style
     - The script element: Including executable code
     - The noscript element: What to do when your script can’t be run
     - The body element
 - The block elements
     - The heading elements: h1, h2, h3, …, h6
     - The address element: Who wrote this page?
     - The p element: Regular text paragraph
     - The blockquote element: Block-style quotations
     - The div element: A generic block container
     - The pre element: Display verbatim text
     - The ul element: Unnumbered or “bullet” lists
     - The li element: List item
     - The ol element: Numbered lists
     - The dl element: Definition lists
     - The hr element: horizontal ruled line
 - Inline content: Inline.model
     - a: Hyperlink
     - abbr: Abbreviation
     - acronym: Acronym
     - cite: Title of a work
     - code: Part of a computer program
     - del: Deleted material
     - dfn: Definition of a term
     - em: Emphasis
     - img: Include an image
     - ins: Inserted material
     - kbd: Keyboard input
     - q: Inline quotations
     - samp: Sample computer output
     - span: The generic inline container
     - strong: Strong emphasis
     - sub: Subscript
     - sup: Superscript
     - var: Variable name
 - Tables: the table element
     - Specifying table column properties
     - Sectioning a table with thead, tbody, and tfoot
     - Table rows: the tr element
     - Table cells: the td and th elements
 - Flow.model: Arbitrary content
 - The object element: Embedded multimedia and applet objects
     - The param element: Passing arguments to applications
     - How to delay instantiation of an object
 - Forms: The form element
     - The input forms control
     - The label element: Label a control
     - The button forms control
     - The select forms control: menus
     - The option element: One choice inside a select control
     - The optgroup element: A group of choices inside a select control
     - The textarea forms control: multiline text input
     - The fieldset element: Adding structure to a form
     - What makes a control successful?
     - Writing your form handler script
     - The URL encoding method for forms data
 - Standard attributes
     - The xml:lang attribute
     - The charset attribute: Declaring a character set
     - The common attributes: Common.attrib
     - The id attribute: Assigning a unique identifier to an element
     - The class attribute: Declaring an element’s CSS class
     - The title attribute: Titling an element
     - The tabindex attribute: Specifying tab traversal order
 - Event attributes
 - Legacy and unrecommended elements
     - Deprecated features
     - Features that are not recommended

Tags for this post>>

18 Flash Tutorials

These 18 excellent Flash Tutorials, at, provide users with a lot of information on the basic and advanced features of Flash and how to go about working with it. Flash, from Adobe, is a very popular method for adding animation and enhanced user interaction to web pages. Flash files are generally created and imported into web pages. The Flash tutorials below demonstrate how to create effects in Flash such as glowing lights, flowing water and drawing on paper along with animations such as shine, a writing pen, and scratchy film animation. All these Flash tutorials are explained in a simple and easy to understand format with quick tips and tricks to help quicken the workflow.

18 Flash Tutorials:

 - Scratchy Film Animation
 - Create an Animated Shine
 - Learn How to Dress Jessica Rabbit
 - Customize Your Cursor in 3 Easy Steps
 - Animate a Writing Pen
 - Glowing Christmas Lights
 - Create a ‘Drawing’ Effect in Flash
 - Make an Object Move Along a Path
 - How to Make a Character Walk
 - Water Effect
 - Mouse Cursor Appearance
 - Scratchy Film Animation
 - Create an Animated Shine
 - Animate a Writing Pen
 - Glowing Christmas Lights
 - Create a ‘Drawing’ Effect in Flash
 - Make an Object Move Along a Path
 - How to Make a Character Walk

Tags for this post>>

9 Word 2007 Tutorials

Here are 9 Word 2007 Tutorials, located at Health Science Center Training, University of Florida. These Wordt tutorials describe and explain various Word features and functionality, including bullets and numbering, headers and footers, spelling and grammar, and tables. These tutorials are in Word .doc format.

Bullets & Numbering-Handout  (389 Kb, 10 pages)
This workshop assumes some experience with Word. The topics which are covered here include creating and customizing bulleted and numbered lists, creating an outline-style numbered list and inserting symbols.

Word Forms Tutorial  (239 Kb, 5 pages)
Learn about how to use Forms in Word.

MailMerg Tutorial Handout  (645 Kb, 16 pages)
The topics which are explained here include how to create a main document, a data source, prepare envelopes and labels, sorting records, merging main document and data source, and using the Mail Merge Wizard.

Navigating-Formatting Tutorial Handout  (533 Kb, 19 pages)
Features covered include undo, redo, font formats, page breaks, highlighting text, inserting and moving text, cut, copy and paste, copying formats, changing font and font size, find and replace, character effects and file management.

Navigating-Formatting-Notes  (27 Kb, 2 pages)
Here in this tutorial the steps to effectively format a word document are given.

Paragraphs Tutorial Handout  (432 Kb, 13 pages)
This section of the tutorial describes about the usage of paragraphs in a Word document.

Spelling-Grammar-AutoCorrect Tutorial Handout  (528 Kb, 11 pages)
The topics covered here include using the spelling and grammar command, using the thesaurus, and creating and applying frequently used text with AutoCorrect.

Tables I Tutorial Handout  (527 Kb, 10 pages)
Topics include creating tables, inserted and deleting rows and columns, using the tables and borders toolbar, formatting borders, merging cells, and cell alignments. 

Tabs Tutorial Handout  (98 Kb, 7 pages)
Topics include creating left, center, right, decimal, and bar tab stops, deleting tab stops, setting tab leaders, using the Tab dialog window and the Format Painter.

Tags for this post>> |

September 23, 2009

39 Dreamweaver Tutorials

Here are 39 well done Dreamweaver Tutorials, at Health Science Center Training, University of Florida, that provide users with important information using Dreamweaver’s features. Adobe Dreamweaver is a web development application for both Windows and Mac operating systems. These Dreamweaver tutorials cover features in the following versions: Dreamweaver CS3, Dreamweaver 8, Dreamweaver MX. They also will show you how to use CSS and Dreamweaver templates. The tutorials can be downloaded and saved for later reference.

39 Dreamweaver Tutorials:
 - Cascading Styles Instructions 35 Kb  
 - Cascading Style Sheets 298 kb  
 - CS3_Cascading Style Sheets 478 kb   PDF 194 Kb  
 - DIVs_behaviors CS3 1.4 Mb
 - Dreamweaver  CS3  Basics 1.7 Mb   PDF 621 Kb  
 - Dreamweaver CS3 Basics CSS 2.1 Mb    PDF 788 KB
 - DW_CS3_Templates 1 Mb    PDF 346 Kb  
 - DW CS3 forms 800 Kb    PDF 220 kb
 - DW Layouts 228 Kb  
 - CSS 256 Kb   PPT 256 Kb  
 - Dreamweaver MX Basics 13 Mb  
 - dreamweaver4 1.3 Mb
 - DW 8_Cascading Style Sheets 983 Kb  
 - DW 8_CSS 244 Kb  
 - DW 8_forms 1 Mb    PDF 201 Kb  
 - DW 8_layers_behaviors 1.5 Mb
 - DW 8_templates 1.1  Mb
 - DW 8 basics 2.23 Mb   PPS 648 Kb
 - UF and College of Medicine 36 kb     
 - Dreamweaver_Basicsx 1.3 Mb  
 - Dreamweaver_Basics2x 1.3 Mb  
 - Dreamweaver Basics 317 Kb   PPT 317 kb
 - Dreamweaver Forms MX 667 Kb
 - Dreamweaver MX 1. 7 Mb
 - Dreamweaver basics 1.23 Mb  
 - Dreamweaver 4 Forms 1.2 Mb
 - DW 2004 845 Kb
 - Cascading Style Sheets 300 Kb   
 - Dreamweaver MX 2004 Basics 1.6 Mb   PDF 1.7 Mb    PPT 163 Kb  
 - Dreamweaver MX Basics 13 Mb       
 - Dreamweaver  MX 1.7 Mb
 - Dreamweaver MX2004 Basics 1.7 Mb
 - DW_Basics_Outline 28 Kb  
 - Layers_Behaviors_Exercise 27 Kb    
 - Dreamweaver 4 1.3 Mb
 - Dreamweaver MX Forms 666 Kb
 - Dreamweaver MX CSS 809 Kb  
 - DW 2004 845 Kb      697344
 - Templates 1726976

Tags for this post>>

15 Word 2003 Tutorials

Here is the post on 15 Word 2003 Tutorials, at Health Science Center Training, University of Florida. These Word tutorials describe and teach various features of this word processing tool with ample screenshots. Some of the features that are explained in these tutorials are: bullets and numbering, headers and footers, spelling and grammar, and tables. These workshop tutorials assume you having some experience with using Word. They are in .doc (Word) format.

Word 2003 Tutorials:

 - Bullets & Numbering-Handout 206 Kb, 10 Pages
 - Forms-Handout 389 Kb, 17 Pages
 - Headers Footers-Handout 165 kb, 10 Pages
 - MailMerge1-Handout 347 Kb, 13 Pages
 - Navigating-Formatting-Handout 295 Kb, 17 Pages
 - Navigating-Formatting-Notes 27 Kb, 2 Pages
 - Paragraphs-Handout 305 Kb,11 Pages
 - Paragraphs-Notes 24 kb, 1 Page
 - Sections-Handout 291 Kb, 19 Pages
 - Spelling-Grammar-AutoCorrect-Handout 238 Kb, 12 Pages
 - Spelling-Grammar-Notes 30 kb, 3 Pages
 - Styles Indexes-Handout 308 Kb, 12 Pages
 - Tables I-Handout 160 Kb, 8 Pages
 - Tables II-Handout 124 Kb, 8 Pages
 - Tabs-Handout 98 Kb, 5 Pages

Tags for this post>> |