Cool Web Design CWD Resources - Website Design Inspiration, Best Web Site Idea
Cool web design sites

Photoshop 5.5
Front Page 2000
PageMaker 6.5

Create Profile
Forgot Password

Contact Us

New Sites
'Accepted by' Logo
Submit Site
Business Style
Clean and Simple
Heavy Graphic
Just Nice
All Categories


  By: Ashok Shetty
Cleaning suede replica handbags fashion requires a different method. Buy a block of replica handbags soft suede tan spots. The spots may appear on replica watches suede, by transferring the dark clothes, magazines and paper bags. Wet and scrub the block in front of swiss replcia watches the TV or something. If the stains do not go, take care your wallet out of steam of rolex replica boiling water. Be careful not to accidentally drop his bag in the water! After the looting of steam, use the block to rolex replica clear the stain a little more.
  Published   08-23-2004
  Category   Professional steps of  web designing
  Type   Advance
Rate this article:  Bad  Good 

3. Choose View > Snap to > Guides

Select Slice tool from the tool box.

Click and drag over the guides to create slices. Slice the top panel and left panel as per the guides.

The body area where the content will be displayed is sliced in one image since it would be deleted in Html editor and replaced by background color or image.

4. After the full layout is sliced, Click on Optimized Button (besides original in the top panel of the layout window).

Choose Windows > Optimize

Optimize window opens. Press Shift and click slices of the top panel & left panel, Set the optimize values as JPEG with quality as 55 colors.

Since the logo slice has more colors and effect as compared to the other slices, so it will be optimized with more colors. Select the logo slice and set the color value as JPEG with high quality as 65 colors.

The center image where the text will be placed can be opitmized with minimum colors as it will be deleted later.

5. The file size of the whole-optimized layout is displayed at the bottom status bar.

The entire file size of the .psd file was approximately 2.2 MB. After optimization, file size of the insidepage layout is 35 KB.

6. Choose File > Save

To preview the optimized layout in the browser

Choose File> Preview in > Internet Explorer

7. Choose File > Save Optimized As

This action converts the .psd file into .html file.

The Save Optimized Window is displayed with the options File Name, save as type and options "Save As HTML File", " Save Images" & "Save Selected Images".

By default the "Save As HTML File", "Save Images" are already checked.

Save the file with the name as inside.html

Steps to Slice, Optimize, and Convert the inside page into html is complete.

Now the page has to be made resolution compatible in 800 X 600 pixels and 1024 X 768 pixels with page linking and content incorporation in Macromedia Dreamweaver*. This is covered in further articles of Professional Steps of Web Designing.


Ashok Shetty.
Developer of layout galaxy web site design templates for Photoshop and Flash.

All accompanying logos, brands and product names are trademarks of their respective companies.

Blood for humans comes only from humans : Donate Blood   E-mail-

Goto Page

Enter your username and password, and press 'Submit'
Auto Login
Create Profile

 Search Engine   Optimization
Where does your Site Rank on Google?
Title Tag and Meta Description Tag Optimization
Anchor Text Optimization
Working with the robots.txt file
Google PageRank Algorithm Explained
Alexa - The Smart Browsing
Web Promotion with Pay Per Click
Fonts in Layout
Basics of Color - 2
Basics of Color
How to create a webpage using layers?
Fine tune / touch up dull Image using Photoshop
Create thumbnails using Action and Automate in Adobe Photoshop.
Designing Top Panel in Photoshop - 2
Designing Top Panel in Photoshop
How to animate a banner using Adobe ImageReady?
Publishing digital video on web page using Flash 2004
Creating Feedback form using Flash MX & send the data to email.
Image Transitions in Flash Mx
Creating Top Panel in Flash along with navigation bar
Creating Scrolling Buttons Menu in Flash MX
 Flash 5.0 Tutorial
Advance Scripting In Flash - Part 8
Advance Scripting In Flash - Part 7
Advance Scripting In Flash - Part 6
Advance Scripting In Flash - Part 5
Advance Scripting In Flash - Part 4
 Professional steps of  web designing
Professional Step-by-step Guide To Web Designing
Modify the ready-made Layout to incorporate your client's detail
Make Layout Web Compatible
Provide links using web-authoring tool like Macromedia Dreamweaver



Layout Galaxy is ready to use photoshop & flash web site design templates
Copyright © 2001 Cool Web Design