Web Mastering y Design

Transcripción

1 Web Mastering y

2 INTRODUCCIÓN Propósito de este documento El presente documento contiene el programa del curso online de Web Mastering y. OBJETIVOS Y MÉTODO DE USO Y EVALUACIÓN Objetivo y métodos de uso El curso se realizará online sobre una plataforma de aprendizaje a distancia FAD, se incluyerán los materiales de aprendizaje, tutoriales y pruebas de rendimiento. A través de las herramientas de web collaboration, como chat y correo electrónico, los estudiantes podrán hacer uso de la tutoría en su propio camino de aprendizaje, proporcionado por los profesores del curso. Estructura del curso El programa se centra en las tecnologías y los lenguajes web más solicitado por los mercados públicos y privados, que son esenciales para la creación de páginas web, incluyendo HTML, CSS y Javascript. El curso está dividido en siete módulos: Diseño Web y Usabilidad, HTML 5.0, las hojas de estilo CSS, el lenguaje JavaScript, Hacer un sitio web base y avanzado, web marketing y SEO. Los Destinatarios y la evaluación Los destinatarios del curso son diplomados y licenciados que quieren enriquecer sus conocimientos, volver a empezar de cero o emprender una carrera en el sector del Web er y Web Master. La evaluación se llevará a cabo a través de pruebas y de un examen final que se realizará online.

3 PROGRAMA GENERAL DEL CURSO Modulo 1 Diseño Web y Usabilidad Primera unidad didáctica Introducción a la Web En esta unidad didáctica se presentan los conceptos generales en la World Wide Web, o los principios básicos a través de los cuales crear páginas web, tales como: estructura, presentación, navegabilidad y comprensibilidad. Segunda unidad didáctica - Web En esta unidad didáctica se analizarán las principales características del Diseño Web como: los principios de la navegación y diseño, también se analizará cuáles son los errores más comunes que se cometen en el proceso de diseño de páginas web. Tercera unidad didactica Usabilidad La última unidad de este módulo se ocupa de la usabilidad de un sitio web, la evolución continua de la tecnología contribuye a la transformación de la Web y ofrece un nuevas posibilidades, pero no hace que un sitio sea automáticamente "fácil de usar". A través de Análisis de usabilidad es posible satisfacer este aspecto. Módulo 2 - HTML 5.0 Primera unidad didactica - Conceptos sobre el estándar w3c El W3C crea estándares Web. Su objetivo es guiar la Web hacia su máximo potencial a través del desarrollo de tecnologías (especificaciones, directrices, software y herramientas) que crearán un foro para la información, el comercio, la inspiración, el pensamiento independiente y entendimiento colectivo. Segunda unidad didáctica - El languaje HTML 5.0 En esta unidad didáctica estudiaremos el código HTML lenguaje de descripción de página que hizo posible la existencia de la Web como la conocemos hoy en día. La creación de sitios web profesionales ofrece profundo conocimiento de HTML, por lo tanto, se proporcionará toda la información relativa a los comandos para dar formato al texto, insertar imágenes, enlaces, tablas, para un total diseño de sitios web

4 Tercera unidad didactica - HTML y hojas de estilo Los CSS (Cascading Style Sheet) han revolucionado la Web dividiendo definitivamente la estructura lógica y el contenido de la presentación, es uno de los idiomas estándar W3C básico. Los CSS juegan un papel importante en la normalización de estilos, diseño y maquetación, aseguran un mayor control sobre la presentación y permiten manejar varios documentos simultáneamente. Además, crean páginas más faciles de usar y modificar, garantizando una mayor accesibilidad y permitiendo el diseño de páginas adecuadas para diferentes dispositivos. Cuarta unidad didáctica - Accesibilidad Accesibilidad Web significa que la Web se ha diseñado de modo que las personas con discapacidad puedan percibir, entender, navegar e interactuar con ella de una manera concreta. Por el momento la mayoría de los sitios Web tiene barreras de accesibilidad que hacen que sea difícil o imposible para muchos personas con discapacidad poder utilizar los sitios. Sin embargo, si los sitios Web fueron hechos accesibles, las personas con discapacidad pueden utilizar Internet en su totalidad. Módulo 3 - Las hojas de estilo Y CSS Primera unidad didactica CSS Cascading Style Sheets 1 Esta unidad de aprendizaje se ocupa del nivel 1 de las fichas técnicas de Cascading Style. CSS1 es una técnica de hoja de estilo que permite a autores y usuarios aplicar estilo (fuentes, colores y espaciado) a documentos HTML. El lenguaje CSS1 es leíble y escribible por el hombre, y expresa el estilo en la común terminología del desktop publishing. Una de las características fundamentales de la CSS es que las hojas de estilo descienden, cayendo en cascada; los autores pueden aplicar una hoja de estilo preferido, y el usuario puede tener una hoja de estilo personal para cambiar por desventajas humanas o tecnológicas. Las reglas para la resolución de conflictos entre diferentes hojas de estilo se definen en esta memoria descriptiva. Segunda unidad didáctica - CSS Cascading Style Sheets 2 CSS2 es un lenguaje de hojas de estilo que permite a los autores y los usuarios adjuntar estilos (por ejemplo, tipos de letra, espaciado y características acústicas) a documentos estructurados como HTML. Separando el estilo de presentación del contenido de los documentos, CSS2 simplifica el desarrollo web y gestión de sitios. Los CSS2 se basan en los CSS1 y, con muy pocas excepciones, todos hojas de estilo CSS1 válidas son hojas de estilo CSS2 válidas. CSS2 apoyo hojas de estilo específicas para el medio, a fin de permitir a los autores adaptar la presentación de sus documentos en el explorador.

