SEGURIDAD DE REDES - SEMINARIO

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:
SEGURIDAD DE REDES
	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