Curso Diseño Páginas Web | Valencia

Contenido del Máster
Diseñador de Páginas Web - Webmaster

MAT 2015/01

No se necesitan conocimientos previos para la realización de este curso.

Windows 8

Presentación. ¿Qué es Windows 8?. Ediciones de Windows 8. Arrancando Windows. Cerrando Windows.

La pantalla de Inicio. Introdución. Iniciando, cerrando y cambiando entre aplicaciones. Buscando aplicaciones. Añadir y eliminar elementos en la pantala de Inicio.

Trabajando con la pantalla de Inicio. Iconos y grupos de iconos. Acoplar aplicaciones. La Charms Bar. La pantalla de Inicio en pantallas táctiles. Las apps de la pantalla de Inicio.

El escritorio clásico de Windows. El escritorio. La barra de tareas. Iconos en el escritorio. Más sobre los accesos directos. Personalizar la barra de tareas.

Trabajando en el escritorio. Ventanas. Cambiar el tamaño de las ventanas. Aspecto de las ventanas. Fondo, protector y resolución de pantalla. El tamaño de la papelera.

Organizar archivos y carpetas. Unidades de almacenamiento. Archivos y carpetas. Dar formato. Crear carpetas. Carpetas personales y Bibliotecas. Las carpetas del sistema.

Trabajar con aplicaciones. Instalar apps de la Tienda Windows. Actualizar y desinstalar apps. Instalar aplicaciones de escritorio. Instalar aplicaciones antiguas. Desinstalar aplicaciones de escritorio.

Trabajar con archivos. Tipos de archivos habituales. Asociaciones. Ordenar y contar archivos. Atributos de archivos y carpetas. Crear archivos y carpetas. Copiar y mover. Copias de seguridad. Eliminar archivos y carpetas.

Las apps Fotos, Música, Vídeo y Mapas. La app Fotos. La app Música. La app Vídeo. La app Mapas.

Reproductor de Windows Media. Conociendo el reproductor. Reproducir un archivo de audio o vídeo. Introducir y copiar un CD de audio. Organizar la Biblioteca del reproductor.

Instalar y utilizar impresoras. Instalar una impresora local. Instalar una impresora en red. Impresora predeterminada. Imprimir desde una aplicación del escritorio. El Administrador de impresión. Imprimir desde una app de la pantalla de Inicio.

Miscelánea. Comprimir archivos y carpetas. Extraer o descomprimir. Fecha y hora. Configuración regional. Imprimir pantalla. Activar o desactivar características de Windows.

Internet Explorer

Internet Explorer. Dos versiones de Internet Explorer. La app Internet Explorer. Navegar con la app Internet Explorer. La aplicación de escritorio de Internet Explorer. Cambiar el navegador predeterminado.

Explorar sitios web. La página de inicio. Favoritos. Complementos o plugins. Cookies. Archivos temporales. Historial. Sitios web seguros. Bloquear las ventanas emergentes. Fuentes RSS. Cambiar el proveedor de búsqueda.

Guardar e imprimir información. Almacenar las páginas. Obtener imágenes. Copiar y pegar texto. Imprimir la página.

Las apps sociales. Introducción. La app Correo. La app Contactos. La app Calendario. La app Mensajes.

Correo electrónico. Redactar mensajes. Adjuntar archivos. Responder y reenviar mensajes.

Photoshop

Primeros pasos en Photoshop. Las imágenes.Tipos de imágenes. Partes principales. Salir de Photoshop.

Abrir y guardar imágenes. Abrir imágenes. Mapa de bits o vectorial. Creación de imágenes. Guardar imágenes.

El espacio de trabajo. Colocar las ventanas. Organizar grupos de paneles. Guardar la configuración. Adobe Bridge.

Moverse por la imagen. Ampliar y reducir. Recortar la imagen. Tamaño del lienzo. Duplicar y cortar. Pedir ayuda.

Dibujar con el lápiz. La herramienta Lápiz. El modo de color. El selector de colores. La herramienta cuentagotas.

Pintar con el pincel. La herramienta pincel. Pinceles ya creados. Configurar un pincel. Los modos de fusión.

Seleccionar. Seleccionar zonas de la imagen. Herramientas Marco. Herramientas Lazo. Selección por colores. Ajustar la selección.

Imágenes con capas. Visualizar las capas. Orden de apilamiento. Utilización de las capas. Copiar y pegar. Combinar y acoplar.

