Проанализируйте решение приведенной ниже задачи.
Разместите на Web-странице пять областей (фреймов), сопроводив центральный фрейм вертикальной полосой прокрутки, как показано ниже:
Верхняя часть страницы | |||
Левый фрейм | Центральный фрейм | Правый фрейм | |
Для выполнения данного задания сначала необходимо описать пять отдельных документов содержания для каждой из областей (фреймов).
ü Документ содержания верхнего фрейма:
<Html>
<Head>
<Title> Верхний фрейм</Тitlе^>
<Meta http-equiv='"Content-Typett content="text/html;
charset=windows-1251">
</head>
<Body bgcolor='"pink">
<Center><Font size=5 color="blue ">
Верхняя часть страницы</font></сепtеr>
</body>
</html>
ü Документ содержания нижнего фрейма (bottomfr.htm):
<Html>
<Head><
<Title> Нижний фрейм</Тitle>
<Meta http-equiv= "Content-Type " content="text/html;
charset=windows-1251 ">
</head>
<Body bgcolor= "yellow">
<Center> <Font size=5 color= "indigo ">
Нижняя часть страницы</Fопt></сепtеr>
</body></html>
ü Документ содержания левого фрейма (lefthtm):
|
|
< Html>
<Head>
<Тitle>Левый фрейм</Title>
<Meta http-equiv="Content-Type" content="text/html;
sharset=windows-1251 ">
</head>
<Body bgcolor="white">
<Center><Font size=5 со1оr="blие">Левый фрейм</fопt></сепter>
</body></html>
ü Документ содержания центрального фрейма (centerfr.htm):
<Html>
<Head> -,
<Title>Фрейм</title>
<Meta http-equiv="Content-Type" content="text/html,
charset=windows-1251">
</head>
<Body bgcolor= "lime ">
<Center>
<Font size=4 со1оr="bluе">Центральный фрейм</fопt>-
</center>,,
</body></html>
ü Документ содержания правого фрейма (rightfr.htni):
<Html>
<Head>
<Тitle>Правый фрейм</title>
<META http-equiv="Content-Type" content="text/html;
charset=windows-1251"
</head>
<Body bgcolor="white">
<Centeт><Font size=5 color="blue">
Правый фрейм <font></font></center>
</body></html>
После построения документов содержания строится документ-раскладка:
<Html>
<Head>
<Title> Организация фреймов </title>
<Meta http-equiv="Content-Type" content=text/html;
charset=windows-1251">
</head>
<! горизонтальное деление экрана>
<Frameset rows="40%,20%,*">
<! вставка документа "topfr. htm " в верхний фрейм>
<Frame src= "topfr. htm" noresize scrolling="no">
<! вертикальное деление центральной области экрана>
<Framese cols="40%,20%,40%">
<! вставка документа "leftfr.htm" в левый фрейм>
<Frame src = "leftfr. htm " scrolling= "no ">
<! вставка документа "centerfr.htm" в центральный фрейм>
<Frame src= "centerfr. htm" scrolling="yes" marginwidth="50" margin-height="15">
<! вставка документа "rightfr.htm" в правый фрейм>
<Frame src= "rightfr. htm " scrolling= "no " >
</frameset>
<! вставка документа "bottomfr.htm" в нижний фрейм>
|
|
<Frame src = "bottomfr. htm ">
</frameset>
<Noframes>
<Center><Font size=6>Фреймы</font></center>
<Hr color="blue">
Этот браузер не может воспроизводить фреймы
</noframes>
</frameset>
</html>