Descarga la aplicación para disfrutar aún más
Vista previa del material en texto
GUIA DE APRENDIZAJE Código: FO-DC-005 Vigente Desde: 26.03-2021 Versión: 1 1. IDENTIFICACIÓN DE LA GUÍA DE APRENDIZAJE Programa de Formación: OPERADOR DE SISTEMAS INFORMATICOS Semestre: Segundo Fecha Inicio: N.A Fecha Fin:N.A NSCL: 220501096 - Desarrollar la solución de software de acuerdo con el diseño y metodologías de desarrollo. Módulo de Formación: FUNDAMENTOS SEGURIAD INFORMÁTICA T. Horas: 58 Presenciales 32 Trabajo Autónomo 16 Objetivo: Identificar las herramientas para la seguridad de redes Modalidad(es) de formación: Presencial Resultados del Aprendizaje: Identificar los aspectos básicos de Dreamweaver su aplicabilidad y entorno. Crear sitios web con la utilización de Dreamweaver Administrar y publicar sitios en la web 2. INTRODUCCIÓN Apreciado estudiante: Esta guía de aprendizaje está orientada a formar recurso humano con las competencias necesarias para el diseño de páginas web. El Programa Dreamweaver de adobe, es uno de los programas más utilizados en todo el mundo para la creación de páginas Web. Es empleado tanto por profesionales como para personas que se inician en la creación de su primera página Web. Dreamweaver es un editor fácil de manejar y la razón principal es su funcionalidad, su integración con otras herramientas como firework, adobe Fireworks es la solución perfecta para diseñar y producir elementos gráficos para la Web. Dreamweaver se trata del primer entorno de producción que afronta con éxito los grandes retos de los diseñadores y desarrolladores de gráficos Web. Fireworks puede utilizarse para crear, editar y animar gráficos Web, añadir interactividad avanzada y optimizar imágenes en entornos profesionales. En Fireworks es posible crear y modificar imágenes vectoriales y de mapa de bits en una sola aplicación. Todo es modificable en todo momento. Y el flujo de trabajo puede automatizarse para satisfacer las necesidades de cambio y actualización que de otra forma exigirían una enorme dedicación. Lo invitamos a realizar todas las actividades planteadas por el docente, así como a profundizar en su tiempo libre sobre los temas dados en clase para retroalimentar y hacer más enriquecedor su proceso de aprendizaje. 3. SABERES Y ESTRATEGIAS DE APRENDIZAJE SABERES ESTRATEGIAS DE APRENDIZAJE Conceptos básicos de Dreamweaver · Qué es Dreamweaver · Cómo tener una página en Internet · Abrir y guardar documentos · Mi primera página Fireworks El entorno de trabajo · La pantalla inicial · Las barras · Los paneles e inspectores · Personalizar el área de trabajo · Vistas de un documento Configuración de un sitio local · Introducción · Crear o editar un sitio web sin conexión a Internet · Vistas del sitio · Propiedades del documento · Los colores El texto · Características del texto · Listas · Estilos HTML · Estilos CSS Hiperenlaces · Introducción · Tipos de enlaces · Crear enlaces · Destino del enlace · Formato del enlace · Enlaces a correo electrónico · Vínculos rotos Imágenes · Introducción · Tipos de imágenes para una web · Insertar una imagen · Cambiar el tamaño de una imagen · Mapas de imagen · Botones Flash · Texto Flash · Barra de navegación Tablas · Introducción · Insertar una tabla · Rellenar las celdas · Seleccionar elementos de una tabla · Formato de tabla · Cambiar tamaño de tabla y celdas · Añadir y eliminar filas y columnas · Anidar, dividir y combinar celdas · Vistas de tabla Formularios · Introducción · Elementos de formulario · Crear formularios · Validar formularios · Publicación del Sitio en la Web · FTP · Sesiones FTP · Administración y Publicación del Sitio Panel de Herramientas · Herramienta de Puntero · Herramienta del rectángulo · Herramienta de elipse · Herramienta de escala · Importar imágenes · Herramienta recortar · Herramienta de exportar área · Herramienta de recuadro y ovalo · Herramienta de lazo · Varita mágica · Herramienta de lápiz y pincel · Herramienta del borrador · Herramienta de sello · Herramienta de línea · Herramienta trazado de vectores Docente: Exploración de conocimientos previos. Socialización de conceptos a través de diversas actividades como foros, debates, trabajos en la plataforma entre otras estrategias para la asimilación de conceptos herramientas de diseño web. Realización de prácticas en la sala de sistemas sobre identificación del entorno de trabajo de Dreamweaver. Ejercicios sobre creación de formularios y manejo de herramientas en Dreamweaver. Estudios de casos sobre los aspectos en el diseño de páginas web. Estudiante: Autoevalúa su conocimiento frente al tema a desarrollar Realiza consulta de los temas previos a la socialización en clase., creación de archivos html Realiza practicas en la sala de sistemas Participa activamente de las actividades y estrategias planteadas por el docente 4. CRITERIOS DE EVALUACION · Interpreta conceptos básicos de Dreamweaver · Identifica de manera asertiva el entorno de la herramienta Dreamweaver · Conoce las tareas principales para la definición de un sitio web · Elabora paginas utilizando los controles de formulario para el registro de datos · Elabora sitios web con barras de navegación, hipervínculos, mapas de imágenes. · Aplica estilos personalizados a un documento HTML bajo Dreamweaver · Administra y Publica sitios en la web 5. RECOLECCIÓN DE EVIDENCIAS TIPOS DE EVIDENCIA TÉCNICAS E INSTRUMENTOS DE EVALUACIÓN Evidencias de Conocimiento Respuestas a preguntas sobre herramientas para el diseño web. TECNICA Formulación de preguntas INSTRUMENTO Cuestionario Evidencias de Desempeño y producto Diseño de una página Web, montada en un servidor que brinda alojamiento gratuito, la cual contenga: Imágenes Interactivas, Enlaces, Puntos de fijación, Gif animados en fireworks, Banner diseñados en Fireworks. TECNICA Observación INSTRUMENTO Lista de chequeo 6. AMBIENTES DE APRENDIZAJE Y RECURSOS DIDÁCTICOS · Aula de clases · Sala de Sistemas · Internet · Guía de Aprendizaje · Videos · Video Beam · Borrador, marcadores, · Material Didáctico (copias, presentaciones,software, etc.) 7. GLOSARIO DREAMWEAVER: Dreamweaver es un software fácil de usar que permite crear páginas web profesionales. Las funciones de edición visual de Dreamweaver permiten agregar rápidamente diseño y funcionalidad a las páginas, sin la necesidad de programar manualmente el código HTML. FIREWORKS: Potente editor gráfico especialmente orientado a la optimización web de estos gráficos HIPERVÍNCULOS: es un elemento de un documento electrónico que hace referencia a otro recurso, por ejemplo, otro documento o un punto específico del mismo o de otro documento. 8. BIBLIOGRAFIA www.lawebdelprogramador.com Diseño Basico de páginas en web en HTML Editorial Vértice Diseño de página web y diseño gráfico Editorial ideas propias
Compartir