Está en la página 1de 13

Creación de páginas Web

Ing. Fabio E Durán P.
@feduranp

   Documento información electrónica Accede mediante navegador Lenguaje HTML – XHTML   Utiliza varios recursos Almacenada equipo local o Servidor Web .

   Reducción de costos Fidelización y retroalimentación Imagen    Nuevos canales información Comercio Electrónico Eliminación de fronteras .

   Hyper Text Markup Language Describe la estructura y el contenido texto Se escribe con etiquetas < >    Consta de elementos y atributos Etiqueta de Inicio (<nombre>) Etiqueta de Cierre (</nombre>) .

parámetros. contenido  <body> contenido principal.  <html> define el inicio del documento <head> define la cabecera del documento ◦ <title> define titulo de la pagina ◦ <link> vincula hoja de estilo o icono ◦ <meta> metadatos autoría. muestra el navegador .

  <h1> a <h6> encabezados o títulos <table> define una tabla ◦ <tr> fila de una tabla ◦ <td> celda de una tabla (estar dentro de una fila)    <a> hipervínculo dentro o fuera del sitio web <div> división pagina. alinear contenido <img> imagen. requiere atributo scr .

 <ul><li> crear listas no numeradas       <ol><li> crear listas numeradas <b> (<strong>) texto en negrita <i> (<em>) texto en cursiva <s> (<del>) texto tachado <u> texto subrayado <p> crea parrafos .

<FONT COLOR="WHITE">Blanco</FONT> <FONT COLOR="BLACK">Negro</FONT> <FONT COLOR="RED">Rojo</FONT> <FONT COLOR="GREEN">Verde</FONT> <FONT COLOR="BLUE">Azul</FONT> Blanco Negro Rojo Verde Azul #FFFFFF #000000 #FF0000 #00FF00 #0000FF <FONT COLOR="YELLOW">Amarillo</FONT> <FONT COLOR="CYAN">Cyan</FONT> Amarillo Cyan #FFFF00 #00FFFF <FONT COLOR="MAGENTA">Magenta</FONT> Magenta #FF00FF .

&oacute. &ntilde. &Uacute.Carácter á Entidad HTML &aacute. ü ñ &uuml. é í ó ú &eacute. . &Ntilde. &iacute. &Oacute. &uacute. Carácter Á Entidad HTML &Aacute. &Iacute. É Í Ó Ú &Eacute. Ü Ñ &Uuml.

5. 6. Hágalo todo mas simple 2. Salga de su mundo interior Menos glamour y mas orden Diseñe para conexiones por Modem Textos NO aburridos Mas color y gráficos.1. 4. menos imágenes y efectos . 3.

9.7. 10. Infórmese y aprenda Defina su problema Tenga en cuenta las leyes de navegación La gente odia esperar La gente odia leer La gente no es necesariamente coherente o racional ◦ ◦ ◦ 11. Busque inspiración . Enfóquese en lo que interesa 8.

  Definir tema a trabajar Crear una carpeta para guardar la información  Diseñar mas de tres paginas web con diferentes contenidos Crear vínculos para la navegación  .

com @feduranp .fduran@ingenieros.