EducationOnlineForComputers.com » Free Web Design, Development and Programming Training and Tutorial Resources

Javascript Tutorial Reference

computer_teacher — Tue, 13 Apr 2010 03:18:18 +0000

Here is my post on our intelligentedu blog for a nice Javascript tutorial reference guide that explains Javascript objects, properties, methods, events, objects and image rollovers, all in an easy to understand way.. This will help you with coding and using Javascript in your web sites and applications.

Share and Enjoy: These icons link to social bookmarking sites where readers can share and discover new web pages.

4 HTML Reference Guides

computer_teacher — Tue, 23 Mar 2010 03:43:46 +0000

Here are 4 HTML Reference Guides, from Ohio University, which provide technical references into the intricacies of HTML, web forms, CGI scripts, frames, HTML tags, creating HTML files, and testing these files. These HTML tutorial guides are designed in a way that beginners can move onto advanced topics easily. They are easy to follow and understand with all of them having examples. All guides can be downloaded for later reference and are in pdf format.

HTML Advanced Reference Guide 16 Pages, 154 Kb
This HTML tutorial guide explains what a Web Form is, how CGI scripts work, what frames are, frame tags and the creation of HTML files.

- What is a Web Form
- What is a CGI Script File
- Initiating the HTML File
- Composing the Form Tags
- Saving Your HTML Form
- Testing Your Web File
- Uploading the HTML File
- What is a Frame
- Frame tags

HTML Intermediate Reference Guide 13 Pages, 128 Kb
This HTML guide discusses the do’s and don’ts of designing web pages, working with tables and images, and an introduction to forms.

- Different Web Servers
- Planning Steps
- Designing Do’s and Don’ts
- Creating the HTML Files
- Tables
- Images
- Image in a Table
- Forms Introduction

HTML Reference Guide 13 Pages, 282 Kb
This HTML reference guide explains the back end process of the working of HTML files such as saving and testing web files and putting files on the web server.

- Getting Ready
- What Will Be On a Page
- Creating the HTML Files
- Saving Your HTML File
- Testing Your Web File
- Putting Your File on the Server

HTML Tag Reference Guide 5 pages 69 Kb
This guide explains the various tags in an HTML file.

- STRUCTURE
- HEADINGS
- FORMATTING
- FONTS
- LINKS
- GRAPHICS
- DIVIDERS
- LISTS
- COLORS
- FORMS
- SPECIAL CHARACTERS
- TABLES
- FRAMES
- JAVA
- JAVASCRIPT
- MISCELLANEOUS

Share and Enjoy: These icons link to social bookmarking sites where readers can share and discover new web pages.

54 JavaScript and Web Development Tutorials

computer_teacher — Thu, 14 Jan 2010 23:25:27 +0000

Share and Enjoy: These icons link to social bookmarking sites where readers can share and discover new web pages.

HTML And XHTML References and Cheat Sheets

computer_teacher — Sat, 14 Nov 2009 04:29:34 +0000

Here are some excellent reference materials and cheat sheets for HTML And XHTML at appletree for all web programmers from the novice to the expert. HTML and XHTML are extensively used for creating and developing interactive web pages. These HTML And XHTML cheat sheets and reference materials here discuss a wide range of topics such as Core HTML, Character Entity Reference Chart, Framesets, DOM, best practices, and configuration options. The reference materials provided here are downloadable in pdf format, and can be used for future use.

- XHTML Best Practice Cheat Sheet 230K
- Core HTML 712K
- HTML5 Canvas Cheat Sheet 153K
- HTML Character Entities Cheat Sheet 495K
- HTML Cheat Sheet 62K
- HTML DOM 65K
- HTML Help Sheet 104K
- HTML Help Sheet 02 1.9M
- HTML Tidy Configuration Options Quick Reference 148K
- Web Designer’s HTML Card 13M
- HTML 5 Cheat Sheet 3.0M
- What Beautiful HTML Code Looks Like 787K
- XHTML Character Entity Reference 163K
- XHTML Cheat Sheet 72K
- Character Entity Chart 121K
- HTML Cheat Sheet 342K
- HTML 5 Cheat Sheet 75K
- HTML Elements Coordinates 137K
- XHTML 1.0 Frameset 64K
- XHTML 1.0 Strict 62K
- XHTML 1.0 Transitional 64K

