diseno-desarrollo-web-2
Visualizar PDF

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