Online

Training

SITE LAYOUT DEVELOPMENT IN PHOTOSHOP

PREPARING IMAGES FOR THE WEB

INTERNAL AND EXTERNAL STYLE SHEETS

WEB SITE DEVELOPMENT

TESTING AND UPLOADING YOUR WEBSITE

Organizing is a vital part of your work process, especially when developing Web sites.

Many designers use Photoshop or Illustrator to prepare their images for the Web. You can use image slicing to create the page and insert each slice into Dreamweaver. Additionally, you can create the design in Photoshop, slice the important images, and use the background color of the page to fill in the solid color spaces. For some designs, you may want to change the background color of the page to match a color in the image. You can check the hexadecimal number for the color in Photoshop’s Color Picker, and use it in Dreamweaver to match the page background color to your image. The use of graphics on the Web involves different considerations than more traditional printed media. Print media requires high-resolution images to produce quality color printed material. Web sites, on the other hand, require graphics that are as small in file size as possible yet still retain an acceptable appearance. The file size of the HTML document and images in the page must be as small as possible to optimize file download time. Let’s explore ways to minimize graphics.

Cascading style sheets (CSS) are becoming the new standard for Web design. CSS allow Web developers the ability to control the layout of the entire Web site with less effort, by making global changes in a Web site much more quickly and efficiently.

Once you have optimized your images, you will begin to insert them in to your Web pages using Dreamweaver.

Test the site on different platforms, and use various browsers within the requirements to be sure the site functions and appears as planned. Take notes on any differences your site may experience when opened in different browsers.

www.activecomputech.com mail : activecomputech@in.com Cell : +919030455365 | |