SlideShare una empresa de Scribd logo
1 de 3
IMPORTANCIA
Maquetar una pagina web, no es mas que pasar el diseño hecho en
papel a código HTML, poniendo cada cosa en su lugar EJ: una cabecera,
un menú, etc.
Hasta hace unos años la única manera de maquetar una pagina web era
mediante tablas HTML (<table>), pero esto tiene muchas desventajas y
limitaciones, por eso la técnica de maquetación fue evolucionando con
los años hasta llegar al punto donde no se usan tablas, si no capas (los
famosos DIVs) a las que se le dan formato mediante CSS.
PROCEDIMIENTO
Tríptico
Elaboración:
- Se creó un nuevo documento, con dos páginas.
- Repartimos en 3 partes cada una de las páginas.
- Posición horizontal.
- Se utilizó la herramienta de textos para colocar una frase en la
primera parte.
- Se colocó imágenes en cada una de las partes.
- Se utilizó la herramienta rectángulo, señalando todo el
documento.
- Elegimos el color
Para la segunda parte:
- Se utilizó la herramienta de textos para colocar una frase
en la primera parte.
- Se colocó imágenes en cada una de las partes.
- Se utilizó la herramienta rectángulo, señalando todo el
documento.
- Elegimos el color

Más contenido relacionado

Similar a Maquetacion

Presentacióndamian
PresentacióndamianPresentacióndamian
Presentacióndamian
damianriver
 
Manual css
Manual cssManual css
Manual css
Jennifer
 
¿Como crear una pagina web en linea ?
¿Como crear una pagina web en linea ?¿Como crear una pagina web en linea ?
¿Como crear una pagina web en linea ?
Vanessa Jaramillo
 

Similar a Maquetacion (20)

Css wendy
Css wendyCss wendy
Css wendy
 
Guia 1 periodo 8°
Guia 1 periodo 8°Guia 1 periodo 8°
Guia 1 periodo 8°
 
Manual Css Desarrolloweb.Com
Manual Css Desarrolloweb.ComManual Css Desarrolloweb.Com
Manual Css Desarrolloweb.Com
 
Composicion de paginas web
Composicion de paginas webComposicion de paginas web
Composicion de paginas web
 
Presentacióndamian
PresentacióndamianPresentacióndamian
Presentacióndamian
 
Compresión de video
Compresión de videoCompresión de video
Compresión de video
 
Tema 7 power
Tema 7 powerTema 7 power
Tema 7 power
 
Manual css
Manual cssManual css
Manual css
 
Modelo ASSUURE: Luis Alberto Jerez Caba
Modelo ASSUURE: Luis Alberto Jerez Caba Modelo ASSUURE: Luis Alberto Jerez Caba
Modelo ASSUURE: Luis Alberto Jerez Caba
 
Presentación1
Presentación1Presentación1
Presentación1
 
Manual css 01
Manual css 01Manual css 01
Manual css 01
 
Diseño de Pagina Web
Diseño de Pagina WebDiseño de Pagina Web
Diseño de Pagina Web
 
¿Como crear una pagina web en linea ?
¿Como crear una pagina web en linea ?¿Como crear una pagina web en linea ?
¿Como crear una pagina web en linea ?
 
Solucion actividad herramientas tecnologicas brandol soler
Solucion actividad herramientas tecnologicas brandol solerSolucion actividad herramientas tecnologicas brandol soler
Solucion actividad herramientas tecnologicas brandol soler
 
Manual frontpage 2000
Manual frontpage 2000Manual frontpage 2000
Manual frontpage 2000
 
Manual frontpage 2000
Manual frontpage 2000Manual frontpage 2000
Manual frontpage 2000
 
Presentación slideshare
Presentación slidesharePresentación slideshare
Presentación slideshare
 
Hacia una Metodología de Diseño Web Responsive
Hacia una Metodología de Diseño Web ResponsiveHacia una Metodología de Diseño Web Responsive
Hacia una Metodología de Diseño Web Responsive
 
Slideshareeee
SlideshareeeeSlideshareeee
Slideshareeee
 
Tutorial vectorworks
Tutorial vectorworksTutorial vectorworks
Tutorial vectorworks
 

Último

