Diseño Gráfico Digital

Modulo I

1. DATOS GENERALES
Carrera :Diseño Gráfico Digital Asignatura : Creación de paginas web
Mes :Enero Tipo y Duración : Taller Dirigido de 40 horas
Profesores :Jorge Zarate Horario : 7.00 am a 8.30 am
8.30 am a 10.00 am

2.- EXPOSICIÓN DE MOTIVOS

Para introducirnos efectivamente en la construcción de paginas web necesitamos conocimientos básicos

de los lenguajes de programación que intervienen en la construcción de paginas web.

3.- OBJETIVOS

Manejar en forma rápida y efectiva el lenguaje en códigos necesarios para el desarrollo de páginas Web.

4.- CONTENIDO DEL CURSO:

Sesión nº 1: Lo que necesitas para construir tu página.

El código
Estudio sobre las etiquetas del HTML
El cuerpo del documento
Poniendole un título a tus páginas.

Sesión nº 2: Salvando archivo como documento HTML.

Usando el Documento por defecto.
Poniendo un poco de texto a nuestra página.

Sesión nº 3: Textos en HTML I

Usando la etiqueta de salto de línea.
Poniendo títulos sobre tus páginas web.
Agrupando el texto en párrafos.
Otras etiquetas de texto
Alineando el texto.

Sesión nº 4: Textos en HTML II

Colocando un separador.
Colocando atributos al separador.
Cambiando el estílo al texto.
Usando diversas fuentes.
Cambiando de tamaño al texto.
Cambiando de color al texto.

Sesión nº 5: Listas
Creando una lista no ordenada.
Creando sub-listas.

Sesión nº 6: El color en HTML

Cambiando colores con código Hexadecimal.
 Diseño Gráfico Digital
Modulo I

Tabla de colores.
Cambiando de color al fondo de nuestra página.

Sesión nº 7: Caracteres especiales

(Espacios, acentos y Símbolos).
Tabla de Caracteres Especiales más comunes.

Sesión nº 8: La imágenes en HTML

Usando una imagen como fondo
Colocando imágenes en nuestra página.
Usando el atributo Alt.
Alineando las imágenes en nuestra página.
Mapas
Cómo usar un mapa

Sesión nº 9: Enlaces
Colocando enlaces de texto en nuestra página.
Insertando enlaces, hacia un punto de la misma página.
Enlaces hacia direcciones de correo.

Sesión nº 10: Enlaces II

Cambiando el color a los enlaces.
Usando imágenes como enlaces.

Sesión nº 11: Tablas

Aprendiendo los conceptos básicos sobre las tablas.
Usando tablas para maquetear o diagramar nuestra página.

Sesión nº 12: Usando las etiquetas META:

Descripción y Palabras Claves.
Usando la etiqueta META: Refresh.

Sesión nº 13: Formularios I

Introducción a los Formularios HTML.
Como se procesan los datos de los Formularios.

Sesión nº 14: Formularios I

Aprendiendo a crear Cajas de Texto.
Aprendiendo a crear los Botones de Radio.
Aprendiendo a crear las Casillas de Verificación.

Sesión nº 15: Formularios I

Botones
Etiquetas
Aprendiendo a crear una Lista Desplegable.
Aprendiendo a crear un Área de Texto.
Sesión nº 16: Formularios II
Controles avanzados para formularios
Agrupación de elementos
 Diseño Gráfico Digital
Modulo I

Desactivación de elementos

Sesión nº 17: Marcos I

Vista general sobre los frames o marcos.
Construyendo marcos horizontales y verticales.
Anidación de los marcos.

Sesión nº 18: Marcos II

Colocando archivos HTML a nuestros marcos.
Usando atributos más importantes para nuestros marcos.
Dirigiendo los enlaces a nuestros marcos.

Sesión nº 19: Estilos

Hojas de estilo
Clases
Etiquetas <SPAN> y <DIV>
Referencia

Sesión nº 20: Otras etiquetas y funciones

Lenguajes de script, Javascript
Capas
Sonidos

5.- ACTIVIDADES

6.- RECURSOS

Laboratorio con windows 2000 profesional

Proyector lasser para el desarrollo de ejercicios semanales

7.- METODOLOGÍA
Taller dirigido
• Las clases se dividen en dos etapas: la presentación e introducción al tema y el ejercicio dirigido.
• Adicionalmente se utilizará una técnica creativa para motivar la iniciativa en el estudiante.
• Trabajos de investigación en grupo

8.- EVALUACIÓN
Se tomaran en cuenta:
• Examenes orales diarios a 5 estudiantes (criterio y comparaciones)
• El trabajo final es una pagina web personal