Documentos de Académico
Documentos de Profesional
Documentos de Cultura
Y MULTIMEDIA
CLASE 2: MAQUETACIN
CECyT 12 JOSE MARIA MORELOS
4/27/16
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ón de contacto: <a
href="mailto:ejemplo@.ipn.mx">ejemplo@.ipn.mx</a>.
</td>
</tr>
</table>
</body>
</html>
4/27/16