SlideShare ist ein Scribd-Unternehmen logo
1 von 8
Ya tengo el diseño,
   y ahora qué?
       Por Eric Menjívar
¿Qué es el modelo de caja?
    El modelo de caja de CSS describe las cajas
rectangulares que son generadas por los elementos
  en la esructura del documento y compuestas de
        acuerdo al modelo de formato visual.
¿Cómo Funciona?
Herramientas a Utilizar
- Komodo Edit
  http://www.activestate.com/komodo_edit/

- Mozilla Firefox
  http://www.mozilla.com

- Web Developer Tool
  https://addons.mozilla.org/en-US/firefox/addon/60

- Firebug
  http://getfirebug.com/
- http://www.toienlinea.com/taller.zip

- http://www.toienlinea.com/taller2.zip

- http://www.toienlinea.com/taller3.zip
Manos a la Obra!!!
¿Preguntas?
Gracias!!! :)



       Twitter: twitter.com/teufelgt
                     Toienlinea.com
                toi@toienlinea.com

Weitere ähnliche Inhalte

Andere mochten auch

Los 7 hábitos para el éxito del erp
Los 7 hábitos para el  éxito del erpLos 7 hábitos para el  éxito del erp
Los 7 hábitos para el éxito del erp
EvaluandoSoftware
 
111126 0100 accueil cmb_spl_s2_odp 110304 ss i cyr 111129
111126 0100 accueil cmb_spl_s2_odp 110304 ss i cyr 111129111126 0100 accueil cmb_spl_s2_odp 110304 ss i cyr 111129
111126 0100 accueil cmb_spl_s2_odp 110304 ss i cyr 111129
epmsite
 
120408千里ニュータウンの近年の年齢階級別人口の推移
120408千里ニュータウンの近年の年齢階級別人口の推移120408千里ニュータウンの近年の年齢階級別人口の推移
120408千里ニュータウンの近年の年齢階級別人口の推移
t-yasuhiro
 
акция «барнаул читает льва толстого»
акция «барнаул читает льва толстого»акция «барнаул читает льва толстого»
акция «барнаул читает льва толстого»
Anna Milyukova
 

Andere mochten auch (17)

Los 7 hábitos para el éxito del erp
Los 7 hábitos para el  éxito del erpLos 7 hábitos para el  éxito del erp
Los 7 hábitos para el éxito del erp
 
Mitosis Flipbook
Mitosis FlipbookMitosis Flipbook
Mitosis Flipbook
 
The Role of Intangibles in the Public Sector -A Preliminary Study in Japan
The Role of Intangibles in the Public Sector-A Preliminary Study in JapanThe Role of Intangibles in the Public Sector-A Preliminary Study in Japan
The Role of Intangibles in the Public Sector -A Preliminary Study in Japan
 
111126 0100 accueil cmb_spl_s2_odp 110304 ss i cyr 111129
111126 0100 accueil cmb_spl_s2_odp 110304 ss i cyr 111129111126 0100 accueil cmb_spl_s2_odp 110304 ss i cyr 111129
111126 0100 accueil cmb_spl_s2_odp 110304 ss i cyr 111129
 
Trabajo
TrabajoTrabajo
Trabajo
 
120408千里ニュータウンの近年の年齢階級別人口の推移
120408千里ニュータウンの近年の年齢階級別人口の推移120408千里ニュータウンの近年の年齢階級別人口の推移
120408千里ニュータウンの近年の年齢階級別人口の推移
 
Nathaniel isaac f. carvajal
Nathaniel isaac f. carvajalNathaniel isaac f. carvajal
Nathaniel isaac f. carvajal
 
акция «барнаул читает льва толстого»
акция «барнаул читает льва толстого»акция «барнаул читает льва толстого»
акция «барнаул читает льва толстого»
 
Diversidad
DiversidadDiversidad
Diversidad
 
Powerpoint
PowerpointPowerpoint
Powerpoint
 
Spirit of Macon a christmas gift for the beloved of Sugar Grove Church
Spirit of Macon a christmas gift for the beloved of Sugar Grove ChurchSpirit of Macon a christmas gift for the beloved of Sugar Grove Church
Spirit of Macon a christmas gift for the beloved of Sugar Grove Church
 
Reward Challenges 2010 2020
Reward Challenges 2010 2020Reward Challenges 2010 2020
Reward Challenges 2010 2020
 
Pat 06-003
Pat 06-003Pat 06-003
Pat 06-003
 
Woonhuis/house, Dronten
Woonhuis/house, Dronten Woonhuis/house, Dronten
Woonhuis/house, Dronten
 
Admindeproy ii gestión_rh_part1
Admindeproy ii gestión_rh_part1Admindeproy ii gestión_rh_part1
Admindeproy ii gestión_rh_part1
 
