Algunas etiquetas HTML5 y opciones para segunda nota
-
Upload
jorge-llanten -
Category
Education
-
view
924 -
download
1
description
Transcript of Algunas etiquetas HTML5 y opciones para segunda nota
![Page 1: Algunas etiquetas HTML5 y opciones para segunda nota](https://reader033.fdocumento.com/reader033/viewer/2022051411/546d92bfb4af9f6b2c8b53ec/html5/thumbnails/1.jpg)
HTML5
Guía realizada por el profesor Jorge Llantén B. / www.j2.cl
![Page 2: Algunas etiquetas HTML5 y opciones para segunda nota](https://reader033.fdocumento.com/reader033/viewer/2022051411/546d92bfb4af9f6b2c8b53ec/html5/thumbnails/2.jpg)
HTML5Semántico
Guía realizada por el profesor Jorge Llantén B. / www.j2.cl
![Page 3: Algunas etiquetas HTML5 y opciones para segunda nota](https://reader033.fdocumento.com/reader033/viewer/2022051411/546d92bfb4af9f6b2c8b53ec/html5/thumbnails/3.jpg)
HTML5Semántico
Código con signi�cado o sentido
Guía realizada por el profesor Jorge Llantén B. / www.j2.cl
![Page 4: Algunas etiquetas HTML5 y opciones para segunda nota](https://reader033.fdocumento.com/reader033/viewer/2022051411/546d92bfb4af9f6b2c8b53ec/html5/thumbnails/4.jpg)
Guía realizada por el profesor Jorge Llantén B. / www.j2.cl
<div id=”direccion”>Arturo Prat 269, Santiago</div>HTML
![Page 5: Algunas etiquetas HTML5 y opciones para segunda nota](https://reader033.fdocumento.com/reader033/viewer/2022051411/546d92bfb4af9f6b2c8b53ec/html5/thumbnails/5.jpg)
Guía realizada por el profesor Jorge Llantén B. / www.j2.cl
<div id=”direccion”>Arturo Prat 269, Santiago</div>HTML
#direccion{color:orange; font-size:36px;}CSS
![Page 6: Algunas etiquetas HTML5 y opciones para segunda nota](https://reader033.fdocumento.com/reader033/viewer/2022051411/546d92bfb4af9f6b2c8b53ec/html5/thumbnails/6.jpg)
Guía realizada por el profesor Jorge Llantén B. / www.j2.cl
<div id=”direccion”>Arturo Prat 269, Santiago</div>HTML
#direccion{color:orange; font-size:36px;}CSS
<address>Arturo Prat 269, Santiago</address>HTML5
![Page 7: Algunas etiquetas HTML5 y opciones para segunda nota](https://reader033.fdocumento.com/reader033/viewer/2022051411/546d92bfb4af9f6b2c8b53ec/html5/thumbnails/7.jpg)
Guía realizada por el profesor Jorge Llantén B. / www.j2.cl
<div id=”direccion”>Arturo Prat 269, Santiago</div>HTML
#direccion{color:orange; font-size:36px;}CSS
<address>Arturo Prat 269, Santiago</address>HTML5
address{color:orange; font-size:36px;}CSS
![Page 8: Algunas etiquetas HTML5 y opciones para segunda nota](https://reader033.fdocumento.com/reader033/viewer/2022051411/546d92bfb4af9f6b2c8b53ec/html5/thumbnails/8.jpg)
Guía realizada por el profesor Jorge Llantén B. / www.j2.cl
<div id=”direccion”>Arturo Prat 269, Santiago</div>HTML
#direccion{color:orange; font-size:36px;}CSS
<address>Arturo Prat 269, Santiago</address>HTML5
address{color:orange; font-size:36px;}CSS
ESTO NO ES NUEVO
![Page 9: Algunas etiquetas HTML5 y opciones para segunda nota](https://reader033.fdocumento.com/reader033/viewer/2022051411/546d92bfb4af9f6b2c8b53ec/html5/thumbnails/9.jpg)
Guía realizada por el profesor Jorge Llantén B. / www.j2.cl
<div id=”contenedor”>
<section>
![Page 10: Algunas etiquetas HTML5 y opciones para segunda nota](https://reader033.fdocumento.com/reader033/viewer/2022051411/546d92bfb4af9f6b2c8b53ec/html5/thumbnails/10.jpg)
Guía realizada por el profesor Jorge Llantén B. / www.j2.cl
<div id=”contenedor”>
![Page 11: Algunas etiquetas HTML5 y opciones para segunda nota](https://reader033.fdocumento.com/reader033/viewer/2022051411/546d92bfb4af9f6b2c8b53ec/html5/thumbnails/11.jpg)
Guía realizada por el profesor Jorge Llantén B. / www.j2.cl
<div id=”contenedor”>
![Page 12: Algunas etiquetas HTML5 y opciones para segunda nota](https://reader033.fdocumento.com/reader033/viewer/2022051411/546d92bfb4af9f6b2c8b53ec/html5/thumbnails/12.jpg)
Guía realizada por el profesor Jorge Llantén B. / www.j2.cl
<div id=”contenedor”>
<section>
![Page 13: Algunas etiquetas HTML5 y opciones para segunda nota](https://reader033.fdocumento.com/reader033/viewer/2022051411/546d92bfb4af9f6b2c8b53ec/html5/thumbnails/13.jpg)
Guía realizada por el profesor Jorge Llantén B. / www.j2.cl
<div id=”contenedor”><header>
<section>
![Page 14: Algunas etiquetas HTML5 y opciones para segunda nota](https://reader033.fdocumento.com/reader033/viewer/2022051411/546d92bfb4af9f6b2c8b53ec/html5/thumbnails/14.jpg)
Guía realizada por el profesor Jorge Llantén B. / www.j2.cl
<div id=”contenedor”><header>
<nav>
<section>
![Page 15: Algunas etiquetas HTML5 y opciones para segunda nota](https://reader033.fdocumento.com/reader033/viewer/2022051411/546d92bfb4af9f6b2c8b53ec/html5/thumbnails/15.jpg)
Guía realizada por el profesor Jorge Llantén B. / www.j2.cl
<div id=”contenedor”><header>
<nav>
<aside><section>
![Page 16: Algunas etiquetas HTML5 y opciones para segunda nota](https://reader033.fdocumento.com/reader033/viewer/2022051411/546d92bfb4af9f6b2c8b53ec/html5/thumbnails/16.jpg)
Guía realizada por el profesor Jorge Llantén B. / www.j2.cl
<div id=”contenedor”><header>
<�gure><nav>
<aside><�gure> <section>
![Page 17: Algunas etiquetas HTML5 y opciones para segunda nota](https://reader033.fdocumento.com/reader033/viewer/2022051411/546d92bfb4af9f6b2c8b53ec/html5/thumbnails/17.jpg)
Guía realizada por el profesor Jorge Llantén B. / www.j2.cl
<div id=”contenedor”><header>
<�gure><nav>
<aside>
<�gcaption>
<�gure> <section>
![Page 18: Algunas etiquetas HTML5 y opciones para segunda nota](https://reader033.fdocumento.com/reader033/viewer/2022051411/546d92bfb4af9f6b2c8b53ec/html5/thumbnails/18.jpg)
Guía realizada por el profesor Jorge Llantén B. / www.j2.cl
<div id=”contenedor”><header>
<�gure><nav>
<aside>
<�gcaption>
<footer>
<�gure> <section>
![Page 19: Algunas etiquetas HTML5 y opciones para segunda nota](https://reader033.fdocumento.com/reader033/viewer/2022051411/546d92bfb4af9f6b2c8b53ec/html5/thumbnails/19.jpg)
LOGO
SLIDER
QUIENES SOMOS SERVICIOS PORTAFOLIO NOTICIAS BLOG CONTACTO
NOTICIAS RECIENTES
LO MÁS POPULAR
ITGT y Sistrade suman fuerzas para formar al sector grá�co
Canon permite a Bookprint rentabilizar las tiradas cortas
PNE.EU presentará sus nove-dades en Ipex
Grupo Ibergest relanza su portalde productos personalizados
Grupo Ibergest ha lanzado la nueva versión deTodoalacarta.com, su portal de venta online deproductos personalizados, que se dirige tantoa consumidores como a empresas.
13 de Marzo de 2014
Avery Dennison proclama tresganadores en el concursoGoforPro 2013Tres empresas fueron proclamadas comoganadoras en el concurso GoforPro 2013 deAvery Dennison: iNDi Graphics, Printed Wallsy SIGNAL Reklame GmbH.
12 de Marzo de 2014
Konica Minolta lanza suMarketPlace profesional parael sector de la impresiónSe trata de un nuevo servicio que lamultinacional pone al alcance de sus clientes,donde podrán encontrarse una selección deapps desarrolladas para mejorar...
11 de Marzo de 2014
©2014 Primera Impresió[email protected]
2-212345679-21234567
San Francisco 56, SantiagoBandera 236, Local 12, Santiago
humans.txt
Guía realizada por el profesor Jorge Llantén B. / www.j2.cl
En este trabajo los alumnos primero deben realizar el wireframe para ver el esquema general del sitio.
![Page 20: Algunas etiquetas HTML5 y opciones para segunda nota](https://reader033.fdocumento.com/reader033/viewer/2022051411/546d92bfb4af9f6b2c8b53ec/html5/thumbnails/20.jpg)
Guía realizada por el profesor Jorge Llantén B. / www.j2.cl
Luego deben realizar el archivo grá�co desde Photoshop, utilizando las capas como deben trabajar las etiquetas con nombre de carpetas como header, nav, section y footer.
![Page 21: Algunas etiquetas HTML5 y opciones para segunda nota](https://reader033.fdocumento.com/reader033/viewer/2022051411/546d92bfb4af9f6b2c8b53ec/html5/thumbnails/21.jpg)
Guía realizada por el profesor Jorge Llantén B. / www.j2.cl
LOGO
SLIDER
QUIENES SOMOS SERVICIOS PORTAFOLIO NOTICIAS BLOG CONTACTO
NOTICIAS RECIENTES
LO MÁS POPULAR
ITGT y Sistrade suman fuerzas para formar al sector grá�co
Canon permite a Bookprint rentabilizar las tiradas cortas
PNE.EU presentará sus nove-dades en Ipex
Grupo Ibergest relanza su portalde productos personalizados
Grupo Ibergest ha lanzado la nueva versión deTodoalacarta.com, su portal de venta online deproductos personalizados, que se dirige tantoa consumidores como a empresas.
13 de Marzo de 2014
Avery Dennison proclama tresganadores en el concursoGoforPro 2013Tres empresas fueron proclamadas comoganadoras en el concurso GoforPro 2013 deAvery Dennison: iNDi Graphics, Printed Wallsy SIGNAL Reklame GmbH.
12 de Marzo de 2014
Konica Minolta lanza suMarketPlace profesional parael sector de la impresiónSe trata de un nuevo servicio que lamultinacional pone al alcance de sus clientes,donde podrán encontrarse una selección deapps desarrolladas para mejorar...
11 de Marzo de 2014
©2014 Primera Impresió[email protected]
2-212345679-21234567
San Francisco 56, SantiagoBandera 236, Local 12, Santiago
humans.txt
Slide automáticodesde aplicación
![Page 22: Algunas etiquetas HTML5 y opciones para segunda nota](https://reader033.fdocumento.com/reader033/viewer/2022051411/546d92bfb4af9f6b2c8b53ec/html5/thumbnails/22.jpg)
Guía realizada por el profesor Jorge Llantén B. / www.j2.cl
Que recursos se puedenagregar en este trabajo?
(no son obligatorios)
![Page 23: Algunas etiquetas HTML5 y opciones para segunda nota](https://reader033.fdocumento.com/reader033/viewer/2022051411/546d92bfb4af9f6b2c8b53ec/html5/thumbnails/23.jpg)
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque sit amet posuere sapien, a vestibulum nibh. Donec hendrerit consequat tellus. Sed ornare ultricies nunc, non sodales libero. Suspendisse vel accumsan est, nec iaculis nunc. Nullam faucibus sem sagittis, luctus velit ut, tristique neque. Ut at imperdiet orci. Duis scelerisque justo pharetra orci blandit, sit amet mattis dui varius. Vivamus nec accumsan urna.
LOGOQUIENES SOMOS SERVICIOS PORTAFOLIO NOTICIAS BLOG CONTACTO
PORTAFOLIO :: IMPRESIÓN OFFSET
©2014 Primera Impresió[email protected]
2-212345679-21234567
San Francisco 56, SantiagoBandera 236, Local 12, Santiago
humans.txt
Lorem ipsum dolor sit amet.
ANTERIOR SIGUIENTE
CERRAR
Guía realizada por el profesor Jorge Llantén B. / www.j2.cl
Ligthbox
Menúemergente
IMPRESIÓN OFFSET
IMPRESIÓN DIGITAL
PORTAFOLIO
![Page 24: Algunas etiquetas HTML5 y opciones para segunda nota](https://reader033.fdocumento.com/reader033/viewer/2022051411/546d92bfb4af9f6b2c8b53ec/html5/thumbnails/24.jpg)
Guía realizada por el profesor Jorge Llantén B. / www.j2.cl
-Videos de Youtube o Vimeo-Mapas de Google Maps-Formulario de Foxyform-Trabajos realizados en Flash-Widget de Twitter y/o Facebook