You are on page 1of 2

Requisitos:

Software: Dreamweaver CC
WampServer 2.5
Navegador web: Chrome, Opera

HTML: Versin HTML5

Objetivo: Construir un formulario web de registro de usuario.


Tiempo estimado: 0.5 hora acadmica.
Temario:
1. Identificacin de las partes del documento html: etiquetas meta, thead, script, link, tbody,
tfoot. Nuevas etiquetas: head, section, y otros.
2. Creacin de formularios web y su configuracin de sus atributos: <form></form>
3. Creacin de elementos contenedores web: div, span.
4. Creacin de elementos de ingreso de datos en formularios web y configuracin de sus
atributos: <input type=[text, radiobutton, checkbox] /><textarea><select> <[date,
number, email, etc.]>
5. Creacin de elementos de accin web: <input type=[button, reset, submit] >, <button>

CSS: Versin CSS3 y el framework BOOTSTRAP

Objetivo: Maquetar el formulario web de registro de usuario para que sea amigable y fcil
de utilizar adems de ser responsive o adaptable a las dispositivos en que se utilizar.
Tiempo estimado: 1 hora acadmica.
Temario:
1. Creacin de clases CSS y configuracin de atributos de los elementos del formulario web (
.clase{} ): background, texcolor, color, font, size, etc.
2. Configuracin de los atributos de los contenedores web div, span, form: show, hide,
border, bordercolor, etc.
3. Personalizacin de los elementos del formulario web por el id o por tipo de elementos (
#mi_id , input[ text, checkbox, etc.] {} ).
4. Cargar la librera bootstrap.js en el formulario web.
5. Asignar las clases y/o identificadores a los elementos del formulario web de la librera
bootstrap.

JS: librera jquery

Objetivo: Manipulacin de los datos y elementos que componen la pgina web a travs
del lenguaje de programacin javascript.
Tiempo estimado: 1 hora acadmica.
Temario:
1. Cargar la librera jquery en el formulario web.
2. Uso de las funciones para obtener y modificar los valores de los elementos de ingreso de
datos del formulario web: $(this).value();
3. Uso de las funciones para modificar el comportamiento de los elementos del formulario
web: input, select, textarea, divs, span, etc.
4. Uso del mtodo Ajax asincrnico y el formato de datos json.

PHP: Lenguaje de Programacin

Objetivo: Crear un aplicativo que permita gestionar la informacin de los usuarios


registrados y se obtengan reportes personalizados.
Tiempo estimado: 3 horas acadmicas.
Temario:
1. Definicin y operabilizacin de variables en php.
2. Interaccin de ajax con php.
3. Conexin a la base de datos mysql.
4. Ingreso, edicin y eliminacin de datos del formulario web con php a mysql.
5. Consultas y envo de datos de PHP al formulario web.

Trabajo prctico: Desarrollar un formulario que registre una encuesta y que registre en la base
de datos y gestione la informacin en ella (ingreso, edicin, eliminacin y generacin de
reportes).

Tiempo: 2.5 horas acadmicas.