Printable View
To speed up the web site Use CSS For Faster Pages:
Even if you decide to use tables, CSS can greatly improve your web sites load time! With your styles in an external .css file, the browser can cache all the formatting and stylizing for your pages instead of having to read each and every single tag all over again. Also it cuts down on long drawn out tags and replaces them with smaller class styles instead.
Don’t Resize Images within HTML: Don’t use the width or height attribute in the IMG tag to resize larger options. For example, if you resize an image that was originally 300 x 300 to 100 x 100, the user still has to download the full size one. Instead, use thumbnails.
Specify Image Dimensions: Don’t leave the width or height attributes blank. By doing so, you’ll slow down the browser rendering of the page, since it doesn’t know how much space to give for each image.
Image maps combine multiple images into a single image. The overall size is about the same, but reducing the number of HTTP requests speeds up the page. Image maps only work if the images are contiguous in the page, such as a navigation bar. Defining the coordinates of image maps can be tedious and error prone. CSS Sprites are the preferred method for reducing the number of image requests. Combine all the images in your page into a single image and use the CSS background-image and background-position properties to display the desired image segment. Inline images use the data: URL scheme to embed the image data in the actual page. This can increase the size of your HTML document. Combining inline images into your (cached) stylesheets is a way to reduce HTTP requests and avoid increasing the size of your pages. Turn on Http Keepalives.
When you use images or tables on your pages you should always include the height and width tags. If the browser does not see those tags it will need to figure the size of the image, then load the image and then load the rest of the page. Here is an example of code containing those tags:
<img id="moon" height="200" width="450" src="http://www.domain.com/moon.png" alt="moon image" />
When the height and width tags are included the browser will automatically know the size of the image. As a consequence it will be able to hold a place for the image and load the rest of the page contemporaneously. Apart from the improvement on the load time of the page this method is also more user friendly since the visitor can start reading the text or other information while the image is being downloaded.
Inserting images by paste: You just found a good picture on your computer and you want to use this on your web site. an easy way is to just copy the file (CTRL - C) and go back to dreamweaver. in your web page set the point where you want the picture and just paste it in. Although the picture is not part of your web site project, Dreamweaver will ask you to copy this to your managed web site and asked for place to store the file. So far not really interesting. So lets move a step further with screen captures. Instead of buying or using freeware screen capture programs use the powerful tool witch comes with Dreamweaver. To capture a screen use the print screen key on your keyboard. if you just want to capture the active window use the ALT key together with the print screen button. Then paste the captured by CTRL + V in your web document. Here comes the good part. A new window opens and give you a build in screen capture tool from dream weaver. This tool lets you adjust the quality of the picture, the export area and optimises it for you. Try the transparent option in GIF area. Even creation of animated GIF's is build in.