Vous êtes sur la page 1sur 5

26/12/2015

Descriptor

INACAP
ASIGNATURA:TallerdeProgramacinWebI

88HORAS

DESCRIPCINDELAASIGNATURA:
El desarrollo de aplicaciones para la web ha alcanzado un gran auge en los ltimos aos, desplazando en gran parte a las aplicaciones de escritorio.
Taller de programacin Web I es una asignatura prctica que entrega las herramientas necesarias para el desarrollo de aplicaciones web, utilizando xhtml como lenguaje para la creacin de las estructuras que permiten la definicin del
contenido del documento web, como as mismo el uso de Hojas de Estilo en Cascada para la definicin de las caractersticas visuales de la pgina. Adems, se utiliza JavaScript como lenguaje de programacin del lado del cliente, a fin de
validar las estructuras y programar las pginas web que cumplan con los ms altos estndares 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 diseo.

Esta asignatura contribuye al desarrollo de las siguientes competencias genricas:

Comunicar ideas de manera efectiva a travs del lenguaje oral y escrito.


Resolver problemas aplicando criterio y de forma efectiva.

UNIDADESDEAPRENDIZAJE:

Introduccin a xml y xhtml

HORAS
22

Hojas de estilos CSS

22

JavaScript

32

EVALUACIN:

12

DOCENTEELABORADOR:DiegoRiveraRamrez

ASESORDEDISEOCURRICULAR:RbinsonPrezOpazo

UNIDADESDEAPRENDIZAJE
1.Introduccin a xml y xhtml
APRENDIZAJESESPERADOS
1.1.
Reconoce la historia del desarrollo de la tecnologa
internet para evaluar el impacto de las tecnologas
y el uso de cada una de ellas en la resolucin de
problemas

22Horas
CRITERIOSDEEVALUACIN
1.1.1.
Identifica los hitos ms importantes en el desarrollo de la tecnologa internet.
1.1.2.
Compara las diferentes tecnologas existentes en el mundo web para poder solucionar un problema.

CONTENIDOSMNIMOSOBLIGATORIOS
Pasado, Presente y Futuro de la Web
- Historia de Internet
- Nuevas Aplicaciones
- Estndares Web

1.1.3.
Identifica los estndares Web para aplicarlos en la solucin de un problema.
1.2.
Desarrollaestructuras XML utilizando sus
componentes y reglas de sintaxis para almacenar
datos

1.2.1.
Seala la estructura bsica de un archivo XML.
1.2.2.
Identifica las reglas de sintaxis de un documento XML.
1.2.3.
Elaboraun documento XML utilizando la sintaxis correcta para su definicin.

1.3.
Construye archivos XHTML que permitan mostrar

1.3.1.
Identifica los elementos que componen la estructura de un documento XHTML.

http://siga3.inacap.cl/aapedescriptor/showasig_moodle.aspx?idasig=ID0601

Introduccin a XML
- Estructura bsica
- Reglas de Sintaxis
- DTD
- Componentes
- Raiz
- Nodos
- Propiedades
- Contenidos
- CDATA
XHTML
- Estructura de un documento
1/5

26/12/2015

contenido e imgenes y posean un sistema de


navegacin para dar solucin a las necesidades de
un cliente.

Descriptor

1.3.2.
Identifica la sintaxis y las etiquetas bsicas para la construccin de una pgina web.
1.3.3.
Construye pginas web que incorporen texto con formato, imgenes, tablas e hipervnculos para
solucionar un problema.

1.4.
Construye pginas web con XHTML que incorporen
el uso de formularios y la agrupacin de contenido
mediante el uso de etiquetas div para el mejor
orden de los elementos y el envo de datos hacia
el servidor

1.4.1.
Identifica las etiquetas que permiten crear un formulario para el envo de datos hacia el servidor.
1.4.2.
Identifica las etiquetas para la representacin de caracteres especiales en una pgina web.

