nj web site design, atlanta web site design, web site design denver, training and development,
 
    
 Log Out    Contact    Glossary    About Us    Site Map    
 
web site design, custom web site design, ecommerce web site design, web site design company web site design chicago, web site design services, professional web site design, free web site web site design san diego, web site design uk, business web site design, small business web site real estate web site design, web site design development, web site design firm, web site design flash web site design, web site design and hosting, web site design software, toronto web site e commerce web site design, wedding web site design, graphic design web site, web site design tampa web site design, web site design service, web site design new york, web site design seo web site design, seattle web site design, web site design bay area, cheap web site design
page 1 of 10
 

Basic Web Design
Phase One
Layout and Design Using Fireworks

In this exercise we'll build a basic website just to give you the experience of laying out the elements, adding text, and exporting to HTML. This way you'll see the entire process from start to finish. This is the same process I use to build everyone of my websites. Let get started...

  1. Open Fireworks MX. If this is your first time opening the software you will be asked to choose the layout style you prefer. Choose DESIGN.
  2. Choose FILE/NEW from the top menu bar.


  3. A dialog box appears asking you to enter a width and height for your document. Enter the sizes as shown below. These sizes will be used for every new website you create.
    Click here for more information.


  4. By default your image is titled UNTITLED. Let's change the name of the file by saving it. Select CTRL + S on your keyboard. This will open a dialog box asking you where you want to save the file and what name you would like to choose for it. Just name it basic.png and save it to your desktop or other location.



  5. Now we're going to add some graphical elements to establish the positioning of our logo, header and left hand navigation. First lets draw a rectangle in the upper left hand corner of our document for the location of our logo. Select the RECTANGLE tool from the tool menu on the left. back to top






    If the menu isn't visible select WINDOW/TOOLS from the top toolbar and make sure there is a checkmark next to TOOLS.

 

 

 

page 1 of 10
web site, dating web site, web site design, internet web site, christian web site, submit web site, web site promotion, web site creation
Tell a Friend
 
©COPYRIGHT 2003 LEARN2DESIGN • JUNGLIA