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


  www.print-templates.com

 
Photoshop 5.5
Front Page 2000
HTML
XML
PageMaker 6.5

Community
 
Login
Create Profile
Forgot Password

Functions
 
Home
About cwd.dk
Contact Us

Inspiration
 
New Sites
Search
'Accepted by' Logo
Submit Site
Reminder
FAQ's
 Category
Animation
Audio/Sound
Business Style
Clean and Simple
E-Commerce
Entertainment
Experimental
Heavy Graphic
Intro
Just Nice
Navigation
Personal
Sports
Webportals
All Categories


www.imageonline.co.in




Articles

  By: Ashok Shetty
  Published   08-23-2004
  Category   Professional steps of  web designing
  Type   Advance
  Rating
   0%
100%
Rate this article:  Bad  Good 

In a layout all the slices can be saved either in GIF format or JPEG format or in both selectively depending on the image quality.

7. 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 3.6 MB. After optimization, the file size of the whole layout is 55 KB.

8. Optimization reduces file size taking care of the overall effects of layout.

Choose File > Save

9. To preview the optimized layout in the browser

Choose File> Preview in > Internet Explorer

The browser displays the image with a caption listing the image's file type, pixel dimensions, file size, compression specifications in the first paragraph, file name and other HTML information in the second paragraph.

10. 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.

11. Save the file with the name as index.html

The first page of the web site is named as index.html, because server picks index file first and displays it on the internet.

The html file gets saved with its respective images in a seperate folder called images.
After saving close this file since sometimes it prompts to save the file again.

Steps to Slice, Optimize and HTML Conversion of the Homepage Layout is complete.

Steps To Slice And Optimize The Inside Page

1. Choose File > Open, and open inside.psd file in Adobe ImageReady.

2. To place guidelines for slicing.

Choose View > Rulers

Select Move Tool from the Tool box, drag and place guidelines from the rulers.

Place horizontal guidelines on the menu links and vertical guides on the top panel. Slices should be of medium size since if the slices are big then it will increase the download time.


Goto Page
 
5
 
 



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

Articles
 
 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
 
 General
Alexa - The Smart Browsing
Web Promotion with Pay Per Click
Fonts in Layout
Basics of Color - 2
Basics of Color
 
 Dreamweaver
How to create a webpage using layers?
 
 Photoshop
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?
 
 Flash
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

Feedback
 

 

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