Oferta de cursos de Educación Continua Facultad de Comunicaciones Trimestre 3 CURSO DESARROLLO DE SITIOS WEB CON HTML5 Y CSS3

Transcripción

1 Oferta de cursos de Educación Continua Facultad de Comunicaciones Trimestre 3 CURSO DESARROLLO DE SITIOS WEB CON HTML5 Y CSS3 PRESENTACIÓN Desde la Web 2.0, la Web colaborativa, que hemos venido construyendo a partir del aumento de las funcionalidades y servicios de las mashup en internet: aplicaciones web como blogs, wikis, redes sociales, foros, entre otros, que han facilitado el aumento de las estructuras comunicativas globales y de trabajo colaborativo; hacia la preconcebida Web 3.0, la Web semántica, que lleva a otro nivel la comunicación del hombre con la máquina. A partir de un gran repositorio de datos, recopilados de manera estructurada y sistemática se espera que la máquina pueda entender el significado de una expresión más allá de lo que podrían expresar una secuencia de caracteres. El W3C, consorcio dirigido por Tim Berners-Lee, creador del HTML, genera las recomendaciones sobre las que se basa la web. Dentro de sus lineamientos, el W3C promueve la Internet para todos a través de las siguientes líneas de acción: Usabilidad, Internacionalización, Economía de desarrollo, Web para móviles y e-goverment. Desde esta nueva perspectiva, los contenidos para web generados por software propietario quedan mal posicionados. La necesidad de aumentar la portabilidad de los contenidos ha llevado al consorcio a aumentar las posibilidades de sus estándares, dándole más funcionalidades estructurales y semánticas a la versión 5 de su HTML y facilitando gran cantidad de posibilidades gráficas y de animación en 2 y 3 dimensiones a la versión 3 de su CSS. Así las cosas, la batalla librada entre el software comercial o propietario y los estándares open source o de uso libre han dado grandes beneficios a los usuarios que hoy día tienen la posibilidad de construir sitios web estructuralmente muy limpios y semánticamente muy significativos para las estrategias SEO a través del HTML5 y totalmente versátiles desde el punto de vista de su apariencia con la aplicación de las nuevas propiedades del CSS3, sin necesidad de depender de costosos aplicativos para actualizaciones futuras del código. La gran escalabilidad de los estándares de la W3C lleva incorporada desde su concepción una amplia variedad de posibilidades a la hora de lograr agregar interactividad o dinamismo a los sitios web a través de la aplicación de scripts de JavaScript o de PHP, entre muchos otros, directamente al HTML y al CSS.

2 Con unos estándares bien concebidos y planificados, y un aumento de las opciones y posibilidades logradas con las nuevas tecnologías, el HTML5 y el CSS3 prometen ser alternativas muy interesantes a la hora de pensar en la construcción de un sitio web. CONTENIDO El siguiente curso enseñará a los asistentes las metodologías de maquetación web utilizadas actualmente empleando HTML5 y CSS3. Al finalizar el curso los asistentes habrán construido un sitio web estático (sin consultas a una base de datos) y lo publicarán en un servidor de pruebas. 1. Introducción Tendencias Web actuales Tecnologías web actuales 2. El documento HTML Encabezado (header) Cuerpo del documento (body) Etiquetas HTML básicas Estructuras HTML básicas 3. Introducción al CSS Qué significa Hoja de estilos en cascada? Creación de hojas de estilo Vinculación de hojas de estilo Clases e Identificadores Herencia de clases vs. Estructura HTML Selectores 4. Técnicas de maquetación fluida Estructuras HTML adecuadas Estructura de títulos y Outliner Píxeles vs. Porcentaje Manejo de imágenes Uso de propiedades CSS para posicionamiento de cajas (position, margin, padding, clear, float) Manejo de listas 5. Propiedades de apariencia con CSS Manejo de fondos Bordes de cajas

