1. The document provides instructions for creating a website using NetObjects Fusion. It covers topics like adding pages, setting styles, previewing the site, and inserting images and videos.
2. Specific instructions include how to add new pages by clicking the new page button four times and renaming the pages, and how to set button navigation bar properties by selecting the navigation bar and enabling highlight and rollover effects.
3. Guidance is also given for inserting images by dragging the picture tab and adjusting properties, and inserting YouTube videos by dragging the media component and embedding the video ID code.
2. Contents
1. Creating Your First Web Site
Creating a new Blank Page pg.1
Adding Pages pg.2
Looking Page View pg.3
Adding Text to the Page pg.4
Setting the Site Style pg. 5
Setting Button Navigation Bar Properties pg. 6
Previewing and Published Your Site pg. 7
Saving Your Site and Exiting pg. 8
2.Touring NetObjects Fusion
Open Your Site pg.9
Site View pg.10
Standard Toolbar pg.11
Properties palette pg.12
Page View pg.13
Layout Properties pg.14
Master Border Properties pg.15
Rulers, Handles and Guides pg.16
Style View pg.17
Assets View pg.18
3.Insert picture and video
Insert picture pg.19
Insert YouTube video pg.20
4. Creating a Table
Creating a Table pg.21
Adding Text to the Table pg.22
Adding Links to the Table Text pg.23
4. 1. Click on the site view tab
2. Right click on the page to create
a new page or click on file tab to
create page.
Page.2 (Continue)
Create a New Blank Site
5. Adding page
With the Home page selected, click the new page button on the control bar four times
to add new four pages. Once you click the page it will show up as Untitled change the
title name to About, Library, Events and Contact. The page title bar will appear on the
browser including additional page with more information.
13. Setting Button Navigation Bar Properties
You can set up buttons that are highlighted as you pass the pointer over then in a browser.
1. Select the button navigation bar in the left Master border.
The Properties palette shows Navigation Bar Properties. Note that this button navigation bar uses
the Primary button style a specified in the SiteStyle.
2. Click the Style tab on the Properties palette.
3. In the options section, make sure Highlighted and Rollovers are selected
Page.6
14. •Rollover buttons change to the rollover buttons shown in Style view as site visitors
pass the pointer over them in a Web browser.
•Highlighted buttons show the highlighted button style for the page being viewed in a
browser.
25. In Style view, the control bar contains the Set Style button, which you use to assign the
style you are viewing to your site, and an Add Style button, which adds the current style
to your Active Site Styles list. You can browse and download additional styles to use
your sites.
Page. 17
28. Insert picture
First you click the picture tab then you drag it to the page and will pull up picture from the files and
make sure you go to picture properties to change size and height. Also click on setting where it said
application default on the picture properties where you can fix blurry pictures.
Page. 19
30. Inserting YouTube video on the Website
Go to components and click on Media then click on YouTube video to drag it to the page. After
that you will see ID as Code Embedding like for an example
https://www.youtube.com/watch?v=goP2_sjObPY the ID code is goP2_sjObPY when that pop up
on the page but if you want to check and see if working you can play it while you local publish or
previewing the site before anyone else seen it.