Algunas etiquetas HTML5 y opciones para segunda nota
24
HTML5 Guía realizada por el profesor Jorge Llantén B. / www.j2.cl
-
Upload
jorge-llanten -
Category
Education
-
view
919 -
download
1
description
Algunas etiquetas básicas para comenzar a armar un sitio con HTML5 y pasos a seguir para segunda nota de mis alumnos del I.P. Los Leones
Transcript of Algunas etiquetas HTML5 y opciones para segunda nota
HTML5
Guía realizada por el profesor Jorge Llantén B. / www.j2.cl
HTML5Semántico
Guía realizada por el profesor Jorge Llantén B. / www.j2.cl
HTML5Semántico
Código con signi�cado o sentido
Guía realizada por el profesor Jorge Llantén B. / www.j2.cl
Guía realizada por el profesor Jorge Llantén B. / www.j2.cl
<div id=”direccion”>Arturo Prat 269, Santiago</div>HTML
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
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
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
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
Guía realizada por el profesor Jorge Llantén B. / www.j2.cl
<div id=”contenedor”>
<section>
Guía realizada por el profesor Jorge Llantén B. / www.j2.cl
<div id=”contenedor”>
Guía realizada por el profesor Jorge Llantén B. / www.j2.cl
<div id=”contenedor”>
Guía realizada por el profesor Jorge Llantén B. / www.j2.cl
<div id=”contenedor”>
<section>
Guía realizada por el profesor Jorge Llantén B. / www.j2.cl
<div id=”contenedor”><header>
<section>
Guía realizada por el profesor Jorge Llantén B. / www.j2.cl
<div id=”contenedor”><header>
<nav>
<section>
Guía realizada por el profesor Jorge Llantén B. / www.j2.cl
<div id=”contenedor”><header>
<nav>
<aside><section>
Guía realizada por el profesor Jorge Llantén B. / www.j2.cl
<div id=”contenedor”><header>
<�gure><nav>
<aside><�gure> <section>
Guía realizada por el profesor Jorge Llantén B. / www.j2.cl
<div id=”contenedor”><header>
<�gure><nav>
<aside>
<�gcaption>
<�gure> <section>
Guía realizada por el profesor Jorge Llantén B. / www.j2.cl
<div id=”contenedor”><header>
<�gure><nav>
<aside>
<�gcaption>
<footer>
<�gure> <section>
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.
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.
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
Guía realizada por el profesor Jorge Llantén B. / www.j2.cl
Que recursos se puedenagregar en este trabajo?
(no son obligatorios)
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
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
