Here are two HTML Tutorials from Indiana Univeristy: HTML Basics Tutorial and Beyond HTML Basics. These will help you become more knowlegeable about coding web pages using HTML, using features such as creating hypertext links, inserting images, testing your HTML files, using color effectively, creating special effects, inserting special symbols, using sound, working with tables, and creating metadata in your web pages.


HTML Basics Tutorial:

• Getting Assistance at IUPUI
• Setting Up A Home Page
• Educational Home Page Examples
• HTML Editors
• About HTML
• Heading Tags
• Body Tags
• Hypertext Links
• About Images
• Inserting Images
• Locating Images
• Creating Images
• Converting Graphics
• Finishing Your HTML Document
• Saving Your HTML File
• Testing The HTML File
• Sample HTML Tagged File

Beyond HTML Basics Tutorial:

• Background Information
• Color Effects
• Wallpaper
• Special Text Effects
  • Text Colors
  • Super / Subscript Text
  • Pre-formatted / Spacing
  • Monospaced / Typewriter Text
  • Text Alignment
  • Underlining Text
  • List Item Styles
  • Block Quotes
• The Anchor Tag
• Ismaps
• Definition Lists
• Special Symbols
• Graphics Tips and Hints
• Using Sound
• Creating Tables
• Opening a Second Browser Window
• Horizontal Rules
• Relative vs. Absolute Addressing
• Metadata
• Web Counters
• Miscellaneous

Web Design from Scratch has been adding some great content and learning materials since I last posted a blog article about their site. Here is more of their free Web Development training content that will teach you many techinical areas of designing and developing web pages and web sites. Topics covered here include the Design  Process, Graphic Design for the Web, Site Architecture, Usability, HTML, CSS, JavaScript, and DHTML.


Design Process

• Attention Map
• Design like no-one's watching
• The Design Spectrum
• Don't Decorate, Communicate!
• Golden Rule of web design
• Pursuit of the Original
• Simplicity in web design
• Think Then Do
• Work smart, not clever

Business

• Setting up in Web Design
• Outsourcing: How to use freelance talent effectively
• Pricing and selling web design
• 10 Free Ways to Promote your Business Online

Graphic Design for the Web

Graphic design basics:

• Clarity in web page design
• Colour
• Contrast
• Readabilty
• Effective text
• Imagery
• Attention Map

Page layout:

• Layout for web page design
• Containment
• Alignment
• Grouping
• Rhythm and repetition
• Logical order

Visual techniques:

• 3D Effects in graphic design for the web
• Logo design
• Text-based logos
• Favourite logos
• Current style in Web Design
• Web 2.0 Design Style Guide

Case studies:

• Artorg: Worked example
• Case study: Business Improvement Network
• Case study: Foruse

Site Architecture

• Information Architecture models
• Information Architecture 101
• Navigation models for web sites
• Case study: Business Improvement Network
• Case study: Bytecon

Usability

• Behaviour of web sites and applications
• Trusting the user
• Clear hyperlinks
• Effective text: Benefits of text over graphics
• Logical order of page components
• Using mouseovers in web design
• Designing navigation for web pages
• Readabilty
• Case study: Kemik online art portfolio

Production

• How HTML, CSS and JavaScript work together in making web pages
• How to make a web site
• Why code by hand
• Basics of Search Engine Optimisation

HTML

• How to make a web site
• Introduction to HTML
• Anatomy of HTML tags
• Lists
• Tables

CSS

• Introduction to CSS
• Inheritance and Cascading Styles in CSS
• Block vs Inline display style in CSS

JavaScript/DHTML

• JavaScript 101: Hello World!
• Datasheet-style form using HTML, CSS and JavaScript
• Tabular list-style form using HTML, CSS and JavaScript

Here is Open-of-course.org's online CSS Tutorial that will teach you how use use and apply Cascading Style Sheets (CSS) in your web pages. Cascading Style Sheets (CSS) is a stylesheet language used to describe the presentation of a document written in a markup language. CSS in HTML pages is used to define colors, fonts, layout, and other aspects of document presentation. Besides separating the content from the content's presentation, CSS also permits the same web pages to be presented in different styles for different rendering methods, such as on-screen, in print, by voice, etc. CSS specifies a priority scheme to determine which style rules apply if more than one rule matches against a particular element. In this so-called cascade, priorities are calculated and assigned to rules, so that the results are predictable. Also check out this site's CSS Forum to communicate with other web developers using CSS.


CSS Tutorial Topics:

Introduction to CSS

Inheritance and Cascading in CSS

Block and Inline Elements

Datasheet-style Form

Tabular List

Other CSS Resources

Here are 3 PHP Scripting Tutorials, from  nicetutz.blogspot.com, along with an XML Tutorial. These tutorials will show and teach you how to get started with scripting PHP into your web pages to give them user friendly features and interactivity.

You can use PHP in your web sites to give them interactivity such as the following: 
 - Sending feedback from your website directly to your mailbox
 - Sending email with attachments
 - Uploading files to a web page
 - Watermarking images
 - Generating thumbnails from larger images
 - Displaying and updating information dynamically
 - Using a database to display and store information
 - Making websites searchable


What is PHP and Why Should I Care?

This introductory tutorial informs you about what PHP is and what it can do for your web pages.

 - Embracing the Power of Code
 - How Hard is PHP to Use and Learn?
 - How Safe is PHP?


Basics of Object Oriented Programming

This Object Oriented Programming (OOP) tutorial provides an overview of what OOP is with a view toward using PHP effectively. It goes over three concepts of object orientation in these tutorials: class, access modifiers, and inheritance.

 - Class
 - Objects Need Access Modifiers
 - Object Reuse and Inheritance


Object Oriented Features New to PHP 5

In this PHP tutorial, learn how to use the new Object Oriented features in PHP 5. Support for objects has been add into PHP, so you can choose to use objects or simply use procedural programming. That PHP is a hybrid language should be viewed as something positive, not as a disadvantage.

 - Access Modifiers
 - Built in Classes
 - Backward Compatibility
 - Where to Go from Here


Introduction to XML and Web Services

The Extensible Markup Language (XML) is a simple, platform-independent standard for describing data within a structured format. It allows data to be tagged using descriptive names so both humans and computer applications can understand the meaning of different pieces of data.

 - Exploring History of XML
 - Using XML in the Real World
 - Introducing Service Oriented Architecture and Web Services
 - Defining Common Terms and Acronyms

This is an important anouncement.

We are changing our newsletter's email service
provider to aweber.com, so to CONTINUE RECEIVING
EducationOnlineForComputers's Free Monthly Software
Education and Training Newsletter, you will need to use
the form here, below.

Our newsletter keeps you up-to-date with all the free Office,
Adobe, and Web Development training I discover each month.

To receive our monthly newsletter, please enter your
email address and click on the submit button:

Thank you very much.

Scott Turton
Newsletter Editor
EducationOnlineForComputers.com