SlideShare ist ein Scribd-Unternehmen logo
1 von 7
Utilizamos este código
Para insertar un buscador se utiliza el siguiente código
Continuamos con la maquetación de la pagina maquetando los aside derecho e izquierdo
HEADER
Para crear el menú principal de la página utilizamos el siguiente código
Lo que nos generara que en la página el menú principal sea así
En el código Border= sirve para que aparezca el menú
Padding= Sirve para controlar la separación del borde de las letras
Tex-decoration:none = es para que salgan sin viñetas la lista
Color= es para cambiarle el color de las letras del listado en este caso es RED
Para ponerle un efecto de que al pasar sobre el menu muestre este efecto
Ahora nuestra pagina quedo asi
Ahora para agregar imágenes se utiliza este código
Y para que al pasar el ratón sobre ella se expanda es este

Weitere ähnliche Inhalte

Was ist angesagt?

Trabajo Practico 3
Trabajo Practico 3Trabajo Practico 3
Trabajo Practico 3Sofi Alvarez
 
Sintesis de la funcion
Sintesis de la funcionSintesis de la funcion
Sintesis de la funcionjiosdifjoas
 
Colegio nicolás esguerra 9
Colegio nicolás esguerra 9Colegio nicolás esguerra 9
Colegio nicolás esguerra 9pablo5515
 
Cambiar apariencia interface de blogger
Cambiar apariencia interface de bloggerCambiar apariencia interface de blogger
Cambiar apariencia interface de bloggerTatiana P. A.
 
MANUAL PARA CREAR SECCIONES EN WORD 2010
MANUAL PARA CREAR SECCIONES EN WORD 2010MANUAL PARA CREAR SECCIONES EN WORD 2010
MANUAL PARA CREAR SECCIONES EN WORD 2010anthonypillajo
 
Manual para numerar páginas desde un número de página diferente
Manual para numerar páginas desde un número de página diferenteManual para numerar páginas desde un número de página diferente
Manual para numerar páginas desde un número de página diferenteHinata Akashiya
 
Manual Cuadro Google Reader
Manual Cuadro Google ReaderManual Cuadro Google Reader
Manual Cuadro Google Readerblogosferagorria
 
Trabajo práctico nº 7
Trabajo práctico nº 7Trabajo práctico nº 7
Trabajo práctico nº 7mariajove
 
Creación mario alberto camacho lopez 2 01
 Creación mario alberto camacho lopez 2 01 Creación mario alberto camacho lopez 2 01
Creación mario alberto camacho lopez 2 01mariocamclo
 

Was ist angesagt? (15)

Presentación1
Presentación1Presentación1
Presentación1
 
Trabajo Practico 3
Trabajo Practico 3Trabajo Practico 3
Trabajo Practico 3
 
Sintesis de la funcion
Sintesis de la funcionSintesis de la funcion
Sintesis de la funcion
 
Tr a bajo1.2-
Tr a bajo1.2-Tr a bajo1.2-
Tr a bajo1.2-
 
Colegio nicolás esguerra 9
Colegio nicolás esguerra 9Colegio nicolás esguerra 9
Colegio nicolás esguerra 9
 
S.p.m
S.p.mS.p.m
S.p.m
 
Como crear un blog by sergio
Como crear un blog by sergioComo crear un blog by sergio
Como crear un blog by sergio
 
Cambiar apariencia interface de blogger
Cambiar apariencia interface de bloggerCambiar apariencia interface de blogger
Cambiar apariencia interface de blogger
 
Etiquetas con sparklee
Etiquetas con sparkleeEtiquetas con sparklee
Etiquetas con sparklee
 
MANUAL PARA CREAR SECCIONES EN WORD 2010
MANUAL PARA CREAR SECCIONES EN WORD 2010MANUAL PARA CREAR SECCIONES EN WORD 2010
MANUAL PARA CREAR SECCIONES EN WORD 2010
 
Manual para numerar páginas desde un número de página diferente
Manual para numerar páginas desde un número de página diferenteManual para numerar páginas desde un número de página diferente
Manual para numerar páginas desde un número de página diferente
 
Manual Cuadro Google Reader
Manual Cuadro Google ReaderManual Cuadro Google Reader
Manual Cuadro Google Reader
 
Trabajo práctico nº 7
Trabajo práctico nº 7Trabajo práctico nº 7
Trabajo práctico nº 7
 
Creación mario alberto camacho lopez 2 01
 Creación mario alberto camacho lopez 2 01 Creación mario alberto camacho lopez 2 01
Creación mario alberto camacho lopez 2 01
 
Cómo hacer un blog
Cómo hacer un blogCómo hacer un blog
Cómo hacer un blog
 

Mehr von Kmilitha Estrada (20)

Codigo de la spaguinas
Codigo de la spaguinasCodigo de la spaguinas
Codigo de la spaguinas
 
Tercera página en dreamweaver
Tercera  página en dreamweaverTercera  página en dreamweaver
Tercera página en dreamweaver
 
Segunda página en dreamweaver
Segunda  página en dreamweaverSegunda  página en dreamweaver
Segunda página en dreamweaver
 
Primera página en dreamweaver
Primera página en dreamweaverPrimera página en dreamweaver
Primera página en dreamweaver
 
Primero metemos las fotos las importamos flash
Primero metemos las fotos las importamos  flashPrimero metemos las fotos las importamos  flash
Primero metemos las fotos las importamos flash
 
Maquetacion2
Maquetacion2Maquetacion2
Maquetacion2
 
Presentación1
Presentación1Presentación1
Presentación1
 
Presentación1
Presentación1Presentación1
Presentación1
 
Kmii
KmiiKmii
Kmii
 
Kmii
KmiiKmii
Kmii
 
Kmilitha 1.
Kmilitha 1.Kmilitha 1.
Kmilitha 1.
 
Kmilithaa4
Kmilithaa4Kmilithaa4
Kmilithaa4
 
Kmilitha3
Kmilitha3Kmilitha3
Kmilitha3
 
Kmilitha 2
Kmilitha 2Kmilitha 2
Kmilitha 2
 
Kmilitha
KmilithaKmilitha
Kmilitha
 
Kmilitha
KmilithaKmilitha
Kmilitha
 
Cami clic de pelicula
Cami clic de peliculaCami clic de pelicula
Cami clic de pelicula
 
Camila botones
Camila botonesCamila botones
Camila botones
 
Mantenimientod e un computador
Mantenimientod e un computadorMantenimientod e un computador
Mantenimientod e un computador
 
Cate tqm
Cate tqmCate tqm
Cate tqm
 

Maquetacion+

  • 2.
  • 3. Para insertar un buscador se utiliza el siguiente código Continuamos con la maquetación de la pagina maquetando los aside derecho e izquierdo
  • 4.
  • 5. HEADER Para crear el menú principal de la página utilizamos el siguiente código Lo que nos generara que en la página el menú principal sea así
  • 6. En el código Border= sirve para que aparezca el menú Padding= Sirve para controlar la separación del borde de las letras Tex-decoration:none = es para que salgan sin viñetas la lista Color= es para cambiarle el color de las letras del listado en este caso es RED Para ponerle un efecto de que al pasar sobre el menu muestre este efecto Ahora nuestra pagina quedo asi
  • 7. Ahora para agregar imágenes se utiliza este código Y para que al pasar el ratón sobre ella se expanda es este