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

Excellent CSS Tutorials

computer_teacher — Wed, 09 Mar 2011 05:15:43 +0000

I just wrote a new blog post on our sister site, at Intelligentedu.com/blogs, detailing and deep linking to a site providing excellent CSS Tutorials. They include sample code, exercises and a CSS guide to help you learn and apply CSS to your web pages.

CSS Guide

computer_teacher — Tue, 22 Feb 2011 04:53:53 +0000

Here is a CSS Guide, from webmonkey, that will help you with your website and page design work. CSS (Cascading Stylesheets) separate the visual design elements (fonts, colors, margins, and so on) from the structural logic of a web page, and gives you control without sacrificing the integrity of the data, thus maintaining its usability in multiple environments. It also gives the capability for faster downloads, streamlined site maintenance, and instantaneous global control of design attributes across multiple pages.

CSS Guide Contents:
- How CSS Works
- Linking Stylesheets
- CSS Units of Measure
- CSS Attributes
- CSS Properties
- CSS Examples

HTML and XHTML Tutorial

computer_teacher — Fri, 11 Feb 2011 23:46:40 +0000

Here is a good HTML and XHTML Tutorial, from State University of New York-Albany. The following is from this tutorial’s introduction:

HTML (Hyper Text Markup Language) and XHTML (Extensible Hyper Text Markup Language) are the markup language from which all Web pages are built. Although there are new types of technology and coding options, including PHP, ASP, XML and others, traditional markup language is the place where “all things Web” starts. Some Web editing software publishers claim that it is not necessary to know HTML if you use their programs to build Web pages. However, this is rarely the case. In almost every instance at least some knowledge of HTML and XHTML is helpful.

In this tutorial we will guide you through the basics of writing HTML/XHTML code. It is important to realize that there is no better way to learn and understand the code than to actually write and use it. This tutorial will get you started on your first steps toward becoming knowledgeable about the code. You may download a printable copy of this HTML tutorial here in pdf format (43 pages, 1.08mb). You may expect this tutorial to take about 45 mintues to 1 hour if you work through it quickly. To fully explore it will take 1 hour to 1 1 1/2 hour.

HTML/XHTML Tutorial Contents:

- About HTML/XHTML
- Technique
- Tools
- Web vs. Print
- Getting Started
- Setting Up the Basic Code
- Adding and Formatting Text
- Nesting Tags
- Advanced Text Formatting
- Color and the Web
- Headings
- Lists
- Links
- Layout and Tables
- Advanced Table Formatting
- Images
- Putting It All Together
- Adding An Image
- Adding A Simple Table
- Main Body Information
- Finishing Touches
- If You Continue On

Most Commonly Used HTML/XHTML Tag List
The most commonly used HTML and XHTML tags are presented on this page in an easy-to-use format.

46 eBooks, Tools and Scripts for Web Marketing and Design

computer_teacher — Wed, 19 Jan 2011 02:05:11 +0000

For those looking to increase their web marketing and web development skills, here are 46 eBooks, Tools and Scripts from two different web marketing/development sites. These cover development technologies (HTML, Javascript, Flash, PHP, Web Design) and marketing ebooks and tools to increase your web presence and revenue.

Way Creative Media provides these 32 web design, development, and marketing ebooks and tutorials:

HTML Guide
HTML Course
HTML Security Report
Javascript Book
Flash Web Applications
Cold Fusion MX Creating Web Service
PHP Manual
CGI Programming
Graphics and Webpage Design
Web Page Design
How to Create Adobe PDF Files for eBooks
Service Sellers Masters Course
Inside the Minds of Winners
Instant Internet Empires
Web Development Tools Guide
Certificate Of Reprint And Duplication Rights
Secret Ebay Marketing
1001 Newbie-Friendly Tips
Ezine Empire
Marketing Miracle
Web Marketing Explained
The Greatest Marketing Secrets of the Ages
Saving Money On Rights
The Perpetual Traffic Generator Manual
Wake Em Up
Ezine Ad Profits
Pay Per Text
Getting your business online
Internet Marketing and Web Site Promotion
99 Sites you should bookmark
Make your content presell
eBay Secrets

