webmaster tools and all html editorsDesign Sphere Home
photoshop tutorials
html tutorials for beginners
html lessons for beginners
html tips for webmasters
about me
contact
professional banner design
low cost web site design
categorized programs
prize list
links

 

here are the sections and their content:

spherevisit

Webmaster Tools Section
to get the best html editors , graphic programs ,.......

spherevisit

Banner Design Section  to have your banner designed professionally and just for 15$

sphereWeb Design section is my web design service.I design professional and low cost web sites for your company.Also I design homepages.

sphereYou can find what program you want from catagorized Programs Section

spherelinks section contains links and webmaster resources.If you want to get listed put my small banner to your site and send e-mail

sphereA must visit part of my site is photoshop tutorials section.This section uptades every week.(now under construction)

sphereHtml Tutorials Section is the place you go through the steps and code a basic page.And Html Lessons Section is a course for you to learn the basics of html.

sphereAnd if you want to learn about me click the About Me link

CONTACT

 

Lesson 3

\Lesson-1/ \Lesson2-/ \Lesson-3/

8.FRAMES

Frames are generally used for creating left-side menus.And frames make 
navigation easier.But frames are a bit different from the other tags.
So I will explain with some examples.Here are tags and their explanations:

<frameset></frameset>.shows that the page is a frame page.
(takes <body> tags place.)

Example:
<html>
<head><title>my first page</title></head>
<frameset>
</frameset>
</html>

<frameset rows="30%,70%">....divides page into two rows.first frame is %30
of the page and second is %70 of the page.Example:

<html>
<head><title>my first page</title></head>
<frameset rows="40%,60%">
</frameset>
</html>

<frameset rows="50,*">..........divides page into two rows.first frame
is 50 pixel and the second is changeable.

<frameset cols="35%,65%">.......divides page into two columns.
(same as theusage of rows)

<frameset cols="70,*">..........divides page into two columns.first frame
is 70 pixel and the second is changeable.

<frameset frameborder="yes">....defines if there is border between two 
frames(yes or no)
<frameset border="1,2,...">.....shows the borders width.
<frameset bordercolor="xxxxxx">.defines the color of the border.

<frame></frame>.................defines a frame.

<frame name="xxx">..............gives name to the frame
<frame src="url">...............defines the frames source.
<frame noresize>................disables the resizing.
<frame marginheight="pixel">....the margins height.
<frame marginwidth="pixel">.....the width of the left and right margin.
<frame bordercolor="xxxxxx">....the bordercolor of the frame.
<noframes></noframes>...........alternate for non-frame browsers.

<frame scrolling="yes">.........defines that if there is a scrolling bar.If
 "yes" browsershows a scrolling bar.If "no" browser doesn't show a scrolling 
 bar.If "auto" browser shows a scrolling bar when needed.

A TUTORIAL ABOUT FRAMES

let's make a frames page with two frames and with these options:
noscrolling,two columns,"26%,74%" are the sizes of the columns.
The first column will be a navigation frame.The second will be the index page.
instructions:
first prepare a only menu page.this will include all the parts of your web page
I only use text link you can use graphics(optimized) to make it rich.save it as 
frame1.html
Here is the code for navigation menu.(you can use your own codes)

<html>
<head><title>menu</title></head>
<body bgcolor="black">
<font color="#5ea6fd" size="6">
<p><a href="programlar.htm">programlar</a></p>
<p><a href="links.htm">links</a></p>
<font>
</body>
</html>

2.now prepare an index page.
Here is the code for a simple index page.(you can use your own codes)
then save it frame2.html

<html>
<head><title>menu</title></head>
<body bgcolor="black">
<center><I>
<font color="#5ea6fd" size="4">
<p>this is my first frame page</p>
<p>(instructions about your web page)</p>
<font>
</I></center>
</body>
</html>

3.Now the index and menu pages are ok.Let's make a frame page.

<html>
<head><title>frame page</title></head>
<frameset cols="22%,78%" bordercolor="#5ea6fd">
<frame src="frame1.html" name="menu" scrolling="auto" noresize>
<frame src="frame2.html" name="index" scrolling="auto" noresize>
</frameset>
</html>

download this tutorial in a zip file!*!*!*!click!*!*!*!
(frame1.html, frame2.html, frametutorial.html and instructions.html are included)
Make your own free website on Tripod.com