Basic principles for Web Design

Defining the distance from the edge
If a very precise layout are annoying too large distances from the edge. Browsers also include automatic spacing. Through two parameters for the tag frame, you have the possibilities to determine the exact amount of these margins: <FRAME src=”cadru3.html” name=”content”width=0 height=0>width set distance from lateral. If the value is 0, the text begins at the edge of the page.  The width applies to the right side and to the left: Netscape Navigator will include, however, despite the value 0, a distance of L pixels. To top edge and bottom height parameter is needed. 0 not post content sticking the top of the window – will remain five pixels in the Navigator and Explorer 4.
Use these guidelines for layout edges just gross. If you want to precisely position the text or images, it is appropriate to use tables. More details about the tables you will find the third episode of this series.
Rational limits
The boards have a second advantage in the design of frames: they can be moved. In this way you can change the dimensional frames page. If you want to work with fixed size frame, set a parameter no resize. This parameter can be used for each frame separately. Of course, he will have an effect only if there is not bordex = 0. Because only the bottom frames can be moved, change the second line.

From frame2. HTML:
<FRAME src=”cadru2.html” name=”navsite” noresize>
If the content is more than will appear in the navigation bar on the right one. This can be disabled with scrolling = no. So that will never appear the  bar. With scrolling = yes, toolbar will always appear – even when the content fits within the frame. Preset option in the browser is scrolling = auto, which means that navigation bars appear only when needed.
Link links to frames
Follows the complicated: References. They should be set carefully. Thus, some links can be placed in l.html framework which will reverberate through the Web Site. For this, we replace the original draft Framework Document l.html with listings u13. All links are here in a document.

Determinant is the target parameter. It establishes where uploaded content will be selected link. This is where the name assigned in the definition of the frame. If they are grouped in the par-meter target, the link for the document will appear exactly where you need. Besides your name down the frames, there are some special values. _self loads the file behind the link in the frame of reference where it was called. Pre-ceding paper of this framework disappears, being replaced by the call. A good security mechanism is _top. It branches out to the top – the surfer will return in the browser window without subdivision. _top is required when specify a link to an external website. _parent loads the document in the window that was previously defined in your frameset. It is of interest when they are embedded more frames, but design will be confusing.
Another value is _blank. Then link to a new window. The browser will open a new court, which will be the document. But beware! If too many windows open on your desktop surfer, will take part only criticism. Not just the Web but also on their homepage as simple as browsing is important.
Homepage sites with more than two documents require a well planned navigation. Because if your readers wander through the pages or content will fail to find homepage, then they will certainly press your browser’s Home button and the future will work around your page.

Basics

Before launching sites in the network, you should check their structure: There are two variants: a star-shaped structure for small sites and a hierarchical construction bids for large.
If star-shaped structures are placed on the entry page in the spotlight, from this basis then all other pages should be place like this.  You should build hierarchical tree structure somewhat reminiscent of the directories on your hard drive. Of home leave links to the next level – as to subdirectories on your hard drive. Each level contains its own theme and branches in other subheadings. This type of construction is necessary, for example, when you enter text in an archive network.
The main attention should be given entry page. It should contain links to other pages, when working with sites with more levels, is sufficient to put links to the next level. Conversely, entry page must always be accessed from any other page. If you have several subordinate levels is necessary, in addition, a link to access the next higher level. If smaller sites, this hierarchical structure can be modified. In addition to the link to the homepage can be introduced into the concept of navigation links to each individual page.

Position navigation elements

Navigation elements must be clearly visible and are always placed in the same area of each page. When working with websites based on frames, place all the links in an individual frame.
If we do not use frames, navigational elements positioned at the top and bottom of each document. They must be identified in terms of appearance over content. In this regard, according to taste and talent is enough if you include a horizontal line, color and special graphics. This creates a navigation bar that will be recognized by a surfer on each individual page.
If you need more links, include two navigation bars: one on the page and one on the left side near the paper: top bar will contain the same links that are included on all pages, such as sending to homepage , the search function or site feedback. On the left side will find links to other documents or sub-levels of the site.

Topics: , , , , , , , , , , , , , ,

Did you like this? Share it:

Watch tweets on:
  • You may also like

    1. Picture: Web design - intro

      Web design – intro

      Element frames are suitable for designers when they want the homepage to have an appropriate structu...

    2. Picture: How to use your computer without the mouse?

      How to use your computer without the mouse?

      That is simple. You can handle your computer with the keyboard. Most times, use the mouse instead of...

    3. Picture: Antenna Web Design Studio

      Antenna Web Design Studio

      You know what people say these days: “If you are not on the Internet, you don’t exist...

    4. Picture: Review Sense 1.7.0.0

      Review Sense 1.7.0.0

      Some years ago, before the Internet got so popular and widely spread, public libraries were the only...

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>