Curso de Maquetación Web: HTML 5 y CSS

Tamaño: px
Comenzar la demostración a partir de la página:

Download "Curso de Maquetación Web: HTML 5 y CSS"

Transcripción

1 Curso de Maquetación Web: HTML 5 y CSS Aprende a maquetar sitios Web de forma ágil y profesional sin usar tablas. Separa el diseño visual del contenido y optimiza al máximo los estilos de las páginas Web. Modela páginas con la utilización de etiquetas DIV y domina el manejo de los estándares para diagramar sitios de ultima generación. Duración: 18 hs Nivel del Curso Contenido del Curso En este curso comprenderás aprenderás a maquetar sitios usando las principales etiquetas de HTML 5 y las propiedades de CSS 2.1, trabajando con buenas prácticas tal como hoy en día lo exige el mercado profesional. Maquetarás sitios Web completos utilizando no sólo etiquetas div, sino también las nuevas etiquetas que se incorporan al estándar de HTML 5 y 5.1; podrás separar el diseño del contenido para así lograr sitios ágiles y accesibles para todo tipo de usuarios. Podrás dejar atrás el uso de tablas como elemento de diagramación, y diseñar sitios Web que se ajusten a las demandas actuales del mercado. El objetivo al finalizar el curso es que el alumno cuente con las herramientas necesarias que le permita el armado de sitios respetando estándares estrictos, mejorar la velocidad de descarga y el posicionamiento en buscadores. Capacitación adquirida por el alumno al finalizar este modulo Maquetar un sitio sin usar tablas. Las nuevas etiquetas semánticas de HTML 5, (nav, article, section, etc). Dominar los selectores de CSS. Separar el diseño del contenido. Crear estructuras de dos a tres columnas. Modificar la posición de los elementos mediante código CSS. Crear barras de navegación usando listas. Crear documentos livianos e indexables por Google. Para quien está orientado el curso Personas que quieran desempeñarse en el campo del diseño web y la programación web, pudiendo maquetar sitios web de forma ágil y con gran calidad. Recursos adicionales entregados Este curso incluye el acceso a un plataforma online donde encontrarás el material de lectura del curso, los laboratorios del mismo, practicas resueltas otra información de interes como: documentos adicionales, descargas, videos relacionados, etc. Tendrás disponible la ejercitación y podrás realizar exámenes de autoevaluación luego de cada clase. Te permitirá también estar conectado con tu docente y compañeros del curso.

2 Salida Laboral Al finalizar el curso, el alumno se convertirá en un Maquetador Web Junior pudiendo desempeñar tareas de forma free-lance o en empresas dedicadas al diseño de sitios Web. Requisitos Se requiere contar con fuertes conocimientos de HTML, o haber realizado el curso HTML: Fundamentos de una página web. También es recomendable tener conocimientos de Dreamweaver o haber realizado el curso Dreamweaver. Plan de Estudio UNIDAD 1 Â SELECTORES DE ETIQUETAS WEB 2.0 Que es la web 2.0? Ejemplos de Web 2.0 Tecnologías de la web 2.0 INTRODUCCIÓN AL LENGUAJE HTML Que es HTML? Estructura básica de un documento HTML XHTML QUE ES EL XHTML? Migrando de HTML a XHTML CSS Que es el CSS Cuales son los beneficios de trabajar con CSS Versiones de CSS TRABAJANDO CON CSS Declaración de reglas de estilo Hoja de estilo externa Hoja de estilo embebida en el encabezado del documento Estilos en línea Creación de una hoja de estilo Vinculación de una hoja de estilo Diferencia entre vinculación e importación de una hoja de estilo Reglas de estilo Sintaxis de las reglas de estilo Selectores Formato de comentario Estructura y Herencia Selectores de grupo Atributos tipográficos Font Family (Familia de fuente) Font Style (Estilo de fuente) Font Variant (Variante de fuente ) Font Weight (Peso de fuente) Font Size (Tamaño de fuente) Font (Fuente) // declaración en una sola línea Atributos de color Color(color de texto) Text-decoration (decoración de texto) Text-align (alineación de texto) Text-tranform (transformación de texto) Text-indent (sangría de texto ) Atributos de fondo Background-color (color de fondo)

3 Background-image (imagen de fondo) Background-position (posición de fondo) Background-attachmen (anclaje de fondo) Background Repeat (Repetir fondo) Background (Fondo) (declaración de una sola línea) UNIDAD 2 - DIAGRAMACIÓN BÁSICA ETIQUETA DIV PORQUE REEMPLAZAR LAS TABLAS POR ETIQUETAS DIV SELECTORES DE ID ATRIBUTOS DE TAMAÑO Width (ancho) height (alto) DIAGRAMACIÓN DE UNA COLUMNA DIAGRAMACIÓN DE UNA COLUMNA DE DOS Y TRES COLUMNAS POR FLOTACIÓN UTILIZACIÓN DEL ATRIBUTO FLOAT Utilización del atributo Clear Anidamiento de divs Modelo de caja ATRIBUTOS DE LA CAJA Margin (margen) Borde (Border) Relleno (Padding) ESCRITURA RESUMIDA (DECLARACIÓN DE UNA SOLA LÍNEA) Declaración una línea para el padding Declaración una línea para el margin Declaración una línea para el borde Diagramación centrada Centrado de un div dentro de otro Centrado de un div en el naveador UNIDAD 3 - DIAGRAMACIÓN AVANZADA DIAGRAMACIÓN AVANZADA CON POSICIÓN Atributos de posición Position Static (estático) Position Relative (relativo) Position Absolute (absoluto) Position Fixed Atributo de Z-index DIAGRAMACIÓN CENTRADA Selector universal UNIDAD 4 - BARRAS DE NAVEGACIÓN LISTAS Listas Ordenadas Listas desordenadas Atributos para las listas List-style-type List-style-image List-style-position CREACIÓN DE BARRAS DE NAVEGACIÓN SELECTORES DESCENDENTES Pseudo clases Pseudoclases La pseudo-clase a:link La pseudo-clase a:visited La pseudo-clase a:hover La pseudo-clase a:active La pseudo-clase a:focus PSEUDO ELEMENTOS El pseudo-elemento :first-line El pseudo-elemento :first-letter Los pseudo-elementos :before