3 Formato de fuente Uso de fuentes web Formato de párrafo 6. Nuevas propiedades con CSS3 Nuevos modelos de color y aplicación de degradados Esquinas de cajas redondeadas Sombra de Texto Sombra de cajas Contorno Uso de columnas Herramientas web disponibles 7. Del Wireframe al HTML5 Aspectos a tener en cuenta en el diseño del Wireframe Aplicar cortes de sección y generación de recursos gráficos Creación de la estructura HTML5 adecuada con el Wireframe Generación de la apariencia con CSS3 8. Menús y Navegación Creación de menús verticales y horizontales Estados de los botones con CSS Creación de vínculos 9. Publicación en Internet Creación de un host y dominio gratuitos Preparación de los archivos para subir a internet Subir los archivos (http / ftp) PERFIL DEL ESTUDIANTE Personas interesadas en la construcción de sitios web estáticos a partir de HTML5 y CSS3 para promocionar productos y servicios. El estudiante deberá tener conocimientos previos en Illustrator y/o Photoshop para la manipulación de los materiales gráficos necesarios para la construcción del sitio web. El curso está dirigido a: comunicadores, diseñadores, publicitas, ilustradores, ingenieros de sistemas, tecnólogos de sistemas y personas dedicadas al desarrollo web, a la generación de contenidos, editores web, administradores de CMS, community managers y en general personas interesadas en construir y desarrollar su sitio web.

4 DURACIÓN 40 horas. El curso se certifica con el 80% de asistencia. HORARIO Jueves - 6:00 p.m. a 10:00 p.m. Desde el 24 de septiembre, hasta el 26 de noviembre del Ciudad Universitaria: Aula por definir. INVERSIÓN $ (Aplican descuentos descritos adelante) Inscripciones hasta el 22 de septiembre. DESCUENTOS Público Vínculo con la Facultad de Comunicaciones UdeA: Estudiantes Empleados e hijos de empleados de la Facultad Docentes e hijos de docentes de la Facultad Egresados de la Facultad Estudiantes egresados de programas del CIEC que hayan cursado programas en los tres trimestres anteriores (Para el caso de los hijos, se debe presentar el certificado que demuestre el parentesco) Vínculo con la U de A Estudiantes Empleados e hijos de empleados Docentes e hijos de docentes Porcentaje sobre el valor de la matrícula 20% 10% Egresados Pronto pago hasta 25 de agosto de % Grupos (cinco personas en adelante) 10% Nota: Los descuentos no son acumulables.

5 INSCRIPCIONES Para inscribirse tenga en cuenta las siguientes recomendaciones: (Es indispensable que cuente con usuario y contraseña para acceder al Portal. Si aún no los tiene, regístrese aquí.) Cuando ingrese al Formulario de inscripción, verifique la información personal y la información del curso; que ésta si corresponda con el programa que desea tomar, el día y horario. En la opción Tarifa, asegúrese de seleccionar la que aplica para usted, puesto que si registra pago con descuento, éste será validado posteriormente. La plataforma le permite descargar su colilla de pago para cancelar en entidad bancaria o pagar en línea. INSCRÍBASE AQUÍ Si posteriormente desea verificar su estado de matrícula, descargar de nuevo la colilla de pago o descargar el certificado de inscripción ingrese aquí ( Historial de mis Cursos ). Notas importantes: (por favor lea cuidadosamente) 1. La apertura de los cursos en los días y horarios establecidos está sujeta al logro del cupo mínimo de estudiantes necesarios que la Facultad de Comunicaciones establece para cada curso. Ni la publicación de esta oferta, ni el pago de matrícula por parte del interesado, obliga a la Universidad de Antioquia a abrir los cursos sin el cupo mínimo exigido. 2. Se reembolsan dineros cuando las causas de la solicitud sean atribuidas a la Facultad de Comunicaciones por cambios, cancelaciones o modificaciones a las condiciones iniciales de los cursos o que no se cuenten con garantías mínimas para llevar a cabo el curso. 3. No se reembolsarán dineros cuando la causa de la solicitud sea atribuida al participante por condiciones externas a la Facultad de Comunicaciones: inconveniencia de horarios, falta de permisos laborales, calamidades domésticas, asuntos personales o laborales, entre otros.

6 CONTACTO Línea de Educación Continua CIEC El Centro de la Comunicación Facultad de Comunicaciones Teléfono: Correo: