Web Design Tutorials

Beginners Guide to Making a Web Page

• Introduction to HTML: What in the world is hypertext markup language?
• The HTML Skeleton: The very few HTML tags a web page needs.
• Tag Attributes: How HTML tags are modified to change display behavior.
• Making Your First Web Page: Make your first web page in just minutes!

Web Site Planning: Avoid Beginner Mistakes

• Check Points: What you should know before you start building a site.
• Navigation strategies: Planning ahead can spare you trouble later on.
• Content: Developing content people want to see and will praise you for.
• Structure: Getting your site right the first time is faster than doing it over.

Basic Text Formatting

• Breaks and Paragraphs: Learn how to make single and double line breaks.
• Bold and Italic Text: Learn how to emphasize text with bold and italic styles.
• Headings: How to code headings to create emphasis and break up content.

Introduction to CSS

• CSS Part I: Learn why you should be using Cascading Style Sheets.
• CSS Part II: Inline, embedded, and external CSS concepts are explained.
• CSS Part III: How to the implement inline, embedded and linked CSS.
• CSS Part IV: The cascading order: how browser's resolve conflicting styles.

Color, Backgrounds, and Images

• Change Text Colors: The right way to change text colors.
• Change Text Size: How to code different font sizes into your page.
• Background Color: How to change background (and foreground) color.
• Download Images: How to download images from the Internet.
• Download Images on AOL: Special problems AOL users have.
• Background Images: Add a background image to your web page.
• Left Border Trick: Two ways to use left border background images.
• Another Left Border Trick: Use a table to keep the content off the border.
• Fixed Backgrounds: Stop the background from scrolling with the page.
• Add Images: How to code images into a web page.
• Dropcaps: Add dropcaps to your pages to fancy them up.
• Add Text to Banners: Add text to a blank banner using HTML only.
• Mighty Mouseover Buttons: Button mouseover effect, an easy cheat!
• Picture Frames: Create digital frames around photos using HTML.

Links and Server Paths

• Relative vs. Absolute Links: All you need to know about server paths.
• Internal Links: How to link your own web pages together.
• External Links: How to link from your site to other web sites.
• Image Links: How to use an image to link to other pages.
• Link Balloons: How to create a hover message for your links.
• New Window: How to have links open in a new window.

Working with Tables

• Tables: An overview of designing with tables.
• Table Tags: All the table tags you need to create precision tables.

Creating Lists

• Creating Lists: How to present information using different kinds of lists.
• Image Bullets: How to use custom image bullets with HTML lists.

Form Tricks

• Cursor Placement: Have a page load with the cursor inside a text field.
• Tabbing Order: How to set a tabbing order for form fields.
• Disappearing Text: Have text disappear from a text box on user click.
• Fancy Form Buttons: Form buttons with color, fonts and images.

Other Web Design Tutorials

• Inline Frames: How to place an iframe window in your web page.
• Sound: How to easily add sound to a page.
• Email Tricks: Subject/body automatically filled in; cc's or bcc's too.
• Redirect Page: Simple code to automatically send visitors to another page.
• Transition Effects: How to code page transition effects.
• Installing CGI Scripts: Beginners guide to CGI scripts and CHMOD.

JavaScript Tutorials

• Refresh Button: Put an easy refresh button or link on a page.
• Pop-up Window: How to create a user activated pop-up window.
• Back Button: Create a logical back button or back text link.
• Horoscope: A versatile script for serving horoscopes, riddles, or ?
• Last Updated: Automatic reporting of last page update.
• No Right-click: Stop others from stealing your graphics and code.
• No Copy & Paste: Disable the copy-and-paste function on web pages.
• Alert Box: Add an alert box that opens when someone comes or goes.
• Break Out of Frames: Keep your pages from being framed by other sites.
• Scrolling Background: Scroll the background image on your page.
• Page Entry Confirmation: Requires user OK before a page can be accessed.
• Drop-down Menu: Make a button activated drop-down menu.
• Drop-down Menu II: This drop-down menu activates on option selection.

Reference Charts and Webmaster Utilities

• Color Tweaker: Find the perfect color with this fun tool.
• Color Schemer: Find complementary colors automatically.
• Color Names Chart: Color names that browsers recognize.
• 216 Browser-safe Colors: The so-called web-safe color palette.
• HTML Maker: Fill in the blanks, basic web page maker.
• ASCII Character Chart: All those funny symbols in one place.
• Meta Tag Generator: Automated meta tag code generator.
• Character Counter: A simple character counter for when you need to know.
• Country Codes: Find out where all those country extensions are from.

Web Design Articles

• Copyright and Bandwidth: Information every webmaster must know.

Members-only Tutorials