Free Web Development Training and Tutorials Blog




    



Tizag's HTML Tutorial and Web Site Design Articles

Here is a great HTML tutorial for learning how to code and develop web pages using HTML. Here you will learn the basics of the Hyper Text Markup Language (HTML), so that you can make your own web pages and feel comfortable using this text mark-up language. Creating an HTML document is easy. To begin coding HTML you need only two things: a simple text editor and the dedication to follow this tutorial. Also included here are their web site design tutorial articles.


Tizag's HTML Tutorial

Beginner's Web Site Creating Guide
In this tutorial you will be transcribing code into notepad and then viewing it with a web browser.

HTML Tutorial Introduction
Elements
Tags
Attributes
Comments
Formatting
Font
Text Links
Image Links
Images
Lists
Tables
Bgcolor
Background
Layouts
Email
Forms
Frames
Meta
Script
Entities
Music Code
Color Chart

Special Tags:

Body
Paragraphs
Headings
Line Breaks
Horizontal Rule

Formatting Tags:

Bold
Italic
Code
Pre
Superscript
Subscript Strikethrough

HTML Forms:

Input
Text Fields
Password
Checkboxes
Radio
Textareas
Upload
Select
Submit
Reset
Hidden Fields
 

Tizag's Web Site Design Articles

Beginner Articles
Advanced Articles

18 Free Web Development Books

Here is an Online Books Library from Eastern Mediterranean University containing the following 18 free books covering web design and development, and specifically CGI, Java Applets, JavaScript, HTML, Perl, SQL, TCP-IP, and Web Publishing. These books are somewhat dated, but still offer good useful information and understanding on how to implement web sites with these technologies.

CGI Developer's Guide
CGI Manual of Style Online
Creating Commercial Web Sites
Creating Web Applets with Java
Developing Professional Java Applets
HTML 3.2 and CGI Professional Reference Ed. Unleashed
HTML By Example,
Laura Lemay's Web Workshop Graphics Web Page Design
Laura Lemay's Web Workshop JavaScript
Perl Quick Reference
Perl 5 By Example
Special Addition Using Perl for Web Programming
Special Edition Using Javascript
Teach Yourself HTML 3.2 in 24 Hours
Teach Yourself Perl 5 in 21 Days, Second Edition
Teach Yourself SQL in 21 Days, Second Edition
Teach Yourself TCP-IP in 14 Days, Second Edition
Teach Yourself WEB Publishing with HTML in 14 Days

Visibone Webmaster's Color Lab

This is the Visibone Color Lab, a 216-color Webmaster palette which will help you select the most optimum colors for the theme of your web site. Discover the colors you need and like, then learn their hex, rgb, and cmyk values, along with views of how contrasting and complementary colors appear side by side.

RBC - Visibone Webmaster's Color Lab:
http://reallybig.com/visibone/lab/

Web Development Tutorials

Here are Web Development Tutorials to help you get your web work done, from wise-women.org. These tutorials cover several areas of web site design, development and programming, including accessibility, Cascading Style Sheets (CSS), Fireworks, Dreamweaver, Ultradev,  Livemotion, optimizing gif graphic files, website promotion, and CGI form scripts.

Web Development Tutorials


Achieve Accessibility with Dreamweaver

We all know that instituting website accessibility is A Good Thing. But now Dreamweaver MX makes it painless. Really! Read how in this detailed tutorial.

Achieve Accessibility with Dreamweaver


The Early Bird Catches the CSS: Planning Structural HTML

Do you struggle to make the switch to Cascading Style Sheets? Are you using some CSS but can't quite complete the transition to all CSS? Virginia DeBolt will help you start your projects by first making your HTML structurally ready for CSS.

The Early Bird Catches the CSS: Planning Structural HTML


Cascading Style Sheets: Using Element Display For Layouts, Links & Lists

Miraz Jordan introduces the concepts of block-level and inline elements and mentions padding, borders and margins along the way. You'll learn simple techniques using CSS to create accessible layouts, lists, links and navigation bars.

Cascading Style Sheets: Using Element Display For Layouts, Links & Lists


Using the .htaccess File

Web designers often ask how to handle redirects or to password protect directories; the .htaccess file can do these things and more. Miraz Jordan has contributes an excellent compilation of advice, tips, tricks and techniques focusing on .htaccess, security and redirects.

Using the .htaccess file


Plain Text Rollovers in Fireworks and Dreamweaver MX 2004

With Fireworks and Dreamweaver MS, make 4-state buttons in 4 fast steps. Learn how!

Plain Text Rollovers in Fireworks and Dreamweaver MX 2004


Fireworks MX Slicing Tutorial

