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 

7. Click Save For Web option ( short key Ctrl + Shift + Alt + S )

Save the file as jpeg with 55 colors and relevant name.

We have named as inside-pagebg.jpg.

8. Choose Modify > Page Properties > Background Image, browse inside-pagebg.jpg image and click ok.

9. Click inside the second column of the body table and choose alignment as Vert 'Top' in the Properties Panel, so that the content starts from the top.

Type dummy text of around 4 to 5 lines to check the table settings. Specially the left panel with menus should not slide down when the text is incorporated.

10. To specify navigation links in the inside page.

Choose the image inside_07.jpg which has the home icon.

11. Click on Map in the Properties panel.

Click and drag to create a Rectangular Hotspot over the home icon.

12. After creating the hotspot enter index.html in Link or browse the page by clicking the folder icon.

Enter respective link name in Alt to specify Alt tags.

13. Similarly create hotspots for all the other links ( i.e Products, Clients, Contact Us, Advice Online, Feedback ).

Specify link and Alt tags as per their respective names as it was done for the homepage.

14. The html page editing of the inside page is complete and it is 1024 X 768 pixels resolution compatible.

15. To create the other inside pages as per their links for eg. to create profile.html page.

Choose File > Save As, Save the file as profile.html.

The inside page gets saved as the profile.html, similarily create the other inside pages.

16. To check the linking open index.html file in Internet Explorer or any other browser and click on the links to check the file.

Steps for html conversion and 1024 compatibility of insidepage.psd with linking is complete.

These 4 articles of professional steps in web designing covered the practical techniques in designing a web site. The articles covered the step by step process with images explained:

Understanding the client requirements
Designing a layout in Adobe Photoshop*,
Optimizing, slicing and HTML Conversion of the layout in Adobe ImageReady*
Developing HTML Pages, making the website compatible in 800 X 600 pixels, 1024 X 768 pixels resolution compatible through Macromedia Dreamweaver*.

Regards,

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
http://www.donate-blood.org   E-mail- om@donate-blood.org

Goto Page
 
6
 
 



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