PAGINAS WEB 3RA. CLASE Luis Rojas. Recordemos apagar/silenciar nuestros teléfonos móviles.

23
PAGINAS WEB 3RA. CLASE Luis Rojas

Transcript of PAGINAS WEB 3RA. CLASE Luis Rojas. Recordemos apagar/silenciar nuestros teléfonos móviles.

Page 1: PAGINAS WEB 3RA. CLASE Luis Rojas.  Recordemos apagar/silenciar nuestros teléfonos móviles.

PAGINAS WEB 3RA. CLASE

Luis Rojas

Page 2: PAGINAS WEB 3RA. CLASE Luis Rojas.  Recordemos apagar/silenciar nuestros teléfonos móviles.

Recordemos apagar/silenciar nuestros teléfonos móviles.

Page 3: PAGINAS WEB 3RA. CLASE Luis Rojas.  Recordemos apagar/silenciar nuestros teléfonos móviles.

Publicar archivos

http://www.cursolibre.innovaservicios.com/filemanager.php

Clave: cursolibre

Asignación de carpetas.

Page 5: PAGINAS WEB 3RA. CLASE Luis Rojas.  Recordemos apagar/silenciar nuestros teléfonos móviles.

Precedencia

SIEMPRE todo dentro de la etiqueta HTML (cabeza y cuerpo) y todo nuestro contenido dentro del cuerpo.

Page 6: PAGINAS WEB 3RA. CLASE Luis Rojas.  Recordemos apagar/silenciar nuestros teléfonos móviles.

Estándares

Que es la W3C?

www.w3.org

Consorcio de la WWW, que dicta los estándares para la publicación web.

Page 7: PAGINAS WEB 3RA. CLASE Luis Rojas.  Recordemos apagar/silenciar nuestros teléfonos móviles.

HTML estandar minimo

DOCTYPES:

http://htmlhelp.com/tools/validator/doctype.html

Validación: http://validator.w3.org/

Tres formas de validacion

Page 8: PAGINAS WEB 3RA. CLASE Luis Rojas.  Recordemos apagar/silenciar nuestros teléfonos móviles.

HTML minimo

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"

"http://www.w3.org/TR/html4/strict.dtd"><html>

<head><title>Prueba</title>

</head><body>

<p>My first paragraph.</p></body>

</html>

Page 9: PAGINAS WEB 3RA. CLASE Luis Rojas.  Recordemos apagar/silenciar nuestros teléfonos móviles.

Práctica de HTML

Comentarios:

http://www.w3schools.com/html/tryit.asp?filename=tryhtml_comment

Líneas horizontales

http://www.w3schools.com/html/tryit.asp?filename=tryhtml_hr

Page 10: PAGINAS WEB 3RA. CLASE Luis Rojas.  Recordemos apagar/silenciar nuestros teléfonos móviles.

Práctica de HTML

Cambio de línea http://www.w3schools.com/html/tryit.asp

?filename=tryhtml_paragraphs

http://www.w3schools.com/html/tryit.asp?filename=tryhtml_poem

Page 11: PAGINAS WEB 3RA. CLASE Luis Rojas.  Recordemos apagar/silenciar nuestros teléfonos móviles.

Práctica de HTML

Modificaciones al texto*

http://www.w3schools.com/html/tryit.asp?filename=tryhtml_formattingch

Texto pre formateado* http://www.w3schools.com/html/tryit.asp

?filename=tryhtml_pre

Page 12: PAGINAS WEB 3RA. CLASE Luis Rojas.  Recordemos apagar/silenciar nuestros teléfonos móviles.

Práctica de HTML

Abreviaturas: http://www.w3schools.com/html/tryit.asp

?filename=tryhtml_abbr

Colores*: http://www.w3schools.com/html/tryit.asp

?filename=tryhtml_styles

Page 13: PAGINAS WEB 3RA. CLASE Luis Rojas.  Recordemos apagar/silenciar nuestros teléfonos móviles.

Práctica de HTML

Más Colores* http://www.w3schools.com/html/tryit.asp

?filename=tryhtml_bodybgstyle

Colores de fuente*

http://www.w3schools.com/html/tryit.asp?filename=tryhtml_newfont

Page 14: PAGINAS WEB 3RA. CLASE Luis Rojas.  Recordemos apagar/silenciar nuestros teléfonos móviles.

Práctica de HTML

Alineación* http://www.w3schools.com/html/tryit.asp

?filename=tryhtml_headeralign

Links internos y externos:

http://www.w3schools.com/html/tryit.asp?filename=tryhtml_links

Page 15: PAGINAS WEB 3RA. CLASE Luis Rojas.  Recordemos apagar/silenciar nuestros teléfonos móviles.

Imágenes http://www.w3schools.com/html/tryit.asp

?filename=tryhtml_images

Imágenes como link

http://www.w3schools.com/html/tryit.asp?filename=tryhtml_imglink

Page 16: PAGINAS WEB 3RA. CLASE Luis Rojas.  Recordemos apagar/silenciar nuestros teléfonos móviles.

Links en una página nueva

http://www.w3schools.com/html/tryit.asp?filename=tryhtml_link_target

Page 17: PAGINAS WEB 3RA. CLASE Luis Rojas.  Recordemos apagar/silenciar nuestros teléfonos móviles.

Práctica de HTML

Modificaciones al texto*

http://www.w3schools.com/html/tryit.asp?filename=tryhtml_formattingch

Texto pre formateado* http://www.w3schools.com/html/tryit.asp

?filename=tryhtml_pre

Page 18: PAGINAS WEB 3RA. CLASE Luis Rojas.  Recordemos apagar/silenciar nuestros teléfonos móviles.

Práctica de HTML

Abreviaturas: http://www.w3schools.com/html/tryit.asp

?filename=tryhtml_abbr

Colores*: http://www.w3schools.com/html/tryit.asp

?filename=tryhtml_styles

Page 19: PAGINAS WEB 3RA. CLASE Luis Rojas.  Recordemos apagar/silenciar nuestros teléfonos móviles.

Práctica de HTML

Más Colores* http://www.w3schools.com/html/tryit.asp

?filename=tryhtml_bodybgstyle

Colores de fuente*

http://www.w3schools.com/html/tryit.asp?filename=tryhtml_newfont

Page 20: PAGINAS WEB 3RA. CLASE Luis Rojas.  Recordemos apagar/silenciar nuestros teléfonos móviles.

Práctica de HTML

Alineación* http://www.w3schools.com/html/tryit.asp

?filename=tryhtml_headeralign

Links internos y externos:

http://www.w3schools.com/html/tryit.asp?filename=tryhtml_links

Page 21: PAGINAS WEB 3RA. CLASE Luis Rojas.  Recordemos apagar/silenciar nuestros teléfonos móviles.

Imágenes http://www.w3schools.com/html/tryit.asp

?filename=tryhtml_images

Imágenes como link

http://www.w3schools.com/html/tryit.asp?filename=tryhtml_imglink

Page 22: PAGINAS WEB 3RA. CLASE Luis Rojas.  Recordemos apagar/silenciar nuestros teléfonos móviles.

Links en una página nueva

http://www.w3schools.com/html/tryit.asp?filename=tryhtml_link_target

Page 23: PAGINAS WEB 3RA. CLASE Luis Rojas.  Recordemos apagar/silenciar nuestros teléfonos móviles.

Tablas

Tablas básicas http://www.w3schools.com/html/tryit.asp

?filename=tryhtml_tables

Manipulando los bordes de la tabla http://www.w3schools.com/html/tryit.asp

?filename=tryhtml_table_borders