Está en la página 1de 5

DESARROLLO WEB

Y MULTIMEDIA

CLASE 2: MAQUETACIN
CECyT 12 JOSE MARIA MORELOS

4/27/16

Ejemplo con Frames


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//ES"
"http://www.w3.org/TR/html4/frameset.dtd">
<html>
<head>
<title>Mi primer documento HTML</title>
<meta name="description" content=estructura HTML">
<style type="text/css">
* {color: green}
p {color:blue}
h1 {color:red}
h5 {color:#FC4A16 ; background:#A111D1}
</style>
</head>
<frameset rows="150,*,50">
<frame name="encabezado" src="header.html" noresize frameborder=no>
<frameset cols="20%,60%,20%">
<frame name="izquierdo" src="izquierdo.html" noresize frameborder=no>
<frame name="central" src="miprimerhtml.html" noresize frameborder=no>
<frame name="derecho" src="izquierdo.html" noresize frameborder=no>
</frameset>
<frame name="pie" src="pie.html" noresize frameborder=no>
</frameset>
</html>

4/27/16

Pagina Encabezado
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//ES" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>header</title>
<meta name="description" content=tablas maquetacin">
<style type="text/css">
p {color:blue}
h1 {color:red}
h5 {color:#FC4A16 ; background:#A111D1}
a{text-decoration:none}
</style>
</head>
<table width="100%" cellspacing="0" cellpadding="3" border="0" bgcolor="#000000" align="center">
<tr>
<td width=180 align=center bgcolor="#ffffff">
<img src="res/ipnLogo.png" width="62" height="90" alt="Logo" border="0">
</td>
<td bgcolor="#ffffff" align=center>
<img src="res/banner.png" width="468" height="60" border="0" alt="Banner">
</td>
</tr>
<tr>
<td colspan=2 bgcolor="#ffffff" align="center">
<font face="Garamond">
<a href="http://www.ipn.mx">
<a href="http://www.ipn.mx">
<a href="http://www.ipn.mx">
<a href="http://www.ipn.mx">
<a href="http://www.ipn.mx">
<a href="http://www.ipn.mx">
<a href="http://www.ipn.mx">
</font>

Portada | </a>
Noticias | </a>
Agenda | </a>
Artistas | </a>
Buscador | </a>
Comunidad | </a>
Tienda | </a>

</td>
</tr>
</table>
</html>

4/27/16

Pgina Izquierda

<html>
<body BGCOLOR="#FFFFFF">
<BR><BR><BR><BR><BR>
<ul>
<li>
<a HREF="pagina1.html" TARGET="central">Mi primer
</li>

pagina</a>

<li>
<a HREF="pagina2.html" TARGET="central">Mi segunda pagina</a>
</li>
<li>
<a HREF="http://www.ipn.mx">Sitio del IPN (enlace ext).</a>
</li>
<ul>
</body>
</html>
4/27/16

Pgina pie
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//ES" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>header</title>
<meta name="description" content=tablas maquetacin">
<style type="text/css">
p {color:blue}
h1 {color:red}
h5 {color:#FC4A16 ; background:#A111D1}
a{text-decoration:none}
</style>
</head>
<body>
<table Cellpadding="0" border="0" Cellspacing="0" bgcolor="#FFFFE0" width="100%">
<tr>
<td>
Creado por: Nombre del Alumno
</td>
</tr>
<tr>
<td>
Informaci&oacute;n de contacto: <a
href="mailto:ejemplo@.ipn.mx">ejemplo@.ipn.mx</a>.
</td>
</tr>
</table>
</body>
</html>

4/27/16

También podría gustarte