HTML Act 10 1

Descargar como docx, pdf o txt
Descargar como docx, pdf o txt
Está en la página 1de 2

INFORMÁTICA APLICADA AL TELETRABAJO – ACTIVIDAD 10

HTML
TRABAJO FINAL DE HTML Tema: “El Teletrabajo”
Actividad
Con el mismo código de Ejemplo vamos hacer la primera página de nuestro sitio y así
completarlo luego. Donde ubicamos Logo o banner van a ingresar a este sitio
https://www.bannersnack.com/ Realizaran un banner donde colocaran el nombre del Trabajo
“El Teletrabajo” y alguna imagen/s. Lo deben guardar como jpg para luego darle el tamaño en
con las etiquetas Width y height que lo usábamos en las imágenes. Luego lo ubican en la part
donde va el banner. En donde va contenido van a definir al Teletrabajo, con una imagen (tiene
que quedar bien en la pantalla de la computadora no debe quedar espacio abajo ni sobrar,
TIENEN QUE IR MANEJANDO LOS FORMATOS DE FUENTES, TAMAÑOS DE IMÁGENES,
COLORES DE FONDO, ETC para que quede con una presentación adecuada, para darle el
formato al texto deben usar una hoja de estilo. En la parte donde van Vínculos irán los
siguientes:

INTRODUCCIÓN
TELETRABAJO PARA TODOS
BUENAS PRÁCTICAS DEL TELETRABAJO
CONSIDERACIONES AL TELETRABAJAR
PUESTA EN MARCHA
REFERENTES DEL TELETRABAJO

Acá ubicamos el logo o un banner

Acá va el contenido
Vínculo 1
Vínculo 2
Vínculo 3

Código del ejemplo

<html>
<head>
<title>Disposición del texto</title>

PAGE
\*
INFORMÁTICA APLICADA AL TELETRABAJO – ACTIVIDAD 10

</head>

<link rel="StyleSheet" href="estilos.css" type="text/css">

<body>
<table width="100%" height="250px" cellspacing="1px" border="1px">
<tr height="50px">
<td colspan="2px">
<table title="Banner" border="0">
<tr>
<td>Acá ubicamos el logo o un banner</td>
</tr>
</table>
</td>
</tr>
<tr height="200px">
<td align="left" valign="top">
<table title="Menu" border="0" width="100px">
<tr><td>Menú</td></tr>
<tr><td>Vínculo 1</td></tr>
<tr><td>Vínculo 2</td></tr>
<tr><td>Vínculo 3</td></tr>
</table>
</td>
<td>
<table title="Contenido" border="0" width="400px">
<tr>
<td>Acá va el contenido</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>

PAGE
\*

También podría gustarte