Azam Marketing offers 7 Free Webmaster Tools, Scripts and eBooks and 7 more on this page. Here are the names of 7 of them:

- Profitable Keywords
- Website Audio Player
- The AdSense Report
- Make Your Ebook Sell Like Crazy
- Marketing Toolkit
- Secrets of Top Affiliate Marketers
- 10 Simple Steps To Authoring A Best Seller

36 CSS Tutorials

computer_teacher — Sun, 16 Jan 2011 01:20:57 +0000

24 Web Design Tutorials

computer_teacher — Wed, 12 Jan 2011 04:40:18 +0000

Here are 24 Web Design and Development Tutorials, hosted by visualwebz.com (click on the Tutorials tab). These cover understanding what web design is and planning for your web site; Joomla and Drupa web content applications, HTML, search engine optimization, computer basics such as file organization, data storage, hardware components, and data communication. These web design tutorials are all in pdf format.

Web Design 101:
- Starting a Website
- Basic Rules of Website Design
- Website Design Termonology
- Rate your website design
- Introduction to HTML
- Dealing With Web Developers

Web Development Tutorials:
- Joomla vs Drupal – CMS
- Joomla Extensions
- HTML5 vs older versions of HTML
- HTML 5 – Without Plug-ins
- HTML 5 – Canvas Drawing

SEO Tutorials (Search Engine Optimization):
- Directory Submission
- Basic SEO Steps
- SEO Site Structure Requirements -
- White Hat SEO vs Black Hat SEO
- SEO Tool - SEO Doctor
- Search Engine Ranking via nofollow
- 404 Website Error Page
- Have you done a website evaluation?

Computer Science 101:
- File Organization
- PC Components
- I/O & Storage Media
- Architecture of CPU
- Data Communication

15 Web Design Guides

computer_teacher — Tue, 11 Jan 2011 03:07:18 +0000

Here is a new post I just published on our sister site, intelligentedu.com/blogs, titled 15 Web Design Guides and eBooks. It describes and links to 15 web design documents that will help you with planning and designing a web site. Topics covered include presentation, layout, site management, intelligence/analytics, search engine optimization (SEO), usability, interactivity, social networking, and marketing. All of these are in pdf format.

How to Build HTML eBook

computer_teacher — Fri, 07 Jan 2011 20:09:50 +0000

Here is a 75-page instructional ebook that will teach you how to code HTML to build web pages and sites, titled How to Build HTML. Click on the link to the pdf file on this page. This will help you learn the details of HTML so will be able to code it and update it when needed. Many times you will already have the code there, created from an application like Dreamweaver, but sometimes it makes sense to review parts of the code and actually make updates directly in the code to get what you want on your web page. Of course, using CSS will make some of the HTML tags obsolete, but this HTML ebook will help you review and change the HTML code as needed. Please note the links in the ebook to download the templates no longer work. (75 pages, 364kb, pdf)

Table of Contents of How to Build HTML ebook:

- The Basics
- The Common Tags
- More Common Tags
- A little more tags
- Extended Fonts and Text Color
- Links and Images
- Lists
- Clean code, comments, and escape codes
- Navigation within a document
- Tables
- Using Frames
- Using Meta Tags
- Forms
- Forms continued
- Counters and Search Engines
- Graphics
- HTML Style Basics

15 Web Publishing Tutorials

computer_teacher — Thu, 06 Jan 2011 01:21:26 +0000

Here are 15 Web Publishing help pages and tutorials from the University of Wisconsin – Eau Claire. These will assist you with learning how to create well defined and attractive web pages and sites.

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.

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

54 JavaScript and Web Development Tutorials

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

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

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

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