Links to Lessons

Welcome to Char's HTML and Web Publishing Tutorials. Here you will find handy links to all the lessons. Enjoy!!


Basic HTML Lessons - Creating Delphi Message Board Posts
Web Publishing Tutorials
Cascading Style Sheet Tutorials
JavaScript Tutorials
Bonus Tutorials: Tips and Tricks


Delphi Message Board Lessons


Lesson 1 - Line Breaks and Paragraphs

Start at the beginning! Learn how to format your posts!

Lesson 2 - Bold and Italic

Learn how to add emphasis to your posts.

Lesson 3 - Intro to Styles - Text Alignment

Learn how to align your text - left, right or center.

Lesson 4 - Web Safe Colors

Learn to add color to your messages!

Lesson 5 - More Colors

More colors!

Lesson 6 - Font Families

Learn how to use different fonts in your web pages and posts.

Lesson 7 - Email Links

Here's how to create a link to your email address!

Lesson 8 - Web Page and Forum Links

Learn to add links to a forum or a web page.

Lesson 9 - Using Graphics

Learn how to add graphics to your messages.

Lesson 10 - Introduction to Tables

Learn the basics of tables - and how tables can help with page layout.

Lesson 11 - Table Widths and Borders

Learn how to size your tables.

Lesson 12 - Table Backgrounds

How to change your fonts so everyone can see them the way YOU want them!

Lesson 13 - Table Captions and Headings

Create Header Rows and Captions for your tables

Lesson 14 - Spanning Multiple Rows and Columns

How to use a table with irregular rows and columns

Lesson 15 - Take the Table Challenge!

Test your newly acquired skills!

Lesson 16 - Font Sizes and Review

How to change the size of your text, a review of everything so far and a little bonus tutorial for good measure.

Message Board Post Formatting Questions

Can't get your messages to come out right? Ask here for workarounds, tips, etc.

Back to top


Web Publishing Tutorials


Tutorial 1 - Getting Organized

Want to create a web page/site but have no idea how to begin? Start here!

Tutorial 2 - FTP Program Setup (WS_FTP)

Step-by-step instructions for setting up WS_FTP for transferring files to your web site.

Tutorial 3 - Creating your first page

Step-by-step instructions that will help you put your first page on the web!

Tutorial 4 - Adding Graphics

Learn how to add graphics to your web pages.

Tutorial 5 - Page Layout I - Graphics

How do I center a graphic? How do I make text flow down the side?

Tutorial 6 - Page Layout II - Tables

How can I layout my page to use a border background without my text covering the border?

Tutorial 7 - Basic Frames

Create a frames page with a navigation bar and main window

Tutorial 8 - Creating Page Anchors

Learn how to link to different parts of a page.

Tutorial 9 - Links: Relative vs. Absolute

How to link to your pages from anywhere.

Tutorial 10 - Graphic Layout with Tables

Use tables to create your own photo gallery!

Tutorial 11 - Making Lists

Learn to create bulletted and numbered lists!

Tutorial 12 - Meta Tags

Learn to use Meta Tags to make your site prominent in search engines!

HTML Q&A - Web Pages

Having trouble figuring out how to format your web page? Ask here!

Back to top


Cascading Style Sheets


Tutorial 1 - Basic Styles

An introduction to style sheets.

Tutorial 2 - External Style Sheets

Learn how one style sheet can work for your whole site.

Tutorial 3 - Style Sheets

Create your own styles using SPAN and Classes

Tutorial 4 - 3D Text

Learn positioning and layering while creating 3D Text

Back to top


JavaScript


Tutorial 1 - Scrolling Marquee

Create a scrolling message that works in both MSIE and Netscape.

Tutorial 2 - Popup Windows

Learn how to create your own popup menus!

Tutorial 3 - Password Protection

Learn to password protect private pages without CGI programs or databases.

Tutorial 4 - Mouseovers

Learn to have your images change when your visitor passes their mouse over them.


Tips and Tricks


Tutorial 1 - Copying and Pasting

Learn how to copy and paste and stop retyping everything!

Tutorial 2 - Using the <MARQUEE> tag

Learn how to manipulate the <MARQUEE> tag.

Tutorial 3 - Font Sizes

Tips on resizing fonts

Web Color Combinations

Test out different color combinations. Best with 1024x768 monitor resolution.

Adding Sound

Learn how to add sound to your web pages.

Tutorial 6 - Simple Mail-to Form

If you can't use CGI on your website, this simple but limited form may help.

Back to top