To
download the tutorial project file(s), right-click the link(s)
and, depending on your browser, select either Save
Target As... or Save Link As...
In the subsequent dialog, ensure that you choose a suitable file
location, such as a 'downloads' folder or the 'desktop', so that
you can easily browse to your file when required.

Let’s begin...

On the Standard toolbar,
click Open.

Navigate to the portfolio.wpp file, select it and click Open.

The 'Home' page is displayed in the workspace.

Previewing your website

With the vast number of web browsers available, it's important to test
your site to ensure that it will be viewed in the way that you intended.
Before you upload your site to the masses, we'll show you how to test
your site in different browsers.

To
preview your site in WebPlus:

On the Standard toolbar,
click the arrow to expand the Preview site drop-down list.

Click the Preview
in Window (Internet Explorer) option.

(If you have created a large site, there may be a slight delay while
the site is exported to display in a web browser.)

Once exported, WebPlus
displays the site preview in a built-in Microsoft Internet Explorer
window.

To switch between your
regular design view and the Preview,
simply click on the tabs at the top of the workspace area.

Even if your site navigation
is incomplete, you can jump to different pages using the Page Selector
at the bottom left of the workspace.

When you have finished,
click Close Preview.

Checking your site with different
screen resolutions is easy in the Preview
window. Simply pick another preview size in the drop-down list on
the context toolbar.

This allows you to determine
how much of your page width is visible at certain resolutions, and
can help you to decide on page width and length, and position of navigation
elements.

If you make any changes to your design, your site will be ‘republished’
when you next switch to Preview. You can
also preview your site, or single page, in an actual browser window. This
is useful for testing compatibility with other browsers such as Firefox,
Chrome, Safari or Opera. WebPlus
automatically detects if alternate browsers are installed.

To
preview your site in a Web browser:

Click the arrow to expand
the Preview site
drop-down list.

Select Preview
Site in {your web browser of choice}.

Your site will open
in a new browser window.

If you have installed a browser
that does not appear in the Preview List, you may need to add it manually.
For more information see Previewing
your site in WebPlus
Help.

Though exact statistics vary, the
most popular browsers (in no particular order) are Firefox, Google
Chrome and Internet Explorer. Each browser works differently so it's
important to see how your site appears in each of them. Other browsers
such as Opera (especially for mobile devices) and Safari are also
supported by WebPlus.
Browsers can be freely downloaded and it's worth installing a few
different ones and testing your website in each of them.

Preparing your website for
publication

We'll assume that our design looks great in a range of browsers. Now
it's time to publish our site to a live location. Even though you may
have saved your website as a WebPlus
project, it's not truly a ‘website’ until you've converted it to files
that can be viewed in a Web browser. WebPlus
does this automatically when you publish the site.

•URL - Universal Resource Locator—this
is the ‘address’ where your site resides on the web.

•Web Host - this is a company which
provides web space for you to store the files necessary to display
your website pages on the internet.

The
company who provides your access to the internet or your broadband
service (known as Internet Service Providers or ISPs) might allocate
you a limited amount of web space for a 'personal website'. See the
tutorial, Managing
Your Web Presence, for more information regarding web hosting.

Publishing options

WebPlus can publish
your site in several ways:

Publish
to a Disk Folder - lets you use your site as a network-based
Intranet, write it to CD-ROM for distribution, or upload it manually
to an internet server using FTP software.

Publish
to the Web - publish your page or site directly to a Web server
so that it can be viewed over the internet.

Quick
Publish to Web - publish only the page that you are currently
working on directly to the Web server.

Note:
The next steps assume that you have dedicated space on a web server.
If you are unsure how to access this, contact your Web host.

To prepare your website for web publication:

In Site Manager (on the Default context
toolbar), use Site Checker to check
your site for problems such as non-websafe fonts, invalid anchors
and hyperlinks, and so on. (For details, see WebPlus Help.)

When you are satisfied all issues with your website have been resolved,
you can set up your FTP account and publish to the world wide web.

You will only have to set up your
FTP account the first time you publish your site to the web.

Don't forget
to save your work!

To
set up your FTP account:

On the Standard toolbar,
click the arrow to expand the Publish site
drop-down list.

Click Publish to Web.

In the Publish
To Web: Get Hosting dialog, click Add
Details.