- Encabezado
- Cuerpo
- Ttulos
- Bloques de texto
- Hipervnculos
- nfasis
- Listas
- Imgenes
- Tablas
XHTML
- Formularios
- Caracteres Especiales
- Agrupacin de elementos (Etiqueta DIV)

1.4.3.
Agrupa los elementos que conforman una pgina web para facilitar su acceso.
1.4.4.
Construye una pgina web que permite mostrar de forma ordenada la informacin y los elementos
propuestos como solucin a un problema.
ACTIVIDADESMNIMASOBLIGATORIAS
Los Alumnos:

Investigan respecto a las tecnologas 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 pginas web respetando la sintaxis XHTML y creando formularios para el envo de los datos.

2.Hojas de estilos CSS


APRENDIZAJESESPERADOS
2.1.
Reconoce las etiquetas que conforman una hoja
de estilos y su funcionamiento bsico en una
pgina web.

22Horas
CRITERIOSDEEVALUACIN
2.1.1.
Describe el funcionamiento de una hoja de estilos en una pgina web para modificar su formato
grfico.
2.1.2.
Distingue la diferencia entre estilos en el documento o externas.
2.1.3.
Explica el funcionamiento de las etiquetas bsicas 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 bsica de una hoja de estilos.
2.2.2.
Aplica las reglas de creacin de estilos en una clase o en un identificador.
2.2.3.Crea la estructura bsica de reglas de estilo para aplicarlas a un documento xhtml con el fin
de modificar un formato segn 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.

CONTENIDOSMNIMOSOBLIGATORIOS
Fundamentos de CSS
- Cmo funciona una CSS
- Cmo 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 Bsicas
- Agrupacin 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
- Clasificacin de los elementos y Colores
- Unidades
- Identacin
- Alineacin
- Espacios en Blanco
- Anchura de Lneas
- Alineacin Vertical
Fundamentos de CSS
- Espacio entre Palabras y entre Letras
- Transformacin del Texto
- Decoracin del Texto

2.3.3.
Aplica las reglas de hojas de estilo a un documento xhtml.
http://siga3.inacap.cl/aapedescriptor/showasig_moodle.aspx?idasig=ID0601

2/5

26/12/2015

2.4.
Crea hojas de estilo y las aplica a un documento
xhtml para dar solucin a un requerimiento.

Descriptor

2.4.1.
Identifica las etiquetas que permitan crear reglas de estilos para dar solucin a un requerimiento
especfico.

Tcnicas Especiales

2.4.2.
Crea las reglas de estilo en un documento CSS para dar solucin a un requerimiento de diseo.
2.4.3.Aplica las reglas de estilo escritas en un documento CSS a un archivo xhtml.
ACTIVIDADESMNIMASOBLIGATORIAS
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
APRENDIZAJESESPERADOS
3.1.
Programa funciones bsicas en JavaScript
utilizando el DOM para resolver un problema

32Horas
CRITERIOSDEEVALUACIN
3.1.1.
Define un script JavaScript dentro de un documento xhtml.
3.1.2.
Programa funciones bsicas de JavaScript que accedan a elementos del documento para obtener o
modificar sus propiedades.

CONTENIDOSMNIMOSOBLIGATORIOS
JavaScript Conceptos bsicos
- Programacin basada en Objetos
- Document Object Model (DOM)
- Estructuras bsicas de programacin
- Tipos de datos primitivos
- Funciones

3.1.3.
Utiliza funciones de JavaScript creadas por el alumno utilizando eventos de los objetos de la pgina.
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 situacin particular.
3.2.2.
Programa las funciones de JavaScript que solucionen un problema detectado.

JavaScript Conceptos bsicos


- Flujos de control
- Ciclos

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 interaccin con el usuario para el ingreso de
datos, la confirmacin de la ejecucin de alguna
accin o el aviso de la realizacin de alguna
accin

3.3.1.
Programa funciones en JavaScript que soliciten al usuario el ingreso de datos para la realizacin de
algn proceso.
3.3.2.
Programa funciones en JavaScript que muestren al usuario un mensaje producto de la ejecucin de
algn proceso.

