Web Designer Resources, Web Site Design Resource - CWD Website
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: Kanchan Tanna
  Published   05-06-2003
  Category   Dreamweaver
  Type   Advance
  Rating
   0%
100%
Rate this article:  Bad  Good 

How to create a webpage using layers?

A layer is a container that can hold text, images, tables, other layers and various types of multimedia. It gives more control and flexibility to make the page dynamic. For Example you can make Picture Gallery, Products Catalogue, Portfolios etc.

To make the tutorial practical & easy to understand we have created Products Catalogue as an example in Photoshop & Converted into HTML format. Click here to download the layout.

After downloading the layout follow the steps given below:

1. Open the Layout in Photoshop. Keep separate Guides for each Image, Slice the whole Layout and Save the images in jpeg, gif or png format.

2. After saving the Images in jpeg, gif or png format, then open Macromedia Dreamweaver.

Click the Insert Table Button on the Common Category of the Objects Panel, or Choose Insert > Table.

If the Objects Panel is not visible, Choose Window > Objects.

The Insert Table dialog box appears.


In the dialog box, type the values and click OK to create the table. With the help of tables place the images accordingly to the layout.

Creating Layers

To draw a layer, click the Draw Layer Button in the Objects Panel, then click & drag to draw the layer.

If the Layers Panel is not visible, Choose Window > Layers.

For selecting the layer click the name of the Layer in the Layers panel. You can also resize the layer by dragging it. Just select the layer and drag any of its resize handles.



Goto Page
 
1
 
 
 
 
 
 



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