Rellenar de color. La herramienta bote de pintura. Rellenar con degradados. La herramienta borrador. La herramienta borrador mágico. La herramienta borrador de fondos.

Dibujar con trazados. Herramientas de dibujo. Rellenar píxeles. Capas de forma. La herramienta Pluma. Trazados. Duplicar trazados.

Ajustar el color. Luces y sombras. Equilibrando los colores. Cambiar los colores. Ajuste global. Brillo y contraste. Efectos en el color.

Texto en las imágenes. Incluir texto. Formato del texto. Efectos en el texto. Poner notas.

Imprimir la imagen. Ajustar la página. Posición y tamaño. Impresión.

Información de la imagen. Modelos de color. Modos de color. Convertir entre modos. El panel Historia. Datos en la imagen.

Canales y máscaras. Trabajar con canales. Canales de tintas planas. Las máscaras. Los canales alfa. Máscara de texto.

Edición no destructiva. Máscaras de recorte. Máscaras de capa y vectoriales. Capas de ajuste. Capas de relleno .

Trabajando con capas. Estilos de capa. Trabajar con estilos. Grupos de capas. Crear composiciones.

Filtros. Los efectos de los filtros. El comando Transición. La galería de filtros. Deformar la imagen. Creación de motivos. Aislar un objeto. El filtro Licuar. Filtros interpretar y pixelizar. Filtros enfocar y desenfocar. Otros filtros. Plugins.

Ajustar el color. Introducción. Calibrar los dispositivos. Gestión de color. Perfil de color de una imagen.

Efectos especiales. Reflejar imágenes. Transparencia de cristales. Fuego y humo. Gotas de agua. Crear texturas. Botones transparentes. Diseñar objetos. Ambientes. Envejecer una imagen. Convertir en dibujo. Convertir en acuarela. Gotas de agua. Efecto lluvia. Presentaciones en PDF y conjunto de imágenes. Alinear y fusionar capas automáticamente. Crear panorámicas. Escala según contenido. Imágenes HDR.

Diseño de páginas web. Introducción. Preparar Photoshop. Comando Zoomify. Galería de fotografías Web.

Sectores de páginas web. La herramienta Sector. Propiedades de los sectores. Guardar la tabla de imagen.

Optimizar imágenes para la Web. Optimizar imágenes GIF. Transparencia en GIF. Optimizar el formato JPEG. Simulación de transparencia. Optimizar el tamaño. Formatos WBMP y PNG.

Illustrator

Introducción a Illustrator. Diseño gráfico. Entorno de Illustrator. Uso de herramientas. Utilización de paneles. Salir de Illustrator.

Trabajar con documentos. Abrir documentos. Crear nuevos documentos. Visualización de documentos. Guardar documentos. El sistema de Ayuda.

Empezando a dibujar. Trazados en illustrator. Trazados de forma libre. Dibujar líneas. Más herramientas básicas. Seleccionar objetos. Herramientas de ayuda.

Dibujo y edición de trazados. Utilización de la pluma. Ajuste de trazados. Suavizar y simplificar. Cortar objetos.

Trabajar con colores. Modelos de color. Elegir colores. Controles de color. Copiar colores. Degradados.

Transformar objetos. Copiar y mover. Seleccionar y transformar. Herramientas de transformación. El panel Transformar. Alinear y distribuir.

Organización de objetos. Orden de apilamiento. Agrupar objetos. Combinación de objetos. Disposición en capas. Trabajo con capas.

Opciones avanzadas de dibujo. Atributos de trazo. Pinceles. Crear y editar pinceles. Estilos gráficos. Otras herramientas de dibujo.

Añadir texto. Intoducir texto. Trabajo con bloques de texto. Formato de caracteres. Formato de párrafos. Enlaces de texto. Estilos de carácter y párrafo. Texto en objetos y trazados. Texto alrededor de objetos. Filas y columnas. Tabuladores. Convertir en contorno. Corrección ortográfica.

Imágenes de mapa de bits. Importar imágenes. Enlazar e incrustar imágenes. Dibujos a partir de imágenes. Calcar imágenes. Efectos en imágenes. Información del documento.

Efectos especiales. Efectos de líquidos. Transformar con envolventes. Fusionar objetos. Objetos tridimensionales. Iluminar y añadir imágenes. Efectos en objetos vectoriales.

Trabajo avanzado con colores. El panel Muestras. Gestión del color. Perfiles de color. Transparencias. Máscaras.

Mallas, símbolos y dibujo en perspectiva. Objetos de malla. Qué son los símbolos. Herramientas de símbolos. Trabajo con motivos. Dibujo en perspectiva.