4 Los pseudo-elementos :after UNIDAD 5 - CLASES Y ESTILOS EN LÍNEA SELECTORES DE CLASE Creación de selectores de clase Aplicación de clases SELECTORES DE CONTEXTO Orden de cascada Jerarquías y especificidad Estilos en línea DIAGRAMACIÓN DE INTERFAZ DE ALTURA Y ANCHO VARIABLE VARIABLE Atributo de overflow Ancho mínimo Ancho máximo Alto mínimo alto máximo UNIDAD 6 - INTEGRACIÓN HACKS El hack del guión bajo El hack del guión bajo El uso de!important ASIGNACIÓN DE HOJAS DE ESTILO POR NAVEGADOR MEDIANTE IF Comentario condicional para IE CSS 3.0 Que es CSS 3.0 Compatibilidad con los navegadores OPACIDAD Opacidad en Firefox, Opera, Chrome... Opacidad en Internet Explorer Bordes Redondeados Propiedad border-radius Declaración de la propiedad border-radius para safari y firefox Sobra de texto Propiedad text-shadow Valores posibles para la propiedad text-shadow Sobra de caja Propiedad box-shadow Valores posibles para la propiedad box-shadow Declaración de la propiedad border-radius para safari y firefox Trabajo practico integrador del curso LABORATORIOS LABORATORIO 01 TP 01 - Migración de html a xhtml TP 02 - Etiquetas y herencia LABORATORIO 02 TP 03 - Estructura de una columna con tablas TP 04 - Estructura de una columna con divs y css TP 04 Estructura de dos columna con divs y css TP 05 Estructura de tres columna con divs y css TP 06 Inserción y ubicación de contenidos LABORATORIO 03 TP 07 Diagramación básica con position:relative TP 08 Diagramación básica con position:absolute TP 09 Diagramación avanzada con position:relative y absolute TP 10 Diagramación centrada LABORATORIO 04 TP 11 Barra de navegación horizontal TP 12 Barra de navegación horizontal con imágenes TP 13 Barra de navegación vertical TP 14 Barra de navegación horizontal con links TP 15 Barra de navegación horizontal con imágenes con links

5 TP 16 Barra de navegación vertical con links LABORATORIO 05 TP 17 Manejo de clases TP 18 Manejo de contenido fijo TP 19 Manejo de contenido variable LABORATORIO 06 TP 20 Opacidad TP 21 Manejo de hacks TP 22 Proyecto Integrador

Maquetación Web: HTML 5 y CSS

Maquetación Web: HTML 5 y CSS Maquetación Web: HTML 5 y CSS Programa de Estudio Maquetación Web: HTML 5 y CSS Aprende amaquetar sitios Web de forma ágil y profesional sin usar tablas.separa el diseño visual del contenido y optimiza

Más detalles

PROGRAMA DE DISEÑO WEB

PROGRAMA DE DISEÑO WEB Objetivo PROGRAMA DE DISEÑO WEB El objetivo de esta capacitación es que el alumno adquiera los conocimientos necesarios para poder Diseñar y Maquetar una Página Web optimizando al máximo la escritura de

Más detalles

1. Temario Curso Web Design 2014

1. Temario Curso Web Design 2014 1. Temario Curso Web Design 2014 FIREWORKS Diseño profesional de interfaces web Nociones generales para qué sirve?, diferencia con Photoshop Espacio de trabajo - Barras de menú, herramientas y paletas

Más detalles

EL MODELO DE CAJA CSS

EL MODELO DE CAJA CSS EL MODELO DE CAJA CSS Sesión 10 By Ing. David Gil LA ETIQUETA HTML La etiqueta define una división o una sección en un documento HTML. La etiqueta se utiliza para agrupar bloques

Más detalles

CSS3 Domine los estándares web con las hojas de estilo

CSS3 Domine los estándares web con las hojas de estilo Utilizar las hojas de estilos en cascada 1. Objetivos del libro 13 2. La evolución de las CSS 14 2.1 Los módulos CSS3 14 2.2 Etapas en la concepción de las CSS3 15 3. Los prefijos de los navegadores 19

Más detalles

DISEÑO Y DESARROLLO WEB CON HTML 5, CSS DREAMWEAVER CS4

DISEÑO Y DESARROLLO WEB CON HTML 5, CSS DREAMWEAVER CS4 DISEÑO Y DESARROLLO WEB CON HTML 5, CSS DREAMWEAVER CS4 Código: 1413005 OBJETIVOS: Para diseñar y publicar una página Web, saber maquetar una página Web, saber crear animaciones, etc. CONTENIDOS: DISEÑO

Más detalles

CONTENIDOS DEL CURSO ONLINE DE DISEÑO Y DESARROLLO WEB CON HTML5, CSS Y DREAMWEAVER CS4:

CONTENIDOS DEL CURSO ONLINE DE DISEÑO Y DESARROLLO WEB CON HTML5, CSS Y DREAMWEAVER CS4: Curso Online Diseño y Desarrollo Web con HTML5, CSS y Dreamweaver CS4 Completo Curso Online de Diseño y Desarrollo Web mediante el lenguaje programación HTML5, la hoja de estilos CSS y el programa de diseño

Más detalles

DREAMWEAVER CS4 Código: 3492

DREAMWEAVER CS4 Código: 3492 DREAMWEAVER CS4 Código: 3492 Modalidad: Distancia Duración: Tipo A Objetivos: Aportar al alumno de un modo rápido y sencillo las competencias necesarias para la creación y diseño de páginas Web en Dreamweaver.

Más detalles

Diseño y desarrollo Web con HTML 5, CSS y Dreamweaver CS 4

Diseño y desarrollo Web con HTML 5, CSS y Dreamweaver CS 4 Diseño y desarrollo Web con HTML 5, CSS y Dreamweaver CS 4 Código: DWEB003 Duración: 160 Horas Objetivos: Diseño y desarrollo Web con HTML 5 y CSS Dotar al alumno de conocimientos teóricos y prácticos

Más detalles

Informática General 2016 Cátedra: Valeria Drelichman, Pedro Paleo, Leonardo Nadel, Norma Morales