Garner c12
Garner c12Garner c12
Garner c12
 
Talento_Estefania Navas
Talento_Estefania NavasTalento_Estefania Navas
Talento_Estefania Navas
 

Ähnlich wie Presentacion Taller - Ya tengo el diseño y ahora que?

Herramientas Educativas
Herramientas EducativasHerramientas Educativas
Herramientas Educativas
Miguel Angel
 
Presentacion diseño web con jquery
Presentacion diseño web con jqueryPresentacion diseño web con jquery
Presentacion diseño web con jquery
Eutobar
 
Presentacion diseño web con jquery
Presentacion diseño web con jqueryPresentacion diseño web con jquery
Presentacion diseño web con jquery
Mejorandola
 
Introducción a Foundation 5
Introducción a Foundation 5Introducción a Foundation 5
Introducción a Foundation 5
Cycle-IT
 
Edición de bolsillo: CSS3, HTML5 y JS para la web móvil
Edición de bolsillo: CSS3, HTML5 y JS para la web móvilEdición de bolsillo: CSS3, HTML5 y JS para la web móvil
Edición de bolsillo: CSS3, HTML5 y JS para la web móvil
Marta Armada
 

Ähnlich wie Presentacion Taller - Ya tengo el diseño y ahora que? (20)

Tecnologías para hacer Arquitectura de Información
Tecnologías para hacer Arquitectura de InformaciónTecnologías para hacer Arquitectura de Información
Tecnologías para hacer Arquitectura de Información
 
Herramientas Educativas
Herramientas EducativasHerramientas Educativas
Herramientas Educativas
 
Primeros pasos Symfony PHPVigo
Primeros pasos Symfony PHPVigoPrimeros pasos Symfony PHPVigo
Primeros pasos Symfony PHPVigo
 
HTML5 y CSS3 ¿Imprescindibles?
HTML5 y CSS3 ¿Imprescindibles?HTML5 y CSS3 ¿Imprescindibles?
HTML5 y CSS3 ¿Imprescindibles?
 
Seminario 2+parte wickets
Seminario 2+parte wicketsSeminario 2+parte wickets
Seminario 2+parte wickets
 
Presentacion diseño web con jquery
Presentacion diseño web con jqueryPresentacion diseño web con jquery
Presentacion diseño web con jquery
 
Presentacion diseño web con jquery
Presentacion diseño web con jqueryPresentacion diseño web con jquery
Presentacion diseño web con jquery
 
Introducción a Foundation 5
Introducción a Foundation 5Introducción a Foundation 5
Introducción a Foundation 5
 
Introducción a Foundation 5
Introducción a Foundation 5Introducción a Foundation 5
Introducción a Foundation 5
 
Guía Practica conexión BD 2021
Guía Practica conexión BD  2021Guía Practica conexión BD  2021
Guía Practica conexión BD 2021
 
HTML5 Warm up!
HTML5 Warm up!HTML5 Warm up!
HTML5 Warm up!
 
Uso y aplicacion de herramientas web 2+1 1
Uso y aplicacion de herramientas web 2+1 1Uso y aplicacion de herramientas web 2+1 1
Uso y aplicacion de herramientas web 2+1 1
 
Webinar interlat apps_2012_carlos_a-perez_españa
Webinar interlat apps_2012_carlos_a-perez_españaWebinar interlat apps_2012_carlos_a-perez_españa
Webinar interlat apps_2012_carlos_a-perez_españa
 
Webinar interlat apps_2012_carlos_a-perez_españa
Webinar interlat apps_2012_carlos_a-perez_españaWebinar interlat apps_2012_carlos_a-perez_españa
Webinar interlat apps_2012_carlos_a-perez_españa
 
APPS Aplicaciones móviles: Construyendo y publicando nuestro primera APPS mul...
APPS Aplicaciones móviles: Construyendo y publicando nuestro primera APPS mul...APPS Aplicaciones móviles: Construyendo y publicando nuestro primera APPS mul...
APPS Aplicaciones móviles: Construyendo y publicando nuestro primera APPS mul...
 
Protostar como framework
Protostar como frameworkProtostar como framework
Protostar como framework
 
Herramientas a usar en los Entornos Virtuales de Aprendizajes
Herramientas  a usar en los Entornos Virtuales de AprendizajesHerramientas  a usar en los Entornos Virtuales de Aprendizajes
Herramientas a usar en los Entornos Virtuales de Aprendizajes
 
Edición de bolsillo: CSS3, HTML5 y JS para la web móvil
Edición de bolsillo: CSS3, HTML5 y JS para la web móvilEdición de bolsillo: CSS3, HTML5 y JS para la web móvil
Edición de bolsillo: CSS3, HTML5 y JS para la web móvil
 