Judy Fontanella has made slicing and dicing an image into a working HTML page easy, no matter which Fireworks version you are using.

Fireworks MX Slicing Tutorial


Spell it Out

Want a quick easy trick that makes your web pages more friendly and helpful for visitors, while higher-ranking for search engines?

Spell it Out


Getting Started with Cascading Style Sheets

Cascading Style Sheets (CSS) effectively separate content from appearance on Web pages. This streamlines HTML coding and makes it easy change a site's entire appearance by altering the code on just a single CSS file.

Getting Started with Cascading Style Sheets


Using FTP Server Access for Site Development with UltraDev - Creating a Recordset

Our third UltraDev lesson concentrates on creating a recordset and displaying the dynamic data.

Using FTP Server Access for Site Development with UltraDev


Using FTP Server Access for Site Development with UltraDev

UltraDev has made it possible for Web designers without coding knowledge to create dynamic pages. Web designers who know how to code can work much faster.

Using FTP Server Access for Site Development with UltraDev


Ten Minutes to WML

The crash course offered by this tutorial demystifies writing Wireless Markup Language for WAP.

Ten Minutes to WML


Learn Basic Animation with Adobe LiveMotion 1.0

A 2-part tutorial on using Adobe LiveMotion 1.0 to create .swf movies with minimal pain.

Adobe LiveMotion 1.0


A 10-Step Tune-Up For Improving the Performance Of Your Windows PC

Computer slowing down? Error messages taking over your life? Before you invest in expensive software, hardware upgrades or even a new PC, try these simple suggestions for cleaning up your system.

Windows Tune-Up


Using Fireworks to Create Images Slices

Use Macromedia Fireworks to slice up and image and create a table automatically. Judy shows you how to optimize each slice for faster download times and much more.

Create Slices


Transparent GIFs, Part 1: Creating and Optimizing

This is part 1 of a 2-part article about creating and using transparent GIFs. Intermediate level skills in Adobe Photoshop are recommended. Users of other programs can utilize the ideas here about transparent GIFs and matte colors too.

Optimize your transparent GIFs.


Calling A Rose by Any Other Name

Learn about string handling, arrays, error checking, and form validation while also getting your very own silly name. An intermediate-level JavaScript tutorial.

What's your silly name?


Promoting your site on the Web

Having a site on the World Wide Web does not guarantee that people will find it, even if it is filled with great content. You want people to be able to find your site or your client's site amongst the millions of sites that are out there.

There are many ways to promote a web site over the web. The good news is that most of them do not require any money. Here are some things you can do to get the word out about your site for free, that I have found to be effective.

Promote your site


Creating Curved Text with JASC Paintshop Pro

With the vector feature provided by the latest versions of PaintShop Pro, you can make curved text to your heart's content very easily. Here's an easy to follow step-by-step tutorial that shows you how.

Bend your text


Making Your Forms Work with CGI Scripts

Forms are an important part of Web design because they allow us to collect data from our visitors. Forms can add interactively to our Web pages and perform a lot of useful functions.

In order to create forms, you have to know how to put the form elements on your page. However, there is another important part to creating forms. That is making the form work with a script that will take the data entered by your visitors and process it in some way. Your choice of a script depends upon the purpose of your form. Some forms interact with a JavaScript that is coded into the Web page and is run by the visitor's browser. The large majority of forms are processed by a script that is resident on a remote server, however. When the user fills in his data and then clicks the submit button, the data is sent to the script whose address is coded into the form tag.

Making your forms work


Tutorials for Cascading Style Sheets

Web Developer's Virtual Library offers these Tutorials covering Style Sheets, or Cascading Style Sheets (CSS). These allow the web site author to control the rendering of fonts, colors, margins, typefaces, and other aspects of style in web pages. Using Style Sheets, or CSS, visual design aspects of web pages and sites, such as page layout, can be implemented apart from the logical structure of the web site.

Tutorials for Cascading Style Sheets


Toss out your Tables! CSS is the scene!

Simply stated, using CSS for page layout is — once you get the hang of it — much more powerful and much simpler than using tables.

Introduction to Style Sheets - A Brief Tutorial
The basic concepts of cascading style sheets, and provides some examples and links to further resources.
Style Sheets: Colors
Fonts
Putting Style Sheets in Perspective - Introduction
Add style and color, position objects precisely, and control the look of the website all from a single file.
Add a Little Style With the Font-property
The various font-properties and the proper use of those properties.
Marginally Speaking
Through the use of the CSS2 margin, border and padding properties we can at last have some control of page layout without resorting to transparent gifs and tables.
Style Sheets
Style Sheets act as a "template" that can control the layout and design of your pages. They work separate from your HTML, giving you easier maintainability.

Page :  1 2 3