HTML 5 & CSS 3. Expositor: Tec. Henrry Osmar Torres Andonaire

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

Download "HTML 5 & CSS 3. Expositor: Tec. Henrry Osmar Torres Andonaire"

Transcripción

1 HTML 5 & CSS 3 Expositor: Tec. Henrry Osmar Torres Andonaire Laboral: Personal: Sitio Web: Facebook: HeOsToAnd/ Pimentel - Perú Octubre del 2014

2 Qué es una Página Web?

3 Qué es un Web Master?

4 Qué necesito para crear una Página Web? Un editor de Código HTML.

5 Qué necesito para crear una Página Web? Un editor de imágenes

6 Qué necesito para crear una Página Web? Navegadores de Internet

7 Qué necesito para crear una Página Web? Un dominio y hosting

8 Qué necesito para crear una Página Web? Servidor Web Local

9 Qué necesito para crear una Página Web? Gestor de Archivos FTP

10 Los CMS s (Sistemas Gestores de Contenido)

11 Otras Tecnologías Web

12 Otras Tecnologías Web

13 La Web y las Tecnologías Móviles

14

15 Qué es HTML 5? El HTML5 (HyperText Markup Language) es la quinta revisión del lenguaje de marcas de hipertexto de la World Wide Web. Esta nueva versión pretende remplazar al actual (X)HTML. VERSIONES HTML : HTML 2.0 HTML 3.2 HTML 4.0

16 HTML 5 y la compatibilidad con los Navegadores

17 Intenciones del HTML 5 Actualmente es abusivo el uso de elementos DIV para estructurar una web en bloques. Asi mismo el empleo de tablas en exceso generaba inconvenientes, ya sea para adaptar a un dispositivo móvil. Nos brinda varios elementos que perfeccionan esta estructuración estableciendo qué es cada sección, eliminando así <div> innecesarios. Este cambio en la semántica hace que la estructura de la web sea más coherente y fácil de entender por otras personas. Los navegadores podrán darle más importancia a las secciones de la web, facilitándole la tarea del posicionamiento SEO, así como cualquier otra aplicación que interprete sitios web.

18 Primeros pasos en HTML 5 Indicarle al navegador web que el documento que está abriendo es un documento html. Para ello se emplea la línea de código: En esta versión el Doctype es mucho más simplificado y compatible con HTML y XHTML.

19 Primeros pasos en HTML 5 Colocar nuestra etiqueta de cabecera <head></head> de HTML, alli podremos adjuntar nuestras hojas de estilo (CSS3), nuestro códigos de JavaScript (JS), librerías externas como Jquery, entre otros. Asi mismo tendremos que indicar el lenguaje alfabético en la que estará elaborada nuestra pagina web. Finalmente crearemos el cuerpo de nuestra página web. Lo codificamos como <body></body>

20 Primeros pasos en HTML 5 ETIQUETAS CONOCIDAS: <a href=«mi_ruta»></a> <b></b> <br> <button> <center></center> <cite></cite> <dir></dir> <div></div> <font size=«12» family=«arial»></font> <frame></frame> <iframe src=«ruta_pagina» ></iframe>

21 Primeros pasos en HTML 5 ETIQUETAS CONOCIDAS: <h1></h1> <h2></h2> <h3></h3> <h4></h4> <h5></h5> <h6></h6> <head></head> <hr> <input type=«tipo_de_caja» > <label> <li></li>

22 Primeros pasos en HTML 5 ETIQUETAS CONOCIDAS: <ul></ul> <meta></meta> <object src=«ruta_de_objeto» ></object> <ol></ol> <p>aca va mi parrafo</p> <script></script> <small></small> <span></span> <strong></strong> <style>aca van mis clases y mis estilos</style> <sub></sub>

23 Primeros pasos en HTML 5 ETIQUETAS CONOCIDAS: <sup></sup> <table></table> <td></td> <tr></tr> <textarea></textarea> <th> <title>titulo de mi Pagina Web<title> <u></u> <i></i> <form method=«metodo_envio_datos» action=«archivo_redireccion» ></form> <link src=«ruta_objeto_web» rel=«tipo_objeto» >

24 Las Nuevas Etiquetas HTML 5 <article> Define un articulo <aside> Define el contenido lateral del contenido de una página <audio> Define contenido con sonido <canvas> Usada para dibujar gráficos, por script, en el aire. (con JavaScript) <details> Especifica en un input una lista pre definida de opciones. <datalist> Especifica en un input una lista pre definida de opciones <embed> Define un contenedor de una aplicación externa (no-html). <figcaption> Define un título para una figura <figure> elemento <figure> Especifica contenido auto-contenido <footer> Define un pie página en un documento o sección

25 Las Nuevas Etiquetas HTML 5 <header> Define un encabezado para un documento o sección. <hgroup> Grupo de encabezado (<h1> a <h6>) elemento. <keygen> Define un campo generador de par de claves (para formularios). <mark> Define texto resaltado o marcado. <nav> Define un link de navegación. <section> Define una sección en un documento. <time> Define una fecha/hora. <video> Define un video o película. <wbr> Define un posible salto de línea. <svg></svg> Scalable Vector Graphics, etiqueta para insertar dibujos y animaciones vectoriales.

26 Etiquetas Básicas en HTML 5

