Home > Computers & Internet > Web Design

Simple Web Design Instructions & Tips

Layout and Text Formatting / Text Around Images
	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.
	Dreamweaver Find and Replace Text Dreamweaver's Find and Replace tool is extremely efficient for making large-scale, multiple website page changes in just a few seconds.
	How to Use a HTML to Underline Text How to underline text in HTML explained for both manually creating underline tags and for using Dreamweaver.
	How do I make a text paragraph indent using CSS? Examples provided showing how to indent or outdent (hanging indent) text in a paragraph using CSS.
	Add a Style to Table TD Tags using CSS Class Simple instructions for adding styles to HTML table TD tags using CSS class.
	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.
	CSS Letter Spacing Using CSS to set the space between individual letters.
	Make an HTML Table Border Using Nested Table Approach How to make an HTML table border without using the border attribute.
PHP Includes
	What's the code used in HTML for a PHP include file? Include files are used for various purposes. A very common use of include files is for creating a website's header and footer. This allows the ability to make sitewide changes to design or navigation by simply changing one or two include files rather than having to update every individual page of a website.
Usability, Stats & Search Engines
	What is a Web Page Hit Counter? A web page hit counter or simply counter, is a visual representation of the number of hits a page has received and uses an on-page graphic or simple HTML numbers to show the number of hits. An example non-graphic counter is shown.
	What is Web Page Keyword Density? A simple explanation of what web page keyword density means and how to check it.
	Make a Good Web Page META Description Simple instructions for making a good web page Meta description, aka good META description tag.
	How to use HTML ALT image tags How to use html ALT image tags, their purpose and how to use them for the visually impaired and for optimal search engine visibility.
	What is a search engine spider? An explanation of what a search engine spider is with an example showing Googlebot in web stats and raw logs.
	What is a Server Error Log and How to Find 404 Errors in a Server Error Log Simple instructions about what is a server error log and how to find 404 Errors in a server's error Log.
	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.
Linking, Hotspots, Image Maps
	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.
	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.
HTML/CSS Basics
	How to Use HTML Comment Tag Code to Comment Something Out Syntax for commenting something out inside HTML source using HTML Comment Tag Code.
	Make HTML href target blank This HTML is used to make a hyperlink location open in a new browser window or new tab depending on the browser, version or user settings.
	How to Make an HTML Checkbox Instructions how to make an HTML checkbox form with default value as checked or unchecked
	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 Using Dreamweaver Instructions how to create a link using Dreamweaver to highlight and then link text in the Property Inspector.
	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.
	Find a Good Web Hosting Company Some tips for finding and evaluating web hosting companies.
Using Images On Your Website
	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.
	Add a Background Image to a Table The TD and CSS approaches are explained for adding a background to a table.
	Remove an Image's Border Using CSS A common occurrence with linking images in HTML is that it leaves a border. Using CSS you can remove an image border.
	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.
	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.