Académique Documents
Professionnel Documents
Culture Documents
DISEO DE PAGINAS
CON HTML
Qu es Internet?
Una red de redes TCP/IP
(Visin tecnolgica)
Un conjunto de servicios entretenidos
(Visin del usuario final)
Una plataforma de soluciones integrales para la
vida diaria
(Visin estratgica)
La base operacional del futuro ...
Tiempo Real:
Nuevo Paradigma de Negocios
Elemento
Etiqueta de Apertura Contenido Etiq. de Cierre
<body bgcolor="#0000FF">
<body bgcolor="blue">
<body background="fondo.gif">
<body background="imagenes/fondo.gif">
<body text="#FF0000">
<body leftmargin="20" topmargin="0" marginwidth="20" marginheight="0" >
Colores en hexadecimal
#FFFFFF white
#000000 black
#000080 navy
#0000FF blue
#008000 green
#008080 teal
#00FF00 lime
#00FFFF aqua
#800000 maroon
#800080 purple
#808000 olive
#808080 gray
#C0C0C0 silver
#FF0000 red
#FF00FF fuchsia
#FFFF00 yellow
Creacin de la primera pagina
Crear un directorio de trabajo para la pagina.(ejm. mipagina) en mis
documentos
Con el bloc de notas escribir el siguiente cdigo:
especiales Á
é
É
í
Í
ó
Se puede escribir directamente Ó
sin la representacin en HTML ú
Ú
ñ
  espacio en blanco
Ñ
™
<!-- y //-->. comentarios
<html>
<head>
<title>pagina de inicio</title>
</head>
<body bgcolor="99CC99" background="imagenes/fondopatas.gif"
leftmargin="40" topmargin="40" marginwidth="40" marginheight="40">
Listas
Perro
<li>Perro</li> Gato
<li>Gato</li> Periquito
<li>Periquito</li>
<ul> y </ul>. Lista desordenada
vieta
<ul type="circle">
<li>Perro</li> circle (crculo), disc (disco) o square (cuadrado).
<li>Gato</li>
<li>Periquito</li>
</ul>
<a> y </a>.
<a href="//D:/diplomado/tutoriales/www.aulaclic.es/html/index.htm">navegar
por el tutorial</a>
Destino del enlace
determina en qu ventana va a ser abierta la pgina vinculada
Las imgenes pueden ser de formatos diferentes: bmp, gif, jpg, etc
tamao de la imagen
bottom inferior
left izquierda
middle medio
right derecha
top superior
Este
<img src="imagenes/gatito.gif" alt="imagen ejemplo" border="4" align="middle">
es un grafico
TABLAS
<table> y </table> INICO Y FIN DE TABLA
POR EL
aqui va texto, imagenes,
FIESTA 3 DE JULIO CENTENARIO DE
video
LA FACULTAD
GRAFICO
GATITO EXTARIDO DEL
TUTORIAL
PUEDE IR O SIMPLEMENTE
OTRO CUALQUIERA
CUALQUIER COSA TEXTO
<table border="2">
<tr>
<td>nombre</td>
<td>descripocion</td>
<td>FOTOGRAFIA</td>
</tr>
<tr>
<td>FIESTA 3 DE JULIO</td>
<td>POR EL CENTENARIO DE LA FACULTAD</td>
<td>aqui va texto, imagenes, video</td>
</tr>
<tr>
<td>GATITO</td>
<td>GRAFICO EXTARIDO DEL TUTORIAL</td>
<td><img src="imagenes/gatito.gif" alt="imagen ejemplo" border="4"></td>
</tr>
<tr>
<td>OTRO CUALQUIERA</td>
<td>PUEDE IR CUALQUIER COSA</td>
<td>O SIMPLEMENTE TEXTO</td>
</tr>
</table>
Atributos de una celda:
Titulo de columna
Combinacin de celdas
colspan y rowspan
atributos de un marco: