Element frames are suitable for designers when they want the homepage to have an appropriate structure and navigation to match.
1. Planning and training
If you want to insert frames in the homepage, you should clarify a few things: For what purpose you use frames? How many frames are needed? How to share pages?
Then take a paper and a pencil. On an A4 sheet in large division page design, lines should not be placed on a millimeter, but this outline will help you have a picture on page structure. Frames and content outlined in point include the navigation bar and image. Do save time work until you are satisfied with the project. Because when you start the implementation of frames, any changes will lead to waste of time. Then start putting into practice. Type – possibly with Notepad – November 3 HTML files as follows:
<body <html> framework bgcolor=red> X </ body> </ html>
Write X instead of the numbers 1-3. Save these files as the cadrul.html to cadru3.html. If you prefer, you can change the color indication of the second and third file, for example:
<body bgcolor=yellow>. and
<body.b.gcolor=green>
These pages outline-kit helps you build frames and allow verification division. Content it will be subsequently form.
2. Splitting set of frames
<frameset> Html tag is responsible for frames. Determinants are rows and cols parameters: split window horizontal rows and cols columns vertically. They will get some other values over time. The number of instructions separated by commas it depends on the number of columns or rows. <frameset.cols=”33%, Indication 33%, 33%”> browser window divided into three columns of equal size. With <frameset rows=”10%, 90%”> window will split into two lines. First charge a tenth of the height of the window, and the second 90 percent. Instead you indicate size and percentage values in pixels. * Character occupies a special position, namely it means: dealing with the rest of the window.
3. The way to first frameset
With a value in pixels, you can set a column to the right navigation bar fixed and second columns assign the remaining space a first test of the window. For enter a listings site and save it as the frame. html. These values assigned to the first 160 columns of pixels, and the remainder for the second column. To load data frames <FRAME src…> answer.
Important: assign each frame a name (name =…), because this will simplify subsequent organization. In the first test you will see the advantage of indicating the pixel values, when you want to increase or reduce the browser window: while the right frame size change with the browser window at the left remains always the same.
4. Frameset sites
To subdivide the browser window both horizontally and vertically have embedded two frames to one another. Sketch, you initially realized, will now be useful. Because there can me how much space you need every frame. In the present example, the left column will have a width of 160 pixels and the navigation bar at the top of the window will have a height of 70 pixels. Save listing u1 2 as the frame l.html and check layout browser. If you want the navigation bar to occupy the whole width of the window, embedded frames and perform initial reverse only then dividing the vertical and horizontal. Save this frameset definition as the frame2.html. Notice the differences from frame to represent l html – division now looks completely different.
5. Frame unsightly sites without frames
Once you have put on stand structure, and can take care of the aesthetic. In most cases, frames are annoying and unsightly. These boards can be removed with additional parameter border = 0: <fra~set rows=”70, *” bordez=0> Important: This parameter works only if embedded frameset sites and only the first indication frameset. In all other frameset tags, border has no effect. Both current versions of Navigator and Explorer recognize parameter smooth border. To avoid incompatibility with older versions of browsers, it is appropriate to expand the tag with instructions for older versions of Internet Explorer: <frameset rows=”70, *” border=O frameborder=0′frame-spacing=0> framespacing determine the distance between frames in Internet Explorer, frameborder border is analogous to older browsers. If the frameset is tagged using both parameters to define the color of frames, you must assign the same values for these indications.
