Diseño y Desarrollo Web 2 | Cuaderno - Taller
Este módulo aborda el proceso de diseño y construcción de soluciones web de
nivel intermedio para la comunicación y difusión de información. Los contenidos
curriculares considerados, inician con los conceptos básicos sobre la web y
herramientas multimedia, para luego tratar el uso de aplicaciones de edición y
diseño de soluciones web, la evaluación de las soluciones construidas y su
publicación y promoción. Para el desarrollo de este módulo, como
recomendaciones metodológicas generales se propone las siguientes:
-Realizar
visitas a entidades que realizan trabajos de diseño publicitario y desarrollo
de sitios web, para observar un proceso de producción completo, identificando
sus etapas, las técnicas y herramientas utilizadas.
- Gestionar la
visita de un experto en el área a la institución educativa, para que comente a los
estudiantes de Informática sus experiencias acerca de trabajos de
diseño publicitario y desarrollo de sitios web.
-Revisar
páginas web con diferente contenido y finalidades (comerciales, educativas, gubernamentales, entre otras), con el propósito de analizar comparativamente sus estructuras, identificando
semejanzas y diferencias en su diseño y funcionalidad.
-Generar
espacios de análisis de situaciones de diseño y construcción de soluciones web con
determinados parámetros, para que los estudiantes propongan soluciones de
manera argumentada.
-Definir
ejercicios de aplicación de los contenidos tratados, considerando el interés
que puedan tener los estudiantes por la realización de sus propios diseños de
soluciones web.
-Elaborar un
proyecto integrador durante el proceso de estudio, en el que los estudiantes apliquen
los aprendizajes logrados, poniendo énfasis en la creatividad, innovación y
calidad de la solución web, considerando además el cumplimiento de estándares y
normas vigentes.
CONTENIDO
UNIDAD 1
Conceptos Básicos de Web
HTML
· Archivos HTML
· Tipos de estructuras clásicas
Página Web
· Página web estática
· Página web dinámica
El Protocolo IP
· Dirección IP
· La familia de protocolos de internet
· Clases de direcciones IP
Navegadores
· ¿Cómo navegar en internet?
· ¿Cómo funciona el navegador de internet?
Hojas de estilo CSS
· Características y ventajas de las CSS
· Usos avanzados de las CSS
· Estilo definido para todo un sitio web
Tablas en HTML
· Celdas de encabezado
· El atributo scope
· El título
· Unificación de celdas
· Agrupación de filas
Plantillas en Dreanweaver
· Creación de una plantilla
Hipervínculo
· Tipos de hipervínculos
· Destino del enlace
· Comprobación de vínculos rotos
Marcos (Frames)
· Documentos de definición de los frames
· Documentos HTML de cada frame
· Documento del frame de la izquierda
· Documento del frame de la derecha
· Atributo de la etiquera <FRAMESET>
· Frame sin bordes
· Atributos de la etiqueta <FRAME>
· El atributo TARGET
· Frames anidados dentro de otros framesrew
Software de edición de páginas web
Adobe Dreanweaver
· Flujo de trabajo para la creación de un
sitio web
· Entorno de trabajo de Dreanweaver
Publicador Web
Servidor
· Servidor DNS
Dominio
· Estructura de un dominio
· Tipos de dominios
· Dominios de primer nivel
· Dominios Genéricos
· Dominios Geográficos
· Dominios de segundo nivel
Plataforma Web
· Tipos de plataforma web
· LAMP
· WAMP
· COLDFUSION
· XAMPP
UNIDAD 2
Conceptos Básicos de Herramientas
Multimedia
Herramientas de dibujo y pintura
· Herramientas y paletas
· Cuadro de diálogo selector de color
· Selección de colores personalizados
· El cuentagotas
· La paleta de muestras
· Herramientas pincel y lápiz
· Herramienta bote de pintura
· Herramienta de forma
Mapas de bits
Dibujos Vectoriales
Animaciones en 20 y 3D
· Diferencia entre animación 2D y 3D
Edición de Fotografía
Edición de Video no
Lineal