Download - Introducción al Desarrollo de Páginas Web
Plantel Sahuayo
Introducción al Desarrollo de Páginas Web
Programación y aplicaciones web y Móviles
Clave 23PAWM-2018-EXT-SA-44
Duración del programa: 120 hrs
Nombre del diseñador: Carlos Eduardo Fonseca Sandoval
Fecha de elaboración: 15/12/2017
Dirección Técnico-Académica / Programas de Estudio
Lic. Iván Madero NaranjoDirector General
Ing. Jorge Conejo CárdenasDirector Técnico Académico
Lic. Susana Ochoa LópezDirector de plantel
Lic. Manuel Vladimir Carachure Juárez Jefe de Capacitación
Ing. Carlos Eduardo Fonseca SandovalInstructor
DIRECTORIO
PRESENTACIÓN
Con el auge de las Tecnologías de la Información y Comunicación, se vuelveindispensable tener presencia en internet y dar a conocer tu marca, tus productoso ideas. Por tanto, es necesario conocer las tecnologías que permiten que esto seaposible. El desarrollo web en las últimas décadas ha ido transformando eimpulsado la evolución de Internet, cada día son más grandes los avances,involucrando directamente el ingenio propio de cada desarrollador.Las etapas del desarrollo de los sitios web actuales y sus lenguajes de programaciónson bien complejos por su código extenso y variado. Por lo tanto se requiereconocer herramientas que proporciona la actualidad para desarrollardinámicamente las páginas web.
POBLACIÓN OBJETO
El curso está dirigido a la población en general; jóvenes, profesionistas, estudiantes,amas de casa, etc.
PERFIL DE INGRESO
Personas mayores de 15 años.
Saber leer y escribir.
Conocimientos básicos del manejo de la computadora.
PERFIL DE EGRESO
Al finalizar el curso, el egresado podrá realizar páginas web que se adaptan acualquier pantalla y puede ser visto en cualquier dispositivo, tanto computadoras,tabletas y teléfonos inteligentes. Conocerá y aplicará las tecnologías principales parael desarrollo de las páginas como son HTML5, CSS3 y Javascript . Además aplicará lasmedidas de seguridad e higiene pertinente en el equipo de cómputo utilizado.
El capacitando conocerá el proceso de creación de una página web básica así comolas tecnologías involucradas para el desarrollo de la misma. Podrá crear elmaquetado de una página con el lenguaje HTML5, implementará el diseño con eluso de las hojas de estilo CSS3 y agregará el comportamiento de las páginas con ellenguaje de programación Javascript. Además tomará las medidas de seguridad ehigiene pertinente en el equipo de cómputo utilizado, ejercerá su capacitación deuna manera eficiente y de calidad en cada una de las actividades que desarrolle.
OBJETIVO GENERAL DEL PROGRAMA
ESTRUCTURA DEL PROGRAMA
Modular
MODALIDAD DIDACTICA
Teórico - Práctico
MAPA CONCEPTUAL
Introducción
Generalidades Herramientas HTML, CSS y JS Sintaxis Estructura General
SUB-MÓDULO DE APRENDIZAJE: 1. IntroducciónDURACIÓN
“15 hrs”OBJETIVO DEL SUB-MODULO: Conocer los aspectos generales de las páginas web y los elementos que las componen.
TEMAS Y SUBTEMASTÉCNICA
DIDÁCTICAAPOYOS
DIDÁCTICOSACTIVIDADES INSTRUCTOR EVALUACIÓN
1.1 Generalidades Expositiva y Demostrativa
Proyector, PC Exponer una breve historia de las páginas web, las diferentes versiones y las características actuales.
Formativa
1.2 Herramientas Expositiva y Demostrativa
Proyector, PC Presentar las herramientas y recursos útiles necesarios para el desarrollo de una página web.
Formativa
1.3 HTML, CSS y JS Expositiva y Demostrativa
Proyector, PC Exponer las tecnologías disponibles para el desarrollo de una página web y la interacción entre ellas.
Formativa
1.4 Sintaxis Expositiva y Demostrativa
Proyector, PC Presentar la sintaxis y las reglas para la definición de una página web.
Formativa
1.5 Estructura General Expositiva y Demostrativa
Proyector, PC Exponer la estructura básica para cualquier diseño y desarrollo de una página web.
Formativa
MAPA CONCEPTUAL
HTML5
Etiquetas y Atributos
Contenedores Textos Multimedia Navegación
SUB-MÓDULO DE APRENDIZAJE: 2. HTML5
DURACIÓN“30 hrs”
OBJETIVO DEL SUB-MODULO: Conocer la definición del documento HTML5y utilizar las etiquetas para realizar cualquier tipo de maquetado y navegación de una página web.
TEMAS Y SUBTEMASTÉCNICA
DIDÁCTICAAPOYOS
DIDÁCTICOSACTIVIDADES INSTRUCTOR EVALUACIÓN
2.1 Etiquetas y Atributos Expositiva y Demostrativa
Proyector, PC Exponer las diferentes etiquetas y atributos principales y más usados en HTML.
Formativa
2.2 Contenedores Expositiva y Demostrativa
Proyector, PC Presentar los contenedores y su importancia semántica en un documento.
Formativa
2.3 Textos Expositiva y Demostrativa
Proyector, PC Presentar la forma de insertar texto, independientemente del idioma, en un documento.
Formativa
2.4 Multimedia Expositiva y Demostrativa
Proyector, PC Exponer el proceso para insertar elementos multimedia tales como: imágenes, audio y video.
Formativa
2.5 Navegación Expositiva y Demostrativa
Proyector, PC Presentar la forma de navegar dentro y fuera de un documento mediante enlaces.
Formativa
MAPA CONCEPTUAL
CSS3
SelectoresFondos, Bordes,
Colores y FuentesClases Animaciones
Diseño Adaptativo: Fundamentos
SUB-MÓDULO DE APRENDIZAJE: 3. CSS3DURACIÓN
“30 hrs”OBJETIVO DEL SUB-MODULO: Conocer y elaborar hojas de estilo para establecer el diseño en un documento HTML utilizando CSS3.
TEMAS Y SUBTEMASTÉCNICA
DIDÁCTICAAPOYOS
DIDÁCTICOSACTIVIDADES INSTRUCTOR EVALUACIÓN
3.1 Selectores Expositiva y Demostrativa
Proyector, PC Exponer la naturaleza y funcionalidad de los selectores y pseudoselectoresde CSS.
Formativa
3.2 Estilos Expositiva y Demostrativa
Proyector, PC Presentar las propiedades y atributos necesarios para establecer fondos, bordes, colores, sombras, fuentes, etc., a cualquier elemento.
Formativa
3.3 Clases Expositiva y Demostrativa
Proyector, PC Exponer las reglas para la creación y jerarquía de clases.
Formativa
3.4 Animaciones Expositiva y Demostrativa
Proyector, PC Presentar el proceso básico la realización de animaciones en CSS3.
Formativa
3.5 Diseño Adaptativo: Fundamentos
Expositiva y Demostrativa
Proyector, PC Exponer los fundamentos para para lograr un diseño adaptable a cualquier resolución de pantalla.
Formativa
MAPA CONCEPTUAL
JavaScript
SintaxisOperadores y
VariablesEstructuras de
ControlObjetos Eventos
SUB-MÓDULO DE APRENDIZAJE: 4. JavaScript
DURACIÓN“30 hrs”
OBJETIVO DEL SUB-MODULO: Conocer los aspectos básicos del lenguaje de programación de JavaScript y aprender a agregar funcionalidad a los documentos HTML.
TEMAS Y SUBTEMASTÉCNICA
DIDÁCTICAAPOYOS
DIDÁCTICOSACTIVIDADES INSTRUCTOR EVALUACIÓN
4.1 Sintaxis Expositiva y Demostrativa
Proyector, PC Presentar las características y sintaxis del lenguaje de programación de JavaScript.
Formativa
4.2 Operadores y Variables Expositiva y Demostrativa
Proyector, PC Exponer los operadores y el uso de variables.
Formativa
4.3 Estructuras de Control Expositiva y Demostrativa
Proyector, PC Presentar las diferentes estructuras de control existentes en JavaScript.
Formativa
4.4 Objetos Expositiva y Demostrativa
Proyector, PC Exponer el uso e implementación de objetos en JavaScript.
Formativa
4.5 Eventos Expositiva y Demostrativa
Proyector, PC Presentar la creación de Eventos en Javascript
Formativa
MAPA CONCEPTUAL
Interacción
Formularios Librerias JS Librerías CSS Flexbox
SUB-MÓDULO DE APRENDIZAJE: 5. Complementos
DURACIÓN“15 hrs”
OBJETIVO DEL SUB-MODULO: Conocer y aplicar los aspectos fundamentales de los formularios y su interacción con las páginas mediante el uso de librerías de JavaScript y CSS3, además del diseño web mediante Flexbox.
TEMAS Y SUBTEMASTÉCNICA
DIDÁCTICAAPOYOS
DIDÁCTICOSACTIVIDADES INSTRUCTOR EVALUACIÓN
4.1 Formularios Expositiva y Demostrativa
Proyector, PC Exponer las etiquetas para la elaboración de los formularios así como su interacción mediante JS.
Formativa
4.2 Librerías JS Expositiva y Demostrativa
Proyector, PC Presentar el uso e implementación librerías para facilitar la interacción de las páginas web tales como JQuery.
Formativa
4.3 Librerías CSS Expositiva y Demostrativa
Proyector, PC Presentar el uso e implementación de librerías CSS para facilitar el diseño de una página web tales como Bootstrap.
Formativa
4.4 Flexbox Expositiva y Demostrativa
Proyector, PC Exponer el uso e implementación de diseño adaptativo mediante Flexbox.
Formativa
MATERIALES NOCONSUMIBLES A UTILIZAR
CANTIDAD DESCRIPCIÓNUNIDAD
CRÉDITOS
Lic. Iván Madero NaranjoDirector General
“Lic. Susana Ochoa López ”Director de plantel
“Lic. Manuel Vladimir Carachure Juárez ” Jefe de Capacitación
Área Técnico AcadémicaAsesoría pedagógica
“Ing. Carlos Eduardo Fonseca Sandoval”Diseñó y elaboró
BIBLIOGRAFÍA
“McDONALD, Matthew. HTML5: The Missing Manual. 2nd Edition. EUA: O’Reilly, 2014.”
“GAUCHAT, John. HTML5 for Masterminds. 3rd Edition. EUA: CreateSpaceIndependent Publishing Platform, 2017.”
“RUVALCABA, Zak. & DELAMATER, Mary. Murach's JavaScript and jQuery. 3rd Edition. EUA: Mike Murach & Associates. 2017.”
“HUSSAIN, Frahaan. Responsive Web Design by Example. 3rd Edition. EUA: PacktPublishing. 2017.”