Share and Enjoy: These icons link to social bookmarking sites where readers can share and discover new web pages.

XML Document Type Definition (DTD) Tutorial

computer_teacher — Thu, 15 Oct 2009 02:17:41 +0000

Here is is a XML Document Type Definition (DTD) Tutorial, hosted at the New Mexico Tech Computer Center. This DTD tutorial describes the Document Type Definition notation for describing the schema of an SGML or XML document type. The purpose of a Document Type Definition or DTD is to define the structure of a document encoded in XML. This DTD tutorial also can be downloaded as pdf.

Document Type Definition Tutorial:

  What is a DTD?
     - Definitions
  Where does a DTD live?
     - Linking an XML file to an external DTD
     - Including the DTD inside your XML file
  Types of DTD declarations
  Element declarations
     - Declaring empty elements
     - Elements with text content only
     - Elements with mixed content
  Attribute declarations
     - Tokenized attributes
     - Enumerated attributes
  Declaring and using entities
     - General entities
     - Character entities
     - Parameter entities
     - Binary (non-parsed) entities
  Notation declarations

Share and Enjoy: These icons link to social bookmarking sites where readers can share and discover new web pages.

XSLT Reference Tutorial

computer_teacher — Thu, 15 Oct 2009 02:16:11 +0000

Here is the post on XSLT Reference Tutorial, located at the New Mexico Tech Computer Center. This XSLT tutorial describes the XSLT language for transforming XML documents. Because of XSLT’s ability to change the content of an XML document, XSLT is referred to as the stylesheet for XML. This tutorial can also serve as a reference guide to XSLT and it can also be downloaded as pdf.

XSLT Reference Tutorial:

  What is XSLT?
  A brief example
  Namespaces and XSLT
  XPath reference
     - Data types in XPath
     - Node types
     - Node tests
     - Axis selection in XPath
     - XPath operators
     - XPath functions
  Overall XSLT stylesheet structure
  The root element
     - attributes
  Top-level elements
     - : Select output options
     - : Preserving white space
     - : Removing non-significant white space
     - : Use templates from another stylesheet
     - : Create an index to optimize input document access
     - : Define a numeric format
  Basic template elements
     - : Define a template
     - : Define a global or local variable
     - : Process a node set with appropriate templates
     - : Insert another stylesheet
     - : Define an argument to be passed into a template
     - : Pass an argument to a template
  Output instructions
     - : Output literal text
     - : Output the value of an expresssion
     - : Output an element
     - : Output an attribute
     - : Output an element number or formatted number
  Branching elements
     - : Iterate over a set of nodes
     - : Conditional processing
     - : The multiple-case construct
     - : Invoke another template
  Advanced elements
     - : Use an overridden template
     - : Define a named attribute set
     - : Output a comment
     - : Shallow copying
     - : Deep copying
     - : What to do if an extension is missing
     - : Write a debugging message
     - : Assign a prefix to a namespace
     - : Output a processing instruction
     - : Process nodes in a given order
  XSLT functions
     - current(): Return the current node
     - document(): Pull in content from other documents
     - format-number(): Convert a number to a string
     - generate-id(): Generate a unique identifier
     - key(): Refer to an index entry
     - system-property(): Return a system property value
  Built-in templates
  Extension elements
     - The exsl:document extension
  Using the xsltproc processor

Share and Enjoy: These icons link to social bookmarking sites where readers can share and discover new web pages.

CSS 2.0 Tutorial

computer_teacher — Tue, 13 Oct 2009 04:27:31 +0000

Share and Enjoy: These icons link to social bookmarking sites where readers can share and discover new web pages.

XHTML 1.1 Tutorial

computer_teacher — Thu, 24 Sep 2009 18:37:26 +0000

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

