Diseño de páginas web. Adobe Dreamweaver DISEÑOS CURRICULARES CON ENFOQUE POR COMPETENCIAS LABORALES

Transcripción

1 Diseño de páginas web Adobe Dreamweaver DISEÑOS CURRICULARES CON ENFOQUE POR COMPETENCIAS LABORALES

2 Créditos EQUIPO TÉCNICO Dirección de Diseño y Contenido Pedagógico DISEÑO Y DIAGRAMACIÓN Dirección de Diseño y Contenido Pedagógico AGRADECIMIENTOS Secretaría Técnica de Capacitación y Formación Profesional (SETEC) Eco. Johana Zapata Maldonado Directora Ejecutiva SECAP 2012 Propiedad del Servicio Ecuatoriano de Capacitación Profesional

3 Índice Información del Perfil... 4 Competencia General... 4 Módulo

4 Información del Perfil Diseño de páginas web (Adobe Dreamweaver) Área SETEC: Especialidad: Comunicación y Artes Gráficas Gráficas Competencia General: Diseñar y desarrollar páginas web mediante la utilización del programa Dreamweaver, bajo el estricto cumplimiento de normas de calidad y seguridad industrial y cuidado del medio ambiente. 4

5 Diseño de páginas web (Adobe Dreamweaver) Diseño Curricular por Competencias Laborales Módulo: MÓDULO DESCRIPCIÓN HORAS (Hp) 1 Diseño de páginas web (Adobe Dreamweaver) 60 TOTAL 60 *Hp: hora pedagógica Ejes transversales institucionales: Lenguaje y comunicación Desarrollo del pensamiento Ciudadanía Ética y sexualidad integral Tecnologías de la información y comunicación 5

6 MÓDULO 1 Diseño de páginas web (Adobe Dreamweaver)

7 Diseño de páginas web (Adobe Dreamweaver) Módulos de formación 1 MÓDULO Diseño de páginas web (Adobe Dreamweaver) 1.1 Unidad de competencia Planificar, organizar y diseñar las páginas Web utilizadno el Adobe Dreamweaver, determinando la ubicación de los archivos, carpetas y bibliotecas, que permita la construcción, diseño y edición de sitios, videos en aplicaciones web, basados en estándares de calidad y optimización de espacios, cumpliendo con las normas de seguridad e higiene industrial. 1.2 Contenidos generales: Instalaciones del laboratorio Espacios físicos Páginas Web Dreamweaver Ambientación Protocolos Ancho de banda 1.3 Resultado de aprendizaje Adecuar las instalaciones del laboratorio de computación, para la ubicación de los equipos, considerando las dimensiones y características del mobiliario, además de las normas técnicas de seguridad. 7

8 Diseño de páginas web (Adobe Dreamweaver) Capacidades y criterios de evaluación Elaborar una propuesta de diseño del ambiente de trabajo. Determina las dimensiones y características del laboratorio de computación. Determina las condiciones de iluminación y ventilación. Verifica el funcionamiento de las instalaciones existentes. Determinar los requerimientos del mobiliario y recursos para el laboratorio de computación. Analiza la clase de mobiliario considerando las dimensiones y características de las mesas de computación. Determina la cantidad de mobiliario. Elabora un presupuesto para la adquisición del mobiliario y de los recursos. Mantener en perfecto estado las instalaciones del taller de acuerdo a las normas de seguridad e higiene. Identifica los métodos de limpieza y desinfección, de acuerdo a las instalaciones, equipos y materiales. Utiliza los productos considerando el manual del fabricante. Utiliza los materiales tomando en cuenta las características de acuerdo a la comprensión de los manuales. 1.4 Resultado de aprendizaje Utilizar varios métodos para crear un sitio web, seleccionando de manera óptima las herramientas para desarrollar los flujos y espacios del programa Dreamweaver, cumpliendo normas de seguridad. 8

9 Diseño de páginas web (Adobe Dreamweaver) Capacidades y criterios de evaluación Configurar el programa Dreamweaver ubicando los archivos mediante la aplicación de imágenes, textos, códigos y lenguajes, diseñando las páginas web, utilizando los equipos y las herramientas idóneas. Identifica los espacios de trabajo dentro de la interface del programa. Identifica las herramientas del programa Dreamweaver. Organizar y administrar los archivos del sitio web. Añade archivos al panel. Borra y cambia el nombre de los archivos y carpetas fácilmente. Transfiere archivos desde y hacia un servidor remoto Organiza fácilmente los activos de un sitio. Arrastra directamente desde el panel hasta un documento de dreamweaver. Diseñar el sitio web mediante el programa Dreamweaver, de acuerdo a los requerimientos efectuados. Determina el perfil de la audiencia y sus objetivos. Selecciona los elementos gráficos de acuerdo a los requerimientos solicitados. Organiza la información y determina la estructura para comenzar a crear el sitio. Crea el sitio web con las herramientas del programa. 1.5 Resultado de aprendizaje Organizar y administrar la ubicación y almacenamiento local o remoto de los documentos que pertenecen a un sitio web. 9

10 Diseño de páginas web (Adobe Dreamweaver) Capacidades y criterios de evaluación Ubicar los archivos con los que esté trabajando para subirlos a un servidor. Asigna a una carpeta de raíz local los archivos con los que esté trabajando y que también puede encontrar en un servidor de red. Almacena en una carpeta remota archivos de pruebas, producción y colaboración. Procesa páginas dinámicas desde una carpeta de servidor de prueba. Editar el sitio web que permita a los usuarios mantener una estructura sencilla para el sitio, evitando anidar demasiados niveles de carpetas. Agrupa los elementos relacionados en una carpeta. Configura en el servidor los permisos de lectura y escritura adecuados para las carpetas. Añade páginas de índice a las carpetas conforme vaya creando. Proporciona una lista de vínculos con las páginas de contenido y documentos independientes existentes en una carpeta. Mantiene un diseño de página lo más sencillo posible. Subir el sitio a un servidor web con la finalidad de que los usuarios puedan acceder a la información. Identifica la información necesaria del servidor remoto. Conecta al Dreamweaver con el servidor. Sube los archivos al servidor. Comprueba que funcione todos los hipervínculos, textos, imágenes y elementos relacionados con el sitio web. 10

11 Evolucionamos para Transformar Vidas Administración Central Dirección: José Arízaga E3-24 y Coronel Conor Teléfonos: (593-2) / Ext. 260 / 264 / 386 Quito Ecuador