MonkeyDoIt! Simple Instructions


Simple Web Design Instructions & Tips




Windows XP Internet Explorer (IE) Web Design
   

How to Make a Transparent .GIF in Photoshop
Simple instructions for how to make a transparent .GIF image using Photoshop using Matte settings so that images lose that white edge anti-aliased appearance.

How to Make an Interactive Map of the USA
Interactive maps: Take the first steps in creating a useful resource for your website visitors to quickly locate services by making an interactive map they can use.

Make U.S.A. Map Hotspots for Your Interactive Map
How to effectively create complex image maps for an interactive map using Dreamweaver's Hotspot tools.

Google AdSense Showing Irrelevant Ads / AdSense Not Matching My Site's Keywords
Google AdSense keyword relevancy tips for your website and possible causes of irrelevant ads showing.

How to Use HTML Comment Tag Code to Comment Something Out
Syntax for commenting something out inside HTML source using HTML Comment Tag Code.

How to Make an HTML Checkbox
Instructions how to make an HTML checkbox form with default value as checked or unchecked.

Add a Style to Table TD Tags using CSS Class
Simple instructions for adding styles to HTML table TD tags using CSS class.

Web Design for the Most Popular Browsers
Instead of designing for every imaginable browser type / version / OS flavor, design for what makes up the majority of your website traffic first! Design for your audience.

Make Embedded Styles
Define your CSS styles at the top or your HTML source code before the closing </head> tag.

How to Link Text Inside HTML Source Code Using Notepad
Linking text inside HTML source code is very simple using Internet Explorer or "open with" selections to locate Windows Notepad.

How to Link Text Using Dreamweaver
Instructions how to create a link using Dreamweaver to highlight and then link text in the Property Inspector.

Set Text Line Height in HTML
Line height is what gives text the appearance of vertical space between each line of text and can be adjusted using CSS.

Wrap Text Around Images in HTML
To wrap text around images in is an essential skill to learn for nice looking HTML page layouts. There are two common methods explained here for wrapping text around images in HTML: The image attribute method and the table alignment method.

Wrap Text Around Images Using CSS
It's fairly simple to wrap text around images using CSS Float and Padding. Several examples include left floating and right floating images, as well as a combination of image float and text justification.

How to Use and HTML Image Tag <IMG>
Images are easy to insert into HTML as stand-alone elements within the body of your HTML document.

Make an HTML Table Border Using Nested Table Approach
How to make an HTML table border without using the border attribute.

Add a Background Image to a Table
The TD and CSS approaches are explained for adding a background to a table.

Find a Good Web Hosting Company
Some tips for finding and evaluating web hosting companies.

Protecting Images on Your Website
What's to stop people from right clicking and saving your copyright protected images from your site ? There are several third party solutions that claim to protect images on your website but these are far from foolproof and cost money. It's my position that nothing beats old-fashioned watermark techniques to protect your images.

Make an External Style Sheet File (.css file extension)
Here are some quick steps to make an external style sheet file without using any tools other than basic text file and FTP access. Dreamweaver or other HTML / WYSIWYG editors not required.