Share and Enjoy: These icons link to social bookmarking sites where readers can share and discover new web pages.

6 Web Design and Development Posts

computer_teacher — Fri, 28 Aug 2009 05:38:30 +0000

The following are six web design and development posts which I have written in the past few weeks on our other blog at Inteligentedu.com. These are execellent training and learning materials for the topics covered.

2 Web Design Tutorials for Programmers

Here are two Web Design Tutorials: Design for Developers and Web Design for Programmers, hosted at New Auburn Personal Computer Services. These two Web design tutorials will help you to create successful web sites and web applications, along with getting you familiar with the process and tools involved with developing a functional and attractive site/application. The first tutorial is illustrated using presentation slides, and the second one is illustrated as an e-book. Both tutorials are in pdf format.

Design for Developers (224 Kb, 34 pages)
This course is meant to be a hands-on experience. The goal is to get you familiar with the process and the tools involved in developing a functional, attractive site or application. Various hands-on examples are illustrated using the help of Photoshop, Dreamweaver, and CSS.

Web Design for Programmers (2.48 Mb, 83 pages)
This tutorial explains you about basic color theory, learning how to choose colors, basic typography, learning how to choose fonts, basic layouts, how to mock up a site in Photoshop and basic XHTML and CSS. Also covered are building a logo that can scale using Illustrator and building a mockup of the site in Photoshop.

Free Training to Learn Flex in a Week

Here are Adobe’s free video training Flex in a Week Courses, at Adobe Developer Connection, which will greatly help you learn and use Flex. To maximize your learning, we recommend that you view the videos and complete the exercises in the order in which they are listed. Adobe Flex is a must see application if you’re building cross-platform, rich Internet applications and making extensive use of Flash. It provides a software development kit and an IDE to help get you on your way. These Flex tutorial courses show you how to get the most out of Flex for building rich, complelling, and interactive web applications.

4 JavaScript Tutorials

Here are 4 JavaScript Tutorials at syger.it. All the scripts in these JavaScript tutorials are available for download as two compressed archives Scripts.zip and AspScripts.zip. These JavaScript tutorials are designed to provide an overview, with coding examples, of the some of the power of the JavaScript programming/scripting language. They are not just aimed at the developer who works on code for the browser or client side, the tutorials contain presentations to classic ASP developers, in an attempt to move them away from VBScript and towards JavaScript, for web application development.

44 JavaScript References and Code Examples

Here are 44 excellent JavaScript References and Coding Examples, at psoug.org. JavaScript is the scripting language of web, and is used in millions of web pages to add functionality, validate forms, detect browsers, and much more. You can use these 44 JavaScript examples to help you to become a better JavaScript programmer, and by reading and using these you will learn how to code its many features and functions, thereby increasing your JavaScript skills.

218 PHP Code Examples and References

Here are 218 excellent PHP Code Examples and References at psoug.org. If you want to learn the basics of PHP, then this PHP code library will help you greatly. These code examples will also help you increase your PHP skills and become a better PHP programmer. PHP-enabled web pages are treated just like regular HTML pages and you can create and edit them the same way you normally create regular HTML pages. Many pieces of functionality are covered by these PHP code snippets.

2 Ruby Tutorilas and 3 Ruby on Rails Tutorials

Here are 2 Ruby Tutorilas and 3 Ruby on Rails Tutorials located at the LUG Villafranca Programming Course website. These Ruby and Ruby On Railes tutorials give you an excellent grounding and understanding on using Ruby and Ruby On Rails to build web applications. Ruby On Rails is an open source Ruby framework for developing database-backed web applications. You will need to download and install the Ruby Interpreter, and you will also need to install Ruby on Rails. In addition, these tutorials use RMagick version 2.0.2, which is explained in this FAQ, and SQLite 3.1.2.1, which is explained in this How-to. Windows users will need both the .exe and .dll versions of SQLite. The Ruby on Rails Wiki page also gives helpful information for SQLite. Source code is provided for all of these tutorials. Also, the whole programming course, which includes JavaScript tutorials, can be downloaded as pdf which is 2.28 Mb and explained in 125 pages.