27 Mejoras en los formularios! <input type= search > Para cajas de búsqueda. <input type= number > Para adicionar o restar números mediante botones. <input type= range > Para seleccionar un valor entre dos valores predeterminados. <input type= color > Seleccionar un color. <input type= tel > Números telefónicos. <input type= url > Direcciones web. <input type= > Direcciones de . Lo nuevo es que se auto valida. <input type= date > Para seleccionar un día en un calendario. <input type= month > Para meses. <input type= week > Para semanas. <input type= time > Para fechas. <input type= datetime > Para una fecha exacta, absoluta y tiempo. <input type= datetime-local > Para fechas locales y frecuencia.

28 Mejoras en los formularios! Placeholder: Autofocus Autocomplete Search: <input type= search x-webkit-speech>

29 Mejoras en los formularios! Tel: Url:

30 Mejoras en los formularios! Datetime

31 Mejoras en los formularios! Date: Week: Time: Number => <input type= number name= numero min= 0 max= 12 > Range => <input type= range name= rango min= 0 max= 69 >

32 Mejoras en los formularios! Color:

33 Código Limpio con HTML 5 <div id="news"> <div class="section"> <div class="article"> <div class="header"> <h1> demostración Sopa de Div.</h1> <p> Publicado el 05 de Abril 2012</p> </div> <div class="content"> <p> texto Lorem ipsum, bla, bla, bla. </p> <p> texto Lorem ipsum, bla, bla, bla. </p> <p> texto Lorem ipsum, bla, bla, bla. </p> </div> <div class"footer"> <p>etiqueta: HMTL, código, demo </p> </div> </div> <div class="aside"> <div class="header"> <h1> información tangencial </ h1> </div> <div class="content"> <p> texto Lorem ipsum, bla, bla, bla. </p> <p> texto Lorem ipsum, bla, bla, bla. </p> <p> texto Lorem ipsum, bla, bla, bla. </p> </div> <div class="footer"> <p>etiqueta: HMTL, código, demo </ p> </div> </div> </div> </div> <section> <section> <article> <header> <h1>demostración de Sopa de Div</h1> <p>publicado el 28 de diciembre de 2011</p> </header> <section> <p>lorem ipsum text bla, bla, bla.</p> <p>lorem ipsum text bla, bla, bla.</p> <p>lorem ipsum text bla, bla, bla.</p> </section> <footer> <p>etiqueta: HMTL, code, demo</p> </footer> </article> <aside> <header> <h1>información tangencial</h1> </header> <section> <p>lorem ipsum text bla, bla, bla.</p> <p>lorem ipsum text bla, bla, bla.</p> <p>lorem ipsum text bla, bla, bla.</p> </section> <footer> <p> Etiqueta: HMTL, code, demo </p> </footer> </aside> </section> </section>

34

35 Qué es CSS3? Hoja de estilo en cascada o CSS es el lenguaje usado para definir la presentación de un documento estructurado escrito en HTML, es aquel que nos permitirá definir el diseño de nuestra pagina web en los diferentes navegadores de internet, La idea que se encuentra detrás del desarrollo de CSS es separar la estructura de un documento de su presentación.

36 Formas de usar CSS Un estilo en línea (inline). Una hoja de estilo interna. Una hoja de estilo externa.

37 Prefijos para navegadores Si deseas que aparezca en todos los navegadores el prefijo es el que sigue: -webkit- : Chrome y Safari -moz- -o- : Firefox : Opera -ms- : Internet Explorer 9

