|
Begin
with sample sites to see with how Deep Navel works. Then
run through a short tutorial demonstrating how quickly and
easily you can create your own site structure and navigation
bar.
the basics: creating a nav bar
Double-click the Deep Navel icon to open the
application. (If you're
using the Demo version, a window appears. Click on the Demo button.)
The Deep Navel application window appears.
Click on the Choose button
to select a site folder.
You'll see two folders: Personal Site and
Corporate Site. The Personal Site folder is
highlighted.
On the right, you'll several folders— calendar,
hobbies, home, etc. These will be the site's first-level
tabs.
Click the Choose button to
select Personal Site.
In the Deep Navel window, you'll see a preview
of the currently selected nav bar design theme (in this case,
"Aluminate") applied to Personal Site's tabs.
Now click on Themes.
You can choose from an array of nav bar design
themes. Each time you choose a new theme, the selected site's
tab names
will appear in a new design. (Note that
no actual html files are being created or affected at this point; the nav
bars you see are design previews only.)
To see the result in your browser after generating
the site, check this box:
Now it's time to create your site. Press the Apply button.
Deep Navel will step through the site and generate the new nav
bar. When it's done, the new site will open in the browser.
To review this process using the Corporate Site,
return to Deep Navel and click Choose to open
the Corporate Site. Follow the steps above.
The sample sites we've provided already contain
page content beneath the navigation bars. Next you'll create a new
site structure and nav bar from scratch, with no pre-existing content.
creating a new site structure and nav bar
Create a folder on your desktop (command-shift-N).
Name the folder My Site.
Open the My Site folder.
Create three sub-folders inside the My Site
folder: call them Home, Hobbies,
and Pictures.
Open the Pictures folder. Create two sub-folders
in the Pictures folder. Name one Babies, the
other Vacations.
This is the hierarchy of your website.
Return to the Deep Navel application window.
Click the Choose button.
Navigate to show the My Site folder.
Click Themes, and select
a design.
Click Apply.
Your new site will open in the browser.
Go to the desktop and take a look at My
Site's structure. Notice each tab's folder has its own unique index.html file
inside.
Important: Don't move these
index.html files from one folder to another; they're not interchangeable.
Each is unique to its own site page and contains information
for the particular nav bar on that page.
to change tabs in an existing site Now go ahead and rename the tabs and sub-tabs
you just created in My Site. Simply type new names for
the folders and sub-folders (name them anything you want). Then run
Deep Navel again.
Notice how the navigation tabs are instantly
updated in the application and in the browser. (Note: if you
see remnants of a prior nav bar in your browser window, reload
the browser page.)
creating your own new website from scratch
using Deep Navel
You've just seen how easy it is to create
your own website structure and navigation. To add content to
individual Deep Navel generated pages, you can work directly
in your new index.html pages using web apps like Dreamweaver
or GoLive. Likewise, you can copy
and paste content from other html pages. Do you want to modify
an existing website to use Deep Navel's quick and easy updating
capabilities? Go to tips.
|