JavaScript Conceptos bsicos


- Arreglos
- Interaccin con el usuario
- Alert
- Confirm
- Prompt

3.3.3.
Programa funciones en JavaScript que involucren la interaccin del usuario para confirmar o
rechazar la ejecucin de un proceso.
3.4.
Programa funciones que se ejecuten en funcin 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 ejecucin de los eventos en JavaScript.

JavaScript bsico
- 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 ejecucin de un evento para
resolver un problema.

3.5.
Programa una aplicacin web usando xhtml y
JavaScript que permita solucionar un problema

3.5.1.
Define las necesidades de un cliente en funcin de un problema dado.

Javascript desarrollo del proyecto

3.5.2.
http://siga3.inacap.cl/aapedescriptor/showasig_moodle.aspx?idasig=ID0601

3/5

26/12/2015

Descriptor

Desarrollalas pginas web con los elementos necesarios para poder dar solucin a las necesidades
de un cliente.

3.5.3.
Programa las funciones de JavaScript que extiendan la funcionalidad de la aplicacin web que de
solucin al problema planteado.
ACTIVIDADESMNIMASOBLIGATORIAS
Los Alumnos:

Analizan requerimientos de funcionalidad para una pgina web.


Definen la funcionalidad que es posible crear utilizando JavaScript para dar solucin a un problema especfico.
Programan las funciones para dar respuesta a eventos que ocurran en la pgina.
Integran las funciones a una aplicacin web, aplican su criterio para lograr un resultado esperado.

ESTRATEGIASMETODOLGICAS

Al inicio de la primera sesin se deber presentar el programa de la asignatura (objetivo generales, objetivos especficos, contenidos, bibliografa, actividades y evaluacin: cmo, cundo, ponderacin) y analizarlo con el grupo curso.

Estrategias aplicables para todas las unidades:

El docente:
Desarrolla clases expositivas apoyadas mediante la aplicacin de la materia a un ejercicio prctico
Fomenta el trabajo en equipo
Desarrolla ejercicios tipos, aplicando los conocimientos adquiridos.
Incentiva la investigacin y la planificacin del tiempo y los recursos mediante la entrega de guas con ejercicios para desarrollar
Propone el desarrollo de un proyecto a travs de la ejecucin 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 tecnologa CSS
Utiliza un ejemplo prctico para demostrar la forma en que los documentos XHTML y CSS se integran.
Investigan diferentes usos de CSS para dar solucin a problemas de accesibilidad a la informacin
El docente ejemplifica la construccin de una hoja de estilos aplicndolos a un ejercicio.
El docente entrega una gua de ejercicios con requerimientos claros de diseo y gua 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 iteracin y de control de flujo.

BIBLIOGRAFADELAASIGNATURA
http://siga3.inacap.cl/aapedescriptor/showasig_moodle.aspx?idasig=ID0601

4/5

26/12/2015

Descriptor

BibliografiaObligatoria
Ttulo

Autor

Ao

ISBN/ISSN

Editorial

Fuente

NombreRecursoDigital

TipodeMaterial

HTML,XHTMLyCSS

Schafer,StevenM.

2010

8441527679

AnayaMultimedia

Libro

JavaScript:edicin2010

CasoParra,Astorde

2010

8441526044

AnayaMultimedia

Libro

Ttulo

Autor

Ao

ISBN/ISSN

Editorial

Fuente

NombreRecursoDigital

TipodeMaterial

CCSZenGarden.Disponibleen:http://www.csszengarden.com/

CCSZenGarden

CCSZenGarden

Pginaweb

JavaScript

McFarland,DavidSawyer

2009

AnayaMultimedia

Libro

MMUGChile.Disponibleen:http://www.mmug.cl/

MMUGChile

Pginaweb

WebEstilo.Disponibleen:http://www.webestilo.com/

WebEstilo

Pginaweb

BibliografiaSugerida:

8441525935

Cerrar

http://siga3.inacap.cl/aapedescriptor/showasig_moodle.aspx?idasig=ID0601

5/5