Lesson 4
Click here for linking
Inserting & Formatting Images
Inserting an image into your page has got to be the simplest of tasks
when it comes FrontPage. Simply click on Insert on the Menu Bar, choose
Picture and then choose From File... you will have another window pop up
and from there you can find your graphic and then click the insert button.
Once uploaded formatting the picture is even easier. All you need to do is
right click on the picture and choose picture properties. Once you have
done this a new window will appear.
Under
Appearance you will see Wrapping style and then three choices, None, Left
and Right. If you choose none then only one line of your text can be
displayed beside the graphic then all other lines are are under and/or
over the graphic. If you choose left your graphic is aligned to the left
and the text will wrap around the graphic as you are seeing here. The flag
has been aligned to the left and the Picture Properties screenshot has
been aligned to the right. The text has wrapped around the flag and will
eventually wrap around the Picture Properties.
Next
you see Layout and the first option is Alignment. Alignment works similar
to the wrapping style except there are more options. To see how each of
these work it is best to test them out while learning. You can see some of
the samples in
HTML Lesson 2.
Border thickness will of course determine the border around the
graphic.
The
flag on the right here has a border of 3, it is aligned to the right. I
have also given it horizontal and vertical spacing of 20. If you look at
the other screenshots on this page, the text is much closer to the
screenshot than it is in this bordered flay. That is what the horizontal
and vertical spacing does.
Finally under the Appearance tab you can alter the size of the graphic.
You can format it in pixels or percentage and you can Keep the aspect
ratio, which means if you change the width the height (and visa versa) of
the graphic will change to keep the graphic the same shape as it is only
shrinking or enlarging it.
If you click on the General tab of the picture you will first see the
Picture source. This tells you where your graphic is saved to. By clicking
on the Browse button you can actually change the graphic you to something
different. If you click on Edit the picture will be opened in paint ready
for editing. Parameters is used for database query. It also gives you the
Type of graphic it is, the flag is a gif. Under Alternative
representations is where you want to put any alternative text that you
wish, so that when the mouse is placed over the graphic a message appears.
The space for Low-Res: is where you would place a low resolution picture
in place of the higher resolution picture while the higher resolution
picture is downloading. Under Default hyperlink you can place a link on
your graphic. Location is where you would place the url for the link and
Target Frame is provided in case the url is within a frame. There is
another way to add a link to a picture, it will be shown below.
The last tab is for adding a video clip to your page. I will not go
into that at this time.
Linking with FrontPage
Simply highlight the
text or click on the graphic that you wish to hyperlink, right click and choose Hyperlink.
The window you see below will open and you have many options. We will
first deal with the options under Link to: and the first choice is
Existing File or Web Page. If the file that you want to link to already
exists within your web, on your hard drive, or already on the net, you
will use this window to create your link. Under Text to display, if you
are inserting the link onto a graphic then this area will be grayed out
with the words <<Selection in Document>> showing. If you have highlighted
the text that you wish to link then it will appear in this box, I chose to
link the word Hyperlink. Under that you will see Look in:, if the file is
on your computer and within the folder displayed, you just have to scroll
down and find the file you wish to link to.
If
the file is in another folder you can use the dropdown menu shown in the
screenshot on the left or the up one level icon
or the browse icon
to find the file
you are looking for.
If the file is on the internet you can use the browser icon
which opens up
your browser. Once you have found your page and come back to FrontPage you
will find that the link has been inserted into the Address: for you.
You can also use the Browsed Pages and Recent Files to find the page
you are wanting to link to. These will give you a list of pages and files
you have recently accessed and you can choose your page from there if it
exists.
If
you wish to add some alternative text to your hyperlink, click on the
Screen Tip... button and the window on the left will appear. Simply
add the text that you wish to have displayed when the visitor to your page
puts their cursor over the link. As the window states the visitor must
have IE version 4 or later in order to view the alternative text. Once you
have entered your text click OK and you will be taken back to the Insert
Hyperlink window.
Next
is the Bookmark button, you only need to use this if the file you are
wanting to link to also has a bookmark in the page. When clicking on this
button a window as shown on the right will appear. If the page does have
bookmarks they will all appear in a list and you simply click on the
bookmark and click OK.
.
Next you see the Target Frame button. This button is used
in the hyperlink to instruct the browser how to open the link.
Some of the choices are used with frames. Frames will be discussed in a
later lesson.
Page Default, would open the link within the default frame set up for
the page.
Same Frame would open the link within the same frame as the page with
the link.
Whole Page would open the link within the same window but ignore the
frames and use the full page to display the linked page. This would
probably be the only Target Frame you would use when not using Frames. It
instructs the browser to open a new window for the page to be seen.
New Window will open the page in a new window.
Parent Frame will open the page in the parent frame.
Parameters is used for database query, and Style is used for Cascading
Style Sheets. These won't be dealt with but maybe in later lessons.
Place in This Document is used when you have created bookmarks
within your page. If you are wanting to link within your page choose this
option. To use this option you should have already added Bookmarks to your
page. See below on how this is done.
To
Create a Bookmark on a page, simply place your cursor just before
the content you want to bookmark. Then go to the Menu Bar, click on Insert
then Bookmark. The window shown below will pop up. You then enter a bookmark name. It also will display for
you the bookmarks that already exist on the page. This way you will not
repeat a bookmark name. You can also delete bookmarks that you have found
are no longer needed by clicking on the bookmark in the list and then clicking
clear. With the Goto button you can choose to go to another bookmark and
you can change it's name or clear it. Bookmarks come in handy if you have
large pages. You can simply place
bookmarks within the page and at the top of the page create a list like a
table of contents and place the bookmark for that topic in the link.
Create New Document is used if you wish to create a link to a
document you have not yet created. The window below is what will appear if
you choose this option. You can then add the name of the new document and
choose to edit it right away or later.
E-mail Address is the last choice and you enter the email
address and subject. You are also provided with a list of the recently
used email addresses. Just click on the email address if it exists in the
list and it will be automatically entered into the E-mail address line.
If
you feel you are ready you can follow the instructions
in this lesson to create a simple webpage.
