28 Febrero 2009 in XHTML/CSS by dacho

Este tutor busca no solo ser un tutor común y corriente de HTML / CSS, que enseñe la sintaxis básica del lenguaje y listo. Sino que queremos que el lector vaya adquiriendo buenas practicas desde un principio para poder ahorrarse tiempo de desarrollo, el sitio sea fácil de modificar, que los motores de búsqueda entiendan la pagina, etc.

Intentare hacer algo nuevo, esto es, un tutor sencillo que no se detendrá en explicaciones formales ni nada de eso, y avanzara rápidamente para que el estudiante comprenda los fundamentos y las técnicas mas comunes que se utilizan para diseñar paginas webs en HTML/CSS de manera completamente profesional.

Las primeras 5 partes del tutor explicaran los principales usos y las propiedades mas comunes que poseen una pagina Web. Se recomienda al lector que no se avance capítulos sin leer lo anterior al menos en esta parte porque son cosas importantes y en las lecciones que vienen en “Ahora si manos a la Obra” se asumirá que el lector ya tiene conocimiento adquirido de las lecciones anteriores y no se repetirá la información.

Además de esto si tienes duda sobre los distintos temas por favor postéa tu duda y con gusto intentare responderla. De esta forma me ayudas a ver en que no estoy siendo claro.

Primera Parte: Conceptos Básicos

  1. ¿Que es una Web y como es su estructura?
    • Que es básicamente una pagina Web
    • Conceptos básicos de HTML
  2. Insertar Texto en una web y darle formato Básico.
    • Etiquetas HTML para texto.
    • Conceptos básicos de CSS
    • Propiedades CSS mas comunes para texto.
  3. Enlaces entre paginas.
    • Conceptos para vincular paginas entre si
    • Direcciones Relativas y Absolutas
  4. Insertar imágenes y darles formato
    • Etiquetas Correspondientes
    • Propiedades de CSS mas utilizadas para las imágenes
  5. Elementos para el armado de estructuras mas complejas
    • Aprender para que sirve un div
    • Aprender para que sirve una lista
  6. Aprendiendo a estructurar paginas con DIVs
    • Como encarar el problema de diseño de una web
    • Elementos de CSS que nos permiten manejar los divs y darles un formato que nos permita crear una web de la mejor forma!
  7. Ahora si la ultima lección: Un ejemplo de una linda web :)

Las Propiedades de CSS

Formalizando mejor el CSS de las paginas y viendo todas las propiedades utiles.

  1. Conceptos Basicos CSS
    Agrupacion, Id, Clases y Contexto. Conceptos utiles para optimizar la creacion de nuestros CSS
  2. Herencias, la Propiedad !important y las unidades para CSS
  3. Las propiedades de Texto y de Fuentes
  4. Propiedades de Color, backgrounds y Fondos
  5. El modelo de Caja y propiedades de las Cajas
  6. Propiedades de Posicionamiento de elementos

Si te Gusto el tutor y fue de utilidad, te agradezco que comentes acerca de eso, porque impulsa a mas gente a seguir el tutorial. También se agradecen criticas constructivas para que el curso vaya mejorando con el tiempo.

Y si tenes una pagina web, difundir el tutor es sin duda la mejor forma de ayudarnos a crecer, por ello les dejo un link para que quien quiera como forma de agradecimiento nos de una mano en el posicionamiento de nuestro blog.

¿Que Podes seguir leyendo?