Informática General 2016 Cátedra: Valeria Drelichman, Pedro Paleo, Leonardo Nadel, Norma Morales UNA / AREA TRANSDEPARTAMENTAL DE ARTES MULTIMEDIALES Licenciatura en Artes Multimediales Informática General 2016 Cátedra: Valeria Drelichman, Pedro Paleo, Leonardo Nadel, Norma Morales CSS - parte 3 Box

Más detalles

Wenceslao Zavala

Wenceslao Zavala Producción Digital I Wenceslao Zavala www.producciondigitalup.com.ar alumnos@producciondigitalup.com.ar Convenciones Web Diseño Web El Monitor: Unidad de Medida (pixel) Dimensión de Trabajo (según pantalla

Más detalles

Maquetado Avanzado: HTML5 y CSS3

Maquetado Avanzado: HTML5 y CSS3 Maquetado Avanzado: HTML5 y CSS3 Programa de Estudio Maquetado Avanzado: HTML5 y CSS3 Domina lo último de los lenguajes más importantes en la Web: HTML 5 y CSS 3. Aprende a realizar sitios Web de última

Más detalles

ESTILIZANDO CON CSS. Sesión 08. By Ing. David Gil

ESTILIZANDO CON CSS. Sesión 08. By Ing. David Gil ESTILIZANDO CON CSS Sesión 08 By Ing. David Gil UNIDADES CSS UNIDADES DE LONGITUD Un valor de longitud se forma por un signo + o - opcional, seguido de un número y de una abreviación de dos letras que

Más detalles

HTML5: Fundamentos de una Página Web

HTML5: Fundamentos de una Página Web HTML5: Fundamentos de una Página Web Programa de Estudio HTML5: Fundamentos de una Página Web Domina el lenguaje más importante para Internet. Aprende a codificar cualquier página basándote en los estándares

Más detalles

Diseño de columnas con CSS

Diseño de columnas con CSS Para el diseño de una web con varias columnas mediante CSS no existe una receta universal. De momento, y mientras se sigue desarrollando el CSS, nos basaremos en dos principios esenciales: position:absolute

Más detalles

Diseño web. Fundamentos de CSS. Informática 4º ESO

Diseño web. Fundamentos de CSS. Informática 4º ESO Diseño web Fundamentos de CSS Informática 4º ESO Cascading Style Sheets HTML está bastante limitado a la hora de dar formato a las páginas web HTML fue inventado por científicos Énfasis en el contenido

Más detalles

HOJAS DE ESTILO EN CASCADA

HOJAS DE ESTILO EN CASCADA HOJAS DE ESTILO EN CASCADA Introducción Permiten definir las páginas con aspecto homogéneo sin tanto esfuerzo. Forma de definir los estilos Como atributo de una etiqueta afecta a esa etiqueta Sintaxis:

Más detalles

Informática General 2016 Cátedra: Valeria Drelichman, Pedro Paleo, Leonardo Nadel, Norma Morales

Informática General 2016 Cátedra: Valeria Drelichman, Pedro Paleo, Leonardo Nadel, Norma Morales UNA / AREA TRANSDEPARTAMENTAL DE ARTES MULTIMEDIALES Licenciatura en Artes Multimediales Informática General 2016 Cátedra: Valeria Drelichman, Pedro Paleo, Leonardo Nadel, Norma Morales CSS CSS - Hojas

Más detalles

Dar formato a los documentos XML

Dar formato a los documentos XML Dar formato a los documentos XML Ofimática Avanzada Profesor: Víctor Fresno Fernández Hojas de estilo La función de las hojas de estilo CSS es la de separar el contenido de la presentación Lenguaje diseñado

Más detalles

Joomla! 2.5 Cree y administre sus sitios Web

Joomla! 2.5 Cree y administre sus sitios Web Capítulo 1: Instalación de Joomla! 1. Introducción 11 2. Qué es un CMS? 11 3. HTML y XHTML 11 4. Diferenciar el contenido de la presentación 12 5. PHP y Apache 12 6. MySQL 13 7. Sitio estático o sitio

Más detalles

CSS Cascading Style Sheets Rellenos y Márgenes Antes de empezar...

CSS Cascading Style Sheets Rellenos y Márgenes Antes de empezar... Rellenos y Márgenes Antes de empezar... margin tienen una pequeña particularidad que suele ser el origen de muchos quebraderos de cabeza: Los márgenes exterior horizontales de cajas contiguas que se toque

Más detalles

DESCRIPCIÓN ESPECÍFICA NÚCLEO: COMERCIO Y SERVICIOS SUBSECTOR: INFORMÁTICA

DESCRIPCIÓN ESPECÍFICA NÚCLEO: COMERCIO Y SERVICIOS SUBSECTOR: INFORMÁTICA DESCRIPCIÓN ESPECÍFICA NÚCLEO: COMERCIO Y SERVICIOS SUBSECTOR: INFORMÁTICA Nombre del Módulo: ELABORACIÓN DE HOJAS DE ESTILO Código: CSTI008 total: Horas Objetivo General: Construir Hojas de Estilos para

Más detalles

Extensiones. Guillermo López Mozilla Hispano

Extensiones. Guillermo López Mozilla Hispano Extensiones Guillermo López Mozilla Hispano Extensiones Qué son? Programilla para extender el comportamiento/visualización de cualquier programa Mozilla Usan la misma tecnología que las aplicaciones Mozilla

Más detalles

Adobe Indesign. Programa de Estudio.

Adobe Indesign. Programa de Estudio. Adobe Indesign Programa de Estudio Adobe Indesign Desarrolla diseños editoriales de mediana y gran complejidad comorevistas, libros, diarios, boletines informativos y folletos. Aprende a maquetar y a diagramar

Más detalles

Presentación y objetivos

Presentación y objetivos Programación de Java Programación Web Presentación y objetivos JavaScript es un lenguaje de programación que se utiliza para realizar acciones dentro del ámbito de una página Web. Se trata de una programación

Más detalles

Desarrollo de sitios Web con HTML5, CSS3, jquery y Responsive Web Design

Desarrollo de sitios Web con HTML5, CSS3, jquery y Responsive Web Design Desarrollo de sitios Web con HTML5, CSS3, jquery y Responsive Web Design Nivel básico. Duración: 20 horas. Lección 1. Creando tu primera página Web en HTML5. Qué es HTML5 y CSS3? Términos comunes utilizados

Más detalles

Consejos para el correcto armado de HTML para Emails

Consejos para el correcto armado de HTML para Emails Consejos para el correcto armado de HTML para Emails Consejos para el correcto armado de HTML para Emails Cuando desarrollas una campaña de Email Marketing, es fundamental que tu mensaje sea recibido correctamente.

Más detalles

Hojas de Estilos - CSS. Desarrollo de Aplicaciones Web Departamento Informática y Sistemas Universidad de Murcia Curso 2014/15

Hojas de Estilos - CSS. Desarrollo de Aplicaciones Web Departamento Informática y Sistemas Universidad de Murcia Curso 2014/15 Hojas de Estilos - CSS Desarrollo de Aplicaciones Web Departamento Informática y Sistemas Universidad de Murcia Curso 2014/15 Introducción Motivación: Separar el formato del contenido y estructura de una

Más detalles

Informática General 2017 Cátedra: Valeria Drelichman, Pedro Paleo, Leonardo Nadel, Norma Morales

Informática General 2017 Cátedra: Valeria Drelichman, Pedro Paleo, Leonardo Nadel, Norma Morales UNA / AREA TRANSDEPARTAMENTAL DE ARTES MULTIMEDIALES Licenciatura en Artes Multimediales Informática General 2017 Cátedra: Valeria Drelichman, Pedro Paleo, Leonardo Nadel, Norma Morales CSS - parte 2 Selector

Más detalles

Temario Programación Web para Web

Temario Programación Web para Web Temario Programación Web para Web 1 Introducción al HTML 1 Qué es una página web? T 2 Qué es HTML? T 3 Porqué aprender HTML T 4 Base del lenguaje: las etiquetas HTML V 5 Estructura de un documento HTML

Más detalles

En que nos ayuda las hojas de estilo cascada (css)?

En que nos ayuda las hojas de estilo cascada (css)? HECHO POR CREACIONES Y DESARROLLO WEB COSTA RICA, CUALQUIER MACRO CON GUSTO ESTAMOS PARA AYUDARLE, LLAMENOS Y CON GUSTO LE ATENDEREMOS TEL 8364-3733 // 8348-9439 En que nos ayuda las hojas de estilo cascada

Más detalles

CSS: Hojas de Estilo en Cascada. Didier Fabián Granados Muñoz

CSS: Hojas de Estilo en Cascada. Didier Fabián Granados Muñoz CSS: Hojas de Estilo en Cascada Didier Fabián Granados Muñoz Contexto Qué hay detrás de esto? Contexto Cuenta la leyenda que al construir un documento HTML se tenía que definir cada una de las propiedades

Más detalles

... ...

<DOCTYPE HTML PUBLIC> <HTML> <HEAD>... </HEAD> <FRAMESET>... </FRAMESET> </HTML> ... ... Marcos en HTML

Más detalles

Técnico Profesional en Diseño Web Avanzado con CSS3

Técnico Profesional en Diseño Web Avanzado con CSS3 Técnico Profesional en Diseño Web Avanzado con CSS3 titulación de formación continua bonificada expedida por el instituto europeo de estudios empresariales Técnico Profesional en Diseño Web Avanzado con

Más detalles

Diseño y programaciã³n de pã ginas web

Diseño y programaciã³n de pã ginas web Diseño y programaciã³n de pã ginas web Objetivos Con motivo de mostrar a cada usuario cómo diseñar y programar páginas web, este curso pretende formar inicialmente al alumno sobre el lenguaje de programación

Más detalles

UNIVERSIDAD DON BOSCO FACULTAD DE ESTUDIOS TECNOLOGICOS ESCUELA DE COMPUTACION

UNIVERSIDAD DON BOSCO FACULTAD DE ESTUDIOS TECNOLOGICOS ESCUELA DE COMPUTACION CICLO 01-2016 UNIVERSIDAD DON BOSCO FACULTAD DE ESTUDIOS TECNOLOGICOS ESCUELA DE COMPUTACION GUIA DE LABORATORIO Nº 2 Nombre de la practica: Introducción y conceptos básicos de CSS Lugar de ejecución:

Más detalles

Diseño y desarrollo Web con HTML 5, CSS y Dreamweaver CS4 - URJC

Diseño y desarrollo Web con HTML 5, CSS y Dreamweaver CS4 - URJC Diseño y desarrollo Web con HTML 5, CSS y Dreamweaver CS4 - URJC Código: 13119 Modalidad Distancia 150 Duración Qué aprenderás? Con este curso aprenderás conocimientos teóricos y prácticos para poder desarrollar

Más detalles

DESARROLLO DE APLICACIONES WEB 2.0 CON HTML5, CSS3 PHP, MYSQL, JAVASCRIPT Y AJAX

DESARROLLO DE APLICACIONES WEB 2.0 CON HTML5, CSS3 PHP, MYSQL, JAVASCRIPT Y AJAX DESARROLLO DE APLICACIONES WEB 2.0 CON HTML5, CSS3 PHP, MYSQL, JAVASCRIPT Y AJAX Al terminar la actividad el asistente podrá (descripción de objetivos de la actividad): Las aplicaciones web 2.0 no son

Más detalles

Resumen Rápido de CSS

Resumen Rápido de CSS Resumen Rápido de CSS Selectores. Resumimos la manera de seleccionar los elementos a ''lookear''. * Todos los elementos div #div #div * Todos los elementos dentro de

Más detalles

CSS Flujo y posicionamiento

CSS Flujo y posicionamiento Vamos a comprobar que los cuadros de las páginas web siguen un flujo natural. Además, veremos cómo podemos anular dicho flujo y colocar elementos fijos o flotantes. Existen tres posibilidades de colocar

Más detalles

Cap. IV - Selectores, identificadores, clases y otros by Tux Merlin - Joomla-gnu.com

Cap. IV - Selectores, identificadores, clases y otros by Tux Merlin - Joomla-gnu.com CSS como dijimos significa Cascading Style Sheet, traducido Hojas de Estilo en Cascada, pero por qué lo de "cascading"? Esto se refiere a la de herencia que poseen los elementos, es decir, cuando definimos

Más detalles

QUÉ ES UNA HOJA DE ESTILOS? Una hoja de estilo en cascada (CSS) es un conjunto de reglas en las que definimos el formato que va a tomar un

QUÉ ES UNA HOJA DE ESTILOS? Una hoja de estilo en cascada (CSS) es un conjunto de reglas en las que definimos el formato que va a tomar un QUÉ ES UNA HOJA DE ESTILOS? Una hoja de estilo en cascada (CSS) es un conjunto de reglas en las que definimos el formato que va a tomar un determinado elemento de una página web. Siglas CCS significa "Cascading

Más detalles

Técnico Profesional en Diseño Web Avanzado con CSS3

Técnico Profesional en Diseño Web Avanzado con CSS3 Técnico Profesional en Diseño Web Avanzado con CSS3 Titulación acreditada por la Comisión Internacional de Formación de la UNESCO Técnico Profesional en Diseño Web Avanzado con CSS3 Técnico Profesional

Más detalles

Capacitación adquirida por el alumno al finalizar este modulo

Capacitación adquirida por el alumno al finalizar este modulo Curso de UML y UP Analiza, modela y diseña sistemas orientado a objetos con UML. Aprende cuándo y cómo utilizar todos los diagramas que forman parte de UML en forma práctica utilizando el Enterprise Architect

Más detalles

Ejercicios - HTML5 y CSS3

Ejercicios - HTML5 y CSS3 Índice 1 Ejercicio 1 - Estructura...2 2 Ejercicio 2 - Canvas... 2 3 Ejercicio 3 - Multimedia...2 4 Ejercicio 4 - Geolocalización... 3 5 Ejercicio 5 - Almacenamiento Offline... 3 6 Ejercicio 6 - CSS3...

Más detalles

Técnicas de visualización

Técnicas de visualización Técnicas de visualización Hojas de estilo CSS Máster en Tecnologías de la Información Geográfica Laboratori d Informació Geogràfica i de Teledetecció (LIGIT) Departament de Geografia. UAB Anna Jiménez

Más detalles

Pontificia Universidad Católica del Ecuador

Pontificia Universidad Católica del Ecuador 1. DATOS INFORMATIVOS: MATERIA O MÓDULO: LABORATORIO MODELOS GRÁFICO Y C.V. IV CÓDIGO: 16354 CARRERA: NIVEL: Diseño 6to No. CRÉDITOS: 2 CRÉDITOS TEORÍA: 1 CRÉDITOS PRÁCTICA: 1 SEMESTRE / AÑO ACADÉMICO:

Más detalles

1 BARRA de NAVEGACIÓN VERTICAL con BOTONES rollovers ver 2.

1 BARRA de NAVEGACIÓN VERTICAL con BOTONES rollovers ver 2. Barra de navegación vertical con Botones rollovers ver. 2_TIC 1º Bachillerato página 1/8 1 BARRA de NAVEGACIÓN VERTICAL con BOTONES rollovers ver 2...1 1.1 Intro...1 1.2 Código HTML de la lista de vínculos...2

Más detalles

Illustrator. Programa de Estudio.

Illustrator. Programa de Estudio. Illustrator Programa de Estudio Illustrator Aprende a desarrollar piezas de comunicación gráfica con Adobe Ilustratorpara construir posters, flyers, eflyers, folletos y avisos. Descubre cómo utilizar herramientas

Más detalles

ÍNDICE INTRODUCCIÓN...13 CAPÍTULO 1. PRIMEROS PASOS EN HTML...17

ÍNDICE INTRODUCCIÓN...13 CAPÍTULO 1. PRIMEROS PASOS EN HTML...17 ÍNDICE INTRODUCCIÓN...13 CAPÍTULO 1. PRIMEROS PASOS EN HTML...17 CAPÍTULO 2. CONFIGURANDO FONDO Y TEXTO...25 2.1 CONFIGURANDO EL FONDO...25 2.1.1 Los colores en HTML...28 2.2 CONFIGURANDO EL TEXTO...31

Más detalles

UNIDAD 1 GENERALIDADES HTML

UNIDAD 1 GENERALIDADES HTML UNIDAD 1 GENERALIDADES HTML GENERALIDADES HTML5 Una página web es un archivo con texto en el que se insertan diferentes etiquetas HTML, para que ese contenido pueda ser interpretado por el navegador web.

Más detalles

Tema 2. I- Hojas de estilo CSS.

Tema 2. I- Hojas de estilo CSS. Tema 2. I- Hojas de estilo CSS. Programación Multimedia. G.I.M. Inmaculada Coma, Francisco Grimaldo Resumen En este tema: Recordaremos cómo crear estilos CSS e insertarlos en una página HTML. Recordaremos

Más detalles

Figura 1: página de la vivienda sin estilo

Figura 1: página de la vivienda sin estilo Diseño de Interfaces Hombre Máquina Prácticas de laboratorio Curso 2009/10 Práctica 2 Interacción con hojas de estilo en cascada 1 Objetivo 1.1 Creación de una hoja de estilo La figura 1 muestra una página

Más detalles

Técnico Profesional en Diseño Web Avanzado con CSS3

Técnico Profesional en Diseño Web Avanzado con CSS3 Técnico Profesional en Diseño Web Avanzado con CSS3 TITULACIÓN DE FORMACIÓN CONTINUA BONIFICADA EXPEDIDA POR EL INSTITUTO EUROPEO DE ESTUDIOS EMPRESARIALES Técnico Profesional en Diseño Web Avanzado con

Más detalles

Maquetación con estilos

Maquetación con estilos Objetivos específicos Maquetación con estilos Aplicar estilos relacionados con tamaños, bordes y márgenes. Aplicar estilos relacionados con el posicionamiento de los objetos. Contenidos Estilos de caja.

Más detalles

Contenido. Curso de Diseño básico de páginas web (online)

Contenido. Curso de Diseño básico de páginas web (online) Contenido Curso de Diseño básico de páginas web (online) ACCIóN FORMATIVA Curso de Diseño básico de páginas web (online) La presente guía tiene como finalidad proporcionar al alumno/a una visión general

Más detalles

HOJAS DE ESTILO PORTAL PISTA LOCAL PÁGINA DE INICIO

HOJAS DE ESTILO PORTAL PISTA LOCAL PÁGINA DE INICIO HOJAS DE ESTILO PORTAL PISTA LOCAL PÁGINA DE INICIO PORTADA Las hojas de estilo referenciadas en la portada (http://pistalocal.pista-femp.org.es/index.php) son:

Más detalles

Edición HTML. Estilos CSS MINISTERIO DE EDUCACIÓN Y CIENCIA SECRETARÍA GENERAL DE EDUCACIÓN Y FORMACIÓN PROFESIONAL

Edición HTML. Estilos CSS MINISTERIO DE EDUCACIÓN Y CIENCIA SECRETARÍA GENERAL DE EDUCACIÓN Y FORMACIÓN PROFESIONAL MINISTERIO DE EDUCACIÓN Y CIENCIA SECRETARÍA GENERAL DE EDUCACIÓN Y FORMACIÓN PROFESIONAL DIRECCIÓN GENERAL DE EDUCACIÓN, FORMACIÓN PROFESIONAL E INNOVACIÓN EDUCATIVA CENTRO NACIONAL DE INFORMACIÓN Y COMUNICACIÓN

Más detalles

CSS BÁSICO Hojas de Estilo. Iván Martínez Toro

CSS BÁSICO Hojas de Estilo. Iván Martínez Toro CSS BÁSICO Hojas de Estilo Iván Martínez Toro ÍNDICE DECONTENIDOS Introducción al CSS. Cómo es CSS? Sintaxis general. Reglas. Selectores. Class. Divy Span. Uso de las hojas de estilo. CSS (CASCADING STYLE

Más detalles

Wenceslao Zavala

Wenceslao Zavala Producción Digital I Wenceslao Zavala www.producciondigitalup.com.ar alumnos@producciondigitalup.com.ar 2 Desplazamiento de Artículos HTML + CSS HTML CSS apariencia {} 3 4 Caja de elemento

Más detalles

Microsoft Excel 2010 Completo + Profesional

Microsoft Excel 2010 Completo + Profesional Microsoft Excel 2010 Completo + Profesional Duración: 80.00 horas Descripción La hoja de cálculo es una herramienta básica para realizar operaciones aritméticas de una forma rápida y sencilla. Asimismo

Más detalles

Hojas de estilo (CSS)

Hojas de estilo (CSS) Tema 2b Hojas de estilo (CSS) Texto http://www.flickr.com/photos/urke/3223200963 Dando estilo visual a las páginas HTML Hojas de estilo 2 Separar la estructura del documento (etiquetas HTML) del estilo

Más detalles

Arquitectura de Tecnologías Web Por César Bustamante Gutiérrez. Módulo II: Tecnologias del lado del Cliente Tema 1: HTML5. www.librosdigitales.

Arquitectura de Tecnologías Web Por César Bustamante Gutiérrez. Módulo II: Tecnologias del lado del Cliente Tema 1: HTML5. www.librosdigitales. 1 Que es CSS3? El CSS sirve para definir la estética de un sitio web en un documento externo y eso mismo permite que modificando ese documento (la hoja CSS) podamos cambiar la estética entera de un sitio

Más detalles

III. Hojas de estilo en cascada (CSS)

III. Hojas de estilo en cascada (CSS) III. Hojas de estilo en cascada (CSS) 1. Introducción 2. Declaración de CSS 2.1. Propiedades típicas en CSS 2.2. Inserción de CSS en HTML 3. Herencia de propiedades en CSS 4. Declaración avanzada de CSS

Más detalles

HOJAS DE ESTILO: CSS3

HOJAS DE ESTILO: CSS3 HOJAS DE ESTILO: CSS3 ETIQUETAS HTML5 HOJAS DE ESTILO CSS3 CONTENIDO PRESENTACIÓN El mismo contenido puede visualizarse en función de la hoja de estilo. Permiten actualizar y cambiar la presentación de

Más detalles

ANEXO I ACCION FORMATIVA: COMPETENCIAS DIGITALES

ANEXO I ACCION FORMATIVA: COMPETENCIAS DIGITALES ANEXO I ACCION FORMATIVA: COMPETENCIAS DIGITALES Índice 1. Identificación 2. Objetivo General 3. Objetivos específicos 4. Perfil del alumnado 5. Contenidos 6. Temporalización 7. Perfil del profesorado

Más detalles

Conceptos Teóricos de HTML5 (material extra adicional libro):

Conceptos Teóricos de HTML5 (material extra adicional libro): Temario de Examen Unidad I Materia: Informática Catedráticos: Víctor Aquino/Débora Santizo Temas: Uso del programa Sublime Text Forma Correcta de guardar archivos html y css (.html y.css) Uso de la etiquetas

Más detalles

Yusef Hassan Montero Francisco Jesús Martín Fernández. Introducción a DOM. Todos los derechos reservados www.nosolousabilidad.com

Yusef Hassan Montero Francisco Jesús Martín Fernández. Introducción a DOM. Todos los derechos reservados www.nosolousabilidad.com Yusef Hassan Montero Francisco Jesús Martín Fernández Introducción a DOM Todos los derechos reservados www.nosolousabilidad.com INTRODUCCIÓN DOM, Document Object Model o Modelo de Objetos de Documento,

Más detalles

Diseño Web Avanzado con HTML5 y CSS3

Diseño Web Avanzado con HTML5 y CSS3 Diseño Web Avanzado con HTML5 y CSS3 METODOLOGÍA DE LOS CURSOS Cursos interactivos sobre materias especializadas en los que el alumno avanza de forma guiada bajo una concepción learning by doing (aprender

Más detalles

Curso Online de Programación Web Avanzada: Práctico

Curso Online de Programación Web Avanzada: Práctico Curso Online de Programación Web Avanzada: Práctico Titulación certificada por EUROINNOVA BUSINESS SCHOOL Curso Online de Programación Web Avanzada: Práctico Curso Online de Programación Web Avanzada:

Más detalles

Hojas de estilos en cascada con Dreamweaver

Hojas de estilos en cascada con Dreamweaver Hojas de estilos en cascada con Dreamweaver Las hojas de estilos en cascada (CSS) son un conjunto de reglas de formato que controlan el aspecto del contenido de una página Web. Los estilos CSS aportan

Más detalles

Conalep Ing. Bernardo Quintana Arrioja

Conalep Ing. Bernardo Quintana Arrioja Conalep Ing. Bernardo Quintana Arrioja Portafolio de Evidencias DISEÑO Y ELABORACIÓN DE PÁGINAS WEB SIGLEMA DEWE-02 Mtra. Luz Yuvina Campos García Profesional Técnico Bachiller en Informática Sexto Semestre

Más detalles

Guía del Curso Dreamweaver CS 5

Guía del Curso Dreamweaver CS 5 Guía del Curso Dreamweaver CS 5 Modalidad de realización del curso: Número de Horas: Titulación: Online 80 Horas Diploma acreditativo con las horas del curso OBJETIVOS Dreamweaver es el programa líder

Más detalles

MASTER PROFESIONAL DE DISEÑO WEB

MASTER PROFESIONAL DE DISEÑO WEB MASTER PROFESIONAL DE DISEÑO WEB TEMARIO MODULO I INTRODUCCIÓN A HTML 1.1. HTML como lenguaje estructurador de documentos 1.2. Terminología de HTML 1.3. Tipos de documentos (DOCTYPE) 1.4. Separación de

Más detalles

Dreamweaver CS 5. 1 Conociendo Adobe Dreamweaver CS Introducción a Adobe Dreamweaver. 1.2 Novedades de Dreamweaver CS5

Dreamweaver CS 5. 1 Conociendo Adobe Dreamweaver CS Introducción a Adobe Dreamweaver. 1.2 Novedades de Dreamweaver CS5 Dreamweaver CS 5 1 Conociendo Adobe Dreamweaver CS5 1.1 Introducción a Adobe Dreamweaver 1.2 Novedades de Dreamweaver CS5 1.3 Requerimientos técnicos 1.4 Editar páginas Web 1.5 Cómo tener una página en

Más detalles

PLAN DE ESTUDIOS DE INFORMÁTICA SEGUNDO GRADO DE SECUNDARIA

PLAN DE ESTUDIOS DE INFORMÁTICA SEGUNDO GRADO DE SECUNDARIA PLAN DE ESTUDIOS DE INFORMÁTICA SEGUNDO GRADO DE SECUNDARIA Consideraciones iniciales: 1. Presentar el reglamento del aula de medios (uso correcto de las computadoras, medidas de seguridad en el aula,

Más detalles

Introducción a CSS. Aplicaciones Web (2016/17) Jesús Arias Fisteus. Aplicaciones Web (2016/17) Introducción a CSS 1

Introducción a CSS. Aplicaciones Web (2016/17) Jesús Arias Fisteus. Aplicaciones Web (2016/17) Introducción a CSS 1 Introducción a CSS Jesús Arias Fisteus Aplicaciones Web (2016/17) Aplicaciones Web (2016/17) Introducción a CSS 1 Parte I Introducción a CSS Aplicaciones Web (2016/17) Introducción a CSS 2 Hola Mundo!

Más detalles

LÍNEAS SEPARADORAS. ETIQUETA
. COMENTARIOS EN HTML. ATRIBUTOS SIZE, WIDTH, NOSHADE (DEPRECATED). EJEMPLOS (CU00716B)

LÍNEAS SEPARADORAS. ETIQUETA <HR>. COMENTARIOS EN HTML. ATRIBUTOS SIZE, WIDTH, NOSHADE (DEPRECATED). EJEMPLOS (CU00716B) APRENDERAPROGRAMAR.COM LÍNEAS SEPARADORAS. ETIQUETA . COMENTARIOS EN HTML. ATRIBUTOS SIZE, WIDTH, NOSHADE (DEPRECATED). EJEMPLOS (CU00716B) Sección: Cursos Categoría: Tutorial básico del programador

Más detalles

PLAN DE ESTUDIOS DE INFORMÁTICA TERCER GRADO DE SECUNDARIA

PLAN DE ESTUDIOS DE INFORMÁTICA TERCER GRADO DE SECUNDARIA PLAN DE ESTUDIOS DE INFORMÁTICA TERCER GRADO DE SECUNDARIA Consideraciones iniciales: 1. Presentar el reglamento del aula de medios (uso correcto de las computadoras, medidas de seguridad en el aula, uso

Más detalles

HTML (Básico + Avanzado) Código: 7060

HTML (Básico + Avanzado) Código: 7060 HTML (Básico + Avanzado) Código: 7060 Modalidad: Teleformación Duración: 56 horas Objetivos: HTML (BÁSICO) Para comenzar a programar páginas Web realicemos este programa formativo sobre el lenguaje de

Más detalles

LENGUAJES JÓVENES PROGRAMADORES

LENGUAJES JÓVENES PROGRAMADORES LENGUAJES JÓVENES PROGRAMADORES SCRATCH Qué es Scratch? Es un lenguaje de programación creado por el MIT (Instituto Tecnológico de Massachusetts, EE.UU.) y diseñado para el aprendizaje de la programación.

Más detalles

1 BARRA de NAVEGACIÓN VERTICAL con BOTONES rollovers

1 BARRA de NAVEGACIÓN VERTICAL con BOTONES rollovers Barra de navegación vertical con Botones rollovers_tic 1º Bachillerato página 1/8 1 BARRA de NAVEGACIÓN VERTICAL con BOTONES rollovers...1 1.1 Intro...1 1.2 Código HTML de la lista de vínculos...2 1.3

Más detalles

Máster en DISEÑO Y DESARROLLO DE PROYECTOS WEB

Máster en DISEÑO Y DESARROLLO DE PROYECTOS WEB Máster en DISEÑO Y DESARROLLO DE PROYECTOS WEB OBJETIVOS El máster está compuesto por los módulos de Diseño de páginas Web profesionales y Desarrollo de sitios Web con PHP y Javascript. Al finalizar el

Más detalles

MENÚS HORIZONTALES CSS Y MENÚS VERTICALES. CREAR MENÚS CON EFECTOS A PARTIR DE LISTAS CSS. CÓDIGO DE EJEMPLOS. (CU01049D)

MENÚS HORIZONTALES CSS Y MENÚS VERTICALES. CREAR MENÚS CON EFECTOS A PARTIR DE LISTAS CSS. CÓDIGO DE EJEMPLOS. (CU01049D) APRENDERAPROGRAMAR.COM MENÚS HORIZONTALES CSS Y MENÚS VERTICALES. CREAR MENÚS CON EFECTOS A PARTIR DE LISTAS CSS. CÓDIGO DE EJEMPLOS. (CU01049D) Sección: Cursos Categoría: Tutorial básico del programador

Más detalles

La biblia de HTML Francisco Charte Ojeda

La biblia de HTML Francisco Charte Ojeda La biblia de HTML Francisco Charte Ojeda Agradecimientos Introducción Diseño Web Sobre este libro Estructura del libro Tipografía y estilos Información de soporte Parte I. Las bases 1. Internet y la Web

Más detalles

Wenceslao Zavala. www.producciondigitalup.com.ar

Wenceslao Zavala. www.producciondigitalup.com.ar Wenceslao Zavala www.producciondigitalup.com.ar www.producciondigitalup.com.ar Transferencia de Archivos vía FTP Para esto se necesita: Dirección FTP: producciondigitalup.com.ar Usuario: produccionup Contraseña:

Más detalles

MÓDULO 1: Dreamweaver 8.0 Parte 1ª

MÓDULO 1: Dreamweaver 8.0 Parte 1ª Diseño y Animación Web: Dreamweaver 8.0 El objetivo de este curso es preparar de forma fácil y didáctica en el diseño y publicación una página Web, usando una de las herramientas de las tecnologías Macromedia

Más detalles

Tutorial de Diseño Web y CSS

Tutorial de Diseño Web y CSS Titulación certificada por EUROINNOVA BUSINESS SCHOOL Tutorial de Diseño Web y CSS Tutorial de Diseño Web y CSS Duración: 60 horas Precio: 39 * Modalidad: Online Descripción En la actualidad, Dreamweaver

Más detalles

Tecnología WEB: Desarrollo De Aplicaciones.

Tecnología WEB: Desarrollo De Aplicaciones. Tecnología WEB: Desarrollo De Aplicaciones. 72 Horas OBJETIVOS Facilitar al alumno el acceso al desarrollo de aplicaciones WEB Estudiar los conceptos más importantes del entorno WEB, tanto HTML como productos

Más detalles

Capacitación adquirida por el alumno al finalizar este modulo

Capacitación adquirida por el alumno al finalizar este modulo Curso de Flash Aprende a desarrollar animaciones de alto impacto visual para la Web o bien para utilizar en presentaciones comerciales. Domina la herramienta más utilizada del mercado para la creación

Más detalles

CSS 3. Fernando O!ega.

CSS 3. Fernando O!ega. CSS 3 Fernando O!ega fernando.ortega@eui.upm.es Qué falta en CSS 2.1? 2 Selectores Lista completa de nuevos selectores: http://www.w3.org/tr/css3- selectors/ Selector de atributo condicional: Permite seleccionar

Más detalles

DIPLOMADO DISEÑO Y PRODUCCIÓN WEB MÓDULO ADOBE DREAMWEAVER CC: DESARROLLO WEB ADAPTABLE

DIPLOMADO DISEÑO Y PRODUCCIÓN WEB MÓDULO ADOBE DREAMWEAVER CC: DESARROLLO WEB ADAPTABLE DIPLOMADO DISEÑO Y PRODUCCIÓN WEB MÓDULO ADOBE DREAMWEAVER CC: DESARROLLO WEB ADAPTABLE 1 Familiarizarse con el espacio de trabajo Cambiar y dividir vistas Vista Diseño Vista Código Vista Dividir Vista

Más detalles

Curso práctico avanzado

Curso práctico avanzado Curso práctico avanzado 1 HTML & CSS HTML & CSS: Curso práctico avanzado Sergio Luján Mora De la edición: PUBLICACIONES ALTARIA, S.L. Se ha puesto el máximo interés en ofrecer al lector una información

Más detalles

CSS. Departamento de Lenguajes y Computación Universidad de Almería CSS. Contenidos

CSS. Departamento de Lenguajes y Computación Universidad de Almería CSS. Contenidos Desarrollo de aplicaciones web Manuel Torres Gil mtorres@ual.es Departamento de Lenguajes y Computación Universidad de Almería Desarrollo de aplicaciones web 1. Características y ventajas de 2. Sintaxis

Más detalles

CURSO DESARROLLO WEB RESPONSIVO E INTERACTIVO CON HTML5, CSS3 Y JQUERY

CURSO DESARROLLO WEB RESPONSIVO E INTERACTIVO CON HTML5, CSS3 Y JQUERY CURSO DESARROLLO WEB RESPONSIVO E INTERACTIVO CON HTML5, CSS3 Y JQUERY CURSO DESARROLLO WEB RESPONSIVO E INTERACTIVO CON HTML5, CSS3 Y JQUERY Escuela de Diseño El medio web actual requiere manejar adecuadamente

Más detalles

Las tablas pueden ser consideradas como un grupo de filas donde cada una de ellas contiene un grupo de celdas. Una tabla puede ser insertada en un

Las tablas pueden ser consideradas como un grupo de filas donde cada una de ellas contiene un grupo de celdas. Una tabla puede ser insertada en un Las tablas Las tablas pueden ser consideradas como un grupo de filas donde cada una de ellas contiene un grupo de celdas. Una tabla puede ser insertada en un documento HTML usando tres elementos básicos:

Más detalles

LENGUAJES DE PROGRAMACIÓN WEB (PHP1, HTML52)

LENGUAJES DE PROGRAMACIÓN WEB (PHP1, HTML52) LENGUAJES DE PROGRAMACIÓN WEB (PHP1, HTML52) LENGUAJES DE PROGRAMACIÓN WEB (PHP, HTML5) 1 Sesión No. 5 Nombre: Lenguaje de presentación Objetivo: Conocer la importancia de los lenguajes de presentación.

Más detalles

Categoría Área de conocimiento Ref. Unidad de Trabajo

Categoría Área de conocimiento Ref. Unidad de Trabajo Módulo Hojas de cálculo A continuación se describe el programa de estudio correspondiente al módulo Hojas de cálculo, el cual constituye la base para el examen teórico y práctico de este módulo. Objetivos

Más detalles