Setting
up frames with FrontPage is another simple task. Simply click on
File on the Menu Bar then choose new, the task pane will open on the right
side of FrontPage. It will look similar to the screenshot on the right.
Under New from template click on Page Templates... When the new window
pops up choose Frames Pages. The screenshot below shows the window that
opens with the Frames Pages view.
Below are samples of the ten choices in frame pages.
Banner and
Contents
Contents
Footer
Footnotes
Header
Header, Footer
and Contents
Horizontal Split
Nested Hierarchy
Top-Down
Hierachy
Vertical Split
Once you have chosen your frames page it will open a new page that will
be similar to the screenshot below, which is the Banner and Contents
frames, also what I use on Ask Maggy Mae. In each frame section you are
given two buttons one in which you can create a New Page the other
to Set Initial Page. If you already have pages created to go into
your frames page choose the Set Initial Page option. This will open the
Insert Hyperlink window and from there you can click on the page you want
to place in the frame then click OK. If you do not have your page already
created then click on the New Page option. Doing this in all the frames
will change each frame to a blank page.
The Screenshot below shows three new pages added to the frames page. If
you have added all new pages within the frames page below, you have
actually now created four new pages.
As
shown in the screenshot above, when you are saving you will be prompted to
save four pages, the new logo page, the new contents page, the new main
page and finally the frames page. The Save As Window in the screenshot on
the left pops up. The preview section of the Save As window shows which
page is being saved by coloring it a dark grey. In the screenshot on the
while the other pages are light grey.
The frames page is the one you would want to be named the default HTML
page for the web, usually index.htm, index.html or default.html. When you
open a site in the browser, unless you have specified a file to open, the
site will open with the default page. The screenshot above shows saving
the banner frame, and the three screenshots below would replace the banner
page after each save. The last one being the the entire frame page.
Editing Your Frames Page Properties
To
edit your frames all you need to do is simply right click inside the frame
you want to edit and the window on the right will appear. Click on Frame
Properties and you will see the window in the following screenshot appear.
The Name is what you want to put between the <title> and </title> in
the HTML, when opened in the browser the Name is at the very top along
with the browser identification.
Initial Page is the file name that you gave the page. If you decided to
change the page to another, you can change it using this editor.
Column width, since the frame I clicked in was the banner frame there
is no column width because the banner frame uses 100% of the width. I've
included screenshots below of the same window but for the other two frame
pages. You will notice in the screenshots below that the width is editable
where the screenshot above the width is not.
Height,
specify the height of the frame in either pixels, percent or relative.
Relative is calculated the browser, it will calculate the screen
resolution of the visitor to the page and with that determine how each
frame will be displayed on the page. For example lets say someone has a
resolution of 1024X768 pixels, using pixels and relative to determine the
size of each frame. The banner frame will be 1024 in width and it's height
will be 116 pixels as determined already when the page was set up. That
will leave 652 pixels for the height of the bottom two frames, Looking at
the numbers for the bottom two, it says relative, which is telling the
browser to fill the rest of the page height with the bottom two frames.
Now if the screen was 800X600 resolution the browser would use 484 pixels
to fill the height of the browser. The interesting thing about the width
and the height, FrontPage will not let you go below 100% of the frames
page. If you make an adjustment to one of the frames, FrontPage will alter
the other frames to work to 100%. You could alter the contents while in
HTML view but you can't when editing in normal view.
Row height works the same as with the width. You will see that the
screenshot on the left here both width and height are marked as relative.
This is because the height of this frame was determined from the banner
frame, and the width of this frame was determined by the contents frame.
If the screen resolution is 1024X768, as we determined above the height
will be 652 pixels high. The width of the contents frame is 150 so the
width of the main frame will be 874 pixels wide.
Margins are also determined with width and height. This determines how
far away the content of the frame is from the sides of the frame.
Next you see Options and Resizable in browser, this option allows the
visitor to adjust the size of the frames so they suit their liking. If the
option is checked your visitors can resize the frames, if it is not
checked the frames size is not alterable. Next is Show scrollbars, this is
where you are able to set whether or not the pages are given scrollbars.
There are three choices, If Needed, Never and Always. I edited the banner
page so that it never displays a scrollbar, but the other two I provided
scrollbars for as the content on the pages go well beyond one browser
page.
Next
you have the Frames Page... button, with this you can alter the Page
Properties. I am only going to discuss one section in the Page Properties
here, the rest will be discussed in other lessons.
When you click on the Frames Page button a window pops up like the
screenshot on the right. Now if you look at the screenshots shown
here you will see distinctive lines between the
frames. You won't see these lines within the frames page on AMM as I
unchecked the Show Borders and I made the frame spacing 0.
Setting
up frames with FrontPage is another simple task. Simply click on
File on the Menu Bar then choose new, the task pane will open on the right
side of FrontPage. It will look similar to the screenshot on the right.
Under New from template click on Page Templates... When the new window
pops up choose Frames Pages. The screenshot below shows the window that
opens with the Frames Pages view. 
As
shown in the screenshot above, when you are saving you will be prompted to
save four pages, the new logo page, the new contents page, the new main
page and finally the frames page. The Save As Window in the screenshot on
the left pops up. The preview section of the Save As window shows which
page is being saved by coloring it a dark grey. In the screenshot on the
while the other pages are light grey.
The frames page is the one you would want to be named the default HTML
page for the web, usually index.htm, index.html or default.html. When you
open a site in the browser, unless you have specified a file to open, the
site will open with the default page. The screenshot above shows saving
the banner frame, and the three screenshots below would replace the banner
page after each save. The last one being the the entire frame page.
To
edit your frames all you need to do is simply right click inside the frame
you want to edit and the window on the right will appear. Click on Frame
Properties and you will see the window in the following screenshot appear.
Height,
specify the height of the frame in either pixels, percent or relative.
Relative is calculated the browser, it will calculate the screen
resolution of the visitor to the page and with that determine how each
frame will be displayed on the page. For example lets say someone has a
resolution of 1024X768 pixels, using pixels and relative to determine the
size of each frame. The banner frame will be 1024 in width and it's height
will be 116 pixels as determined already when the page was set up. That
will leave 652 pixels for the height of the bottom two frames, Looking at
the numbers for the bottom two, it says relative, which is telling the
browser to fill the rest of the page height with the bottom two frames.
Now if the screen was 800X600 resolution the browser would use 484 pixels
to fill the height of the browser. The interesting thing about the width
and the height, FrontPage will not let you go below 100% of the frames
page. If you make an adjustment to one of the frames, FrontPage will alter
the other frames to work to 100%. You could alter the contents while in
HTML view but you can't when editing in normal view.
Next
you have the Frames Page... button, with this you can alter the Page
Properties. I am only going to discuss one section in the Page Properties
here, the rest will be discussed in other lessons.