Training

• Home
• Training Classes

"Winners make choices,
losers make excuses."
Decide to be a Winner!!!!

± Getting Started

± Phase 1
Planning

± Website Tools

± Phase 3
Conceptual Design

± Helpful Information

± Phase 4
Physical Design

± Phase 5
Testing

± Phase 6
Implement and Market Website

± Other Web Development Items

± Multimedia

± Useful Utilities

± Programming

± Advanced Programming

± Microsoft Office Products

± Computer Maintenance

± Other

---

NOTE: This is a collection of information and links collected over the years that might provide useful information. A Safer Company LLC does not guarantee, endorse or approve any of these links or their scripts. Use these links to other websites at your own risk.

Create a Website Page Layout

Page Setup

1. Create a new document
   1. Width 1400
   2. Height 1850
   3. Background Contents: Transparent
      
2. You will see a new screen:
   
3. Make sure Ruler Tool ( Ctrl R ) and Guides ( Ctrl ; ) are turned on.
4. Open the Info panel by going to Window > Info or F8. It will help when measuring items with the Ruler.
   
5. Create guides for the total width of your web page. Go to View > New Guide
   
6. Create another vertical guide at 1220 px.
7. Create a horizontal guide at 200 px. This guide will be used to create the header.
8. Set snap to Guides by going to View > Snap to > Guides.

Create a Header Section

1. Use the Rectangle Tool using any color to create a header that goes all the way across the web page layout and is approximately 200 px height. If Snap to Guides is turned on, it is easy to set the exact size.
   1. Add a Drop Shadow by double clicking the layer and selecting Drop Shadow
      
   2. Add a Gradient Overlay: Make sure Gradient Overlay is checked and select it. When you select it you will see the Gradient Overlay options. Double click on the Gradient
      
   3. Add a stroke by selecting stroke:
      
2. Add another shape at the top of the web page layout by using the Rectangle Tool again. Make it all the way across the screen and about 40 px.
   

top of page

Page last updated: May 31, 2012 11:12 AM