Taller de Programación Web I

26/12/2015

Descriptor

INACAP ASIGNATURA: Taller de Programación Web I

88 HORAS

DESCRIPCIÓN DE LA ASIGNATURA: El desarrollo de aplicaciones para la web ha alcanzado un gran auge en los últimos años, desplazando en gran parte a las aplicaciones de escritorio. Taller de programación Web I es una asignatura práctica que entrega las herramientas necesarias para el desarrollo de aplicaciones web, utilizando xhtml como lenguaje para la creación de las estructuras que permiten la definición del contenido del documento web, como así mismo el uso de Hojas de Estilo en Cascada para la definición de las características visuales de la página. Además, se utiliza JavaScript como lenguaje de programación del lado del cliente, a fin de validar las estructuras y programar las páginas web que cumplan con los más altos estándares de compatibilidad y calidad.

COMPETENCIAS: Esta asignatura contribuye al desarrollo de la(s) siguiente(s) competencia(s): · Construir aplicaciones web que validen los datos en el lado del cliente, utilizando XHTML y Hojas de estilo CSS para definir el contenido y el diseño.

Esta asignatura contribuye a l desarrollo de las siguientes competencias genéricas: · ·

Comunicar ideas de manera efectiva a través del lenguaje oral y escrito. Resolver problemas aplicando criterio y de forma efectiva.

UNIDADES DE APRENDIZAJE: 1

Introducción a xml y xhtml

2

Hojas de estilos CSS

HORAS 22 22

3 JavaScript

32

EVALUACIÓN:

12

DOCENTE ELABORADOR: Diego Rivera Ramírez

ASESOR DE DISEÑO CURRICULAR: Róbinson Pérez Opazo

UNIDADES DE APRENDIZAJE 1.- Introducción a xml y xhtml APRENDIZAJES ESPERADOS 1.1.-

Reconoce la historia del desarrollo de la tecnología internet para evaluar el impacto de las tecnologías y el uso de cada una de ellas en la resolución de problemas

22 Horas CRITERIOS DE EVALUACIÓN 1.1.1.-

Identifica los hitos más importantes en el desarrollo de la tecnología internet.

1.1.2.-

Compara las diferentes tecnologías existentes en el mundo web para poder solucionar un problema.

CONTENIDOS MÍNIMOS OBLIGATORIOS

Pasado, Presente y Futuro de la Web - Historia de Internet - Nuevas Aplicaciones - Estándares Web

1.1.3.-

Identifica los estándares Web para aplicarlos en la solución de un problema.

1.2.-

Desarrolla estructuras XML utilizando sus componentes y reglas de sintaxis para almacenar datos

1.2.1.-

Señala la estructura básica de un archivo XML.

1.2.2.-

Identifica las reglas de sintaxis de un documento XML.

1.2.3.-

Elabora un documento XML utilizando la sintaxis correcta para su definición.

1.3.-

Introducción a XML - Estructura básica - Reglas de Sintaxis - DTD - Componentes - Raiz - Nodos - Propiedades - Contenidos - CDATA

26/12/2015

Descriptor

contenido e imágenes y posean un sistema de navegación para dar solución a las necesidades de un cliente.

1.3.2.-

Identifica la sintaxis y las etiquetas básicas para la construcción de una página web.

1.3.3.-

Construye páginas web que incorporen texto con formato, imágenes, tablas e hipervínculos para solucionar un problema.

1.4.-

Construye páginas web con XHTML que incorporen el uso de formularios y la agrupación de contenido mediante el uso de etiquetas div para el mejor orden de los elementos y el envío de datos hacia el servidor

1.4.1.-

Identifica las etiquetas que permiten crear un formulario para el envío de datos hacia el servidor.

1.4.2.-

Identifica las etiquetas para la representación de caracteres especiales en una página web.

- Encabezado - Cuerpo - Títulos - Bloques de texto - Hipervínculos - Énfasis - Listas - Imágenes - Tablas XHTML - Formularios - Caracteres Especiales - Agrupación de elementos (Etiqueta DIV)

1.4.3.-

Agrupa los elementos que conforman una página web para facilitar su acceso.

1.4.4.-

Construye una página web que permite mostrar de forma ordenada la información y los elementos propuestos como solución a un problema.

ACTIVIDADES MÍNIMAS OBLIGATORIAS Los Alumnos: · · · · ·

Investigan respecto a las tecnologías que se vienen en el ámbito del desarrollo de las aplicaciones web y la comunican a sus pares en debate guiado por el docente. Construyen archivos XML respetando la sintaxis para este tipo de archivos. Revisan la estructura de un documento XHTML proporcionado por el docente y lo comparan con la sintaxis XML Construyen documentos XHTML respetando la sintaxis y visualizando el resultado en un navegador. Programan páginas web respetando la sintaxis XHTML y creando formularios para el envío de los datos.