Share and Enjoy: These icons link to social bookmarking sites where readers can share and discover new web pages.

30 CSS Navigation and Button Tutorials

computer_teacher — Wed, 19 Aug 2009 05:41:29 +0000

Here are 30 excellent CSS Navigation and Button Tutorials, at InstantShift. These CSS tutorials, from around the web, will teach and show you how to code web navigation and buttons using CSS. They also include some useful web design tips. Some of the topics covered by these CSS tutorials include: advanced CSS menus, web navigation, CSS graphic menu with rollovers, fancy buttons using CSS sliding doors, tabs, and color adjustable CSS.

Tutorials for CSS Navigation and Menus:
These CSS tutorials deal with various CSS navigation and menu techniques. Some of the topics covered here are slicing up the menu design and putting them togethe, animated horizontal tabs, CSS graphic menus with rollovers, and hybrid CSS dropdowns.

- Advanced CSS Menu : Webdesignerwall
- CSS Sprite Navigation Tutorial : Ehousestudio
- CSS Techniques: Using Sliding Doors with Wordpress Navigation : Wphacks
- CSS menus : Howtocreate
- CSS Tabs Menu with Dropdowns : Dave-woods
- Animated horizontal tabs : Dynamicdrive
- Horizontal menu, top to bottom : Aplusrs
- Flexible navigation example : Icant
- CSS Menu - Horizontal/Vertical : Qrayg
- Tabs : Brainjar
- CSS graphic menu with rollovers : Bwebi
- Navigation matrix reloaded : Superfluousbanter
- Hybrid CSS Dropdowns : Alistapart
- A CSS only validating flyout menu : Cssplay
- A flyout menu with breadcrumb trail : Cssplay

Tutorials for CSS Buttons
These CSS tutorials cover the the topics of CSS button, including scalable CSS buttons, oval buttons, making fancy buttons using CSS sliding door technique, and roll over button.

- Scalable CSS Buttons Using Png and Background Colors : Moncse
- CSS Pre-Load Hover Buttons : Firefly-multimedia
- CSS Sliding Door using only image : Kailoon
- CSS Buttons using PNG transparency : Ryebreaddesign
- CSS Oval buttons : Dynamicdrive
- Make fancy buttons using CSS sliding doors technique : Jankoatwarpspeed
- Simple Round CSS Buttons ( Wii Buttons ) : Webappers
- Roll Over Button : Learnola
- CSS Overlapping Arrow Buttons : Firefly-multimedia
- Rediscovering The Button Element : Particletree
- CSS Hover Button : Nubluecouk
- Beautiful CSS buttons with icon set : Woork
- How to make sexy buttons with CSS : Oscaralexander
- Liquid & Color Adjustable CSS Buttons : Sohtanaka
- D CSS buttons : Dynamicdrive

Share and Enjoy: These icons link to social bookmarking sites where readers can share and discover new web pages.

Learn and Apply HTML Course

computer_teacher — Sat, 15 Aug 2009 17:07:13 +0000

Here is the Learn and Apply HTML Course, at Utah State University. These HTML course lessons are designed in a way that beginners can move onto advanced as and when they finish the course. The HTML course provides learning units on how the Internet works, how to use FTP (File Transfer Protocol) to publish web pages and how to make websites accessible to visitors with hearing, vision or motor disabilities. It also covers functions like inserting multimedia elements and graphics onto websites, understanding JavaScript and using scripts on your website. These HTML lessons are well structured and the related files can be downloaded here. Also, here is a nice page form the course site that describes all of the HTML tags. I recommend to use the pdf format of these HTML tutorial lessons because they contain the resource links to learn more about the topic being discussed. A portion of the book used in this course is available on google (Teach Yourself Web Publishing with HTML and XHTML in 21 Days).

Learn and Apply HTML Course Lessons:

The Basics
In this lesson you will be given an overview of HTML and begin your journey of learning some of the basic tags, or building blocks, of HTML. This tutorial section can be downloaded as a pdf document. Also the video versions are available as Video 1 and Video 2.

