Page 9
2.3 Set Up General Website Properties
Before you begin adding any content, take a moment to create a few properties that
pertain to your whole website, or in other words, are constant across every page in
your site: Masthead title and Footer text. All text and links entered in the content editor
can be easily changed or deleted in the future, so don't worry if you aren't sure what
you want to include for these items just yet, you can change them at any time.
The masthead is the title or name of your website and shows up on every page in your
site. It is most commonly used at the top of your website, but can be placed anywhere
on the page. This could be a company name, a personal name such as My Online
Gallery, or your domain name such as mydomainname.com, or whatever you would
like to call your website. The masthead can also include a link such as linking it to the
home page or linking to another website. Note: The masthead is not the title of your
individual web pages.
The Footer is the text that displays at the bottom of every page in your website and is
the same for every page. It most commonly includes copyright information, and
sometimes a link to the parent site or another website, but you can include whatever
information you want to.
───────────────────────────────────────
Creating the Masthead Text
To assign a name to your website (the masthead), follow these 4 steps:
1. Click the Content tab to reveal the content window.
2. The Navigation pane on the left will contain a heading called Website at the very top
and is the starting point for your site. Use your mouse to select the Website
heading.
3. The interface on the right half of the Content window will display the areas for
setting several different properties. For now focus on the Masthead text field at the
top of the interface.
4. Go to the Masthead text field and click inside the field with your mouse to input the
masthead name. By default this field will contain the words "My Online Gallery."
Note: The fonts and alignment of the masthead text can all be edited later in
the Layout window.
Hyperlinking the Masthead
You can include a link in your masthead. This link will be available and be the same on
every page. To insert a link into your masthead, follow these 4 steps:
1. In the same window as above, go to the text field just below your masthead text,
called Clicking Masthead navigates to:
2. You can link the masthead to another page in your website or link it to an external
website. Enter the URL of the page or website you want the Masthead to link to.
3. To link the masthead to a different website, include the http:// prefix like this:
http://www.somewebsite.com
4. To link the masthead to another page in your ShutterBug website, drop the prefix
and enter the page name like this: mypagename.html
───────────────────────────────────────
Creating & Editing the Footer Text
The Footer text box is located just below the Masthead text and link fields. To add the
footer text and edit it, follow these 3 steps:
1. Click in the Footer text field area and enter the text you would like to have in your
website's footer, such as copyright information or any other information you want to
include.
2. To edit the footer text for alignment, click anywhere on the text (you don't have to
highlight it), and choose from the icons: left, center, or right align.
3. To bold, italicize or underline some, or all, of the footer text, select and highlight the
desired text with your mouse. Then choose from the icons to bold, italicize or
underline it. Unlike the alignment, you must have the text highlighted in order for the
text to change.
Hyperlinking the Footer Text
You can easily include a link in some of your footer text. To add a link to the footer text,
follow these 4 steps:
1. In the same window as above, go to the footer text field area.
2. Click anywhere on the desired text that you want to link. You do not have to select
and highlight the text unless it is more than one word.
3. With the text selected, go to the Link text field just below the footer text box and
enter the desired link. You can link the footer text to another page in your website
or link to an external web site.
4. To link to an external website, include the http:// prefix and then the domain name
like this: http://www.somewebsite.com. To have this link open in a new browser
window, click the checkbox located to the right of the link text field, called New
Window. To have it open in the same window, leave the check box blank.
5. To link to another page in your website, simply click on the blue arrow button to
reveal a drop down list of pages in your site. Select the desired page from the list.
Your selected footer text will now link to the selected page.
───────────────────────────────────────