In the Site
Base URL dialog, type in the URL for your website in the text
box, e.g. http://www.illustrationportfolio.com.

The Account Details dialog will open.

When publishing to the
Web you’ll need to provide the following information, most of which
you can obtain from your Web host. (When you receive this information,
usually displayed on-screen or sent by email on purchase of your web
space, it is worth printing out for your own records and for later
reference.)

Account
name: A descriptive name for this connection. This can be any
name of your choice. You’ll use it to identify this account in WebPlus (you may have more than
one).

FTP
address: The URL that locates the internet-based server that
will store your files—it
will look similar to a Web address but often starts ‘ftp://’. The
FTP address is supplied by your Web host.

Port
number: Unless directed by your Web host, leave the Port
number set at 21. This is the default port used by most FTP
servers for file transfer.

Folder:
Allows you to upload sites to sub-folders of your main website's address.
You can leave this blank unless you are directed otherwise by your
Web host, or you want to publish to a specific subfolder of your root
directory. (This may also be needed to correctly route your upload
specifically to your own Web space.)

Publishing to the web

With your FTP account
set up and project ready-to-go, let's get onto the exciting task of getting
your site onto the web!

If you're currently in the main
workspace, click File>Publish Site>Publish
to Web... to access the Publish to
Web dialog.

To publish your site to the web:

In the Publish
to Web dialog, your current FTP account details should be displayed.
If not, select an FTP account from the drop-down list.

In the Page
Range tree, select which page(s) to publish. To publish the
entire site, select the Publish All Pages
option.

Click OK.

WebPlus will convert
your design into HTML pages with associated graphics and other files,
then begin to upload your site to the internet, showing individual
file progress and overall progress.

When WebPlus has exported the selected
pages, close the Uploading files dialog—the
Web Site Publishing dialog opens.

To view your site online,
choose your browser from the drop-down list and click View
this URL.

Your browser will launch showing the specified URL.

Maintaining your website

The great thing about websites is the ability to update them frequently
at no extra costs—in
fact, visitors will expect your website to be up-to-date with all the
latest information. With WebPlus,
it's quick to update a modified website which has been previously published.

To update a previously published website:

With the portfolio.wpp
project still open in your workspace, use the Page Selector at the
bottom left of the workspace to select the Photography
page.

Select the grouped objects
on the page and then press Delete.

On the Quick
Build tab, in the Layout Items
category, drag the Photo Gallery layout
item to the page.

In the Page
Range section, ensure only the Photography
page is selected.

Click OK.

In the Uploading Files
dialog, select Incremental Update or
Full Upload.

Incremental
Update: If you choose this option, WebPlus
will export your site and compare the exported files to those already
on the server. It will only upload files that are new or have changed
since the last upload. This option can also check for missing files.
Incremental updates are great when you want to quickly replace minor
elements of your site!

Full
Upload: If you choose this option, WebPlus
will upload all the files, regardless of whether they have changed
since the last upload.

In both cases you can instruct WebPlus
to delete uploaded files that are no longer required by selecting
this option in the dialog.

By only uploading pages which have changed (and selecting Incremental
Update) you will notice that the web upload is much quicker. You
can view your updated page in a browser.

If your web server cannot accommodate spaces in file names, complete
the following steps to have WebPlus
remove the spaces and symbols from file names when they are published:

To convert file names:

On the Edit
menu, click Site Properties...

Click the File
Naming category and then select the Remove
spaces and Remove symbol character
options.

Web pages are normally
published with lower case file names. Select Make
lower case to get WebPlus
to do this for you.

If you’ve already published
your site, you’ll need to republish to fix the problem. This also
improves site reliability.

You can maintain your published
website further by using the Maintain Website
dialog (accessible from File>Publish Site).
For more information, see Maintaining
your website in WebPlus
Help.

That’s it! You’ve published your site to the Web for all to see! As
you can see, WebPlus
makes it very easy to publish your site and upload new content.

If you’re having problems
we suggest you check your provider’s website to find the information
you need, or contact their customer support team.

Disclaimer: The example companies, names
and other entities depicted in samples are fictitious. Any resemblance
to actual companies, persons or other real-life entities is
purely coincidental and no association with any real entity is
intended or should be inferred.