Links
In this lesson you will learn about links which give HTML the “H” for Hypertext in its name. This section can be viewed as a pdf document.

Formatting and CSS
Here you will learn some great information on formatting. CSS is the wave for building web pages which provides the stuff that formats the webpage and adds style to it. The respective pdf and video tutorials are available as PDF and Video.

Graphics
This lesson discusses graphics for web which will help you to create a great looking web page. Here is the pdf version of this tutorial.

Tables
This lesson explains about tables in HTML with which you can format data in your web page. The pdf version of the tutorial is available.

Accessibility
In this lesson you will learn about creating web pages that are accessible to persons with disabilities, and the lesson’s pdf edition.

HTML in Style
Here in this tutorial lesson you will learn about styles which are the current trend and most likely the future trend of web pages. The pdf format of this tutorial can be seen here.

Forms
Forms bring some power to the web by allowing your users to provide you with valuable information and for them to request information from you. Here you will learn about several form tags and elements, and the pdf tutorial can be downloaded here.

Multimedia
In this lesson you will learn some of the ways to include multimedia in your web page. The pdf version of the lesson is found here .

JavaScript
In this lesson you will get a brief overview of JavaScript. We will be covering some of the basics on JavaScript, and the pdf version can be downloaded here.

Evaluating Websites
Many web development companies will do an evaluation of their own website by a variety of methods. Here an activity to evaluate websites is drawn out to you. You can download the activity here.

Final Project
Here in this final section, you get the opportunity to build a functioning website. Your website can be anything you wish to create. The instructions can be found here.

Share and Enjoy: These icons link to social bookmarking sites where readers can share and discover new web pages.

HTML and CSS Tutorials and References

computer_teacher — Wed, 05 Aug 2009 23:55:15 +0000

Here are several HTML and CSS Tutorials and References, located at cherokeered.com, that can server as learning resources for most everything HTML and CSS, which are the most common technologies used in developing web pages. These HTML and CSS tutorials are categorized so that an aspiring web designer, a budding designer, and an advanced designer can all find training materials to suit their HTML and CSS learning needs.

HTML Tutorials:
The HTML beginner’s tutorial teaches you the essentials, and the intermediate guide adds a few nuts and bolts. The aim of the HTML advanced tutorial is to show how to fully exploit the features of HTML and how to optimize it for accessibility.

- HTML – Beginner
- HTML – Intermediate
- HTML – Advanced

CSS Tutorials:
These CSS tutorials describe and explain CSS at beginner, intermediate and advanced levels. Included here are also double rollover and javascript rollover tutorials.

- CSS – Beginner
- CSS – Intermediate
- CSS – Advanced
- CSS – Syntax
- CSS – Background Styles
- CSS – CLASS + ID
- Double Rollover via CSS
- JavaScript Rollovers: How have multiple links change a single image

CSS and HTML Resources:
These learning resources from around the web provide further instructions and tips on creating, coding, and designing web pages using HTML and CSS.

- HTML Dog
- SUNY Albany: Introduction to Cascading Style Sheets
- CSS Box Model
- Cascading Style Sheets and Dreamweaver
- A List Apart
- Dynamic Drive
- Style Gala: CSS Layout
- Web Design 101: Floats
- CSS Techniques Roundup – 20 CSS Tips and Tricks
- CSS Tutorial
- Guide to Cascading Style Sheets
- Test your web design in different browsers

Share and Enjoy: These icons link to social bookmarking sites where readers can share and discover new web pages.

CSS Tutorials and References

computer_teacher — Thu, 23 Jul 2009 19:13:08 +0000

These CSS Tutorials at sitepoint are an excellent starting point for those who want to learn and use CSS in web development. CSS is a presentation language used to describe the presentation and layout of elements in HTML and XHTML pages. CSS can also be applied to any kind of XML document. These CSS tutorials and references provide users with information on CSS properties, CSS selectors, CSS At-rules, CSS concepts and live examples of using CSS elements.