7.2 -La guerra civil. Evolución de los bandos y consecuencias-Marta y Elena (...
7.2 -La guerra civil. Evolución de los bandos y consecuencias-Marta y Elena (...7.2 -La guerra civil. Evolución de los bandos y consecuencias-Marta y Elena (...
7.2 -La guerra civil. Evolución de los bandos y consecuencias-Marta y Elena (...
jose880240
 
Induccion Personal Mision S&A (nueva).pdf
Induccion Personal Mision S&A (nueva).pdfInduccion Personal Mision S&A (nueva).pdf
Induccion Personal Mision S&A (nueva).pdf
stefatoro1392
 

Último (9)

TECNOLOGIA ARQUITECTONICA - CASO IQUITOS - PERU
TECNOLOGIA ARQUITECTONICA - CASO IQUITOS - PERUTECNOLOGIA ARQUITECTONICA - CASO IQUITOS - PERU
TECNOLOGIA ARQUITECTONICA - CASO IQUITOS - PERU
 
LA NEUROARQUITECTURA COMO ESTRATEGIA DE DISEŇO PARA LA SALUD MENTAL
LA NEUROARQUITECTURA COMO ESTRATEGIA DE DISEŇO PARA LA SALUD MENTALLA NEUROARQUITECTURA COMO ESTRATEGIA DE DISEŇO PARA LA SALUD MENTAL
LA NEUROARQUITECTURA COMO ESTRATEGIA DE DISEŇO PARA LA SALUD MENTAL
 
Metodo-cuadricula-HyST para medicion con luxometro
Metodo-cuadricula-HyST para medicion con luxometroMetodo-cuadricula-HyST para medicion con luxometro
Metodo-cuadricula-HyST para medicion con luxometro
 
7.2 -La guerra civil. Evolución de los bandos y consecuencias-Marta y Elena (...
7.2 -La guerra civil. Evolución de los bandos y consecuencias-Marta y Elena (...7.2 -La guerra civil. Evolución de los bandos y consecuencias-Marta y Elena (...
7.2 -La guerra civil. Evolución de los bandos y consecuencias-Marta y Elena (...
 
Blue_Aesthetic_Mood_Board_Brand_Inspiration_Poster.pdf
Blue_Aesthetic_Mood_Board_Brand_Inspiration_Poster.pdfBlue_Aesthetic_Mood_Board_Brand_Inspiration_Poster.pdf
Blue_Aesthetic_Mood_Board_Brand_Inspiration_Poster.pdf
 
word-ejercicios-tabulaciones-taller..doc
word-ejercicios-tabulaciones-taller..docword-ejercicios-tabulaciones-taller..doc
word-ejercicios-tabulaciones-taller..doc
 
Planos seriados, conceptos, caracterización y aplicaciones
Planos seriados, conceptos, caracterización y aplicacionesPlanos seriados, conceptos, caracterización y aplicaciones
Planos seriados, conceptos, caracterización y aplicaciones
 
La Bauhaus y la nueva tipografía en el diseño gráfico
La Bauhaus y la nueva tipografía en el diseño gráficoLa Bauhaus y la nueva tipografía en el diseño gráfico
La Bauhaus y la nueva tipografía en el diseño gráfico
 
Induccion Personal Mision S&A (nueva).pdf
Induccion Personal Mision S&A (nueva).pdfInduccion Personal Mision S&A (nueva).pdf
Induccion Personal Mision S&A (nueva).pdf
 

Maquetacion

  • 1. IMPORTANCIA Maquetar una pagina web, no es mas que pasar el diseño hecho en papel a código HTML, poniendo cada cosa en su lugar EJ: una cabecera, un menú, etc. Hasta hace unos años la única manera de maquetar una pagina web era mediante tablas HTML (<table>), pero esto tiene muchas desventajas y limitaciones, por eso la técnica de maquetación fue evolucionando con los años hasta llegar al punto donde no se usan tablas, si no capas (los famosos DIVs) a las que se le dan formato mediante CSS.
  • 2. PROCEDIMIENTO Tríptico Elaboración: - Se creó un nuevo documento, con dos páginas. - Repartimos en 3 partes cada una de las páginas. - Posición horizontal. - Se utilizó la herramienta de textos para colocar una frase en la primera parte. - Se colocó imágenes en cada una de las partes. - Se utilizó la herramienta rectángulo, señalando todo el documento. - Elegimos el color
  • 3. Para la segunda parte: - Se utilizó la herramienta de textos para colocar una frase en la primera parte. - Se colocó imágenes en cada una de las partes. - Se utilizó la herramienta rectángulo, señalando todo el documento. - Elegimos el color