Curso Introduccion a HTML5, CSS,

JavaScript y PHP
Para alumnos y egresados del área Informática y Sistemas.

Instituto Tecnológico Superior Zacatecas Norte

Marzo 2012
Contenido
Objetivo: ........................................................................................................................................ 3
Introducción: ................................................................................................................................. 3
Audiencia:...................................................................................................................................... 3
Pre-requisitos: ............................................................................................................................... 3
Temario: ........................................................................................................................................ 3
Instalaciones, material y equipo: .................................................................................................... 6
Duración y horario: ........................................................................................................................ 7
Costo: ............................................................................................................................................ 7
Otros datos: ................................................................................................................................... 7
Mayor información: ....................................................................................................................... 7

2
Objetivo:
Dar a conocer a los participantes los elementos básicos de HTML, y las nuevas características de
HTML5, además de sus tecnologías adyacentes como CSS, JavaScript y PHP, utilizando para ello,
herramientas de desarrollo actuales en el mercado.

Introducción:
HTML5 es la quinta mayor revisión, aún en proceso, del lenguaje básico de Internet. Aunque esta
revisión esté en proceso, no ha sido obstáculo para que la mayoría de los navegadores del
mercado ya soporten la mayoría de las etiquetas nuevas del lenguaje, como tags para video, audio
y canvas, nuevos elementos de formularios como e-mail, números y fechas.

HTML5 viene de la mano con CSS y JavaScript, lo que hace que su codificación sea más entendible,
reduciendo el uso de Plug-Ins de terceros y por ende aumentando su velocidad.

Se puede encontrar más información sobre HTML5 en la página especial de este proyecto en la
W3C (World Wide Web Consortium). http://www.w3.org/TR/2011/WD-html5-20110525/

Audiencia:
El curso está dirigido a alumno y egresados (de 6º semestre en adelante) de las carreras de
Informática y Sistemas o afines.

Pre-requisitos:
Al ser curso introductorio, no es necesario tener ningún conocimiento en específico, solo en el
tema de PHP será necesario tener conocimientos básicos sobre estructuras de control.

Temario:
1. Módulo Introducción
1.1. Introducción al curso
1.2. Introducción a Internet y WWW
1.3. Introducción a HTML
1.4. Estructura básica de una página web
1.5. Navegadores de Internet e interpretación de HTML
1.6. Introducción a Web Hosting y Dominios
1.7. Actividad: Creando y subiendo páginas al hosting
1.8. Actividad: Cuestionario
2. Módulo HTML5 y CSS
2.1. Introducción a HTML5

3
 2.1.1.El estilo de programación de HTML5
2.2. Introducción a CSS
2.2.1.Historia y versiones de CSS
2.2.2.Sintaxis básica de CSS
2.2.3.Validación de CSS
2.3. Párrafos
2.4. Encabezados
2.5. Tipos de letra
2.6. Validando HTML5
2.7. Actividad: Formateando texto con CSS
2.7.1.Formateando texto de párrafo inline
2.7.2.Formateando texto de párrafo interno
2.7.3.Formateando texto de párrafo interno
2.7.4.Actividad propia
2.8. Actividad: Cuestionario
3. Módulo Hipervínculos
3.1. Rutas relativas y absolutas
3.2. Enlaces a otras páginas
3.3. Enlaces a secciones de la misma página
3.4. Enlaces a secciones de otras páginas
3.5. Enlaces a correo electrónico
3.6. Formato de enlaces con CSS
3.7. Actividad: Hipervínculos
3.7.1.Diferentes tipos de enlace
3.7.2.Formateando enlaces
3.7.3.Enlaces a secciones del documento
3.7.4.Actividad propia
3.8. Actividad: Cuestionario
4. Módulo Imágenes
4.1. Tipos de imágenes
4.2. Inserción de imágenes
4.3. Imágenes como hipervínculos
4.4. Imágenes de fondo
4.5. Mapas de imágenes
4.6. Formateando imágenes con CSS
4.7. Separadores
4.8. Actividad: Inserción y formato de imágenes
4.8.1.Inserción de imágenes de fondo
4.8.2.Inserción de imágenes y texto
4.8.3.Inserción de barras horizontales
4.8.4.Actividad propia
4.9. Actividad: Creación de mapas de imágenes