CSS Properties
These tutorials discusses properties of CSS elements such as boxes, list, table, layout, typographical, user interface and color and backgrounds. Each of these properties is explained in detail, though most of them are self explanatory.

- Box Properties
- Layout Properties
- List Properties
- Table Properties
- Color and Backgrounds
- Typographical Properties
- Generated Content
- User Interface Properties
- Paged Media Properties
- Vendor-specific Properties
- Alphabetic Property Index

CSS Selectors
Strictly speaking, a selector is a pattern and is used to match a set of elements in an HTML or XHTML document. This section explains how selectors are used in CSS to create simple patterns

- Universal Selector
- Element Type Selector
- Class Selector
- ID Selector
- Attribute Selector
- Selector Grouping
- Combinators
- Pseudo-classes
- Pseudo-elements

CSS At-rules
This CSSf tutorial provides information on At-rules that provide instructions and directives to the CSS parser. The At-rules elements are explained with their respective examples.

- @charset
- @import
- @media
- @page
- @font-face
- @namespace

CSS Concepts
These tutorials explains some key concepts in CSS such as syntax and nomenclature, inheritance, layout and formatting, filters and hacks and the basic differences between HTML and XHTML.

- What Is CSS?
- General Syntax and Nomenclature
- The Cascade, Specificity, and Inheritance
- CSS Layout and Formatting
- Workarounds, Filters, and Hacks
- Differences Between HTML and XHTML

CSS Live Examples
This section is a quick reference point for CSS properties and live examples are provided for most of them.

  CSS Properties
    Box Properties
      Dimensions
       - height
       - min-height
       - max-height
       - width
       - min-width
       - max-width
      Margins
       - margin-top
       - margin-right
       - margin-bottom
       - margin-left
       - margin
      Padding
       - padding-top
       - padding-right
       - padding-bottom
       - padding-left
       - padding
      Borders and Outlines
       - border-top-color
       - border-top-style
       - border-top-width
       - border-top
       - border-right-color
       - border-right-style
       - border-right-width
       - border-right
       - border-bottom-color
       - border-bottom-style
       - border-bottom-width
       - border-bottom
       - border-left-color
       - border-left-style
       - border-left-width
       - border-left
       - border-color
       - border-style
       - border-width
       - border
       - outline-color
       - outline-style
       - outline-width
       - outline
    Layout Properties
     - display
     - position
     - float
     - clear
     - visibility
     - top
     - right
     - bottom
     - left
     - z-index
     - overflow
     - clip
    List Properties
     - list-style-type
     - list-style-position
     - list-style-image
     - list-style
    Table Properties
     - table-layout
     - border-collapse
     - border-spacing
     - empty-cells
     - caption-side
    Color and Backgrounds
     - background-color
     - background-image
     - background-repeat
     - background-position
     - background-attachment
     - background
     - color
    Typographical Properties
     - font-family
     - font-size
     - font-weight
     - font-style
     - font-variant
     - font
     - letter-spacing
     - word-spacing
     - line-height
     - text-align
     - text-decoration
     - text-indent
     - text-transform
     - text-shadow
     - vertical-align
     - white-space
     - direction
     - unicode-bidi
    Generated Content
     - content
     - counter-increment
     - counter-reset
     - quotes
    User Interface Properties
     - cursor
    Vendor-specific Properties
      Mozilla Extensions
       - -moz-border-radius
       - -moz-box-sizing
       - The display Property Value: -moz-inline-box
      Internet Explorer Extensions
       - zoom
       - filter
       - behavior

CSS Selectors:
- Universal Selector
- Element Type Selector
- Class Selector
- ID Selector
- Attribute Selector
   - CSS3 Attribute Selectors