Arquitectura frontend para proyectos con preprocesadores CSS
Arquitectura frontend para proyectos con preprocesadores CSSArquitectura frontend para proyectos con preprocesadores CSS
Arquitectura frontend para proyectos con preprocesadores CSS
 
Bootstrap 3.
Bootstrap 3.Bootstrap 3.
Bootstrap 3.
 

Kürzlich hochgeladen

PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRYPLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
karendaza9506
 
GRUPO 1.pptx problemas oportunidades objetivos
GRUPO 1.pptx problemas oportunidades objetivosGRUPO 1.pptx problemas oportunidades objetivos
GRUPO 1.pptx problemas oportunidades objetivos
CristianGmez22034
 
PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docx
PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docxPLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docx
PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docx
Leo Florez
 
Topografía cuadro de construcción ing.civil
Topografía cuadro de construcción ing.civilTopografía cuadro de construcción ing.civil
Topografía cuadro de construcción ing.civil
meloamerica93
 

Kürzlich hochgeladen (20)

Proceso de percepción visual y de reconocimiento
Proceso de percepción visual y de reconocimientoProceso de percepción visual y de reconocimiento
Proceso de percepción visual y de reconocimiento
 
Brochure Tuna Haus _ Hecho para mascotas.pdf
Brochure Tuna Haus _ Hecho para mascotas.pdfBrochure Tuna Haus _ Hecho para mascotas.pdf
Brochure Tuna Haus _ Hecho para mascotas.pdf
 
Introduccion-a-los-numeros-en-ingles.pptx
Introduccion-a-los-numeros-en-ingles.pptxIntroduccion-a-los-numeros-en-ingles.pptx
Introduccion-a-los-numeros-en-ingles.pptx
 
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdf
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdfINICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdf
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdf
 
Torre 222 sobre instalaciones de este mismo edificio
Torre 222 sobre instalaciones de este mismo edificioTorre 222 sobre instalaciones de este mismo edificio
Torre 222 sobre instalaciones de este mismo edificio
 
cabildo abierto forma de participación ciudadana
cabildo abierto forma de participación ciudadanacabildo abierto forma de participación ciudadana
cabildo abierto forma de participación ciudadana
 
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRYPLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
 
guia de talles de camitas cucciolos 2024.pdf
guia de talles de camitas cucciolos 2024.pdfguia de talles de camitas cucciolos 2024.pdf
guia de talles de camitas cucciolos 2024.pdf
 
Arquitectos del Movimiento Moderno Pt. 2.pdf
Arquitectos del Movimiento Moderno Pt. 2.pdfArquitectos del Movimiento Moderno Pt. 2.pdf
Arquitectos del Movimiento Moderno Pt. 2.pdf
 
GRUPO 1.pptx problemas oportunidades objetivos
GRUPO 1.pptx problemas oportunidades objetivosGRUPO 1.pptx problemas oportunidades objetivos
GRUPO 1.pptx problemas oportunidades objetivos
 
GROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDAD
GROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDADGROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDAD
GROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDAD
 
POESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNAL
POESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNALPOESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNAL
POESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNAL
 
Arte textil: Tejidos artesanos en la frontera hispano-lusa
Arte textil: Tejidos artesanos en la frontera hispano-lusaArte textil: Tejidos artesanos en la frontera hispano-lusa
Arte textil: Tejidos artesanos en la frontera hispano-lusa
 
INTERVENCIONES DE CARRETERAS EN LA LIBERTAD
INTERVENCIONES DE CARRETERAS  EN LA LIBERTADINTERVENCIONES DE CARRETERAS  EN LA LIBERTAD
INTERVENCIONES DE CARRETERAS EN LA LIBERTAD
 
CLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdf
CLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdfCLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdf
CLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdf
 
PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docx
PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docxPLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docx
PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docx
 
Afiche de arquitectura manierista Paola Perez
Afiche de arquitectura manierista Paola PerezAfiche de arquitectura manierista Paola Perez
Afiche de arquitectura manierista Paola Perez
 
Geometrías de la imaginación: Diseño e iconografía de Querétaro
Geometrías de la imaginación: Diseño e iconografía de QuerétaroGeometrías de la imaginación: Diseño e iconografía de Querétaro
Geometrías de la imaginación: Diseño e iconografía de Querétaro
 
Topografía cuadro de construcción ing.civil
Topografía cuadro de construcción ing.civilTopografía cuadro de construcción ing.civil
Topografía cuadro de construcción ing.civil
 
1.La locomoción de los seres vivos diseño
1.La locomoción de los seres vivos diseño1.La locomoción de los seres vivos diseño
1.La locomoción de los seres vivos diseño
 

Presentacion Taller - Ya tengo el diseño y ahora que?

Hinweis der Redaktion