Fuentes web
Entradas
Comentarios

Hola…ya aprendimos a instalar wordpress en un servidor local.
El siguiente tutorial enseña como utilizar el servicio gratuito de www.wordpress.com
Cabe destacar que los conceptos explicados en el mismo son para ambos sistemas, el sistema online o wordpress instalado en un servidor como estuvimos trabajando.
Manual de wordpress

Clase 7

geek_love_poem

…seguimos contruyendo nuestro sitio web

Empezamos a lookear un poco más con propiedades para:
Textos y fuentes
Estilos de caja
Medidas y dimensiones
Ubicaciones de elementos
Visibilidad
Colores
Estilos de fondos

Resumen de propiedades importantes.
Resumen CSS
Ejemplos de estilo en código
Nota: El archivo pdf contiene las propiedades más importantes, el archivo zip contiene ejemplos de maquetacion y estilos en codigo y funcionando… en breve se adjuntan más trucos.

Clase 6

Volvemos de las vacaciones forzadas!!!
Seguimos con CSS… aprendimos a maquetar con xHTML y CSS, ahora podemos comenzar a construir nuestro primer diseño web funcional. A continuación adjuntamos un excelente material para entender porque no debemos usar tablas para el maquetado. En la semana publicaremos más resúmenes de propiedades CSS y algunos truquitos para embellecer sus sitios. Que lo disfruten!!!

barker

Descargar Stupid Tables

Nota: Descomprimir el archivo .zip y abrir con el navegador el archivo index.html

Clase 5

CSS!!!…comenzamos a lookear nuestros sitios!

En esta clase vimos:
Etiqueta DIV en xHTMLninja
Etiqueta SPAN en xHTML
Atributos para estilo ID.
Atributos para estilo CLASS.
CSS Cascading Style Sheet.
Modelo de caja (Box Model CSS).
Vinculación con documentos xHTML.
Selectores.
Propiedades básicas.
Colores.
Estilos de texto.
Estilos con imágenes.
Mi primer Layout con xHTML y CSS.

Teoría y ejemplos en código XHTML y CSS.
Material de Clase 5
Nota: El archivo layout.html y style.css se corresponden para el ejemplo de maquetación con css.


Descargar video

Clase 4

Finalizamos XHTML…

En esta clase vimos:
Listas ordenadas, desordenadas y de definición.know
Tablas
Expandir filas y columnas en tablas.
Formularios.
Campos de texto.
Campos de contraseñas.
Areas de texto.
Listas de selección.
Radio Button.
Checkbox.
Fieldsets para agrupación de componentes.
Botones enviar y reestablecer.
Boton de adjuntar archivo.

Teoría y ejemplos en código XHTML y el trabajo práctico.
Material de Clase 4

Clase 3

Hoy seguiremos personalizando los links, y empezamos a divertirnos con imágenes!!!
torre
En esta clase vimos:
Atributo title
Atributo target en link
Link a email
Links como anclas
Insertar Imágenes
Link como imágenes
Construcción de una galería
Mapas de área en imágenes

Teoría y ejemplos en código XHTML, documentados y funcionando.
Material de Clase 3

Nota: Los archivos pagina1.html y pagina2.html corresponden a anclas.
El archivo galeria.html y map.html corresponde a galería de imágenes y mapas de área respectivamente.

Clase 2

Ya codificamos nuestro primer sitio web!
nerd

En esta clase vimos:
XHTML – Recomendaciones y estructura básica.
Etiquetas html - Estructura genérica y funcionamiento.
Comentarios en html.
Párrafos comunes.
Párrafos preformateados.
Saltos de Línea.
Títulos en sus diferentes niveles.
Enlaces a sitios web y archivos.
Negrita, cursiva, subrayado.
Linea horizontal

Este Archivo contiene la Teoría y ejemplos en código XHTML, documentados y funcionando.
Material de Clase 2

Clase 1

Bienvenidos al curso! Ya pasamos por la torturadora primera clase, puedes descargar el programa con los temas que abordaremos  durante el curso y las diapositivas que usamos para dictarla.

nerd

Descargar Programa

Descargar Diapositivas Primer Clase