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

Post on 28-Jan-2016

218 views 0 download

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

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.

Precedencia

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

Estándares

Que es la W3C?

www.w3.org

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

HTML estandar minimo

DOCTYPES:

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

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

Tres formas de validacion

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>

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

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

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

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

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

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

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

Links en una página nueva

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

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

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

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

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

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

Links en una página nueva

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

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