38 Selectores elemento[atributo^="cadena"], selecciona todos los elementos que disponen de ese atributo y cuyo valor comienza exactamente por la cadena de texto indicada. elemento[atributo$=«cadena"], selecciona todos los elementos que disponen de ese atributo y cuyo valor termina exactamente por la cadena de texto indicada. elemento[atributo*="cadena"], selecciona todos los elementos que disponen de ese atributo y cuyo valor contiene la cadena de texto indicada.

39 Selectores Los pseudo-elementos de CSS 2.1 se mantienen en CSS 3, pero cambia su sintaxis y ahora se utilizan :: en vez de : delante del nombre de cada pseudoelemento: ::first-line, selecciona la primera línea del texto de un elemento. ::first-letter, selecciona la primera letra del texto de un elemento. ::before, selecciona la parte anterior al contenido de un elemento para insertar nuevo contenido generado. ::after, selecciona la parte posterior al contenido de un elemento para insertar nuevo contenido generado. CSS 3 añade además un nuevo pseudo-elemento: ::selection, selecciona el texto que ha seleccionado un usuario con su ratón o teclado.

40 Pseudo-clases elemento:first-child: selecciona el primer elemento hijo. elemento:last-child: selecciona el ultimo elemento hijo. elemento:link: selecciona los enlaces que aun no son navegados. elemento:visited: selecciona los enlaces que ya fueron enlazados. elemento:hover: permite crear un evento al pasar el mouse. elemento:focus: permite activar el elemnto. elemento:active: selecciona el ultimo enlace.

41 Backgrounds.ejemplo_con_fondos{ background-color: #000; background-image: url(a-grad.gif), url(a-bl.gif), url(atr.gif); background-repeat: repeat-x, no-repeat, no-repeat; background-position: 0 0, 100% 0, 100%; }

42 Bordes border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; border-radius: 5px;

43 Sombras -webkit-box-shadow: 1px 2px 3px 2px rgba (102,102,102,1); -moz-box-shadow: 1px 2px 3px 2px rgba (102,102,102,1); -o-box-shadow: 1px 2px 3px 2px rgba (102,102,102,1); -ms-box-shadow: 1px 2px 3px 2px rgba (102,102,102,1);

44 Descriptor fuente Valor Descripción Font-family Nombre Obligado. Define el nombre de la fuente. scr font-stretch font-style font-weight url Normal Condensed ultra-condensed extra-condensed Semi-condensed Expanded semi-expanded extra-expanded ultra-expanded Normal Italic oblique Normal Bold 100 hasta 900 Obligado. Define la URL donde se encuentra la fuente para ser utilizada. Opcional. Define cómo la fuente debe ser estirada. El valor por defecto es normal. Opcional. Define cómo la fuente debe ser estilizada. El valor por defecto es normal Opcional. Define el peso de la fuente. El valor por defecto es normal

45 Columnas -moz-column-width: 200px; -webkit-column-width: 200px -webkit-column-count: 3; -webkit-column-gap: 15px; -webkit-column-rule: 2px solid red; RGBA rgba(77,65,30,0.7)

46 Animaciones: Transition Con esta regla CSS3 se pueden crear cualquier tipo de animaciones como girar, aumentar el tamaño, color de sombra, cambiar el color de fondo, color de letra, etc. La sintaxis es la siguiente: transition-property:[propiedad CSS]; transition-duration:[duración]; transition-timing-function:[función de Tiempo]; transition-delay:[retardo];

47 Animaciones: Transition Función de tiempo (timing-function) linear : La animación se realiza de manera uniforme. ease : La animación se acelera al principio, se retarda en medio y se acelera nuevamente al final. ease-in : La animación se retarda al inicio y se repone al final. ease-out : La animación se celera al inicio y se retarda al final. ease-in-out: La animación se retarda al inicio, se acelera en medio y se retarda al final.

48 Animaciones: Transform Rotate Para girar el <div> Horizontal la sintaxis es: transform: rotatex(ndeg); Para girar el <div> vertical la sintaxis es: transform: rotatey(ndeg); Skew transform: skew(12deg);

49 Animaciones: Transform Scale Para aplicar propiedad de scale solo horizontal entonces la sintaxis será: transform: scalex(n); De la misma manera para aplicar propiedad de scale solo vertical entonces la sintaxis será: transform: scaley(n);

50 Animaciones: Transform Translate transform: translate(xpx, Ypx); Para desplazar un objeto solo horizontal entonces la sintaxis será: transform: translatex(npx); De la misma manera para desplazar un objeto solo vertical entonces la sintaxis será: transform: translatey(npx);

51 Animaciones: NAME-YOUR-ANIMATION { 0% { opacity: 0; } 100% { opacity: 1; } NAME-YOUR-ANIMATION { 0% { opacity: 0; } 100% { opacity: 1; } NAME-YOUR-ANIMATION { 0% { opacity: 0; } 100% { opacity: 1; } NAME-YOUR-ANIMATION { 0% { opacity: 0; } 100% { opacity: 1; } }

52 Animaciones: infinite-spinning { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }

53 Animaciones: Keyframe #box { }.box { } -webkit-animation: NAME-YOUR-ANIMATION 5s infinite; /* Safari 4+ */ -moz-animation: NAME-YOUR-ANIMATION 5s infinite; /* Fx 5+ */ -o-animation: NAME-YOUR-ANIMATION 5s infinite; /* Opera 12+ */ animation: NAME-YOUR-ANIMATION 5s infinite; /* IE 10+, Fx 29+ */ animation-name: NAME-YOUR-ANIMATIO; animation-duration: 4s; animation-iteration-count: 10; animation-direction: alternate; animation-timing-function: ease-out; animation-fill-mode: forwards; animation-delay: 2s; o

54 Web Responsive Desing MEDIA (atributo query) { /* Reglas CSS que se van a em plear cuando este en la medida indicada*/ } ATRIBUTOS MEDIA QUERIES Min-width: Npx min-height: Npx max-width: Npx min-height: Npx

55 APLICATIVOS ON-LINE https://icomoon.io/

DESCRIPCIÓN ESPECÍFICA NÚCLEO: Núcleo Sector Comercio y Servicios.

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:

Más detalles

2. Nuevas etiquetas de HTML5 y etiquetas que desaparecen

2. Nuevas etiquetas de HTML5 y etiquetas que desaparecen CURSO DE HTML5 1. Historia de HTML Potencial de HTML5 Principales novedades de HTML5 Elementos necesarios para trabajar con HTML5 Editor Navegador 2. Nuevas etiquetas de HTML5 y etiquetas que desaparecen

Más detalles

Índice. Capítulo 1. Documentos HTML5... 1

Í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

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

Taller de Paginas Web

Taller de Paginas Web Taller de Paginas Web Las páginas web son documentos de texto que se comparten en la red. La mecánica es la siguiente : Un ordenador de usuario, que llamarermos cliente, hace una petición a una direccion

Más detalles

Desarrollo y servicios web

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

Más detalles

Click Computación Especialidad: Diplomado Materia: HTML y CSS3 40 Horas HTMLY CSS3: HISTORIA, PRESENTE Y FUTURO

Click Computación Especialidad: Diplomado Materia: HTML y CSS3 40 Horas HTMLY CSS3: HISTORIA, PRESENTE Y FUTURO CONTENIDO TEMATICO: HTMLY CSS3: HISTORIA, PRESENTE Y FUTURO Presentación de la formación y del formador INSTALACIÓN DE NAVEGADORES Y HERRAMIENTAS Descarga e instalación de Mozilla Firefox Descarga e instalación

Más detalles

Curso: DISEÑO WEB PARA DISPOSITIVOS MOVILES CON HTML5 + CSS3 + JAVASCRIPT

Curso: DISEÑO WEB PARA DISPOSITIVOS MOVILES CON HTML5 + CSS3 + JAVASCRIPT Curso: DISEÑO WEB PARA DISPOSITIVOS MOVILES CON HTML5 + CSS3 + JAVASCRIPT Código: 1095 Familia Profesional: Desarrollo y diseño web Acreditación: Formación reconocida a través de vías no formales Modalidad:

Más detalles

Experto en Diseño Web Para Dispositivos Móviles con HTML5 + CSS3 + JavaScript

Experto en Diseño Web Para Dispositivos Móviles con HTML5 + CSS3 + JavaScript Modalidad: Distancia Duración: 80 h Experto en Diseño Web Para Dispositivos Móviles con HTML5 + CSS3 + JavaScript Objetivo: El término HTML hace referencia al lenguaje de marcado predominante para la elaboración

Más detalles

HTML5: Nuevas etiquetas semánticas. Juan Eladio Sánchez Rosas

HTML5: Nuevas etiquetas semánticas. Juan Eladio Sánchez Rosas HTML5: Nuevas etiquetas semánticas Juan Eladio Sánchez Rosas Objetivo Semantics Objetivo de la sesión Presentar y describir las nuevas etiquetas del estándar HTML5 Citar los antecedentes que derivaron

Más detalles

La guía de la programación HTML5, CSS y JavaScript con Visual Studio

La guía de la programación HTML5, CSS y JavaScript con Visual Studio Tabla de contenidos INTRODUCCIÓN... 5 AGRADECIMIENTOS...6 TABLA DE CONTENIDOS... 7 CAPÍTULO 01 HTML 5: LAS TECNOLOGÍAS Y SU IMPLICACIÓN EN EL DESARROLLO...17 EL ESTADO ACTUAL DEL ESTÁNDAR... 18 ESPECIFICACIONES

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: DISEÑO DE PAGINAS WEB CON HTML Código: CSTI0085 total: 3 Horas Objetivo General: Construir páginas Web en base

Más detalles

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 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

Más detalles

Aprenda los lenguajes HTML5, CSS3 y JavaScript para crear su primer sitio web

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

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 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

Más detalles

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 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

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

DISEÑO WEB (I y II) CONTENIDO TEMÁTICO

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

Más detalles

HTML HTML HTML. Diseño de Sitios Web. Qué es HTML?

HTML HTML HTML. Diseño de Sitios Web. Qué es HTML? Diseño de Sitios Web 5 (I) Qué es? Es un lenguaje descriptivo con el cual se describe la estructura del texto y todos los elementos que se muestran en la página. Es el método más usado para publicar documentos

Más detalles

CURSO HTML5. www.council.cl. Dirección: Serrano #73, Piso 4, Oficina 414 Santiago, Chile. 1) Instalación de Navegadores y Herramientas

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

Más detalles

DIPLOMADO Desarrollo de Aplicaciones para Web y Móviles con HTML5

DIPLOMADO Desarrollo de Aplicaciones para Web y Móviles con HTML5 Objetivos El curso de Desarrollo de Aplicaciones para Web y Móviles permite al estudiante conocer en detalle las tecnologías necesarias para crear aplicaciones de alto impacto. Además que profundizará

Más detalles

PROGRAMA: Diseño y desarrollo Web con HTML 5,

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

Más detalles

Curso: DISEÑO WEB AVANZADO CON HTML5 Y CSS3

Curso: DISEÑO WEB AVANZADO CON HTML5 Y CSS3 Curso: DISEÑO WEB AVANZADO CON HTML5 Y CSS3 Código: 1366 Familia Profesional: Desarrollo y diseño web Acreditación: Formación reconocida a través de vías no formales Modalidad: Distancia Duración: 75 horas

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

HTML 5. Que es HTML5 07/04/2011

HTML 5. Que es HTML5 07/04/2011 HTML 5 M.I María Luisa González Ramírez Que es HTML5 Es una agrupación de diversas especificaciones concernientes al desarrollo web HTML 5 no se limita solamente a crear nuevas etiquetas, atributos. Es

Más detalles

Taller de Introducción

Taller de Introducción Taller de Introducción Titulo del curso Taller de introducción a HTML 5 Resumen del curso La evolución de los estándar de la web, nos ha llevado al nuevo estándar del consorcio W3C, HTML 5, en caso de

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

ETIQUETAS HTML 5 Diseño de Sitios Web TUW

ETIQUETAS HTML 5 Diseño de Sitios Web TUW Etiqueta Descripción Define un comentario nueva nueva nueva nueva

Más detalles

Ficha Técnica. Categoría. Contenido del Pack. Sinopsis. Programación. - 2 CDROM - 3 Manual Teórico - 1 Cuaderno de Ejercicios

Ficha Técnica. Categoría. Contenido del Pack. Sinopsis. Programación. - 2 CDROM - 3 Manual Teórico - 1 Cuaderno de Ejercicios Ficha Técnica Categoría Programación Contenido del Pack - 2 CDROM - 3 Manual Teórico - 1 Cuaderno de Ejercicios Sinopsis Javascript es un lenguaje de programación que se utiliza para realizar acciones

Más detalles

Ficha Técnica. Categoría. Contenido del Pack. Sinopsis. Diseño Web. - 1 CDROM - 1 Cuaderno de Ejercicios - 2 Manual Teórico

Ficha Técnica. Categoría. Contenido del Pack. Sinopsis. Diseño Web. - 1 CDROM - 1 Cuaderno de Ejercicios - 2 Manual Teórico Ficha Técnica Categoría Diseño Web Contenido del Pack - 1 CDROM - 1 Cuaderno de Ejercicios - 2 Manual Teórico Sinopsis El término HTML hace referencia al lenguaje de marcado predominante para la elaboración

Más detalles

Índice. Introducción... 21 1. Documentos HTML5... 25. 1.1 Componentes básicos... 25. 1.2 Una breve introducción a HTML... 25

Índice. Introducción... 21 1. Documentos HTML5... 25. 1.1 Componentes básicos... 25. 1.2 Una breve introducción a HTML... 25 Índice Introducción......................................... 21 1. Documentos HTML5.................................. 25 1.1 Componentes básicos................................ 25 1.2 Una breve introducción

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

HTML 5 : Formularios

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

Más detalles

Diseño de páginas web 2011

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

Más detalles

Tema: Estructura de HTML5 y optimización de imágenes.

Tema: Estructura de HTML5 y optimización de imágenes. Diseño Digital V. Guía 3 1 Facultad: Ciencias y Humanidades Escuela: Diseño Gráfico Asignatura: Diseño Digital V Tema: Estructura de HTML5 y optimización de imágenes. Objetivos Contenidos Introducir al

Más detalles

I: Formación complementaria en TI

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

Más detalles

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 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

Más detalles

> Temario Curso de Diseño Web <

> 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

Más detalles

Guía (muy) básica de hojas de estilo (CSS) y de marcado semántico de páginas web (v1.)

Guía (muy) básica de hojas de estilo (CSS) y de marcado semántico de páginas web (v1.) Guía (muy) básica de hojas de estilo (CSS) y de marcado semántico de páginas web (v1.) 1. Hojas de estilo: una base para el marcado semántico Lluís Codina UPF. Abril 2007 Una hoja de estilo es un conjunto

Más detalles

CAJA DE ESQUINAS REDONDEADAS Y ANCHO FIJO ver. 3

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

Más detalles

Manual de HTML5 en español. Manual de HTML5 en español. Alejandro Castillo Cantón. Alejandro Castillo www.theproc.es

Manual de HTML5 en español. Manual de HTML5 en español. Alejandro Castillo Cantón. Alejandro Castillo www.theproc.es Manual de HTML5 en español Alejandro Castillo Cantón www.theproc.es Primera Parte El HTML5 (HyperText Markup Language, versión 5) es la quinta revisión del lenguaje de programación básico de la World Wide

Más detalles

Técnico Profesional en Diseño Web Avanzado con HTML5 y CSS3 (Online)

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

Más detalles

Prácticas de Programación Multimedia.

Prácticas de Programación Multimedia. Prácticas de Programación Multimedia. Las prácticas de la asignatura Programación Multimedia van a consistir en el diseño de un sitio web con distintos contenidos multimedia sobre el que se irán añadiendo

Más detalles

HTML5 es el nuevo estándar de HTML. La versión anterior HTML 4.01 apareció en. entonces.

HTML5 es el nuevo estándar de HTML. La versión anterior HTML 4.01 apareció en. entonces. HTML5 Que es HTML5? HTML5 es el nuevo estándar de HTML La versión anterior HTML 4.01 apareció en 1999. El web ha cambiado mucho desde entonces. HTML5 todavía esta en desarrollo, pero muchos browsers ya

Más detalles

Diseño de Páginas Web 2011

Diseño de Páginas Web 2011 Diseño de Páginas Web 2011 PRESENTACIÓN Proporciona ejemplos de páginas web reales, disponibles en Internet; se presenta el lenguaje HTML y las hojas de estilo en cascada (CSS), enfatizando la utilización

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: DISEÑO DE PAGINAS WEB CON HTML Código: CSTI0085 total: 63 Horas Objetivo General: Construir páginas Web a partir

Más detalles

Situaciones de enseñanza y aprendizaje Lectura comentada y videos Expresa conductas socio afectivas

Situaciones de enseñanza y aprendizaje Lectura comentada y videos Expresa conductas socio afectivas DESCRIPCIÓN ESPECÍFICA NÚCLEO: Sector Comercio y Servicios SUBSECTOR: Informática y Comunicación Nombre del Módulo: Creación de páginas Web total: 60 Objetivo General: Crear páginas Web aplicando estándares

Más detalles

Curso de Frontend Online HTML5, CSS3, JavaScript, jquery y Responsive Design

Curso de Frontend Online HTML5, CSS3, JavaScript, jquery y Responsive Design Curso de Frontend Online HTML5, CSS3, JavaScript, jquery y Responsive Design Objetivo General: Al final del curso el estudiante tendrá los conocimientos y habilidades necesarios para generar (diseñar y

Más detalles

Tema: Maquetación Web y CSS

Tema: Maquetación Web y CSS Diseño Digital V. Guía 4 1 Tema: Maquetación Web y CSS Facultad: Ciencias y Humanidades Escuela: Diseño Gráfico Asignatura: Diseño Digital V Objetivos Contenidos A través del desarrollo de la guía el estudiante

Más detalles

Widget de catálogos. Manual de Usuario. Versión 2. Madrid 13/08/2015

Widget de catálogos. Manual de Usuario. Versión 2. Madrid 13/08/2015 Widget de catálogos Manual de Usuario Madrid 13/08/2015 Versión 2 Contenidos 1 Introducción... 3 2 Alta de conjuntos de datos en datos.gob.es... 7 3 Descripción del widget... 12 3.1 Widget, versión sencilla...

Más detalles

Curso de Diseño web. Juan Carlos Hernández Pérez juancarhdezperez@gmail.com

Curso de Diseño web. Juan Carlos Hernández Pérez juancarhdezperez@gmail.com Curso de Diseño web Juan Carlos Hernández Pérez juancarhdezperez@gmail.com 1 Tema 1 Introducción al lenguaje HTML 2 Introducción a HTML (I/II) HTML es un lenguaje para publicar textos en Web HTML te permite

Más detalles

TU NEGOCIO EN INTERNET

TU NEGOCIO EN INTERNET Dr.TIC Tractament tecnològic per al teu negoci TU NEGOCIO EN INTERNET WordPress Nivel Medio LAS WEBS SON COMO UNA FÁBRICA WEB DOMINIO HTTP:// ESTRUCTURA PHP O HTML SERVIDOR FTP ESTRUCTURA INDEX.PHP CONTENIDO

Más detalles

Diplomado en diseño y desarrollo web con aplicaciones Adobe

Diplomado en diseño y desarrollo web con aplicaciones Adobe Diplomado en diseño y desarrollo web con aplicaciones Adobe Conoce las nuevas herramientas y tecnologías disponibles para planificar, diseñar y desarrollar sitios web compatibles con los diferentes dispositivos

Más detalles

Introducción: páginas web y navegadores

Introducción: páginas web y navegadores IB14 Informática Aplicada a la Construcción Creación de páginas web con HTML Introducción: páginas web y navegadores Una página web, pese a la gran cantidad de colores, imágenes e información que puede

Más detalles

Información general. Últimas noticias

Información general. Últimas noticias Información general Últimas noticias 1 Registro de miembros Texto informativo { Registro nuevo usuario { 2 Registro de miembros 1) Acceder a secciones privadas de la página. 2) Acceso a contenido descargable

Más detalles

Para iniciarnos en el estudio de este curso necesitamos estar familiarizados con ciertos conceptos generales, entre ellos:

Para iniciarnos en el estudio de este curso necesitamos estar familiarizados con ciertos conceptos generales, entre ellos: Conceptos básicos de la internet y la web Para iniciarnos en el estudio de este curso necesitamos estar familiarizados con ciertos conceptos generales, entre ellos: Internet: Red mundial de computadoras

Más detalles

Curso Introduccio n a HTML5, CSS, JavaScript y PHP

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:...

Más detalles

Unidad II: Lenguaje de marcado

Unidad II: Lenguaje de marcado Unidad II: Lenguaje de marcado 2.1 Introducción Un lenguaje de marcado o lenguaje de marcas es una forma de codificar un documento que, junto con el texto, incorpora etiquetas o marcas que contienen información

Más detalles

Joomla! Joomla! Diseños de sitios Web y Comercio Electrónico

Joomla! Joomla! Diseños de sitios Web y Comercio Electrónico Diseños de sitios Web y Comercio Electrónico Universidad Politécnica de Valencia Campus de Gandía Organización del curso viernes 6 sábado 7 viernes 13 sábado 14 viernes 20 Introducción a Instalación en

Más detalles

Guía del Curso Certificación IT en Adobe Dreamweaver CC 2015

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

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

CURSO DE DREAMWEAVER CS3

CURSO DE DREAMWEAVER CS3 CURSO DE DREAMWEAVER CS3 Aprender a manejar el programa Dreamweaver para diseñar páginas Web. A la finalización del curso, el alumno será capaz de crear sitios Web con páginas que incorporen imágenes,

Más detalles

CREACION DE PÁGINAS WEB

CREACION DE PÁGINAS WEB PRESENTA: CREACION DE PÁGINAS WEB OBJETIVO Conocer la aplicación de los paquetes mas utilizados para la implementación t diseño de una pagina Web. DIRIGIDO A: Estudiantes de informática, Ofimática y Personas

Más detalles

ADAPTAEMPLEO INFORME ACCESIBILIDAD. octubre 2013. Versión 1.0

ADAPTAEMPLEO INFORME ACCESIBILIDAD. octubre 2013. Versión 1.0 ADAPTAEMPLEO INFORME ACCESIBILIDAD octubre 2013 Versión 1.0 1.0 Primera versión del documento. CONTROL DE CAMBIOS Índice de Contenido 1. ACCESIBILIDAD WEB...4 2. PUNTOS DE VERIFICACIÓN...5 2.1. IMÁGENES

Más detalles

Técnico Profesional en Diseño Web Avanzado con HTML5 y CSS3 (Online)

Técnico Profesional en Diseño Web Avanzado con HTML5 y CSS3 (Online) Técnico Profesional en Diseño Web Avanzado con HTML5 y CSS3 (Online) Titulación certificada por EUROINNOVA BUSINESS SCHOOL Técnico Profesional en Diseño Web Avanzado con HTML5 y CSS3 (Online) Técnico Profesional

Más detalles

Dreamweaver CS6 para PC/Mac Sitios completamente CSS conforme a los estándares del W3C

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

Más detalles

UF1304 Elaboración de plantillas y formularios

UF1304 Elaboración de plantillas y formularios UF1304 Elaboración de plantillas y formularios Tema 1. Formularios en la construcción de páginas web Tema 2. Plantillas en la construcción de páginas web OBJETIVOS: - Confeccionar plantillas para las páginas

Más detalles

Técnico Superior en Diseño Web Avanzado con HTML5 y CSS3

Técnico Superior en Diseño Web Avanzado con HTML5 y CSS3 Técnico Superior en Diseño Web Avanzado con HTML5 y CSS3 Titulación acredidatada por la Comisión Internacional de Formación de la UNESCO Técnico Superior en Diseño Web Avanzado con HTML5 y CSS3 Técnico

Más detalles

HTML5 y V. Studio 2012. Sitios y aplicaciones Web con los nuevos estándares HTML5, CSS 3 y Javascript 5 manejados desde Visual Studio 2012

HTML5 y V. Studio 2012. Sitios y aplicaciones Web con los nuevos estándares HTML5, CSS 3 y Javascript 5 manejados desde Visual Studio 2012 Duración El curso tendrá una duración de 40 horas Modalidad Presencial, L - J (18:30 21:30) del 15-01-2013 al 06-02-2013 Precio 480 euros Objetivos Conocer las nuevas etiquetas HTML del estándar y sus

Más detalles

Curso de Técnico Superior Diseño Web Profesional con Dreamweaver CS6

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

Más detalles

Responsive Web Sites with Certified Adobe Dreamweaver CC

Responsive Web Sites with Certified Adobe Dreamweaver CC Dirigido a: Diseñadores gráficos e ilustradores interesados en crear web Programadores y diseñadores Web. Profesionistas, docentes y estudiantes relacionados con el área. Profesionistas interesados o publico

Más detalles

Indice Dominio y Hosting... 1 Dominio y Hosting fácil de entender con una imagen... 3 Cómo funciona el dominio y hosting?... 4 Términos más usados en

Indice Dominio y Hosting... 1 Dominio y Hosting fácil de entender con una imagen... 3 Cómo funciona el dominio y hosting?... 4 Términos más usados en Dominio y Hosting Indice Dominio y Hosting... 1 Dominio y Hosting fácil de entender con una imagen... 3 Cómo funciona el dominio y hosting?... 4 Términos más usados en el internet... 5 http: hyper text

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

INDICE Capitulo 1. Internet y la Web Capitulo 2. Páginas Web Capitulo 3. Introducción al Lenguaje HTML Capitulo 4. Imágenes

INDICE Capitulo 1. Internet y la Web Capitulo 2. Páginas Web Capitulo 3. Introducción al Lenguaje HTML Capitulo 4. Imágenes INDICE Antes de comenzar XIII Capitulo 1. Internet y la Web 1 Internet 3 Protocolos de Internet 4 El hipertexto y la Web 4 Funcionamiento de la Web 8 Cliente Web 8 Servidor Web 8 Transferencia de la pagina

Más detalles

Anexo I: Detalles sobre Diseño WEB y Diseño Interactivo

Anexo I: Detalles sobre Diseño WEB y Diseño Interactivo Anexo I: Detalles sobre Diseño WEB y Diseño Interactivo Anexo I: Detalles sobre Diseño WEB y Diseño Interactivo... 1 1. Los ejes alrededor de un diseño interactivo... 2 2. Los problemas de Adobe Flash...

Más detalles

1 Introducción a Bootstrap

1 Introducción a Bootstrap 1 Introducción a Bootstrap CONTENIDOS DE BOOTSTRAP Bootstrap se puede descargar de dos maneras, compilado o mediante el código fiente original. Dependiendo de la forma que hayas elegido, verás una estructura

Más detalles

HTML5 y CSS3 para sitios con diseño web responsive

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

Más detalles

TÉCNICO PROFESIONAL EN DISEÑO WEB PROFESIONAL CON DREAMWEAVER CS6

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

Más detalles

Máster Programación WEB (II) Gestores de contenido. Webs actualizables por el cliente.

Máster Programación WEB (II) Gestores de contenido. Webs actualizables por el cliente. MASTER PROGRAMACIÓN WEB (II) 1. Introducción al Curso programación Web. Diccionario de téminos. Gestor de contenido CMS, Servidor, Base de Datos, CSS, HTML, HTML5, PHP, Wordpress, Joomla, CMS, JQuery,

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

Accesibilidad a los contenidos audiovisuales en la Web a través de HTML5

Accesibilidad a los contenidos audiovisuales en la Web a través de HTML5 Departamento de Informática PROYECTO FIN DE CARRERA Accesibilidad a los contenidos audiovisuales en la Web a través de HTML5 Autor: Alberto Sánchez-Heredero Pérez Tutor: Lourdes Moreno López Leganés, Julio

Más detalles

TEMA 9 CREACIÓN DE PÁGINAS WEB

TEMA 9 CREACIÓN DE PÁGINAS WEB TEMA 9 CREACIÓN DE PÁGINAS WEB OBJETIVOS Conocer las páginas web y sus elementos. Insertar tablas, capas, enlaces en las páginas web. Crear páginas web con NVU. Crear un sitio web. Configurar un sitio

Más detalles

Manual de v2cms v2cms v1.01

Manual de v2cms v2cms v1.01 Manual de v2cms v2cms v1.01 Introducción v2cms es un sistema de manejo de contenido que ofrece una gran flexibilidad para la creación de sitios web no importa el tamaño del mismo. El mismo permite una

Más detalles

5.- Crear páginas web con Nvu

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

Más detalles

PLAN DE SESIÓN. 1.1 Determina la estructura del sitio web con base en las necesidades del usuario

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

Más detalles

Entorno. @xavipalu. Multimedia

Entorno. @xavipalu. Multimedia Entorno Multimedia 07 World Wide Web World Wide Web Qué es? Cómo funciona? Lenguaje Tipologias World Wide Web / Qué es? World Wide Web WWW Sistema de distribución de información basado en hipertexto o

Más detalles

Lic. Mariano Pistone Front-end developer +54-261-155015062 Mendoza Argentina

Lic. Mariano Pistone Front-end developer +54-261-155015062 Mendoza Argentina Te apasiona el diseño/desarrollo web y no sabés por dónde empezar? Entonces este curso es para vos, pues está pensado para personas que no se quedan quietas, que tienen ganas de superarse y de enfrentar

Más detalles

HTML. HyperText Markup Language (Lenguaje de Marcas de Hipertexto)

HTML. HyperText Markup Language (Lenguaje de Marcas de Hipertexto) HTML HyperText Markup Language (Lenguaje de Marcas de Hipertexto) Introducción Un lenguaje de marcas es una forma de codificar junto con el texto, incorporando etiquetas que contienen información adicional

Más detalles

MASTER EN HTML 5, CSS3, JQuery, Social Media y SEO Consultor Especialista

MASTER EN HTML 5, CSS3, JQuery, Social Media y SEO Consultor Especialista MASTER EN HTML 5, CSS3, JQuery, Social Media y SEO Consultor Especialista Prepárate para ser un especialista en tecnologías webs de última generación orientados a Aplicaciones Web, Desktop y dispositivos

Más detalles

Guía para creación de temas para editor de EditandSend

Guía para creación de temas para editor de EditandSend Guía para creación de temas para editor de EditandSend En este documento se describen las acciones que debe realizar el diseñador/maquetador para personalizar un tema y poder ser utilizado en el EDIT.

Más detalles

Joomla! Joomla! Diseños de sitios Web y Comercio Electrónico

Joomla! Joomla! Diseños de sitios Web y Comercio Electrónico Diseños de sitios Web y Comercio Electrónico Universidad Politécnica de Valencia Campus de Gandía Organización del curso viernes 15 martes 19 jueves 21 viernes 22 martes 26 jueves 28 viernes 29 Introducción

Más detalles

Objetivos. El alumno conocerá los elementos indispensables para crear una página web. 1. Crear una página web básica utilizando html.

Objetivos. El alumno conocerá los elementos indispensables para crear una página web. 1. Crear una página web básica utilizando html. Objetivos El alumno conocerá los elementos indispensables para crear una página web. Al final de esta práctica el alumno podrá: 1. Crear una página web básica utilizando html. Introducción El lenguaje

Más detalles

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 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

Más detalles

Técnico TIC en Diseño Web Responsive con HTML5 y CSS3

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

Más detalles

Diseño Web. Temario. www.capacitaciongrafica.com

Diseño Web. Temario. www.capacitaciongrafica.com Diseño Web Temario Diseño Web Temario Objetivos: Que el alumno aprenda a Diseñar y Desarrollar sitios web informativos, dinámicos e interactivos cumpliendo con los estandares del diseño web mundial. Al

Más detalles

Introducción HTML y CSS. Clientes, servidores, nube

Introducción HTML y CSS. Clientes, servidores, nube Clientes, servidores, nube a. Los clientes dan acceso a los servicios en Internet. b. Los servidores alojan la información y los servicios. c. La nube es el conjunto de terminales y servidores. TCP/IP

Más detalles

Diplomado de Diseño Web

Diplomado de Diseño Web Fireworks es una aplicación que nos permite crear de una forma relativamente sencilla interfaces para web, es un editor de gráficos tanto vectoriales como de pixeles, en él se desarrollan elementos de

Más detalles

Páginas Web Barcelona

Páginas Web Barcelona Páginas Web Barcelona Requisito previo: Todos los asistentes deben de tener previo conocimiento de las plataformas Macintosh o Windows. Se prefiere que los delegados tengan una experiencia básica en HTML

Más detalles

HTML/CSS( Mi(primera(página(

HTML/CSS( Mi(primera(página( HTML/CSS Miprimerapágina QuéesHTML Esunlenguajedemarcasparaformateary estructurarundocumento,quepuedeleerseen cualquiernavegador. EstandarizadoenlanormaISOdeSGML StandardGeneralizedMarkupLenguage).

Más detalles