2.- Hojas de estilos CSS APRENDIZAJES ESPERADOS 2.1.-

Reconoce las etiquetas que conforman una hoja de estilos y su funcionamiento básico en una página web.


Describe el funcionamiento de una hoja de estilos en una página web para modificar su formato gráfico.

2.1.2.-

Distingue la diferencia entre estilos en el documento o externas.

2.1.3.-

Explica el funcionamiento de las etiquetas básicas y las reglas de las hojas de estilos.

2.2.-

Crea hojas de estilo para dar formato a un documento xhtml

2.2.1.-

Identifica la estructura básica de una hoja de estilos.

2.2.2.-

Aplica las reglas de creación de estilos en una clase o en un identificador.

2.2.3.- Crea la estructura básica de reglas de estilo para aplicarlas a un documento xhtml con el fin

de modificar un fo rmato según requerimientos preestablecidos.

2.3.-

Crea hojas de estilo que den formato al texto en un documento xhtml

2.3.1.-

Identifica las etiquetas que permiten dar formato a un documento xhtml.

2.3.2.-

Crea las hojas de estilo definiendo las reglas asociadas a un requerimiento.


Fundamentos de CSS - Cómo funciona una CSS - Cómo se aplica estilos "Inline" - Estilos dentro del documento - Hojas de estilo externas - El Tag LINK - El Tag STYLE y la directiva @import - Comentarios CSS y Reglas Básicas - Agrupación de Selectores y Declaraciones Fundamentos de CSS - El Atributo Class y el Atributo ID - Pseudo-clases y Pseudo-elementos - Estructura y Herencia - Especificidad y Estilos en Cascada - Clasificación de los elementos y Colores - Unidades - Identación - Alineación - Espacios en Blanco - Anchura de Líneas - Alineación Vertical Fundamentos de CSS - Espacio entre Palabras y entre Letras - Transformación del Texto - Decoración del Texto

26/12/2015

Descriptor

2.4.-

Crea hojas de estilo y las aplica a un documento xhtml para dar solución a un requerimiento.

2.4.1.-

Identifica las etiquetas que permitan crear reglas de estilos para dar solución a un requerimiento específico.

Técnicas Especiales

2.4.2.-

Crea las reglas de estilo en un documento CSS para dar solución a un requerimiento de diseño.

2.4.3.- Aplica las reglas de estilo escritas en un documento CSS a un archivo xhtml.

ACTIVIDADES MÍNIMAS OBLIGATORIAS Los Alumnos: · · ·

Investigan distintas formas de crear las hojas de estilo. Buscan en Internet ejemplos de hojas de estilo y plantillas CSS las cuales pueden usar como ejemplo. Construyen y modifican hojas de estilo y luego las aplican a un documento XHTML

3.- JavaScript APRENDIZAJES ESPERADOS 3.1.-

Programa funciones básicas en JavaScript utilizando el DOM para resolver un problema


Define un script JavaScript dentro de un documento xhtml.

3.1.2.-

Programa funciones básicas de JavaScript que accedan a elementos del documento para obtener o modificar sus propiedades.


JavaScript Conceptos básicos - Programación basada en Objetos - Document Object Model (DOM) - Estructuras básicas de programación - Tipos de datos primitivos - Funciones

3.1.3.-

Utiliza funciones de JavaScript creadas por el alumno utilizando eventos de los objetos de la página.

3.2.-

Programa funciones en JavaScript que involucren ciclos y toma de decisiones para solucionar un problema

3.2.1.-

Identifica el problema a solucionar dada una situación particular.

3.2.2.-

JavaScript Conceptos básicos - Flujos de control - Ciclos

Programa las funciones de JavaScript que solucionen un problema detectado.

3.2.3.-

Utiliza las funciones de JavaScript creadas por el alumno para resolver un problema.

3.3.-

Programa funciones en JavaScript que involucren la interacción con el usuario para el ingreso de datos, la confirmación de la ejecución de alguna acción o el aviso de la realización de alguna acción

3.3.1.-

Programa funciones en JavaScript que soliciten al usuario el ingreso de datos para la realización de algún proceso. 3.3.2.-

Programa funciones en JavaScript que muestren al usuario un mensaje producto de la ejecución de algún proceso.

JavaScript Conceptos básicos - Arreglos - Interacción con el usuario - Alert - Confirm - Prompt

3.3.3.-

