As you can also about the examle is that the page one is called one.htm and so on, this is how all the individual pages come together example: you caould have your menu in frame one so call your menu one.htm and so on.
Frames
Intro 1:
Frames can be set up so easily and can show multiple webpages on one screen, ie a menu on left logo at top and a main section in middle.
Intro 2:
For frames to work u have to make all the individual pages, ie a menu page and then bring them together by the frame.
step 1:
Ok so ill show u this, this code is embedded in the main index.htm. The code replaces the <body> code and so goes straight after </head>.
<FRAMESET COLS="80,25%,*"> <FRAME SRC="one.htm"> <FRAME SRC="two.htm"> <FRAME SRC="three.htm"> </FRAMESET>
|
|
As you can see the page is split into 3 and it is columns
as the code said cols and it is split into the size "80,25%,*" the * means it
takes up whatever is left.
As you can also about the examle is that the page one is called one.htm and so on, this is how all the individual pages come together example: you caould have your menu in frame one so call your menu one.htm and so on. |
Step 2:
So columns done, now you can change the cols to rows, heres example again then ill explain!
<FRAMESET ROWS="*,50%">
<FRAME SRC="five.htm">
<FRAME SRC="four.htm">
</FRAMESET>
so basically the "*,50%" are now self explaintory, the frame four has 50% of whole and * has rest.
Step 3:
Ok so now we can combine the COLS with the ROWS and you get an interactive site, heres example again.....
<FRAMESET ROWS="*,50%">
<FRAMESET COLS="80,25%,*">
<FRAME SRC="one.htm">
<FRAME SRC="two.htm">
<FRAME SRC="three.htm">
</FRAMESET>
<FRAME SRC="four.htm">
</FRAMESET>
 |
Ok so basically its the same as before, but the u always start with the rows and decide how many and size through the "*,50%" bit then u decide where the cols bit goes, on this example its first so it came before the cols, but if u put it before the cols bit it would be first so u would have a big top section and split second. |
Confused?? , ok so copy the script and just trial and error it and u will get hang of it, opposite is the way to edit options of the frames, well worth a look!
Step 4:
Other options with frames:The following attributes can be applied to the <FRAME>
element for additional control
what they mean:
borderColor=#00007f, This is the color of the outlined frame and can be changed with different numbers
Noresize This means that the frame can not be changed by draging the bar so the frame is still
scolling="yes|no|auto" This can be set to any of those to make the frame have a scroller to see all of the page or not.
frameborder="yes|no" This makes the frame have a border or not, if no is selected then the frames get close and no gap can be seen
More soon!