g INSTITUTO SUPERIOR TECNOLGICO CIBERTEC DIRECCIN ACADMICA CARRERAS PROFESIONALES

I. DATOS ADMINISTRATIVOS
CURSO CDIGO CICLO SEMESTRE CRDITOS CARRERA REQUISITOS OFIMATICA 1357 Primero 2013-1 3 Computacin e Informtica, Administracin y Sistemas, Redes y Electrnica Ninguno

II. INTRODUCCIN
Ofimtica es un curso que pertenece a la lnea tcnica y se dicta en las carreras Computacin e Informtica, Administracin y Sistemas, Redes y Electrnica. Brinda a los alumnos un conjunto de herramientas de software como editores de textos para HTML5, CSS y JavaScript, para el diseo de sitios web con aplicaciones multimedia y validacin de formularios. El curso es eminentemente prctico y consiste en el diseo de pginas web y programacin con JavaScript para validar formularios. En primer lugar, se inicia con un software libre para edicin de imagenes que brinda al alumno una variedad de herramientas para la integracin de diferentes elementos de una pgina web. As mismo, para el diseo se incluye los lenguajes HTML5 y CSS. Se concluye con el lenguaje de programacin JavaScript que permite insertar estructuras de programacin para hacer consistente el ingreso de datos a un formulario por parte del usuario.

III. LOGRO DEL CURSO

Al trmino del curso, el alumno disea un Sitio Web que incluye interfaces diseadas con etiquetas HTML, estilos CCS y validacin de formularios usando las herramientas para editar textos HTML, el lenguaje de estilos CSS y el lenguaje de programacin JavaScript.

IV. METODOLOGA
El curso aplica la metodologa de prcticas de laboratorios dirigidas por el profesor y la participacin activa de los alumnos. Al final de cada sesin se obtiene un producto final terminado. Inmediatamente despus de cada prctica de laboratorio dirigida, el alumno debe transferir lo aprendido mediante ejercicios propuestos individuales y grupales, y el desarrollo de tareas que se encuentran en el material de estudios desarrollado para el curso.

V. EVALUACIN
La frmula que se ingresa en el sistema es la siguiente:

PF = 20% (TP1) + 20% (TP2) + 20% (TP3) + 30% (TP4) + 10% (NA1)
Donde: PF PC1 PC2 = Promedio Final = 75% * Entregable 1 + 25% * Evaluacin virtual = 75% * Entregable 2 + 25% * Caso prctico

PC3 PC4

= 75% * Entregable 3 + 25% * Sustentacin = 75% * Entregable 4 + 25% * Exposicin

NA1

= Evaluacin Actitudinal

Notas: La nota mnima aprobatoria es trece (13).

VI. UNIDADES DE APRENDIZAJE UNIDAD 1. Fundamentos de un proyecto web y Elementos grficos

Logro de la Unidad de Aprendizaje Al trmino de la unidad, el alumno entiende el concepto de un proyecto web y disea los elementos grficos necesarios para un proyecto web. Temario 1.1. Tema 1: Fundamentos de un proyecto web (Semana 1 y 2) 1.1.1 Generalidades 1.1.1.1 Internet 1.1.1.2 Servidores web 1.1.1.3 Hosting y dominios 1.1.1.4 Navegadores 1.1.2 Etapas de un proyecto web 1.1.2.1 Mapa de sitio 1.1.2.2 Wireframes. 1.2. Tema 2: Elementos grficos para la web (Semana 3 ) 1.2.1 Tipos de imagen, resolucin, modos de color. 1.2.2 Edicin de imgenes: Tamao, recorte, seleccin, etc. 1.2.3 Creacin de banners, mens y botones. 1.3 Entregable 1 del Proyecto web y Evaluacin en lnea (Semana 4)

Duracin: 10 horas

UNIDAD 2. HTML5 y CSS 3

Logro de la Unidad de Aprendizaje

Duracin: 17.5 horas