- Selector Grouping
  Combinators
   - Descendant Selector
   - Child Selector
   - Adjacent Sibling Selector
   - General Sibling Selector
  Pseudo-classes
   - :link
   - :visited
   - :active
   - :hover
   - :focus
   - :first-child
   - :lang(C)
    CSS3 Pseudo-classes
     - :nth-child(N)
     - :nth-last-child(N)
     - :nth-of-type(N)
     - :nth-last-of-type(N)
     - :last-child
     - :first-of-type
     - :last-of-type
     - nly-child
     - nly-of-type
     - :root
     - :empty
     - :target
     - :enabled
     - :disabled
     - :checked Pseudo-class
     - :not(S)
  Pseudo-elements
   - :first-letter
   - :first-line
   - :before
   - :after
   - ::selection

CSS Concepts:
  The Cascade, Specificity, and Inheritance
   - The Cascade
   - !important Declarations
   - Specificity
   - Inheritance
     - The CSS Property Value inherit

Share and Enjoy: These icons link to social bookmarking sites where readers can share and discover new web pages.

HTML Tutorials and References

computer_teacher — Wed, 22 Jul 2009 05:02:17 +0000

Here are HTML Tutorials and References at reference.sitepoint.com that provide understanding on how to create and manage websites using HTML. Most of these HTML tutorials are focused on various aspects of HTML, its tags, the structures, the attributes and the most commonly used concepts in HTML such as Doctypes, HTML and XHTML and accessibility features. These HTML tutorials are easy to follow and understand and have code samples provided for each topic. Each topic is followed by a short description of its related tags as well.

HTML Elements
This section describes the various elements available in HTML. These elements include structural, head, list, text formatting, table frame and window elements. Each of these elements is followed by a small description. Clicking on the element will display an in-depth explanation and its supportability.

- Structural Elements
- Head Elements
- List Elements
- Text Formatting Elements
- Form Elements
- Image and Media Elements
- Table Elements
- Frame and Window Elements
- Deprecated Elements (to avoid using)
- Proprietary & Nonstandard Elements
- Alphabetic Element Index
- Elements and Valid DTDs They May Appear In

Common Attributes of HTML
This section teaches all attributes that are common to all HTML elements, such as styling, scripting, title and class attributes. The attributes taught here include core attributes and event attributes such as key press, mouse click and mouse move.

- Core Attributes
- Event Attributes
- Extended Event Attributes

HTML Concepts
This tutorial section explains when to use HTML and XHTML, their differences and covers high level concepts related to HTML and XHTML. Also discussed are DocTypes and the syntaxes of HTML and XHTML.

- Basic Structure of a Web Page
- Doctypes
- HTML and XHTML Syntax
- HTML Versus XHTML
- HTML/XHTML Accessibility Features

HTML Extras
This tutorial covers additional information about HTML other than attributes and elements such as MIME types, ISO Language Codes and Color names and their related Hex values.

- Color Names and Related Hex Values
- ISO 2 Letter Language Codes
- MIME Types – Complete List

HTML Microformats
This HTML tutorial covers the concept of HTML Microformats which were introduced as a defined set of attributed based on a preexisting standard. Microformats are meant to provide additional formatting in the HTML tags that use them. This tutorial explains Microformats in detail and provides examples for them.

- hCard
- hCalendar
- XFN
- hReview
- VoteLinks
- rel-license
- rel-nofollow
- rel-tag

Share and Enjoy: These icons link to social bookmarking sites where readers can share and discover new web pages.

Web Design Tutorial

computer_teacher — Tue, 14 Jul 2009 05:31:43 +0000

Here is an excellent Web Design Tutorial, at The University of South Dakota. Some of the aspects covered in this Web Design tutorial include the drafting of the contents of the page, including the header, the body, the font, color and its accessibility. Also included are tips on various types of sites that can be created, and their requisite colors, balance, levels of navigation, and management of information. This web design tutorial is in pdf format, is 11 pages in length, and has a file size of 500kb.

Contents of Web Design Tutorial:

Purpose of Tutorial

Website Development

Page Content
- Responsibility
- The Header
- Body
- Outline Style
- Font/ Font Color
- Website Content
- Top
- Down Design
- Active Voice
- Accessibility

Designing the Site
- Type of Site
- Balance
- Contrast/Color
- Navigation
- Management Information

Share and Enjoy: These icons link to social bookmarking sites where readers can share and discover new web pages.