DESCRIPCIÓN ESPECÍFICA NÚCLEO: Núcleo Sector Comercio y Servicios.

Tamaño: px

Comenzar la demostración a partir de la página:

Download "DESCRIPCIÓN ESPECÍFICA NÚCLEO: Núcleo Sector Comercio y Servicios."

Jorge Figueroa Ponce
hace 8 años
Vistas:

1 DESCRIPCIÓN ESPECÍFICA NÚCLEO: Núcleo Sector Comercio y Servicios. SUBSECTOR: Informática y Comunicación. Nombre del Módulo: Creación de páginas Webs Código: CSTI0168 total: 60 horas Objetivo General: Crear páginas web según las necesidades de la clientela, los formatos y programación requerida, apegados a estándares Web (W3C) y buenas prácticas de diseño y programación. Objetivos específicos 1 Confeccionar páginas Web mediante HTML según los clientela 1.1 Identificar los componentes básicos de HTML Definición de HTML, características e importancia. 1.2 Distinguir la estructura global de HTML <!DOCTYPE> <HTML> <HEAD> <BODY> <META> <TITLE> <LINK> 1.3 Establecer la estructura del cuerpo HTML Organización <HEADER> <NAV> <SECTION> <ASIDE> <FOOTER> 1.4 Incorporar etiquetas dentro del cuerpo HTML <ARTICLE> <HGROUP> <FIGURE> Y <FIGCAPTION> 1.5 Diferenciar nuevos y viejos elementos del HTML <MARK> <SMALL> <CITE> <ADDRESS> <TIME> Enseñanza y aprendizaje demostración y práctica supervisada en el recinto: - Identifica los componentes básicos de HTML - Distingue la estructura global de HTML - Establece estructura del cuerpo HTML - Incorpora etiquetas dentro del cuerpo HTML - Diferenciar nuevos y viejos elementos del HTML Evaluación de los aprendizajes Confecciona páginas Web 18 horas mediante HTML según los la clientela Individual, Escala numérica Página 1 de 5

a estándares Web (W3C) y buenas prácticas de diseño y programación. Objetivos específicos 1 Confeccionar páginas Web mediante HTML según los clientela 1.

2 Objetivos específicos 2 Formatear las páginas web según los diseños, clientela y estándares Web de la W3C. 2.1 Diferenciar HTML y CSS Que es CSS, características e importancias Porque se utiliza y funcionalidad Diferencias con HTML 2.2 Identificar las estructuras y estilos de CSS Elemento Block Modelos de Caja 2.3 Distinguir los elementos básicos de estilos Estilos de línea Estilo embebidos Archivos Externos Referencias Referenciado con palabra clave Referenciado con el atributo id Referenciado con el atributo class Referenciado con cualquier atributo Referenciado con pseudo clases Nuevos selectores 2.4 Aplicar CSS a nuestras plantillas 2.5 Modelar Caja tradicional CSS Plantilla Selector universal Selector de atributo y pseudo clases Selectores Nueva jerarquía para cabeceras Declarando nuevos elementos HTML5 Centrando el cuerpo Centrando la caja principal La cabecera Barra de navegación Section y aside Footer Últimos bloques Box-sizing 2.6 Identificar las propiedades de CSS Plantillas Border-radius Lluvia de Ideas - Diferencia HTML y CSS demostración: - Identifica las estructuras y estilos de CSS - Distingue los elementos básicos de estilos Práctica supervisada en el recinto - Aplica CSS a nuestras plantillas. supervisada en el recinto: - Modela caja tradicional de CSS - Identifica las propiedades de CSS Formatea las páginas web según los diseños, la clientela y estándares de la W3C. Web Individual, Escala numérica 18 horas Página 2 de 5

3 Distinguir los elementos básicos de estilos Estilos de línea Estilo embebidos Archivos Externos Referencias Referenciado con palabra clave Referenciado con el atributo id Referenciado con el

3 Box-shadow Gradiente lineal Gradiente radial RGBA HSLA Outline Border-image Transform y transition Transform: scale Transform: rotate Transform: Knew Transform: Translate Transformando todo al mismo tiempo Transformación dinámicas Transiciones Página 3 de 5

Transform: rotate Transform: Knew Transform: Translate Transformando

4 Objetivos específicos 3 Programar páginas web según los clientela y buenas prácticas de programación. 3.1 Determinan la importancia de JavaScript Definición de JavaScript, importancia y funcionalidad 3.2 Incorporar Java Script a nuestro HTML En línea Embebido Archivos externos 3.3 Utilizar los selectores queryselector() queryselectorall() 3.4 Manejar los eventos Manejadores de eventos en línea Manejadores de eventos como propiedades El método addeventlistener() 3.5 Utilizar los APIs Canvas Drag and Drop Geolocation Storege File Communication Web Workers History Offline 3.6 Manipular las librerías externas JQuery Google Maps 3.7 Reproducir video con HTML5 El elementos <video> Atributos para <video> 3.8 Programar un reproductor de video El diseño El código Los eventos Los métodos Las propiedades El código en operación Lectura Comentada - Determina la importancia de JavaScript supervisada en el recinto: - Incorpora JavaScript a nuestro HTML - Utiliza los selectores - Maneja Eventos - Utiliza los APIs - Manipula librerías externas Programa páginas web según los la clientela y buenas prácticas de programación. Individual, Escala numérica 24 horas Página 4 de 5

4 Manejar los eventos Manejadores de eventos en línea Manejadores de eventos como propiedades El método addeventlistener() 3.

5 Objetivos específicos 3.9 Identificar los tipos de formatos 3.10 Reproducir audio en HTML5 El elemento <audio> 3.11 Programar un reproductor de audio 3.12 Diseñar un formulario Web El elemento <form> El elemento <input> Tipo Tipo search Tipo url Tipo tel Tipo number Tipo range Tipo date Tipo week Tipo month Tipo time Tipo datetime Tipo datetime-local Tipo color 3.13 Distinguir los nuevos atributos de CSS Atributo placeholder Atributo required Atributo multiple Atributo autofocus Atributo pattern Atributo form 3.14 Identificar elementos de formularios El elemento <datalist> El elemento <progress> El elemento <meter> El elemento <output> 3.15 Identificar API forms setcustomvalidity() El evento invalid Validación en tiempo real Propiedades de validación WillValidate Lluvia de ideas - Identifica los tipos de formatos supervisada en el recinto - Reproduce video con HTML5 - Programa un reproductor de video - Reproduce audio con HTML5 - Programa un reproductor de audio - Distingue los nuevos atributos de CSS - Identifica elementos de formularios - Identifica APIs forms Página 5 de 5

datetime-local Tipo color 3.13 Distinguir los nuevos atributos de CSS Atributo placeholder Atributo required Atributo multiple Atributo autofocus Atributo pattern Atributo form 3.

Documentos relacionados

Situaciones de enseñanza y aprendizaje Lectura comentada y videos Expresa conductas socio afectivas

Situaciones de enseñanza y aprendizaje Lectura comentada y videos Expresa conductas socio afectivas DESCRIPCIÓN ESPECÍFICA NÚCLEO: Sector Comercio y Servicios SUBSECTOR: Informática y Comunicación Nombre del Módulo: Creación de páginas Web total: 60 Objetivo General: Crear páginas Web aplicando estándares