Calendario de clases

Apuntes

• Temario del curso
• Navegadores web
• Etiquetas HTML
• Imágenes

Ejercicios de clase del segundo curso

• 1ª y 2ª sesión: dia01y02.7z — Introducción al HTML. Uso de Notepad++
• 3ª sesión: sitio pintores: web y 7z — Introducción al CSS. Uso de Dreamweaver.
• 4ª sesión: sitio países: web y 7z — Continuación DW y CSS
• 5ª y 6ª sesión: sitio postres: web y 7z — Plantillas DW y estilos CSS.
• 7ª sesión: sitio planetas: texto, web y 7z — Ejercicio con plantillas DW y estilos CSS.
• 8ª sesión: sitio escuela: web y 7z — Divisiones e identificadores.
• 9ª y 10ª sesión: sitio animal: web y 7z — Repaso, plantilla y falsa columna.
• 11ª sesión: sitio capas: web y 7z — Capas.
• 12ª sesión: sitio absoluto: web y 7z — Posicionamiento absoluto, modelo de cajas
• 13ª sesión: prueba: 20 preguntas cortas
• 14ª sesión: sitio clases: web y 7z — Uso de las clases CSS
• 15ª sesión: sitio formulario: web y 7z — Enviar formulario por correo y Javascript

Ejercicios de clase del primer curso

1. Introducción
2. dia02.7z: Páginas HTML
3. dia03.7z: Sitio con Dreamweaver
4. dia04.7z: CSS
5. dia05.7z: Clases
6. dia06.7z: Identificadores y DIVs
7. dia07.7z: Posicionamiento (artículo)
8. dia08.7z: Más posicionamiento y formularios
9. dia09.7z: CSS formularios, fuentes y miniaturas
10. dia10.7z: Enlaces con imágenes, iframe y mapa de imagen
11. dia11.7z: Listamatic y página PHP
12. dia12.7z: Mostrar base de datos con PHP y menú de imágenes con CSS
13. dia13.7z: Insertar Flash, degradados CSS y otros estilos CSS3
14. dia14.7z: Sitio elegante y SEO
15. dia15.7z: Plantilla de Dreamweaver

Prueba: 20 preguntas cortas

Ejercicios extra

• continentes.html, HTML-2, CSS-2, JS-2, — Mapa de imagen HTML con Javascript
• ladrillos.html, HTML, CSS, — Fondo de ladrillos mediante una tabla HTML
• resolucion.html, HTML, CSS, — Disposición página según resolución de pantalla
• centrar.html, HTML, CSS, — Centrar una caja en la página mediante CSS
• solapas.html, HTML, CSS, JS, — Uso de pestañas con Javascript
• elegante.html, HTML, CSS, — Uso de transparencias, degradados, etc.
• audio.html, HTML, — Reproducir música con la etiqueta <audio>
• estaciones.html, HTML, CSS, — Plantilla DW, kuler, fuentes, pestañas e iconos

Manuales

• XHTML + CSS — Belén Albeza
• Chuleta CSS3 — Veign.com

Enlaces

• Utilidades
  • Browser statistics: estadística de navegadores y resoluciones de pantallas
  • Acid3: Prueba de CSS para el navegador web
• Diseño
  • Zen Garden: Demostración de CSS
  • Kuler: Combinaciones de colores
  • Google Web Fonts: Tipos de letra
  • Listamatic: Listas de enlaces con HTML y CSS
  • BonBon Buttons: Sweet CSS3 buttons
• Texto:
  • Lipsum: Texto de relleno Lorem Ipsum
• Iconos:
  • FamFamFam de 16×16px por Mark James
  • Iconos Crystal Clear de 128×128px por Everaldo Coelho
• Hospedaje
  • Hospedaje de pago: Nominalia y Arsys
  • Hospedaje gratuito:
    • Nixiweb — Sin anuncios
    • Zymic — En inglés, sin anuncios
• Usabilidad
  • Web pages that suck — Los peores diseños web

Programas

• Navegador web:
  • Mozilla Firefox y la extensión Web Developer de Chris Pederick
• Cliente FTP:
  • FileZilla
• Servidor web:
  • XAMPP — Sistema de Apache, PHP y MySQL que se puede instalar en cualquier sistema operativo
• Editor web:
  • KompoZer — creación visual de páginas web
  • BlueGriffon — más reciente que kompozer