Edición y Maquetación Web
METODOLOGÍA
La plataforma posee una única área de estudio desde la cual se accede a todos contenidos de la carrera y a las herramientas destinadas a la comunicación entre alumnos y tutores (correo electrónico, foro de debate, chat, tablón de anuncios, etc.).
La plataforma es de fácil e intuitivo manejo, pero ante cualquier duda encontrará una ayuda que le explicará cómo utilizar cada una de las herramientas.
El temario está dividido en lecciones y apartados para facilitar la organización del trabajo. A medida que el alumno avanza, tendrá que resolver cuestionarios, prácticas, simulaciones, etc., y podrá visualizar las cámaras y los videos reales que aparecerán en los apartados.
El último apartado de cada tema es un cuestionario de corrección on-line que le permitirá al alumno afianzar los conocimientos adquiridos, y al profesor, evaluar el nivel de conocimientos en la materia.
Requisitos técnicos.
Los requerimientos técnicos son los siguientes:
Componentes
Mínimo Requerido
Recomendado
Procesador
Pentium 200 MHz
Pentium II ó superior
Memoria
64 MB
64 MB ó superior
Modem
56 Kbps modem
56 Kbps modem ó RDSI
Audio
16-bit sound card
16-bit sound card
Video
16-bits color display
16-bit color display
Resolución Pantalla
800 x 600
1024 x 768
Software
Windows 95; Explorador de Internet como Microsoft Internet Explorer 4.01 ó Netscape Navigator 4.0 ó superior
Windows 98 ó Windows NT 4.0 con Service Pack 3; Explorador de Internet como Microsoft Internet Explorer 4.01 ó Netscape Navigator 4.0 ó superior
Herramientas necesarias. Para visualizar correctamente los contenidos multimedia de la plataforma, es imprescindible contar con los programas que detallamos a continuación. Le sugerimos que verifique si ya los tiene instalados en su PC o bien haga click aquí para descargarlos.
Prácticas: Acrobat Reader.
Simulaciones/Cámaras: Plug-in de Macromedia Flash.
Vídeos Reales: Real Player.
Cuadernillos de prácticas y Manuales. Cada módulo incluye un cuadernillo digital para realizar prácticas. Los alumnos podrán adquirir en forma optativa ¡el Manual de cada módulo.
Tutor Personal. La carrear cuenta con tutores a los cuales el alumno podrá realizar todas sus consultas. Para ello, la plataforma incluye herramientas como correo electrónico, foro y chat que permiten mantener un contacto fluido con los tutores y los demás compañeros de curso.
Además, el alumno podrá enviar por correo electrónico los ejercicios realizados para su revisión por parte del tutor. El correo electrónico sólo podrá utilizarse desde la plataforma E-learning.
Duración. 65 hs.
Si bien cada alumno avanza a su propio ritmo, la validez de la matrícula es de 1 año. Aquellos alumnos que no logren finalizar la carrera en ese plazo, tendrán la posibilidad de prolongar su matrícula. La plataforma lleva un control de las hs. consumidas cada vez que el alumno se conecta. Una vez consumidas las 80 hs. finaliza la cursada. Si el alumno lo requiere, podrá contratar hs. adicionales.
Inicio. La carrera tiene iniciación diaria ya que se dicta por el sistema E-learning y el avance es personal.
Calidad. Sistema de enseñanza certificado en calidad ISO 9001.
Certificado. Una vez aprobados todos los módulos, el alumno recibirá un diploma de ILVEM que se certifica la carrera realizada.
VENTAJAS DEL SISTEMA E-LEARNING
- Iniciación diaria.
- Libre elección de días y horarios.
- Contenido accesible desde cualquier lugar del mundo.
- Seguimiento personalizado.
- Capacitación atractiva y motivadora.
PROGRAMA DE LA CARRERA
MÓDULO 1: HTML (BÁSICO)
OBJETIVOS:
Para comenzar a programar páginas Web realicemos este programa formativo sobre el lenguaje de programación de páginas Web por excelencia: HTML. Explicaciones prácticas y múltiples ejercicios le ayudarán a conocer la estructura de este lenguaje y los servicios que ofrece www en Internet.
ÍNDICE
1 Internet
1.1 Qué es Internet
1.2 Los comienzos de Internet
1.3 Aplicaciones que nos ofrece Internet
1.4 Qué es WWW
1.5 Servicios que nos ofrece WWW
1.6 Cuestionario: Internet
2 Conceptos básicos
2.1 Qué es HTML
2.2 Servidores y clientes WWW
2.3 Dominios
3 Estructura de un documento HTML
3.1 Estructura básica
3.2 Acentos y caracteres especiales
3.3 Comentarios
3.4 Aprender de otras páginas
3.5 Primer ejemplo
3.6 Práctica - Plantilla
3.7 Cuestionario: Estructura de un documento HTML
4 Dar formato a un documento
4.1 Formato de párrafo
4.2 Títulos
4.3 Formato de texto
4.4 Etiquetas para cambiar el tamaño y el tipo de letra
4.5 Formato de línea
4.6 Páginas con colores
4.7 Ejercicio de repaso
4.8 Práctica - Tamaños y formatos
4.9 Práctica - Líneas
4.10 Práctica - Colores
4.11 Práctica - Introducción
4.12 Cuestionario: Dar formato a un documento
5 Listas
5.1 Listas desordenadas
5.2 Listas ordenadas
5.3 Listas de definición
5.4 Práctica - Listas
5.5 Práctica - Provincias
5.6 Cuestionario: Listas
6 Imágenes
6.1 La etiqueta IMG
6.2 Parámetros de la etiqueta IMG
6.3 Posición de la imagen con respecto al texto
6.4 Borde de la imagen
6.5 Práctica - Tarragona
6.6 Cuestionario: Imágenes
7 Enlaces
7.1 Enlaces
7.2 Creación de enlaces dentro de una misma página
7.3 Enlaces con otra página dentro de nuestro sistema
7.4 Práctica - Enlaces en la página provincias.html
7.5 Práctica - Cueva del gato
7.6 Cuestionario: Enlaces
8 Tabla
8.1 Qué es una Tabla
8.2 Tablas básicas
8.3 Los parámetros HEIGHT y WIDTH
8.4 Alineaciones del texto dentro de la celda
8.5 Mejorar la apariencia de una tabla
8.6 Cuestionario: Tablas
9 Marcos
9.1 Qué son los Marcos
9.2 La etiqueta FRAMESET
9.3 La etiqueta FRAME
9.4 Cuestionario: Marcos
10 Apéndice
10.1 Listado de direcciones
MÓDULO 2: HTML (AVANZADO)
OBJETIVOS
HTML es un lenguaje de programación de páginas Web imprescindible para entender y modificar el código que pueden generar aplicaciones gráficas como FrontPage o Dreamweaver. Con este curso avanzado de HTML entenderá la sintaxis en la programación en modo texto de páginas Web.
ÍNDICE
1 Imágenes
1.1 Tamaño de la imagen
1.2 JPEG o GIF
1.3 Fondos de páginas
1.4 Optimización de imágenes
1.5 Mosaico de imágenes
1.6 Práctica - Escalado de imágenes
1.7 Práctica - Mosaico de imágenes
1.8 Cuestionario: Imágenes
2 Enlaces
2.1 Enlaces con una página fuera de nuestro sistema
2.2 Referencias a otros documentos
2.3 Mejorar la apariencia de los enlaces
2.4 Práctica - Enlaces en la página andalucia.html
2.5 Práctica - Cueva del gato
2.6 Práctica - Enlaces en la página provincias.html
2.7 Cuestionario: Enlaces
3 Tablas
3.1 Tablas avanzadas
3.2 Práctica - Una tabla compleja
3.3 Práctica - Una página atractiva
3.4 Práctica - Modificar provincias.html
3.5 Cuestionario: Tablas
4 Mapas sensibles
4.1 Qué es un mapa sensible
4.2 Tipos de mapas sensibles
4.3 Pasos para elaborar un mapa sensible
4.4 Definición de zonas sensibles
4.5 Definición de mapa
4.6 Parámetros de la etiqueta AREA
4.7 Usar un mapa
4.8 Práctica - Creación de un mapa sensible
4.9 Cuestionario: Mapas sensibles
5 Marcos
5.1 La etiqueta FRAMESET
5.2 La etiqueta FRAME
5.3 Parámetros de la etiqueta FRAME
5.4 Marcos sin bordes
5.5 Acceso a otros marcos
5.6 Trabajar sin soporte de marcos
5.7 Ejemplo de marcos anidados
5.8 Práctica - Creación de una página con marcos
5.9 Cuestionario: Marcos
6 Multimedia
6.1 Insertar sonidos
6.2 Insertar vídeos
6.3 Marquesinas
6.4 Gifs animados
6.5 Práctica - Creación de una página multimedia
6.6 Cuestionario: Multimedia
7 Formularios
7.1 Qué es un formulario
7.2 Elementos de un formulario
7.3 La etiqueta FORM
7.4 Entrada de datos
7.5 Botones de envío y borrado
7.6 Procesado de los datos
7.7 Práctica - Creación de un formulario
7.8 Cuestionario: Formularios
8 Hojas de estilo
8.1 Hojas de estilo
8.2 Clases
8.3 Aplicar una misma hoja de estilo a distintos documentos
8.4 Agrupación de reglas
8.5 Aplicación de estilo a los enlaces
8.6 Comentarios
8.7 Hojas de estilo - referencia
8.8 Valores reconocidos
8.9 Práctica - Creación de una hoja de estilo
8.10 Cuestionario: Hojas de estilo
9 Capas
9.1 Qué es una capa
9.2 Propiedades de las capas
9.3 Posición y tamaño de las capas
9.4 Apilar capas
9.5 Color de fondo y transparencias
9.6 Práctica - Creación de una página con capas
9.7 Cuestionario: Capas
10 JavaScript
10.1 Lenguajes de Script
10.2 Java y JavaScript
10.3 El lenguaje JavaScript
11 Editores y lenguajes de programación
11.1 Dreamweaver
11.2 FrontPage
11.3 Diferencias entre Dreamweaver y FrontPage
11.4 Lenguajes de programación para páginas Web
11.5 Cuestionario: Editores HTML
12 Promoción y publicación
12.1 Dónde alojar nuestra página Web
12.2 Cómo hacerla localizable
12.4 Contadores
12.5 Libros de visita
12.6 Cuestionario: Promoción y publicación
13 Apéndice
13.1 Listado de direcciones
MÓDULO 3: DREAMWEAVER 8
OBJETIVOS:
Dreamweaver es el programa líder en la edición profesional de páginas Web. Es el software más utilizado para la creación y mantenimiento de páginas Web por los principales diseñadores y Web master. Con un mejorado uso de CSS y XML, compatibilidad para las tecnologías más recientes como PHP 5 o vídeo Flash y una interfaz aún más fácil de usar que le ayudará mientras trabaja, guiándole mientras aumentan sus conocimientos. Se sorprenderá por su facilidad de uso para generar páginas usando PHP, CSS, Javascript… El curso incluye simulaciones del programa real por lo que no es imprescindible tenerlo instalado. Además son numerosas las prácticas” paso a paso” descargables (PDF), así como las explicaciones audiovisuales y los cuestionarios.
ÍNDICE
1 Conociendo Macromedia Dreamweaver
1.1 Introducción a Macromedia Dreamweaver
1.2 Requisitos mínimos necesarios
1.3 Entrar en Macromedia Dreamweaver
1.4 Entorno de trabajo
1.5 Barra de herramientas Insertar
1.6 Ventana de documento
1.7 Barra de herramientas Documento
1.8 Panel Propiedades
1.9 Edición de métodos abreviados de teclado
1.10 Panel Activos
1.11 Trabajar con el panel Activos
1.12 Panel Historial
1.13 Práctica simulada - Entrar en Macromedia Dreamweaver
1.14 Práctica simulada - Localizar áreas del entorno de trabajo
1.15 Práctica simulada - Configurar la ventana de documento
1.16 Práctica - Diseño Web parte I
1.17 Cuestionario: Conociendo Macromedia Dreamweaver
2 Creación de sitios y páginas Web
2.1 Planificación de un sitio Web
2.2 Configurar un sitio Web
2.3 Editar un sitio Web existente
2.4 Sistema de protección
2.5 Panel Archivos
2.6 Configurar las preferencias del panel Archivos
2.7 Mapa del sitio
2.8 Mapa de diseño del sitio
2.9 Crear, abrir y guardar documentos
2.10 Configurar las propiedades del documento
2.11 Guías visuales
2.12 Insertar palabras clave y descripciones
2.13 Previsualizar un documento
2.14 Práctica simulada - Nuevo sitio
2.15 Práctica simulada - Cambiar la página principal
2.16 Práctica simulada - Configurar el fondo
2.17 Práctica - Diseño Web parte II
2.18 Cuestionario: Creación de sitios y páginas Web
3 Trabajo con texto
3.1 Vídeo real - Creación y colocación de textos
3.2 Encabezados y párrafos
3.3 Asignar fuentes a un texto
3.4 Editar la lista de fuentes de Dreamweaver
3.5 Cambiar el color del texto
3.6 Alineación del texto
3.7 Sangrías
3.8 Crear listas
3.9 Corrección ortográfica
3.10 Insertar fechas en un documento de Dreamweaver
3.11 Insertar caracteres especiales
3.12 Insertar reglas horizontales
3.13 Crear un texto Flash
3.14 Creación de estilos CSS
3.15 Buscar y reemplazar texto
3.16 Práctica simulada - Aplicar fuentes
3.17 Práctica simulada - Corrección ortográfica
3.18 Cuestionario: Trabajo con texto
4 Imágenes
4.1 Formatos de gráficos Web
4.2 Colocación de imágenes
4.3 Editar imágenes
4.4 Cambiar el tamaño de las imágenes
4.5 Uso de la etiqueta alt
4.6 Justificar imágenes
4.7 Alineación de imágenes con texto
4.8 Insertar bordes
4.9 Insertar imágenes de sustitución
4.10 Práctica simulada - Insertar imagen
4.11 Práctica simulada - Modificar una imagen
4.12 Práctica - Diseño Web parte III
4.13 Cuestionario: Imágenes
5 Creación de marcos
5.1 Vídeo real - Utilización de marcos
5.2 Creación de marcos y conjuntos de marcos
5.3 Crear un conjunto de marcos anidado
5.4 Modificar el tamaño de los marcos
5.5 Modificar los bordes de un conjunto de marcos
5.6 Utilización del panel Marcos
5.7 Abrir una página Web en un marco
5.8 Añadir barras de desplazamiento
5.9 Destinar la información de un vínculo
5.10 Guardar archivos de marcos y conjuntos de marcos
5.11 Práctica simulada - Marcos anidados
5.12 Práctica - Diseño Web parte IV
5.13 Cuestionario: Creación de marcos
6 Creación de tablas
6.1 Vídeo real - Utilización de tablas
6.2 Creación de tablas en la ventana de documento
6.3 Modificación de tablas
6.4 Selección de elementos de una tabla
6.5 Alineación del contenido de una celda
6.6 Dividir y combinar celdas
6.7 Anidar tablas
6.8 Trabajar con formatos de tabla
6.9 Ordenar tablas
6.10 Práctica simulada - Trabajar con una tabla
6.11 Práctica - Diseño Web parte V
6.12 Cuestionario: Creación de tablas
7 Trabajar con capas
7.1 Vídeo real - Aparición de las capas. Mejoras en el diseño
7.2 Creación de capas
7.3 Configurar las características por defecto de una capa
7.4 Panel Capas
7.5 Modificación de capas
7.6 Ajustar la alineación de las capas
7.7 Creación de una capa de carga
7.8 Trabajar con líneas de tiempo en Dreamweaver
7.9 Panel Líneas de tiempo
7.10 Añadir capas al panel Líneas de tiempo
7.11 Modificar la línea de tiempo
7.12 Controles de la línea de tiempo
7.13 Añadir cuadros clave
7.14 Práctica simulada - Configuración de una capa
7.15 Cuestionario: Trabajar con capas
8 Vínculos Web
8.1 Vídeo real - Localización y rutas de documentos
8.2 Crear vínculos
8.3 Crear vínculos desde el panel Propiedades
8.4 Navegar usando anclajes
8.5 Selección del destino de los vínculos
8.6 Crear un vínculo de correo electrónico
8.7 Creación de mapas de imagen
8.8 Creación de menús de salto
8.9 Creación de Barras de navegación
8.10 Práctica simulada - Creación de vínculos
8.11 Práctica - Diseño Web parte VI
8.12 Cuestionario: Vínculos Web
9 Formularios interactivos
9.1 Vídeo real - Funcionamiento de los formularios
9.2 Objetos de formulario
9.3 Insertar un formulario en Dreamweaver
9.4 Creación de campos de texto
9.5 Creación de campos de texto ocultos
9.6 Insertar casillas de verificación
9.7 Insertar botones de opción
9.8 Creación de menús desplegables
9.9 Creación de listas
9.10 Creación de botones para activar el formulario
9.11 Insertar campo de archivo
9.12 Práctica - Diseño Web parte VII
9.13 Cuestionario: Formularios interactivos
10 Biblioteca
10.1 Vídeo real - Almacenamiento de elementos en Dreamweaver
10.2 La paleta Activos
10.3 Visualizar los elementos de un documento
10.4 Insertar un elemento de biblioteca
10.5 Modificar elementos de biblioteca
10.6 Práctica simulada - Trabajar con la biblioteca
10.7 Cuestionario: Biblioteca
11 Plantillas
11.1 Creación de plantillas con Dreamweaver
11.2 Configurar las propiedades de una plantilla
11.3 Definición de regiones editables en una plantilla
11.4 Bloquear una región editable
11.5 Creación de documentos basados en plantillas
11.6 Práctica simulada - Trabajar con las plantillas de Dreamweaver
11.7 Práctica - Diseño Web parte VIII
11.8 Cuestionario: Plantillas
12 Vídeos
12.1 Vídeo en la red
12.2 Vincular vídeos en Dreamweaver
12.3 Reproducción de vídeos on-line
12.4 Atributos de QuickTime
12.5 Insertar RealVideo en un documento HTML
12.6 Práctica simulada - Visualización de vídeos en un documento HTML
12.7 Práctica - Diseño Web parte IX
12.8 Cuestionario: Vídeos
13 Comportamientos
13.1 Panel Comportamientos
13.2 Añadir un comportamiento
13.3 Llamar JavaScript
13.4 Cambiar propiedad
13.5 Comprobar navegador
13.6 Comprobar plug-in
13.7 Controlar Shockwave o Flash
13.8 Controlar sonido
13.9 Mensaje emergente
13.10 Arrastrar capa
13.11 Ir a URL
13.12 Abrir ventana del navegador
13.13 Carga previa de imágenes
13.14 Establecer imagen de barra de navegación
13.15 Mostrar-Ocultar capas
13.16 Intercambiar imagen
13.17 Validar formulario
13.18 Práctica - Diseño Web parte X
13.19 Cuestionario: Comportamientos
14 Comandos de teclado
14.1 Teclas de función de Dreamweaver
|
 |