Crear gráficas. Tipos de gráficas. Introducir datos. Formato de gráficas. Diseño de gráfica.

Preparar para la Web.Exportar ilustraciones. Ilustraciones para Internet. Sectores y mapas de imagen. Guardar para la web. Crear animaciones.

Impresión de documentos. Preparar la impresión. Configuración de impresión. Marcas y opciones avanzadas. Separación de color.

Flash

Introducción a Flash. Animaciones en Internet. Reproducción de animaciones. Entorno de trabajo. Trabajo con paneles. El sistema de ayuda. Salir de Flash.

Creación de la película. Propiedades de la película y escenas. Biblioteca de la película. Visualización del escenario. Previsualización de la película. Herramientas auxiliares.

Dibujo de objetos. Importar dibujos. Dibujar a mano alzada. Dibujar líneas rectas y curvas. Formas geométricas básicas.

Modelos de dibujo y atributos de trazo. Modelo de dibujo combinado. Modelo de dibujo de objeto. Atributos de trazo y relleno. Deshacer los cambios. Borrado de elementos.

El color y los rellenos. Creación de colores. Bote de tinta. Cubo de pintura. Rellenos con degradados. Pintar con imágenes. Bloquear relleno.

Remodelación de líneas. Ajuste de ángulos y curvas. Ajuste de puntos de líneas. Enderezar, suavizar, optimizar. Funciones de ajuste y encaje. Efectos sobre rellenos.

Trabajar con objetos. Selección de objetos. Crear grupos. Cortar, copiar y pegar. Apilamiento y alineación.

Aplicar transformaciones. Escala y rotación. Reflejo e inclinación. Distorsión de un objeto. Preferencias de dibujo. Trazar mapas de bits.

Texto en las películas. Incluir texto. Atributos de fuente y párrafo. Texto dinámico y de entrada. Remodelación de caracteres. Corrección ortográfica.

Símbolos, instancias y capas. Crear y editar símbolos. Utilización de instancias. Importar símbolos. Distribuir en capas. Ocultar, bloquear y organizar. Carpetas de capas.

Animación. La línea de tiempo. Extender imágenes inmóviles. Animar fotograma a fotograma. El papel cebolla. Interpolación de movimiento. Animar otras propiedades. El editor de movimiento. Aplicación de filtros. Interpolación de forma. Configuraciones predefinidas de movimiento. Interpolaciones clásicas. Trazados con interpolaciones clásicas. Interpolaciones de forma. Modos de mezcla. Cinemática inversa con símbolos. Cinemática inversa con formas. Dibujos tridimensionales. Animación 3D. Herramientas de dibujo decorativas.

Películas interactivas. Participe en la animación. Crear botones. Asignar acciones a fotogramas. Etiquetas de fotogramas. Condiciones en las acciones. Añadir interactividad a botones.

El lenguaje ActionScript. Sintaxis de ActionScript. Crear variables. Tipos de datos de variables. Estructuras de control.

Funciones y formularios. Funciones. Paso de argumentos a funciones. Utilización de formularios. Comportamientos.

Programación orientada a objetos. Clases de ActionScript. Eventos de teclado. La clase MovieClip. Líneas de tiempo múltiples.

Clips de película. Cursores personalizados. Posición del ratón. Creación de clips de película. Eliminación de clips. Detección de colisiones.

Sonido y vídeo. Banda sonora de la película. Edición del sonido. Flash video. Insertar vídeo. Controles de sonido y vídeo.

Proyectos, publicación y exportación. Trabajo con proyectos. Optimización de las películas. Publicar la película. Exportar películas e imágenes. Películas con sonido.

Fundamentos del HTML

Un paseo por la Web. ¿Qué es el HTML? Hojas de estilo en cascada (CSS). ¿Qué herramientas necesitamos?

Estructura del código HTML. Guardar la página web. Introducir párrafos de texto. Las etiquetas tienen atributos. El título de la página.

Texto. Títulos. Texto predefinido. Líneas separadoras. Elementos de frase.

Incorporar imágenes en la página web. introducción. Resolución y modo de color. Formatos gráficos. La etiqueta IMG. Especificar dimensiones de la imagen. Imágenes como fondo.

Hipervínculos o enlaces. Introducción. Vínculos a otras páginas web. Vínculos a una parte de una página web. Vínculos a lugares de Internet. Vínculos a direcciones de correo electrónico. Imágenes como hipervínculos.

