Curso Introduccio n a HTML5, CSS, JavaScript y PHP

Transcripción

1 Curso Introduccio n a HTML5, CSS, JavaScript y PHP Para alumnos y egresados del área Informática y Sistemas. Instituto Tecnológico Superior Zacatecas Norte Marzo 2012

2 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:

3 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 , 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). 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

4 El estilo de programación de HTML Introducción a CSS Historia y versiones de CSS Sintaxis básica de CSS Validación de CSS 2.3. Párrafos 2.4. Encabezados 2.5. Tipos de letra 2.6. Validando HTML Actividad: Formateando texto con CSS Formateando texto de párrafo inline Formateando texto de párrafo interno Formateando texto de párrafo interno 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 Diferentes tipos de enlace Formateando enlaces Enlaces a secciones del documento 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 Inserción de imágenes de fondo Inserción de imágenes y texto Inserción de barras horizontales Actividad propia 4.9. Actividad: Creación de mapas de imágenes 4

5 Creando mapas de imágenes Actividad propia 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 Listas ordenadas y no ordenadas Listas de definiciones Listas con estilo Listas de navegación Actividad propia 5.8. Actividad: Cuestionario 6. Módulo Tablas 6.1. Introducción a las tablas Renglones y columnas Renglón de títulos Encabezado, cuerpo y pie 6.2. Manejo de renglones y columnas 6.3. Formateando tablas con CSS 6.4. Actividad: Tablas Practicando con celdas Practicando con estilos 6.5. Actividad: Cuestionario 7. Módulo Formularios 7.1. Introducción a los formularios Estructura básica 7.2. Controles de los formularios Etiquetas Campos de texto Áreas de texto Radio buttons Checkboxes Listboxes y Comboboxes Campos ocultos Botones Campos y leyendas Atributos de <form> 5

6 Nuevos controles de HTML 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 Al cargar Al finalizar Sobre demanda 9.5. Estructuras de control 9.6. Actividad: Uso de JavaScript 9.7. Actividad: Cuestionario 10. Módulo Multimedia Agregando audio Agregando video Otros tags de HMTL5 en desarrollo Actividad: Proyecto final 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

7 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: pesos para egresados 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: ritojai82@hotmail.com o isalasg_tec@hotmail.com Al teléfono (498) ext. 124 o ext. 118 O registrarse en la página: 7