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   Medium
  Rating
   0%
100%
Rate this article:  Bad  Good 

9. To make the layout compatible by a vertical background image (bg image), the bg image should be the height of the higher resolution i.e 1024 X 768 pixels to be made compatible.

If the layout has to be made 1024 x 768 pixels resolution compatible then the height of the image should be around 800 pixels so that the design in the image doesn't tile after 768 pixels.

10. Choose Image > Canvas Size, enter 800 pixels and Click ok.

Select Move Tool and move the image to the top so that the image top edge touches the canvas top edge.

To fill the bottom empty space in the canvas.

Choose the Eye Dropper tool, Zoom the image upto 1600%.

Pick the color by clicking on the extreme bottom part of the image.

The color gets selected and is displayed in the Foreground Color Pallete.

Select the background layer and press Alt + Back Space to fill the color.

11. Press Ctrl + Shift + Alt + S ( to open Save For Web window )

Save the image in jpeg file format and colors as 52 & specify a relevant file name.

We have named as index-bg, so that it can be easily recognised.

12. Choose Modify > Page Properties > Background image, click on browse and select index-bg.jpeg image.

13. The image gets incorporated in the background of the layout.

Choose Window > Properties

Select the layout table and specify Align as " Left " from the drop down menu.

Check the layout in Internet Explorer.

Change the monitor resolution to 800 X 600 pixels or vice-versa i.e. 1024 X 768 pixels to check the layout compatibility.

Steps to edit the html page and make it 1024 X 768 pixels resolution compatible is complete.

Goto Page
 
2
 
 



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