5 Módulo 4 - Javascript Primera unidad didáctica El languaje Javascript JavaScript es un lenguaje de programación orientado a objetos de uso común en los sitios web para publicar contenido dinámico. En esta unidad didáctica estudiaremos las principales estructuras del lenguaje. Segunda unidad didactica - El uso de JavaScript para el World Wide Web En esta unidad didáctica estudiaremos la integración del lenguaje Javascript con HTML, de hecho este último prevee especiales "tag" que permiten su definición dentro del código Javascript. Módulo 5 - Crear un sitio web Primera unidad didáctica - Layout con Dreamweaver CS5 Dreamweaver es una herramienta de desarrollo web que utiliza interfaz visual, con ella se pueden crear páginas web, simplemente escribir texto, insertar imágenes e hipervínculos. El programa ayuda al usuario dando sugerencias m i e n t r a s se escriben las etiquetas y atributos, además también tiene muchas características útiles para los desarrolladores, fácil de trabajar con idiomas como Javascript. Segunda unidad didáctica - Gráficos web con Photoshop CS5 Photoshop es un programa que se utiliza principalmente en campo de la gráfica editorial, en el campo del diseño web y e n e l retoque fotográfico. Las novedades en Photoshop CS5 se extienden prácticamente a todos los aspectos de la aplicación: edición y mejora de imágenes, herramientas para la pintura y el dibujo, composición, retoque fotográfico, control de color y tono, vídeos y animaciones, la productividad y Interfaz de gestión, flujo de trabajo, análisis de imágenes Tercera unidad didactica - Animaciones interactivas con Adobe Flash CS5 Adobe Flash es principalmente un software para crear gráficos interactivos y animaciones. En nuestro curso será Estudió Flash para utilizarlo exclusivamente en la creación de animaciones web. La nueva versión del programa permite una excelente integración con otro software Creative Suite 5, ofreciendo la posibilidad de transferir imágenes de Photoshop. Durante el curso de Flash CS5, estudiaremos las principales herramientas, usted aprenderá a crear animaciones en la forma tradicional. Cuarta unidad didactica - Crear sitios con Joomla 1.5, Drupal y Wordpress Joomla, Wordpress y Drupal son CMS (Content Management System), ampliamente utilizados para la creación de sitios web. La fuerza de estos CMS es el panel de control o backend, simple pero repleto de características. Una vez instalado y en funcionamiento, es posible para cualquier usuario añadir y editar contenido, subir imágenes y gestionar datos. Vamos a aprender a entender cuándo y cómo utilizar cada uno

6 de estos CMS, cada una con sus propias ventajas y desventajas Quinta unidad didactica - Publicar un sitio web Módulo 6 Páginas web avanzadas con PHP Primera unidad didáctica - Introducción a PHP En esta unidad vamos a introducir los conceptos de programación y base del desarrollo en PHP, presentando la Sintaxis, las sentencias condicionales, las instrucciones interactivas, los fundamentos de la programación procesal y a objeto. Segunda unidad didáctica - Bases de datos y SQL En esta unidad vamos a presentar el concepto de bases de datos y consultas de base de datos SQL a través de PHP Tercera unidad didáctica Desarrollo web En esta unidad vamos a presentar el desarrollo de aplicaciones web complejas en lenguaje PHP, como la creación de formularios y páginas interactivas con la posibilidad de gestionar las sesiones y el intercambio de datos con la base de datos y otras aplicaciones Módulo 7 - Web Marketing y SEO Primera unidad didáctica - Introducción al marketing web La Web Marketing es el conjunto de todos los esfuerzos de marketing que tienen como medio de aplicación la Web, sirven a destacar un sitio, una promoción, una marca; permite encontrar nuevos clientes, la lealtad de los ya adquiridos, publicitar productos y servicios. Acciones típicas de marketing en Internet son el posicionamiento en los motores de búsqueda. Segunda unidad didactica - SEO La Search Engine Optimization es el conjunto de herramientas y técnicas que hacen que su sitio web sea accesible y optimizado para asegurarse que se encuentre en los sitios de búsqueda antes que los de sus competidores. Una buena actividad de SEO aumenta el número de visitantes a su sitio desde los motores de búsqueda, lo que aumenta la visibilidad y maximiza el retorno de la inversión. Tercera unidad didáctica Google Analytics Google Analytics es una solución de análisis de los datos web que permite de mantener monitoreado el rendimiento de su sitio, analizando los datos de tráfico y evaluando la eficacia de las campañas de marketing. Determina cómo los usuarios llegan al sitio, cómo se explora y cómo se puede mejorar aún más el servicio que se ofrece: información útil para mejorar el rendimiento de la

7 inversión (ROI), para web. el aumento en las conversiones y el aumento de las ganancias provenientes de la