Introducción a CSS. ¿Qué son las Hojas de estilo en cascada (CSS)? Las reglas de CSS. Enlazar CSS con el código HTML. Aplicar las reglas de estilo. Herencia y cascada. La etiqueta HTML DIV y SPAN. Selectores avanzados de CSS. Pseudoclases y pseudoelementos CSS.

Dar formato al texto de las páginas web. Fuentes. La propiedad abreviada FONT. Propiedades de texto. Decoración del texto y color.

Listas. Listas sin numerar. Listas numeradas. Listas anidadas. Imágenes como viñetas de una lista. Listas de definición.

Tablas. Introducción. Estructura de una tabla HTML. Bordes, espacio entre celdas y relleno. Color o imagen de fondo.

Temas avanzados sobre tablas. Establecer las dimensiones de una tabla. Título y pie de tabla. Especificar el númeo de columnas. Unir celdas. Tablas anidadas.

Frames. El conjunto de frames. Propiedades de los frames. Bordes para frames y contenido alternativo. IFRAMES.

Posicionamiento mediante CSS. Introducción. Elementos flotantes. Clearing. El código CSS. El posicionamiento estático. Posicionamiento relativo. Posicionamiento absoluto. Posicionamiento fijo.

JavaScript

Introducción. La evolución de la web. Estándares web. HTML5 y CSS3. JavaScript.

Introducción a JavaScript. La etiqueta <SCRIPT>. Contenido alternativo. Variables. Tipos de datos. Operadores. Cuadros de diálogo.

Fundamentos de programación. Estructuras de decisión. Expresiones lógicas. Estructuras de repetición. Definir funciones. Llamar a funciones. Ámbito de las variables.

Objetos y arrays en JavaScript. Introducción. La jerarquía de objetos. Propiedades y eventos. Métodos. Arrays.

Los objetos location y history. ¿Qué es URL? El objeto location. Actualizando la dirección. El objeto history.

El objeto document. La propiedad title. El método write. El conjunto images.

El objeto form. Formularios HTML. El conjunto forms. La propiedad elements. Validar la información. ¿Cuándo realizar la validación? Tipos de validación.

Modelo de Objetos del Documento (DOM). El árbol del documento. Tipos de nodos y de relaciones. Obtener elementos. Obtener y establecer atributos.

Manipulación del DOM. Recorrer el árbol del documento. Modificar el valor de los nodos. Crear, eliminar y reemplazar nodos. El método innerhtml. Modificar el formato dinámicamente.

Buenas prácticas. Separar estructura y comportamiento. Añadir los manejadores de evento. Detectar características de los navegadores. Ejemplo: una galería fotográfica. Ejemplo: la estructura de la página. Ejemplo: el código JavaScript.

HTML5 y CSS3

Elementos estructurales de HTML5. Doctype de HTML5. Evitando elementos <DIV>. Descripción de los elementos estructurales de HTML5. Aplicar los elementos estructurales HTML5. Modificar la hoja de estilo en cascada.

Trabajando con esquemas HTML5. Aplicar estilo a los elementos estructurales HTML5. Otros elementos semánticos de HTML5. Elementos ARTICLE anidados. El esquema del documento.

Formularios HTML5. Introducción. Nuevos controles de formulario. Nuevos atributos. Compatibilidad con navegadores antiguos.

Dibujar con el elemento CANVAS. Introducción. Una interfaz de dibujo 2D. Dibujar rectángulos. Dibujar trazados. Colores de trazo y relleno. Estilos de línea. Gradientes. Patrones. Dibujar imágenes. Dibujar texto.

Vídeo y audio en HTML5. Reproducir sin plug-in. La etiqueta <VIDEO>. Formatos y códecs de vídeo. Códecs de audio. La etiqueta <AUDIO>. Api Multimedia.

Introducción a CSS3. La evolución que representa CSS3. Nuevos selectores CSS3. Esquinas redondeadas y sombras. Colores. Gradiente de color. Incrustación de fuentes. Dónde obtener fuentes. Múltiples imágenes de fondo. Transiciones. Tranformaciones.

Dreamweaver

Introducción a Dreamweaver. Edición de páginas web. Entorno de Dreamweaver. Trabajo con paneles. Vista previa de páginas web. El sistema de ayuda. Salir de Dreamweaver.

Crear sitios web. Establecer la estructura. Creación de sitios. El panel de archivos. Administrar el sitio.

Configurar páginas web. Crear una nueva página. Configurar la página. Elegir el color. Imagen de rastreo.

