- El primer paso que debemos hacer es diseñar y definir los contenidos que vamos a incluir en nuestro fondo, en papel, este paso sólo nos llevará unos minutos pero será muy importante para el resultado final. Podemos definir si queremos dar una imagen profesional, comercial, informativa, etc.
En esta etapa definiremos los elementos que se incluirán en nuestro fondo, la información que vamos a presentar, nuestro logotipo, la orientación que le vamos a dar y los contenidos o textos que incluiremos.
- Realización del archivo HTML de nuestro fondo maquetado y formateado.
Mediante cualquier editor HTML: Dreamweaver, FrontPage, etc. debemos crear una página HTML con los elementos definidos anteriormente, para este ejemplo hemos utilizado el siguiente código HTML, cuyo resultado podéis ver en la siguiente imagen:
El código HTML de este fondo es el siguiente:
<html>
<head>
<title>:: Fondo Outlook para Carixma ::</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" text="#333333">
<br>
<table width="769" border="1" cellpadding="5" cellspacing="0" align="center" style="BORDER-RIGHT: #ccc 1px solid; BORDER-TOP: #ccc 1px solid; MARGIN: 0px 0px 0px 0px; BORDER-LEFT: #ccc 1px solid; BORDER-BOTTOM: #ccc 1px solid" bordercolor="#666666">
<tr><td valign="top" style="BORDER-RIGHT: #ccc 1px solid; BORDER-TOP: #ccc 1px solid; MARGIN: 0px 0px 0px 0px; BORDER-LEFT: #ccc 1px solid; BORDER-BOTTOM: #ccc 1px solid"><img src="https://www.carixma.com/img/carixma.gif" alt="Logotipo de Carixma" title="Logotipo de Carixma" id="Logotipo de Carixma" width="240" height="100" border="0"/></td></tr>
<tr>
<td valign="top" style="BORDER-RIGHT: #ccc 1px solid; BORDER-TOP: #ccc 1px solid; MARGIN: 0px 0px 0px 0px; BORDER-LEFT: #ccc 1px solid; BORDER-BOTTOM: #ccc 1px solid">
<div align="right"><b>martes, 1 de agosto de 2006 </b></div>
<br>Estimados Sres.
<br><br><br><br><br><br><br><br><br><br>Atentamente,<br>
</td>
</tr>
<tr><td colspan="3" style="BORDER-RIGHT: #ccc 1px solid; BORDER-TOP: #ccc 1px solid; MARGIN: 0px 0px 0px 0px; BORDER-LEFT: #ccc 1px solid; BORDER-BOTTOM: #ccc 1px solid">
<div align="justify">
<br/><b>Ismael Caballero Méndez</b>
<br/>Responsable Web de <a href="https://www.carixma.com" target="_blank" id="www.carixma.com" title="www.carixma.com">Carixma</a>
<br/>c/ aaaa aaa, 7, 2º A
<br/>28011 Madrid
<br/>Teléfono / Fax: 111 111 111
<br/>Correo Electrónico: <a href="mailto:[email protected]" id="[email protected]" title="[email protected]">[email protected]</a>
<br/>Web: <a href="https://www.carixma.com" target="_blank" id="www.carixma.com" title="www.carixma.com">www.carixma.com</a>
<br/><br/><b>Cláusula de Confidencialidad:</b> Este mensaje, y en su caso, cualquier fichero anexo al mismo, puede contener información confidencial o legalmente protegida (LOPD 15/1999 de 13 de Diciembre), siendo para uso exclusivo del destinatario. No hay renuncia a la confidencialidad o secreto profesional por cualquier transmisión defectuosa o errónea, y queda expresamente prohibida su divulgación, copia o distribución a terceros sin la autorización expresa del remitente. Si ha recibido este mensaje por error, se ruega lo notifique al remitente enviando un mensaje al correo electrónico <a href="mailto:[email protected]" id="[email protected]" title="[email protected]">[email protected]</a> y proceda inmediatamente al borrado del mensaje original y de todas sus copias. Gracias por su colaboración.
</div>
</td></tr>
</table>
<br/>
</body>
</html>
|