4
 4.9.1.Creando mapas de imágenes
4.9.2.Actividad propia
4.10. Actividad: Cuestionario
5. Módulo Listas
5.1. Listas no ordenadas
5.2. Listas ordenadas
5.3. Listas anidadas
5.4. Listas de definiciones
5.5. Formateando listas con CSS
5.6. Listas de navegación
5.7. Actividad: Listas de navegación y listas anidadas
5.7.1.Listas ordenadas y no ordenadas
5.7.2.Listas de definiciones
5.7.3.Listas con estilo
5.7.4.Listas de navegación
5.7.5.Actividad propia
5.8. Actividad: Cuestionario
6. Módulo Tablas
6.1. Introducción a las tablas
6.1.1.Renglones y columnas
6.1.2.Renglón de títulos
6.1.3.Encabezado, cuerpo y pie
6.2. Manejo de renglones y columnas
6.3. Formateando tablas con CSS
6.4. Actividad: Tablas
6.4.1.Practicando con celdas
6.4.2.Practicando con estilos
6.5. Actividad: Cuestionario
7. Módulo Formularios
7.1. Introducción a los formularios
7.1.1.Estructura básica
7.2. Controles de los formularios
7.2.1.Etiquetas
7.2.2.Campos de texto
7.2.3.Áreas de texto
7.2.4.Radio buttons
7.2.5.Checkboxes
7.2.6.Listboxes y Comboboxes
7.2.7.Campos ocultos
7.2.8.Botones
7.2.9.Campos y leyendas
7.2.10. Atributos de <form>

5
 7.2.11. Nuevos controles de HTML5
7.3. Formateando formularios en tablas y CSS
7.4. Actividad: Creación de formularios
7.5. Actividad: Cuestionario
8. Módulo PHP
8.1. Introducción a PHP
8.2. Páginas Web estáticas y páginas Web dinámicas
8.3. Programación del lado del cliente y del lado del servidor
8.4. Estructura básica de un programa
8.5. Estructuras de control
8.6. Integrando PHP con HTML
8.7. Envío de datos con métodos GET y POST
8.8. Actividad: Enviando datos entre páginas
8.9. Actividad: Cuestionario
9. Módulo JavaScript
9.1. Introducción a JavaScript
9.2. Integración de JavaScript en HTML
9.3. Estructura básica de un script
9.4. Trabajando con JavaScript
9.4.1.Al cargar
9.4.2.Al finalizar
9.4.3.Sobre demanda
9.5. Estructuras de control
9.6. Actividad: Uso de JavaScript
9.7. Actividad: Cuestionario
10. Módulo Multimedia
10.1. Agregando audio
10.2. Agregando video
10.3. Otros tags de HMTL5 en desarrollo
10.4. Actividad: Proyecto final
10.5. Actividad: Cuestionario

Instalaciones, material y equipo:

 Se contará con equipo de cómputo por participante, lo que no impide que puedan traer
equipo propio para sus prácticas.
 Se contará con material en electrónico de las presentaciones y documentos del curso.
 Software necesario.
 Se contará con hospedaje en servidor del ITSZN, mediante acceso SFTP.
 Se contará con servicio de coffee break.

6
Duración y horario:
 Tiempo total del curso: 30 horas en 1 semana.
 Días que se impartirá: del 9 al 14 de abril de 2012
 Horario: 6 horas, de 8:00 a 14:00 horas.

Costo:
 1500.00 pesos para egresados.
 500.00 para alumnos del ITSZN.
 Pago en las oficinas de Recursos Financieros del ITSZN.

Otros datos:
 Se otorgará constancia de curso por parte del ITSZN a todos aquellos participantes que
concluyan todas sus actividades con éxito.
 El instructor será el Lic. Manuel Ignacio Salas Guzmán.

Mayor información:
 En las oficinas del Centro de Cómputo del ITSZN con el Ing. Jairo Isaac Lira Leyva.
 En el Laboratorio de Inteligencia Ambiental con el Lic. Manuel Ignacio Salas Guzmán.
 A los correos: [email protected] o [email protected]
 Al teléfono (498) 982-0456 ext. 124 o ext. 118
 O registrarse en la página: http://bit.ly/ySjuu8