Utilidades de edición. Nivel de aumento. Encabezado. Deshacer los cambios. Reglas, guías y cuadrícula.

Formato de texto. Formato HTML o estilos CSS. Formato HTML. Crear reglas CSS. El panel de estilos CSS. Aplicar estilos CSS. Crear listas. Corrección ortográfica. Otros objetos.

Trabajo con vínculos. Introducción. Anclajes con nombre. Incluir vínculos. Menús de salto. Administración de vínculos. Asignar comportamientos.

Insertar imágenes. Formatos de imagen. Imágenes en las páginas web. Imágenes de sustitución. Mapas de imagen. Barras de navegación.

Etiquetas DIV y tablas. Etiquetas DIV PA. Utilización de tablas. Celdas, filas y columnas. Incluir el contenido. Etiquetas DIV.

División en marcos. Crear los marcos. Propiedades de los marcos. Establecer el contenido. Contenido sin marcos.

Trabajar con plantillas. Planificar el diseño. Diseñar la plantilla. Crear páginas con la plantilla. Modificar la plantilla

Formularios. Crear el formulario. Objetos del formulario. Propiedades de los campos. Utilización del formulario.

Elementos multimedia. Animaciones Flash. Vídeos de Flash. Album de imágenes. HTML de Fireworks.

Otros efectos. Applets de Java. Añadir sonidos. Marquesinas. Trabajar con código. Efectos Spry. Widgets Spry.

Publicar el sitio web. Preparar las páginas. Comprobar el sitio. Design Notes. Configurar el sitio remoto. Colocar los archivos.

Aprende a utilizar Blogs

Introducción. ¿Qué es la Web 2.0? ¿Qué son los blogs? Plataformas para la creación de blogs.

Crear un blog en Blogger. Introducción. Crear el blog. Crear un post.

Configuración del blog en Blogger. Editar el perfil. Configuración básica del blog. Formato del blog. Comentarios. Archivo. Permisos.

Personalizar el blog en Blogger. Distribución de la página. Fuentes y colores. Edición de HTML. Cambiar la plantilla.

Administración de entradas en Blogger. El editor de entradas. Etiquetas y opciones de entrada. El listado de entradas. El truco "Leer más...".

Incluir imágenes en el blog. Dónde encontrar imágenes gratuitas. Utilizar Picasa para almacenar imágenes del blog. El servicio online Flickr. Incluir imágenes en el blog desde Flickr.

Utilizar multimedia en Blogger. Guardar vídeos en Blogger. Incluir vídeos de Youtube. Insertar Podcasts. Presentaciones.

Ampliar el blog con utilidades (widgets). Introducción. Los widgets de Blogger. El borrador de Blogger. Widget de comentarios recientes. Editar y eliminar widgets.

Feeds del blog. Suscribirse a blogs y sitios web. Habilitar el feed del blog. Añadir un feed de otro sitio web. Feevy.

Recursos para blogs. Crear páginas estáticas en Blogger. Servicios online para crear formularios. Publicidad en el blog. Otros recursos para blogs. Promocionar el blog.

Posicionamiento de Páginas Web

Posicionamiento en buscadores. Buscadores y directorios. Relevancia de los resultados. Tráfico cualificado. Técnicas penalizables de posicionamiento.

Elección de palabras clave. La importancia de las palabras clave. Competencia de las palabras clave. Analizar el tráfico que recibe el sitio web. Averiguar qué hace la competencia.

¿Dónde utilizar las palabras clave. Introducción. Dominio y URL. El título de la página. Encabezados y texto de la página. La etiqueta <META>.

Enlaces. Popularidad de un sitio web. Enlaces internos. Conseguir enlaces externos. Alta en directorios. Marcadores sociales. Intercambio de enlaces. Enlaces que penalizan. Mapa del sitio (sitemap).

Contenidos difíciles de posicionar. Imágenes. Flash. La librería SWFObject. El archivo robots.txt.

Análisis de las estadísticas de acceso. Tipos de aplicaciones de análisis. Introducción a Google Analytics. Google Analytics: usuarios. Google Analytics: funetes de tráfico. Google Analytics: contenido. AWStats.

Publicidad online - Google AdWords. Introducción. Registrarse en Google AdWords. Crear una campaña AdWords. Elección de palabra clave y presupuesto. Facturación.

Herramientas de Google AdWords. Estructura de una cuenta AdWords. Seguimiento de una campaña. Nivel de calidad. Conversiones. Otras herramientas.