Desarrollo de sitios Web con HTML5, CSS3, jquery y Responsive Web Design
|
|
|
- José Ángel Aguilar Suárez
- hace 9 años
- Vistas:
Transcripción
1 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 en HTML. Elementos. Etiquetas. Atributos. Estructura de un documento en HTML. Elementos abiertos. Validación de código. Términos comunes utilizados en CSS. Selectores. Propiedades. Valores. Trabajando con selectores. Selectores de tipo. Selectores de clase. Selectores ID. Selectores adicionales. Implementación de hojas de estilo en cascada (CSS). Otras opciones para incluir código CSS. Uso de hojas de estilo reset. Pruebas y compatibilidad en navegadores. Lección 2. Introducción al lenguaje HTML. Semántica general. Elementos <div> y <span>. Elementos de bloque y en línea. Cómo agregar comentarios en HTML y CSS? Uso e implementación de elementos basados en texto. Encabezados (elementos <h1> - <h6>). Párrafos (elemento <p>).
2 Texto en negrita (elemento <strong>). Texto en itálica (elemento <em>). Estructura base para documentos en HTML5. El encabezado de la página (elemento <header>). Diferencias entre el uso de elementos <header>, <head>, <h1> - <h6>. Área de navegación (elemento <nav>). Artículos (elemento <article>). Secciones (elemento <section>). Cuándo utilizar los elementos <article>, <section> o <div>? Barras laterales (elemento <aside>). Pie de página (elemento <footer>). Codificación de caracteres especiales. Vínculos o anclas (elemento <a>). Uso de vínculos como elementos de bloque. Rutas relativas y absolutas. Vínculos a direcciones de correo electrónico. Enlaces en una nueva ventana. Enlaces a diferentes secciones en la misma página. Lección 3. Introducción al uso de hojas de estilo en cascada (CSS). Cómo funcionan las hojas de estilo en cascada? Propiedades en cascada. Cálculo de especificidad. Puntos de especificidad. Selectores combinados. Espaciado entre selectores. Especificidad en selectores combinados. Implementación de estilos con múltiples clases. Valores comunes en propiedades CSS. Colores. Palabras clave en nombres para uso de colores. Colores en valor hexadecimal. Colores en formatos RGB y RGBa. Colores en formatos HSL y HSLa. Longitud (length). Longitud absoluta. Uso e implementación de unidades en píxeles. Longitud relativa. Uso e implementación de valores porcentuales. Uso e implementación de valores en unidades em. Lección 4. El modelo de cajas. Cómo se despliegan los elementos de una página Web en el navegador? La propiedad display. Qué es el modelo de cajas? Trabajando con el modelo de cajas. Ancho y alto (propiedades width y height ). Ancho (propiedad width ).
3 Alto (propiedad height ). Dimensionamiento de elementos en línea. Márgenes y espacio interno (propiedades margin y padding ). Márgenes (propiedad margin ). Espacio interno (propiedad padding ). Márgenes y espacio interno en elementos en línea. Sintaxis utilizada en declaraciones de margen y espacio interno. Aplicación de color en márgenes y espacio interno. Bordes. Tamaños de línea individuales en bordes. Bordes redondeados (propiedad border-radius ). Uso e implementación de la propiedad box-sizing. Valor content-box. Valor padding-box. Valor border-box. Elección del tamaño de caja adecuado. Herramientas para desarrollo Web. Lección 5. Posicionamiento de contenido. Posicionamiento a través de elementos flotantes (propiedad float ). Ruptura de flotación y uso de contenedores para elementos flotantes. Ruptura de flotación (propiedad clear ). Contenedores para elementos flotantes. Posicionamiento con elementos en línea. Eliminación de espacios en blanco entre elementos en línea. Generación de estructuras reutilizables (layouts). Elementos con posicionamiento único. Posicionamiento relativo. Posicionamiento absoluto. Lección 6. Tipografía. Diferencia entre tipo de letra (typeface) y fuente (font). Agregando color al texto. Propiedades para el manejo de fuentes. Familia (propiedad font-family ). Tamaño (propiedad font-size ). Estilo (propiedad font-style ). Variación (propiedad font-variant ). Grosor (propiedad font-weight ). Espacio entre líneas (propiedad line-height ). La propiedad simplificada font. Aplicación de propiedades en elementos basados en texto. Alineación (propiedad text-align ). Decoración (propiedad text-decoration ). Sangrado (propiedad text-indent ). Sombreado de texto (propiedad text-shadow ). Sombreado de elementos de bloque (propiedad box-shadow ). Transformación (propiedad text-transform ).
4 Espaciado entre letras (propiedad letter-spacing ). Espaciado entre palabras (propiedad word-spacing ). Uso e implementación de fuentes seguras para Web (Web-safe fonts). Incorporación de fuentes en proyectos Web. Inclusión de menciones y citas. El elemento <cite>. El elemento <q>. Uso del atributo cite en elementos <q>. El elemento <blockquote>. Uso del atributo cite en elementos <blockquote>. Lección 7. Colores, degradados e imágenes de fondo. Colores de fondo (propiedad background-color ). Cómo incluir un color de fondo transparente? Imágenes de fondo (propiedad background-image ). Repetición en imágenes de fondo (propiedad background-repeat ). Posicionamiento de imágenes de fondo (propiedad background-position ). La propiedad simplificada background. Uso e implementación de colores de fondo degradados. El uso de prefijos en navegadores para colores degradados. Degradados de tipo lineal. Orientación en degradados lineales. Degradados de tipo radial. Herramientas en línea para la generación de degradados. Implementación de etapas de color (color stops). Uso e implementación de múltiples imágenes de fondo. Nuevas propiedades CSS3 para uso de colores, degradados e imágenes de fondo. La propiedad background-size. Uso de valores cover y contain en la propiedad background-size. Las propiedades background-clip y background-origin. Lección 8. Listas. Listas no ordenadas (elemento <ul>). Listas ordenadas (elemento <ol>). El atributo start. El atributo reversed. El atributo value. Listas de definición (elemento <dl>). Listas anidadas. Aplicación de estilos a elementos en listas. Uso de la propiedad list-style-type. Uso de imágenes como viñetas en elementos de tipo lista. Posicionamiento de viñetas (propiedad list-style-position ). La propiedad simplificada list-style. Despliegue horizontal de elementos en una lista. Despliegue de elementos de lista (uso de la propiedad display ). Flotación de elementos de lista (uso de la propiedad float ). Cómo generar una barra de navegación utilizando elementos de lista?
5 Lección 9. Uso e implementación de recursos multimedia. Integración y manejo de imágenes (elemento <img>). Formatos de imagen soportados en los navegadores más utilizados en el mercado. Dimensionamiento de imágenes. Posicionamiento de imágenes. Posicionamiento en línea. Posicionamiento en bloque. Flotación de imágenes. Utilizar elementos de tipo imagen o imágenes de fondo? Integración y manejo de archivos de tipo audio. Atributos utilizados en el elemento <audio>. Implementación y sintaxis de la etiqueta <audio>. Integración y manejo de video. Personalización de controles para audio y video. Uso de imágenes para vista previa en videos (atributo poster ). Implementación y sintaxis de la etiqueta <video>. Formatos de audio y video en HTML5. Uso de marcos (elemento <iframe>). Uso del atributo seamless. Los elementos <figure> y <figcaption>. Uso e implementación del elemento <figure>. Uso e implementación del elemento <figcaption>. Lección 10. Formularios. Integración de formularios. Campos y áreas de texto. Uso y manejo de campos de entrada (elemento <input>). Selección de color (elemento tipo color ). Introducción de direcciones de correo electrónico (elemento tipo ). Rangos (elemento tipo range ). Hora (elemento tipo time ). Fecha (elemento tipo date ). Mes (elemento tipo month ). Búsqueda (elemento tipo search ). URL (elemento tipo url ). Fecha y hora (elemento tipo datetime ). Valores numéricos (elemento tipo number ). Teléfono (elemento tipo tel ). Semana (elemento tipo week ). Uso y manejo de áreas de texto (elemento <textarea>). Elementos de selección múltiple y menús. Radio buttons (elementos de tipo radio ). Check boxes (elementos de tipo checkbox ). Listas desplegables (elementos <select> y <option>). Elementos de selección múltiple. Botones.
6 Elemento de entrada de tipo submit. Botón de tipo submit. Otros elementos para la entrada de datos. Valores ocultos (elemento tipo hidden ). Campo para selección de archivos (elemento tipo file ). Distribución de elementos en formularios. Etiquetas (elemento <label>). Etiquetas con campos de entrada anidados. Contenedores de campos (elemento <fieldset>). Leyendas (elemento <legend>). Atributos para formularios y campos de entrada. Campo inactivo o inhabilitado (atributo disabled ). Texto de posición (atributo placeholder ). Campo requerido (atributo required ). Atributos adicionales en formularios. Formatos de archivo aceptados en un formulario (atributo accept ). Procesamiento de datos recopilados (atributo action ). Validación no requerida (atributo novalidate ). Elementos de sólo lectura (atributo readonly ). Autocompletado (atributo autocomplete ). Codificación de datos a enviar (atributo enctype ). Despliegue de respuesta en el envío de datos en una nueva ventana o pestaña (atributo target ). Valor mínimo aceptado en campos de tipo numérico o de fecha (atributo min ). Enfoque automático (atributo autofocus ). Método a utilizar para la recepción de datos (atributo method ). Valor máximo aceptado en campos de tipo numérico o de fecha (atributo max ). Patrones para el establecimiento de caracteres aceptados por un campo en un formulario (atributo pattern ). Establecimiento de intervalos para campos de tipo numérico (number), rango (range), fecha (date), fecha-hora (datetime), fecha-hora local (datetime-local), mes (month), hora (time) y semana (week). Atributo step. Lección 11. Tabulación y organización de datos en tablas. Uso y creación de tablas. El elemento <table>. Filas (elemento <tr>). Celdas o datos (elemento <td>). Encabezado de tabla (elemento <th>). Estructura de una tabla. Título de tabla (elemento <caption>). Cabeza, cuerpo y pie de tabla (elementos <thead>, <tbody> y <tfoot>). Cómo combinar celdas? Bordes en tablas. Modelo aplicado al borde (propiedad border-collapse ).
7 Espacio entre bordes (propiedad border-spacing ). Bordes en filas. Aplicación de estilos a tablas. Alineación de texto en tablas. Lección 12. Uso de mejores prácticas. Mejores prácticas para la codificación en HTML. Codificación de acuerdo a estándares. Uso de elementos semánticos. Determinar la estructura adecuada en un documento. Mantener el código organizado. Uso práctico y adecuado de clases y ID s. Indicar texto alternativo en imágenes (atributo alt ). Separar el contenido de las hojas de estilo. Evitar el uso excesivo de elementos <div>. Factorización constante de código. Mejores prácticas en hojas de estilo en cascada (CSS). Organización de código a través de comentarios. Generación de código CSS sin olvidar saltos de líneas y tabulaciones. Uso apropiado en nombres de clase. Selectores eficientes. Implementación de clases específicas cuando sea necesario. Uso de propiedades simplificadas y sus correspondientes valores. Uso simplificado de código en hexadecimal para valores de color. Sintaxis para valores en cero. Organización y agrupación de prefijos para compatibilidad entre navegadores. Estilos reutilizables. Recursos adicionales.
HTML. HTML (HyperText Markup Language) Creado en 1989 por el físico nuclear TIM BERNERS- LEE
HTML HTML (HyperText Markup Language) Creado en 1989 por el físico nuclear TIM BERNERS- LEE Se elaboró un protocolo para soportar e envío de información por la red. HTTP (Hyper Text Transfer Protocol)
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
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.
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
DESCRIPCIÓN ESPECÍFICA NÚCLEO: Núcleo Sector Comercio y Servicios.
DESCRIPCIÓN ESPECÍFICA NÚCLEO: Núcleo Sector Comercio y Servicios. SUBSECTOR: Informática y Comunicación. Nombre del Módulo: Creación de páginas Webs Código: CSTI0168 total: 60 horas Objetivo General:
HTML y XHTML. Desarrollo de Aplicaciones Web Departamento Informática y Sistemas Universidad de Murcia Curso 2013/2014
HTML y XHTML Desarrollo de Aplicaciones Web Departamento Informática y Sistemas Universidad de Murcia Curso 2013/2014 Etiquetas Contenido de una página web: Contenido (información). Instrucciones de estructura
Desarrollo de Aplicaciones para Internet I. Unidad III - CSS Profesor: M.C. Martín Olguín
Desarrollo de Aplicaciones para Internet I Unidad III - CSS Profesor: M.C. Martín Olguín Cascading Style Sheets (CSS) Aunque el HTML desde sus orígenes privilegia el contenido sobre la apariencia, esta
Guía del Curso Certificación IT en Adobe Dreamweaver CC 2015
Guía del Curso Certificación IT en Adobe Dreamweaver CC 2015 Modalidad de realización del curso: Número de Horas: Titulación: Online 140 Horas Diploma acreditativo con las horas del curso OBJETIVOS Este
CSS. Departamento de Lenguajes y Computación Universidad de Almería CSS. Contenidos
Desarrollo de aplicaciones web Manuel Torres Gil [email protected] Departamento de Lenguajes y Computación Universidad de Almería Desarrollo de aplicaciones web 1. Características y ventajas de 2. Sintaxis
Creación de una página web accesible sencilla
Unidad 2: Las hojas de estilo en cascada Creación de una página web accesible sencilla Objetivos: -Agregar formato a la página creada, a través de una hoja de estilo. Contenidos: -Incorporación de una
I: Formación complementaria en TI
I: Formación complementaria en TI DESARROLLO WEB - MULTIMEDIA FCDW01 Adobe Premiere Pro CS4 FCDW02 Crea tu sitio web con Joomla! FCDW03 Diseño y desarrollo web con HTML 5 y CSS2 FCDW04 DreamWeaver CS4
HTML INDICE: 1 Internet 2 Conceptos básicos 3 Estructura de un documento HTML 4 Dar formato a un documento 5 Listas 6 Imágenes
HTML INDICE: 1 Internet 1.1 Qué es Internet 1.2 Los comienzos de Internet 1.3 Aplicaciones que nos ofrece Internet 1.4 Qué es WWW 1.5 Servicios que nos ofrece WWW 1.6 Cuestionario: Internet 2 Conceptos
Técnico TIC en Diseño Web Responsive con HTML5 y CSS3
Técnico TIC en Diseño Web Responsive con HTML5 y CSS3 TITULACIÓN DE FORMACIÓN CONTINUA BONIFICADA EXPEDIDA POR EL INSTITUTO EUROPEO DE ESTUDIOS EMPRESARIALES Técnico TIC en Diseño Web Responsive con HTML5
HTML 5 : Formularios
HTML 5 : Formularios El formulario es una interfaz fundamental en las páginas web para interactuar con el usuario. Esta interacción se genera a través de variados elementos, como cajas para introducir
ESTETICA Y DISEÑO APLICADOS A LA WEB
ESTETICA Y DISEÑO APLICADOS A LA WEB Descripción de la asignatura El propósito de la asignatura es aprender a estructurar, diseñar y formalizar una Web habiendo identificado el público objetivo. De este
Curso Introduccio n a HTML5, CSS, JavaScript y PHP
Curso Introduccio n a HTML5, CSS, JavaScript y PHP Para alumnos y egresados del área Informática y Sistemas. Instituto Tecnológico Superior Zacatecas Norte Marzo 2012 Contenido Objetivo:... 3 Introducción:...
EXTENSIÓN DE UML PARA APLICACIONES WEB
EXTENSIÓN DE UML PARA APLICACIONES WEB 1. Descripción Esta extensión de UML define un conjunto de estereotipos, valores etiquetados y restricciones que nos permiten modelar aplicaciones web. Los estereotipos
Partes del formulario
Partes del formulario Etiqueta La etiqueta presenta los siguientes atributos: Comando ACTION METHOD ENCTYPE Descripción El valor de este parámetro es la URL del programa o script en el Servidor
HTML5 y CSS3 para sitios con diseño web responsive
Capítulo 1: Introducción A. El diseño web actual 11 B. Diseño web responsive 11 C. Planteamientos de diseño 12 D. Pasar a otra cosa 12 E. Objetivos del libro 13 F. Herramientas del maquetador 13 1. Objetivos
Objetivos y Temario CURSO HTML 5 PARA ios Y ANDROID
Objetivos y Temario CURSO HTML 5 PARA ios Y ANDROID OBJETIVOS Las aplicaciones para dispositivos móviles están gozando de un notable éxito. Su mercado, en continuo crecimiento, hace que todo lo que se
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
Diseño de páginas web 2011
Diseño de páginas web 2011 Al finalizar el curso, el alumno será capaz de planificar y diseñar correctamente desde sencillas páginas web hasta completos sitios web. Para ello, se le proporciona primero
AS237 - Dreamweaver CS5
AS237 - Dreamweaver CS5 Características Modalidad: Online Horas: 56 Objetivos Dreamweaver es el programa líder en la edición profesional de páginas Web. Es el software más utilizado para la creación y
EJERCICIOS HTML BÁSICOS
EJERCICIOS HTML BÁSICOS Ejercicio 1 Crear un documento HTML desde cero Crea la estructura de carpetas del sitio (carpeta raíz, carpeta de imágenes y de scripts). Dentro de la carpeta de scripts crea un
CURSO HTML5. www.council.cl. Dirección: Serrano #73, Piso 4, Oficina 414 Santiago, Chile. 1) Instalación de Navegadores y Herramientas
CURSO HTML5 1) Instalación de Navegadores y Herramientas Descarga e instalación de Mozilla Firefox Descarga e instalación de Google Chrome Descarga e instalación de Opera No tiene nombre en planilla Descarga
Desarrollo y servicios web
Desarrollo y servicios web Luisa Fernanda Rincón Pérez 2015-1 Qué vimos la clase pasada? 1.Presentación general 2. Presentación del curso 3. Conceptos introductorios e ingeniería web 4. Arquitectura web
CAPAS O CONTENEDORES EN HTML. ETIQUETAS DIV Y SPAN. EJEMPLOS. MAQUETAR O DAR ESTRUCTURA A LAS PÁGINAS WEB. (CU00726B)
APRENDERAPROGRAMAR.COM CAPAS O CONTENEDORES EN HTML. ETIQUETAS DIV Y SPAN. EJEMPLOS. MAQUETAR O DAR ESTRUCTURA A LAS PÁGINAS WEB. (CU00726B) Sección: Cursos Categoría: Tutorial básico del programador web:
Framework de twitter para desarrollo de aplicaciones web
Bootstrap 3.0 Aplicaciones Web/Sistemas Web Juan Pavón Mestras Dep. Ingeniería del Software e Inteligencia Artificial Facultad de Informática Universidad Complutense Madrid Curso de Aplicaciones Web/Sistemas
Yusef Hassan Montero Francisco Jesús Martín Fernández. Referencia CSS. Todos los derechos reservados www.nosolousabilidad.com
Yusef Hassan Montero Francisco Jesús Martín Fernández Referencia CSS Todos los derechos reservados www.nosolousabilidad.com Introducción Este documento tiene por objetivo servir de material de apoyo y
TÍTULO: MANUAL IMPRESCINDIBLE DE OFFICE 2010
TÍTULO: MANUAL IMPRESCINDIBLE DE OFFICE 2010 Disponibilidad Introducción 15 Guía de uso del manual 16 Convenios utilizados en este libro 17 Qué es Microsoft Office y cuáles son sus componentes 18 Capitulo
PROCESADOR DE TEXTO. Ventajas frente a un procesamiento manual INICIO Y FIN DE SESIÓN EN WORD XP
PROGRAMA DE MICROSOFT WORD XP Microsoft Word XP PROCESADOR DE TEXTO Ventajas frente a un procesamiento manual INICIO Y FIN DE SESIÓN EN WORD XP Ingresar con un acceso directo Ingresar a través del grupo
Objetivo: Índice de Contenido:
HTML Objetivo: Entrenar al participante en el uso de las herramientas de software libre más populares para el desarrollo de sistemas y sitios Web. Índice de Contenido: Reglas del HTML Modelo de Desarrollo
Aprenda los lenguajes HTML5, CSS3 y JavaScript para crear su primer sitio web
La Web 1. Qué es la Web? 7 1.1 Lado servidor: HTTP, FTP, lenguajes, SQL 7 1.2 Lado cliente: HTML, CSS, JavaScript 10 2. Los lenguajes y su utilidad 10 2.1 HTML 10 2.2 CSS 14 2.3 JavaScript 17 2.4 Ejemplo
PROGRAMA FORMATIVO. Diseño y desarrollo web con HTML 5, CSS y Dreamweaver CS4 - Obra completa - 2 volúmenes
PROGRAMA FORMATIVO Diseño y desarrollo web con HTML 5, CSS y Dreamweaver CS4 - Obra completa - 2 volúmenes Sector: Desarrollo Web Multimedia Modalidad: Distancia Duración: Objetivos: Código: 4356 Dotar
1 Guía de inicio rápido 2 Introducción a OUTLOOK 3 Trabajo con Outlook
1 Guía de inicio rápido 1.1 Introducción 1.2 Agregue su cuenta 1.3 Cambie el tema de Office 1.4 Cosas que puede necesitar 1.5 El correo no lo es todo 1.6 Cree una firma de correo electrónico 1.7 Agregue
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 Modalidad: Distancia, On-Line Duración: 154 horas Objetivos: Diseño y desarrollo Web con HTML 5 y CSS Dotar al alumno de conocimientos teóricos
DATOS ESPECÍFICOS DEL CURSO
DATOS ESPECÍFICOS DEL CURSO 14. Denominación del módulo: LA ESTRUCTURA DEL INTERFAZ Y LOS ELEMENTOS DE DISEÑO WEB Y MULTIMEDIA. 15. Objetivo del módulo: Diseñar la estructura del interfaz, identificando
Formularios HTML. Elementos de Programación y Lógica
Formularios HTML Elementos de Programación y Lógica Formularios HTML es un lenguaje de marcado cuyo propósito principal consiste en estructurar los contenidos de los documentos y páginas web. Sin embargo,
PROGRAMA: Diseño y desarrollo Web con HTML 5,
PROGRAMA: Diseño y desarrollo Web con HTML 5, CSS y Dreamweaver CS 4 Objetivos: Diseño y desarrollo Web con HTML 5 y CSS Dotar al alumno de conocimientos teóricos y prácticos para poder desarrollar un
Práctica 2: Diseño Web inicial. XHTML avanzado.
Grado de Información y Documentación Curso 2011-2012 33864-Informática II Práctica 2: Diseño Web inicial. XHTML avanzado. 1. Introducción y objetivos Introducción En esta práctica el alumno tendrá un tema
2.5. Manipular objetos y formularios en una página Web.
2.5. Manipular objetos y formularios en una página Web. Un formulario es una página web en la cual el usuario puede introducir información que posteriormente recibiremos para que sea procesada, por alguna
MICROSOFT WORD 2003 (COMPLETO)
MICROSOFT WORD 2003 (COMPLETO) Curso para conocer y aprender a manejar el procesador de textos Microsoft Word 2003, explicando las funciones necesarias para el manejo del programa y la creación de documentos
DISEÑO ORGANIZACIONAL. Diseño web avanzado con HTML5 y CSS5
DISEÑO ORGANIZACIONAL Diseño web avanzado con HTML5 y CSS5 PRESENTACIÓN Curso de diseño de páginas web en el que se estudian técnicas avanzadas y novedosas gracias a la aplicación de los estándares web
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
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
DISEÑO WEB MÓDULO II PROGRAMACIÓN CON HTML MÓDULO I GESTIÓN DE UN PROYECTO WEB CURSO TÉCNICO SUPERIOR
MÓDULO I GESTIÓN DE UN PROYECTO WEB MÓDULO II PROGRAMACIÓN CON HTML 01. PLANIFICACIÓN Y DESARROLLO DE UN PROYECTO WEB 02. EL DISEÑO GRAFICO APLICADO A WEB Definicion de un sitio web Planificación de un
Creación y uso de Hojas de Estilo
Creación y uso de Hojas de Estilo Definición de Hojas de Estilo con la etiqueta Definición de Hojas de Estilo en Ficheros Externos Definición de Clases de Estilo Definición de Estilos Individuales
Paquete de trabajo 3. Diseño Web del Proyecto REMERI. Manual. Enero 2013
Paquete de trabajo 3 Diseño Web del Proyecto REMERI Manual Enero 2013 Red Mexicana de Repositorios Institucionales REMERI 2 HOJA EN BLANCO Red Mexicana de Repositorios Institucionales REMERI 3 Paquete
Páginas web ::: Tablas Diseño de materiales multimedia. Web 2.0. 1.6 Tablas
42 1.6 Tablas 43 1.6 Tablas 1.6.1 Introducción Las tablas están formadas por filas (horizontales) y columnas (verticales), y el espacio en que intersectan se denominan celdas. Aunque es una práctica muy
Curso de Técnico Superior Diseño Web Profesional con Dreamweaver CS6
Modalidad Curso de Técnico Superior Diseño Web Profesional con Dreamweaver CS6 cod / EU 0518 A Distancia Duración 300 Horas Objetivos Aportar al alumno todas las competencias y conocimientos necesarios
> Temario Curso de Diseño Web <
le ayuda a crear hermosos diseños para sitios web y aplicaciones móviles en un instante, sin necesidad de programación. Brinda imágenes vectoriales y de mapa de bits, maquetas, gráficos 3D, y contenido
CSS. Cascading Style Sheets (Hojas de estilo en cascada)
1 CSS Cascading Style Sheets (Hojas de estilo en cascada) INTRODUCCIÓN Las Hojas de estilo son un conjunto de reglas de estilo definidas por el programador sobre elementos HTML, que definen la apariencia
Índice. Capítulo 1. Documentos HTML5... 1
Índice Capítulo 1. Documentos HTML5... 1 1.1 Componentes básicos... 1 1.2 Estructura global... 2 ... 2 ... 2 ... 3 ... 4 ... 5 ... 6 ... 7 1.3 Estructura
TÉCNICO PROFESIONAL EN DISEÑO WEB PROFESIONAL CON DREAMWEAVER CS6
Modalidad: Distancia Duración: 77 Horas Objetivos: En la actualidad Dreamweaver es uno de los principales programas utilizados por los profesionales para el diseño y maquetación de páginas web. Estos materiales
Tema 3.1: Principios de diseño web accesibles
Tema 3.1: Principios de diseño web accesibles Lourdes Moreno, Paloma Martínez Universidad Carlos III de Madrid {lmoreno,pmf}@inf.uc3m.es Asignatura Humanidades: Evitando las barreras de accesibilidad en
HTML. para E-mail. Guía de Buenas prácticas. Less ys More Ludwig Mies van der Rohe
HTML para E-mail Guía de Buenas prácticas Less ys More Ludwig Mies van der Rohe Ejemplo de un e-mail sin buenas prácticas Textos degradados Los textos están sobre un fondo degradado Newsletter Septiembre
CONTENIDOS PROGRAMA OFI (ORIENTACION, FORMACION E INSERCION)
PROGRAMA OFI (ORIENTACION, FORMACION E INSERCION) MÓDULO FORMATIVO 7 Denominación: Ofimática. Código: MF0233_2. Nivel de cualificación profesional: 2. Asociado a la Unidad de Competencia: UC0233_2 Manejar
Etiquetas Básicas (Estructura HTML) Etiquetas Atributos Valores Descripción. Formato de Presentación Etiquetas Atributos Valores Descripción
Etiquetas Básicas (Estructura HTML) Inicio y final del documento html text link alink vlink topmargin (IE) leftmargin (IE) marginheight margin
Contenidos del Curso Avanzado de Informática Educativa
Programa Editor de Páginas Web FrontPage Unidad 1 Programa Editor de páginas Web: recursos Lenguaje HTML Hipertexto - Hipervínculos URL Home Page o Página de Inicio Apertura del Programa FrontPage Ventana
Capítulo 3 Estilo para un documento HTML: CSS
Capítulo 3 Estilo para un documento HTML: CSS.3.0 Qué es el estilo?!"#$ "!$ &'!$!($ ) *+ " *, -.,#/-..3.1 Propiedades y valores 0 )" & + 1& &1& 2 " '" Medidas: 3 + 14 "56 1'#/ 1/5-7 3 1 1 + 1' Colores:
MICROSOFT OFFICE 2013: WORD, EXCEL, ACCESS, POWERPOINT, OUTLOOK
MICROSOFT OFFICE 2013: WORD, EXCEL, ACCESS, POWERPOINT, OUTLOOK Duración en horas: 200 1. WORD 2013 OBJETIVOS: Los objetivos que se persiguen en el curso son el uso de la herramienta Word 2013 desde un
Dreamweaver CS6 para PC/Mac Sitios completamente CSS conforme a los estándares del W3C
Introducción Internet en la actualidad 7 El World Wide Web Consortium y los estándares 7 Los programas de creación de sitios web 7 Objetivo del libro 8 Interfaz de creación El entorno del sistema 9 La
DISEÑO Y DESARROLLO WEB CON HTML 5, CSS Y DREAMWEAVER CS4 OBRA COMPLETA 2 VOLÚMENES
DISEÑO Y DESARROLLO WEB CON HTML 5, CSS Y DREAMWEAVER CS4 OBRA COMPLETA 2 VOLÚMENES Objetivos Dotar al interesado de conocimientos teóricos y prácticos para poder desarrollar un sitio Web con HTML y aplicar
Área Microsoft Word 2010. Área Microsoft Excel 2010. Área: Microsoft Word 2010
Área Microsoft Word 2010 Cursos Incluidos Word 2010: nivel 1 Word 2010: nivel 2 Word 2010: nivel 3 Área Microsoft Excel 2010 Cursos Incluidos Excel 2010: nivel 1 Excel 2010: nivel 2 Excel 2010: nivel 3
Diseño de páginas web
Diseño de páginas web Formularios Ricardo Esteban Alonso Insertar Formularios (1) Permiten que el visitante envíe información al servidor web, que la procesa y la almacena o bien se nos envía a través
MICROSOFT WORD 2007 1. AVANZADO. Nº Horas: 30. Objetivos:
MICROSOFT WORD 2007 1. AVANZADO Nº Horas: 30 Objetivos: Curso para conocer y aprender a manejar el procesador de textos Microsoft Word 2007, explicando las funciones necesarias para el manejo del programa
Aplicar colores y colores de fondo a tus sitios web. Examinaremos también métodos avanzados para posicionar y controlar imágenes de fondo.
Colores y fondos Aplicar colores y colores de fondo a tus sitios web. Examinaremos también métodos avanzados para posicionar y controlar imágenes de fondo. Color de primer plano: la propiedad 'color' La
1. Introducción a HTML
Introducción a HTML 1. Introducción a HTML 1. Introducción a HTML Qué es HTML? El HTML (Hyper Text Markup Language) es un lenguaje que sirve para escribir hipertexto, es decir, documentos de texto estructurado,
Especialista TIC en Programación de Videojuegos con HTML5 + Javascript + CSS3
Especialista TIC en Programación de Videojuegos con HTML5 + Javascript + CSS3 Informática, Diseño y Programación Ficha Técnica Categoría Programación Referencia Precio Horas 8636-1301 78.00 Euros 300 Contenido
INSTITUTO DE EDUCACIÓN SUPERIOR TECNOLÓGICO IBEROTEC SEMESTRE ACADÉMICO: 2014-II SÍLABO. Informáticas
INSTITUTO DE EDUCACIÓN SUPERIOR TECNOLÓGICO IBEROTEC SEMESTRE ACADÉMICO: 2014-II 1. DATOS GENERALES SÍLABO CARRERA PROFESIONAL : Telemática / Sistemas de Telecomunicaciones UNIDAD DIDÁCTICA : Introducción
IFCD0110 CONFECCIÓN Y PUBLICACIÓN DE PÁGINAS WEB. ETSI Minas y Energía - UPM RESPONSIVE DESIGN. Bernardo Chenlo
IFCD0110 CONFECCIÓN Y PUBLICACIÓN DE PÁGINAS WEB. ETSI Minas y Energía - UPM 1 RESPONSIVE DESIGN Bernardo Chenlo 2 INTRODUCCIÓN Qué es Responsive Design? Responsive Design El contenido se adapta a la pantalla
OFIMÁTICA BÁSICA WORD XP
OBJETIVOS OFIMÁTICA BÁSICA WORD XP El objetivo de este curso es que el alumno domine las herramientas informáticas básicas más utilizadas por el usuario a nivel personal y profesional. Con el procesador
PROGRAMA MICROSOFT WORD 2007 COMPLETO MODALIDAD ONLINE
PROGRAMA MICROSOFT WORD 2007 COMPLETO MODALIDAD ONLINE MICROSOFT POWERPOINT 2007 COMPLETO: Curso para conocer y aprender a manejar el procesador de textos Microsoft Word 2007, explicando las funciones
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:
Curso Especialista Técnico Programador Web
Curso Especialista Técnico Programador Web Total 185 horas Modalidad: presencial, 100% práctico. Descuento al realizar el curso completo. Financiación: pago por cuotas. Bonificable. Bolsa de trabajo. 1.
Ejercicios del bloque de Web de Sistemas de Información:
Ejercicios del bloque de Web de Sistemas de Información: Ejercicio 1: Explica brevemente las principales diferencias entre DTDs y XML Schema. Ejercicio 2: En el contexto de XML qué es un documento bien
CAJA DE ESQUINAS REDONDEADAS Y ANCHO FIJO ver. 3
ver. 3 Diseño de cajas de esquinas redondeadas y ancho fijo para Diseño WEB _TICO 1º Bachillerato página 1/10 CAJA DE ESQUINAS REDONDEADAS Y ANCHO FIJO ver. 3...1 Procedimiento 1: Diseño con Gimp de una
Observe las diferencias entre las distintas posibilidades de alineación del texto. En la figura 3.38 se muestra Alineación del texto.
3.6.3 Alineación del texto. La manera más fácil de cambiar la alineación del texto en el documento es utilizar los botones de alineación de la barra de herramientas Formato. En el Cuadro de diálogo Párrafo
56h DREAMWEAVER 8 OBJETIVOS DEL CURSO. ÍNDICE 1 Conociendo Macromedia Dreamweaver. 2 Creación de sitios y páginas Web
56h DREAMWEAVER 8 OBJETIVOS DEL CURSO Dreamweaver es el programa líder en la edición profesional de páginas Web. Es el software más utilizado para la creación y mantenimiento de páginas Web por los principales
IFCD0110 CONFECCIÓN Y PUBLICACIÓN DE PÁGINAS WEB. ETSI Minas y Energía - UPM TRANSICIONES. Bernardo Chenlo
IFCD0110 CONFECCIÓN Y PUBLICACIÓN DE PÁGINAS WEB. ETSI Minas y Energía - UPM 1 TRANSICIONES Bernardo Chenlo 2 ANIMANDO CON CSS3 Cómo animar con 3 líneas de CSS en lugar de 60 de JS Transiciones CSS3 Desarrolladas
ESCUELA SUPERIOR DE COMERCIO MANUEL BELGRANO NIVEL TERCIARIO CONTENIDO
CARRERA: TÉCNICO SUPERIOR EN GESTION FINANCIERA PLAN: 2000 ASIGNATURA: OFIMÁTICA CURSO: 1 VIGENCIA DEL PROGRAMA DESDE HASTA TIPO DE ASIGNATURA: COMPLEMENTARIA 2004 PERIODO LECTIVO: CUATRIMESTRAL 1º CUATRIMESTRE
Certificación IT en Adobe Dreamweaver CC 2015 (Online)
Certificación IT en Adobe Dreamweaver CC 2015 (Online) TITULACIÓN DE FORMACIÓN CONTINUA BONIFICADA EXPEDIDA POR EL INSTITUTO EUROPEO DE ESTUDIOS EMPRESARIALES Certificación IT en Adobe Dreamweaver CC 2015
BASE DE DATOS ACCESS INICIACION
BASE DE DATOS ACCESS INICIACION DURACION: 24 HORAS Los participantes al finalizar la acción formativa serán capaces de gestionar las bases de datos, adquiriendo los conocimientos teóricos y prácticos necesarios
DISEÑO WEB (I y II) CONTENIDO TEMÁTICO
DISEÑO WEB (I y II) CONTENIDO TEMÁTICO 1. Historia de internet 2. Introducción a las aplicaciones web 3. Estructura de un sitio web 4. Accesibilidad web a. Normas de accesibilidad del World Wide Web Consortium
Curso de Maquetación Web: HTML 5 y CSS
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.
5.- Crear páginas web con Nvu
5.- Crear páginas web con Nvu Nvu permite crear y publicar páginas web sin necesidad de tener conocimientos de HTML y de una forma tan sencilla como utilizar un procesador de textos. La barra de herramientas
OpenOffice.org Calc MANUAL CALC 1.INTRODUCCIÓN... 2 2. ENTORNO... 3 1.1 BARRAS DE MENÚ... 3 1.2 PERSONALIZACIÓN DE BARRAS... 4
MANUAL CALC Índice de contenido 1.INTRODUCCIÓN... 2 2. ENTORNO... 3 1.1 BARRAS DE MENÚ... 3 1.2 PERSONALIZACIÓN DE BARRAS... 4 3. MANEJO DE DOCUMENTOS... 5 2.1 ABRIR DOCUMENTOS... 5 2.2 GUARDAR DOCUMENTOS
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º 1 Nombre de la practica: Introducción y conceptos básicos de HTML Lugar de ejecución:
PLAN DE SESIÓN. 1.1 Determina la estructura del sitio web con base en las necesidades del usuario
DATOS GENERALES: Nombre del Módulo: Diseño y elaboración de páginas web Sesión No. 1 Duración 2 horas 1.1 Determina la estructura del sitio web con base en las necesidades del usuario Estructura y compara