Exemplos de página contendo a estrutura de um layout com frames
No exemplo abaixo, observe com atenção a distribuição dos comandos HTML (tags) na construção do documento.
<html>
<head>
<title> LAYOUT COM FRAMES </title>
<link rel="stylesheet" href="css/estilo.css" type="text/css">
</head>
<frameset cols="20%,*" framespacing="0" frameborder="0" border="0">
<frame name="menu" src="menu.html" scrolling="no" marginwidth="3" marginheight="3" noresize>
<frame name="principal" src="apresentacao.html">
<noframes>
<body>
<br>
<marquee behavior="alternate"><blink><font class="titulo">BEM-VINDO</font></blink></marquee>
<br>
<center><img src="images/minhafoto.jpg" width="60" height="80" alt="FOTOGRAFIA DO AUTOR"></center>
<br><br>
<font class="texto">
<p>Espero que possa encontrar neste espaço, informações que sejam do seu agrado, justificando o seu retorno constante a este site que foi inteiramente desenvolvido pensando em você. </p>
<p>Participe enviando seus comentários, críticas e/ou sugestões, para que este site se torne cada vez melhor segundo as suas preferências. </p>
</font>
<br>
<center>
<table border="0" cellspacing="0">
<tr>
<td><font class="titulo"> MENU DE NAVEGAÇÃO </font></td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td>
<a href="autor.html"><font class="menu">Sobre o autor</font></a>
</td>
</tr>
<tr>
<td>
<a href="historico.html"><font class="menu">Histórico do site</font></a>
</td>
</tr>
<tr>
<td>
</td>
</tr>
<tr>
<td>
<a href="download.html"><font class="menu">Download de arquivos</font></a>
</td>
</tr>
<tr>
<td>
<a href="formulario.html"><font class="menu">Envie-nos seus comentários</font></a>
</td>
</tr>
<tr>
<td>
<div align="center"><a href="mailto:seuemail@seudomínio.sigla.país?subject=CONTATO"><img src="images/email.gif" height="60" width="55" border="0" alt="E-mail para o Webmaster"></a></div> </td>
</tr>
</table>
</center>
</body>
</noframes>
</frameset>
</html>
|
