<the web shop>
Tutorials

 

Web Properties
Templates
Component Designer
Rollover Buttons
HTML Text
Object Linking
Layout
Saving Your Page
Layout
Adding Text
Slicing Our Page
Slice Tool
Swap Image Effect
Layout
Adding a Logo and Text
Pop Up Menu
Finishing Up
 
 

Saving For The Web

Our final step is to save our page for the Web. We will also get a brief look at the Slice tool, though not in depth at this time.

1. Deselect all objects and click on the Slice tool.
2. At the top of your screen, click on Auto Slice , and click OK to any messages that pop up.
3. Your page should now look like the one below.
4. Save your page as a .ufo for use later or if you want to change it.

Your first page is essentially finished! Click on the Preview in Browser button under the menu bar to see how your page will look if it was on the web. When PI previews the page, it also shows information about the page at the bottom (scroll down if you don't see it). Don't worry about this as it won't show when the page is actually on your site.

Now, let's save our page so we can add more to our site..

1. From the File menu, choose Save For Web > As HTML.
2. The save dialog will pop up. Browse to the My Site folder we created earlier. You should have two folders (gallery and downloads) inside this one.
3. Save your page as index.html inside the My Site folder...not the other two.

This concludes the creation of our first page. You may want to keep your mysite.ufo as we'll be using it in other sections of this site.

Creation and Design: Creating Our Second Page


 

All content © 2002 PIRCnet & Vasilis Designs. Any reproduction or direct linking prohibited without permission.