Programa funciones en JavaScript que involucren la interacción del usuario para confirmar o rechazar la ejecución de un proceso.

3.4.-

Programa funciones que se ejecuten en función de la ocurrencia de un evento, ya sea de un control o de un formulario para solucionar un problema

3.4.1.-

Describe el ciclo de ejecución de los eventos en JavaScript.

JavaScript básico - Manejo de Eventos

3.4.2.-

Explica la forma de llamar a las funciones creadas para que se ejecuten.

3.4.3.-

Programa las funciones y realizar el llamado a estas mediante la ejecución de un evento para resolver un problema. 3.5.-

Programa una aplicación web usando xhtml y JavaScript que permita solucionar un problema

3.5.1.-

Define las necesidades de un cliente en función de un problema dado.

Javascript desarrollo del proyecto

26/12/2015

Descriptor

Desarrolla las páginas web con los elementos necesarios para poder dar solución a las necesidades de un cliente. 3.5.3.-

Programa las funciones de JavaScript que extiendan la funcionalidad de la aplicación web que de solución al problema planteado.

ACTIVIDADES MÍNIMAS OBLIGATORIAS Los Alumnos: · · · ·

Analizan requerimientos de funcionalidad para una página web. Definen la funcionalidad que es posible crear utilizando JavaScript para dar solución a un problema específico. Programan las funciones para dar respuesta a eventos que ocurran en la página. Integran las funciones a una aplicación web, aplican su criterio para lograr un resultado esperado. ESTRATEGIAS METODOLÓGICAS

Al inicio de la primera sesión se deberá presentar el programa de la asignatura (objetivo generales, objetivos específicos, contenidos, bibliografía, actividades y evaluación: cómo, cuándo, ponderación) y analizarlo con el grupo curso. Estrategias aplicables para todas las unidades: El docente: Desarrolla clases expositivas apoyadas mediante la aplicación de la materia a un ejercicio práctico · · Fomenta el trabajo en equipo Desarrolla ejercicios tipos, aplicando los conocimientos adquiridos. · Incentiva la investigación y la planificación del tiempo y los recursos mediante la entrega de guías con ejercicios para desarrollar · Propone el desarrollo de un proyecto a través de la ejecución de la asignatura ·

UNIDAD I

El docente: Contextualiza la Primera Unidad · · Define la sintaxis de un documento XML y XHTML. Mediante el uso de un ejemplo demuestra los diferentes objetos que componen un documento XHTML · Analiza y discute el uso correcto de los objetos para crear un formulario XHTML · UNIDAD II

El docente: · Contextualiza la Segunda Unidad Muestra las distintas formas de crear y utilizar la tecnología CSS · Utiliza un ejemplo práctico para demostrar la forma en que los documentos XHTML y CSS se integran. · · Investigan diferentes usos de CSS para dar solución a problemas de accesibilidad a la información El docente ejemplifica la construcción de una hoja de estilos aplicándolos a un ejercicio. · El docente entrega una guía de ejercicios con requerimientos claros de diseño y guía a los alumnos en el desarrollo del ejercicio. ·

UNIDAD III

El docente: Contextualiza la Tercera Unidad · Define la estructura de un script JavaScript. · · Muestra mediante un ejemplo la forma de crear un script dentro de un documento xhtml. Programa un script definiendo las variables para almacenar los datos, la forma de acceder a los datos · Define un problema y luego programan soluciones aplicando las estructuras de iteración y de control de flujo. ·

26/12/2015

Descriptor

Bibliografia Obligatoria Título

Autor

Año

ISBN/ISSN

HTML, XHTML y CSS

Schafer, Ste ven M.

2010

8 441527679

Editorial Anaya Mul timedia

Fuente

Nombre Recurso Digital

Tipo de Material Libro

JavaScript : edi ción 2010

Cas o Parra, Astor de

2010

8 441526044

Anaya Mul timedia

Libro

Bibliografia Sugerida: Título

Autor

CCS Zen Garden. Disponi bl ble en: http://www. cs csszeng ar arden.c om om/

CCS Zen Gard en en

JavaScript

McFarland, David Sawy er

MMUG - Chile. Disponib le en: http://www.mmug.c l/

MMUG - Chile

Web Esti lo. Dis ponible en: h ttp://www.webes tilo.com/

Cerrar

Año

ISBN/ISSN

Editorial CCS Zen Garden

2009

8 441525935

Anaya Mul timedia

Fuente

Nombre Recurso Digital

Tipo de Material Pági na na web Libro Pági na web

WebEstilo

Pági na web

Taller de Programación Web I

Recommend Documents