Al trmino de la unidad, el alumno disea y construye un sitio web aplicando etiquetas HTML5, estilos CSS 3, elementos multimedia y formularios. Temario 2.1 Tema 3: Estructura HTML y aplicacin de estilos CSS (Semana 5) 2.1.1 Entorno del programa (Editor HTML) 2.1.2 Creacin de un sitio web (estructura de carpetas) 2.1.3 Estructura de un documento HTML 2.1.3.1 Etiquetas bsicas: body, encabezados (H1..H6), prrafos, listas, enlaces internos y externos, imagen. 2.1.4 Tipos de Estilos: En lnea e internos. 2.1.5 Estilos aplicados a etiquetas y de clase. 2.2 Tema 4: Creacin de bloques de contenido Parte 1 (Semana 6) 2.2.1 Uso de etiquetas div (capa contenedora, texto, imgenes, etc.) 2.2.2 Tipo de Estilos: vinculados 2.2.3 Estilos bsicos para los bloques: width, height, background, border 2.2.4 Estilos aplicados a etiquetas y de clase 2.2.5 Ejercicio integrador Semana 7 Semana de Exmenes Parciales de Teora 2.3 Tema 5: Creacin de bloques de contenido Parte 2 (Semana 8) 2.3.1 Uso de etiquetas div (capa contenedora, texto, imgenes, etc.) 2.3.2 Etiquetas HTML5: header, nav, section, article, aside, footer 2.3.3 Estilos para bloques: padding, margin, background-image, border-radius, float, clear 2.3.4 Estilos a vnculos: Creacin de men. 2.3.5 Ejercicio integrador 2.4 Entregable 2 del Proyecto web y Caso prctico (Semana 9) 2.5 Tema 6: Elementos multimedia (Audio, Video y Efecto Ligthbox Semana 10) 2.5.1 Etiquetas HTML5: AUDIO y VIDEO 2.5.2 Codificar audio y video para la web Autoplay, loop, preload, controles (audio) Controles, width/height, poster (video) Filetypes (source) Mltiples formatos de audio y video para todos los diversos navegadores. 2.5.3 Convertidor de audio y video online mp3, ogg, mp4 2.5.4 Uso de la herramienta lightbox para la gestin de imgenes. 2.6 Tema 7: Formularios (Semana 11) 2.6.1 Uso de tablas para organizar los elementos de formulario Etiquetas: Table, TR, TD, colspan. 2.6.2 Elementos clsicos de formulario

Form, input, button, textarea. 2.6.3 Nuevos atributos para la etiqueta INPUT Number, range, url, email, date. 2.6.4 Campos de texto obligatorio: required 2.7 Entregable 3 del Proyecto web y Sustentacin (Semana 12)

UNIDAD 3. JavaScript
Logro de la Unidad de Aprendizaje

Duracin: 10 horas.

Al trmino de la unidad, el alumno, con el lenguaje JavaScript, disea programas, incorporados en una pgina del Sitio Web, para validar formularios Temario 3.1 Tema 8: Introduccin y elementos bsicos del lenguaje JavaScript (Semana 13) 3.1.1 Fundamentos de JavaScript 3.1.2 JavaScript y HTML 3.1.3 Elementos de un programa 3.1.4 Entradas y salidas 3.1.5 Estructura de control (IF) 3.1.6 Estructura repetitiva (For) 3.2 Tema 9: Validacin de formularios (Semana 14) 3.2.1 Creacin de funciones en JavaScript 3.2.2 Funcin para validar un formulario en JavaScript 3.2.3 Envi de un formulario a una cuenta de correo. 3.3 Entregable 4 del Proyecto web (Semana 15) 3.4 Exposicin del Proyecto web (Semana 16) Semana 17 Semana de Exmenes Finales de Teora

VII. BIBLIOGRAFA DEL CURSO Programacin HTML5 Matthew David Anaya Multimedia CSS hojas de estilo para el diseo web Christopher Schmitt / Mark Trammell Anaya Multimedia Tcnicas innovadoras en Diseo WEB Penny McIntire Anaya Multimedia