CURSO, DISEÑO WEB, DREAMWEAVER, DISEÑO WEB 2011

VideoTutorial DREAMWEAVER CS5: Este videotutorial te llevará a un nivel avanzado en el manejo y diseño de paginas Web. Tu eres el que lleva el control del videotutorial. Puedes parar, empezar por la lección que más te convenga, aclarar conceptos, etc. A la terminación del curso podrás crear, editar o diseñar páginas web.

Requisito previo: Todos los asistentes deben de tener previo conocimiento de las plataformas Macintosh o Windows. Se prefiere que los alumnos tengan una experiencia básica en HTML para un mayor entendimiento de las funciones avanzadas de Dreamweaver CS5 aunque no son necesarios conocimientos previos en la creación de páginas web.

Objetivos: A la terminación del curso los alumunos serán capaces de identificar, describir y utilizar los elementos que en conjunto forman las herramientas principales de Dreamweaver y del diseño de páginas web.

Además podrán familiarizarse con el código fuente de páginas HTML así como los elementos de diseños utilizados en websites publicada en Internet. Finalmente los delegados construirán una pequeña website usando imágenes, tablas, javascripts, formularios, animaciones flash, CSS y podrán optimizar sus páginas para diferentes resoluciones de pantalla y navegadores junto con la inscripción de dichas páginas en buscadores como Google y Yahoo

Quién debe asistir: El curso va dirigido a personas que deseen adquirir los conocimientos necesarios para la creación de páginas web. Dreamweaver permite la construcción de páginas web para personas sin previa experiencia en código HTML y también es un complemento para profesionales que trabajan en campos como el diseño gráfico, edición o programación. El curso es basado en experiencia práctica. El curso se impartirá en Mexico, Monterrey, Guadalajara y Chihuahua

Temario del curso diseño web:

Capitulo 1: Introducción a Dreamweaver

• Elementos básicos de Dreamweaver
• Vista código, vista diseño
• Configuración de un nuevo sitio local
• Configuración de un nuevo sitio remoto
• Establecer las preferencias; Navegador y editores
• Ejercicio práctico

Capitulo 2: Añadir contenido de texto

• Insertar y modificar texto en una página HTML
• Establecer las propiedades de la página
• El inspector de propiedades; formato básico de texto
• Creando listas de texto
• Corrección ortográfica
• Ejercicio práctico

Capitulo 3: Añadir contenido gráfico

• Formatos de imágenes disponibles en cualquier navegador
• Diferencias entre imágenes “gif” y “jpeg”
• Insertar imágenes en un documento HTML
• Resolución y tamaño de imágenes en un documento HTML
• Manipulación de imágenes; alineación, borde, altura, anchura, etc.
• Texto alternativo de imagen
• Importancia de la etiqueta “alt”
• Combinación de texto e imágenes en un mismo documento
• Alineación de texto e imágenes
• Creación de imágenes como fondo de página
• Mapas de imágenes
• Ejercicio práctico

Capitulo 4: Enlaces en Dreamweaver

• ¿Qué es un enlace?
• Enlaces absolutos y relativos
• Enlaces dentro de la misma ventana o en una nueva ventana
• Enlaces a otros documentos HTML
• Enlaces a otros documentos diferentes a HTML: email, pdf, flash, quicktime movies etc.
• Enlaces de salto; Anchor points
• Enlaces de salto entre diferentes documentos HTML
• Diferencias entre; enlaces ordinarios, enlaces visitados, enlaces activos y enlaces hover
• Manipulación de los colores de los diferentes enlaces
• Ejercicio práctico

Capitulo 5: Tablas en Dreamweaver

• Insertar una tabla
• Añadir atributos; color de fondo, alto, ancho, color de bordes etc
• Añadir filas y columnas
• Añadir celdas que se extiendan varias filas
• Añadir celdas que se extiendan varias columnas
• Añadir texto a las celdas
• Añadir imágenes a las celdas
• Combinar imágenes y texto en una misma celda
• Valores absolutos y relativos de una tabla
• Alineación de tablas, filas, columnas y contenido
• Controlar el espacio entre celdas
• Controlar el espacio dentro de una celda con su contenido
• Colores de fondo de tabla, celda, fila y columna
• Uso de imágenes transparente gif para el diseño de una tabla
• Uso de imágenes de fondo en una tabla
• Anidar tablas usando valores relativos y absolutos
• Visualizar tablas en diferentes navegadores
• Ejercicio práctico

Capitulo 6: Marcos en Dreamweaver

• Crear una página con marcos
• Seleccionar y editar marcos
• Enlazar marcos
• Eliminar marcos
• Visualizar marcos en el navegador
• Ejercicio práctico

Capitulo 7: Comportamientos en Dreamweaver

• ¿Qué son los comportamientos?
• La ventana de comportamientos
• Insertar algunos comportamientos; mensajes, carga previa de imágenes, etc.
• Insertar comportamientos en el código de una página HTML
• Comportamientos en diferentes navegadores
• Aplicaciones multimedia; Flash, javascripts, archivos de sonidos, etc.
• Ejercicio práctico

Capitulo 8: Formularios en Dreamweaver

• Crear un formulario
• Scripts asociados a formularios
• Elementos de un formulario
• Campos ocultos
• Envío y recogida de un formulario
• Ejercicio práctico

Capitulo 9: Optimizar para buscadores; Google

• Optimizar una página para buscadores; Metatags
• Dar de alta una página en diferentes buscadores
• Preparar enlaces para los buscadores
• Crear una archivo de texto para buscadores; robots.txt
• Ejercicio práctico

Capitulo 10: Estilos, CSS

• Introducción a CSS
• Diferentes clases de estilos CSS; Etiqueta, Clases y Avanzados
• Crear y aplicar diferentes estilos CSS
• Plantilla de estilos
• Modificar el archivo de estilos
• Estilos CSS en diferentes navegadores
• Ejercicio práctico

Capitulo 11: Publicar la Web

• Registrar un nombre
• Comprar el alojamiento web
• Conexiones FTP; Ventana de archivos
• Subir archivos y carpetas a un servidor remoto
• Bajar archivos y carpetas a un servidor remoto
• Sincronizar los archivos locales con los archivos remotos o viceversa
• Seguridad usando conexiones FTP
• Ejercicio práctico

La duración del curso se efectuará teniendo en cuenta las necesidades de los alumnos, centros académicos o compañías. La duración estará en función de la dificultad de los ejercicios prácticos y el conocimiento que tengan los estudiantes de los mismos. Cursos personalizados, avanzados y específicos están disponibles según requerimientos.

DISEÑO WEB, CURSO DREAMWEAVER, DISEÑO DE PAGINAS WEB,SEO