SlideShare una empresa de Scribd logo
 ALUMNAS: Carmen Pineda
 Isela Viera
 Maryuri Aguirre
 Tema: Menús CSS
 Catedrático: Melvin Quezada
 Informática
 Fecha: 22/04/2015
INSTITUTO OFICIAL CRISTO REY
MENUS CSS
En esta diapositiva explicaremos para que se usa los
menús de css dice que sirve para qformas de diseñar
paginas web dice que puede general ue los autores y
usuarios cambien las un vistoso gusto como mostrar al
usuario los documentos en la pantalla también sirve para
dar estilo a documentos en HTML es un lenguaje que sirve
para presentaciones y aspecto de una pagina web.
Introducción
CODIGOS DE ARCHIVO CSS
/* CAPAS CONTENEDORAS */
#izquierda width: 170px;
float: left; }
.derecha {
width: 750px;
float: left; }
/* ELEMENTOS DEL MENU
LATERAL */

 #menu {
 padding:0;
 margin:0 auto;
 list-style-type:none;
 width:160px;
 height:312px; }#
* ELEMENTOS DE LA GALERIA DE IMAGENES */
#galeria {
padding:0;
margin:40px auto 0 auto;
list-style-type:none;
height:300px;
width:774px;
border:1px solid #888;
 Formas de usar css
 Para dar un formato a un documento de HTML puede enlpearse css de
tresformas distintas:
 1. un estilo en línea (inline): es un método para insertar el lenguaje de estilo de
la pagina directamente dentro de una etiqueta HTML. Esta manera de
procesador no es totalmente adecuado al incrustar la discripcrision del formateo
dentro del documento de la página web.
 2 una hoja de estilo interno: que es una hoja de estilo que esta incrustada
dentro de un documento HTML dentro del elemento <head> marcada por la
etiqueta <style> de esta manera se obtiene el beneficio de separar la
información del estilo del código.
 3. una hoja de estilo externa: es una hoja de estilo que esta almacenada en un
archivo diferente al archivo donde se almacena el código HTML de la pagina
web. Esta es la manera de programar mas potente porque separa
completamente las reglas de formateo para la pagina de la estructura básica de
la pagina.
Limitaciones de usar menús css
Algunas de las limitaciones que se encuentra en el uso del css
hasta la versión css2,1 vigente puede ser:
1.Los selectores no pueden usarse en orden ascendente según
la jerarquía del Dom como se hacen mediante Xpath.
2.Dificulta para el alineamiento vertical: así como el centrado
horizontal se hace de manera evidente encss2,1 el centrado
vertical requiere de diferentes reglas en combinaciones no
evidentes o no estándares.
3.Ausencias de expresiones de calculo numérico para
especificar valor (ejemplo margin-left-10% 3em 4px.
4. Susceptibles de abusos por parte de los diseñadores en
banners o ventana de emergencia.
Ventajas de usar menús css
Algunas ventajas de utilizar css (u otros lenguajes de estilo)son:
Control centralizados de la presentación de un sitio web
completo con lo que agilización de forma considerable la
actualización del mismo.
Optimización del ancho de la banda de la conexión pues pueden
definirse los mismos estilos para muchos elementos con un solo
selector o porque un mismo archivo css puede servir para una
multitud de documentos.
Mejora en la accesibilidad del documento pues con el uso del css
se evitan antiguas practicas necesarias para el control del diseño
que iván en perjuicio de ciertos usos de los documento.
Gracias por su atención

Más contenido relacionado

PPTX
"MENUS CSS"
DOCX
Colegionacionalnicolsesguerra 150917155628-lva1-app6892-150924155136-lva1-app...
PPTX
Dinarys duran
PPTX
Introducción a cms
PPTX
Webmaster
PPTX
EJEMPLO
DOCX
PPT
Gato html (2)
"MENUS CSS"
Colegionacionalnicolsesguerra 150917155628-lva1-app6892-150924155136-lva1-app...
Dinarys duran
Introducción a cms
Webmaster
EJEMPLO
Gato html (2)

La actualidad más candente (16)

PPTX
Nuevo presentación de microsoft office power point
PPTX
DOCX
Colegio nacional nicolas esguerra.
PPTX
Html y html5
PPTX
PPTX
Introduccion a la programacion web
PPTX
Resultado de aprendizaje 2.1.1
PDF
Silabus cms wordpress
DOCX
Trabajop final
PPTX
Resultado de aprendizaje 2.1
PPTX
Puntos clave para optimizar Wordpress by Raiola Networks
PPTX
PPTX
Dreamweaver!
PPTX
Introduccion al Desarrollo web - slides
PPT
Pagina principal moodle
Nuevo presentación de microsoft office power point
Colegio nacional nicolas esguerra.
Html y html5
Introduccion a la programacion web
Resultado de aprendizaje 2.1.1
Silabus cms wordpress
Trabajop final
Resultado de aprendizaje 2.1
Puntos clave para optimizar Wordpress by Raiola Networks
Dreamweaver!
Introduccion al Desarrollo web - slides
Pagina principal moodle
Publicidad

Similar a Menu CSS (20)

PDF
Manual css
PDF
Hojas de estilo css
PPTX
DEBER HOJA DE ESTILO (CSS) blog blogger blogspot
PDF
Manual css-hojas-estilo
PDF
Manual Css Desarrolloweb.Com
PDF
Manual css 01
PDF
Hojas de estilo css
PDF
Manual de css
PDF
Manual css
PDF
Css hojas de-estilo
DOC
Compresión de video
PPTX
Hojas de estilo en cascada
PPTX
Hojas de estilo (css)
PPT
crossmedia 03: css
PDF
Qué es CSS y con qué se come?
PPTX
Identificacion del lenguaje css
PPTX
Estilos cascadas
Manual css
Hojas de estilo css
DEBER HOJA DE ESTILO (CSS) blog blogger blogspot
Manual css-hojas-estilo
Manual Css Desarrolloweb.Com
Manual css 01
Hojas de estilo css
Manual de css
Manual css
Css hojas de-estilo
Compresión de video
Hojas de estilo en cascada
Hojas de estilo (css)
crossmedia 03: css
Qué es CSS y con qué se come?
Identificacion del lenguaje css
Estilos cascadas
Publicidad

Último (20)

PDF
Escuela de Negocios - Robert kiyosaki Ccesa007.pdf
DOCX
III Ciclo _ Plan Anual 2025.docx PARA ESTUDIANTES DE PRIMARIA
DOCX
V UNIDAD - SEGUNDO GRADO. del mes de agosto
PDF
Didactica de la Investigacion Educativa SUE Ccesa007.pdf
DOCX
UNIDAD DE APRENDIZAJE 5 AGOSTO tradiciones
PDF
GUIA DE: CANVA + INTELIGENCIA ARTIFICIAL
PDF
1. Intrdoduccion y criterios de seleccion de Farm 2024.pdf
PDF
Crear o Morir - Andres Oppenheimer Ccesa007.pdf
PDF
DI, TEA, TDAH.pdf guía se secuencias didacticas
PDF
Salvese Quien Pueda - Andres Oppenheimer Ccesa007.pdf
PDF
Cronograma de clases de Práctica Profesional 2 2025 UDE.pdf
PDF
TOMO II - LITERATURA.pd plusenmas ultras
PDF
biología es un libro sobre casi todo el tema de biología
PDF
ciencias-1.pdf libro cuarto basico niños
PDF
Gasista de unidades unifuncionales - pagina 23 en adelante.pdf
PDF
COMPLETO__PROYECTO_VIVAN LOS NIÑOS Y SUS DERECHOS_EDUCADORASSOS.pdf
PDF
Guia de Tesis y Proyectos de Investigacion FS4 Ccesa007.pdf
PDF
Fundamentos_Educacion_a_Distancia_ABC.pdf
PDF
COMUNICACION EFECTIVA PARA LA EDUCACION .pdf
DOCX
Informe_practica pre Final.docxddadssasdddddddddddddddddddddddddddddddddddddddd
Escuela de Negocios - Robert kiyosaki Ccesa007.pdf
III Ciclo _ Plan Anual 2025.docx PARA ESTUDIANTES DE PRIMARIA
V UNIDAD - SEGUNDO GRADO. del mes de agosto
Didactica de la Investigacion Educativa SUE Ccesa007.pdf
UNIDAD DE APRENDIZAJE 5 AGOSTO tradiciones
GUIA DE: CANVA + INTELIGENCIA ARTIFICIAL
1. Intrdoduccion y criterios de seleccion de Farm 2024.pdf
Crear o Morir - Andres Oppenheimer Ccesa007.pdf
DI, TEA, TDAH.pdf guía se secuencias didacticas
Salvese Quien Pueda - Andres Oppenheimer Ccesa007.pdf
Cronograma de clases de Práctica Profesional 2 2025 UDE.pdf
TOMO II - LITERATURA.pd plusenmas ultras
biología es un libro sobre casi todo el tema de biología
ciencias-1.pdf libro cuarto basico niños
Gasista de unidades unifuncionales - pagina 23 en adelante.pdf
COMPLETO__PROYECTO_VIVAN LOS NIÑOS Y SUS DERECHOS_EDUCADORASSOS.pdf
Guia de Tesis y Proyectos de Investigacion FS4 Ccesa007.pdf
Fundamentos_Educacion_a_Distancia_ABC.pdf
COMUNICACION EFECTIVA PARA LA EDUCACION .pdf
Informe_practica pre Final.docxddadssasdddddddddddddddddddddddddddddddddddddddd

Menu CSS

  • 1.  ALUMNAS: Carmen Pineda  Isela Viera  Maryuri Aguirre  Tema: Menús CSS  Catedrático: Melvin Quezada  Informática  Fecha: 22/04/2015 INSTITUTO OFICIAL CRISTO REY
  • 3. En esta diapositiva explicaremos para que se usa los menús de css dice que sirve para qformas de diseñar paginas web dice que puede general ue los autores y usuarios cambien las un vistoso gusto como mostrar al usuario los documentos en la pantalla también sirve para dar estilo a documentos en HTML es un lenguaje que sirve para presentaciones y aspecto de una pagina web. Introducción
  • 4. CODIGOS DE ARCHIVO CSS /* CAPAS CONTENEDORAS */ #izquierda width: 170px; float: left; } .derecha { width: 750px; float: left; }
  • 5. /* ELEMENTOS DEL MENU LATERAL */   #menu {  padding:0;  margin:0 auto;  list-style-type:none;  width:160px;  height:312px; }#
  • 6. * ELEMENTOS DE LA GALERIA DE IMAGENES */ #galeria { padding:0; margin:40px auto 0 auto; list-style-type:none; height:300px; width:774px; border:1px solid #888;
  • 7.  Formas de usar css  Para dar un formato a un documento de HTML puede enlpearse css de tresformas distintas:  1. un estilo en línea (inline): es un método para insertar el lenguaje de estilo de la pagina directamente dentro de una etiqueta HTML. Esta manera de procesador no es totalmente adecuado al incrustar la discripcrision del formateo dentro del documento de la página web.  2 una hoja de estilo interno: que es una hoja de estilo que esta incrustada dentro de un documento HTML dentro del elemento <head> marcada por la etiqueta <style> de esta manera se obtiene el beneficio de separar la información del estilo del código.  3. una hoja de estilo externa: es una hoja de estilo que esta almacenada en un archivo diferente al archivo donde se almacena el código HTML de la pagina web. Esta es la manera de programar mas potente porque separa completamente las reglas de formateo para la pagina de la estructura básica de la pagina.
  • 8. Limitaciones de usar menús css Algunas de las limitaciones que se encuentra en el uso del css hasta la versión css2,1 vigente puede ser: 1.Los selectores no pueden usarse en orden ascendente según la jerarquía del Dom como se hacen mediante Xpath. 2.Dificulta para el alineamiento vertical: así como el centrado horizontal se hace de manera evidente encss2,1 el centrado vertical requiere de diferentes reglas en combinaciones no evidentes o no estándares. 3.Ausencias de expresiones de calculo numérico para especificar valor (ejemplo margin-left-10% 3em 4px. 4. Susceptibles de abusos por parte de los diseñadores en banners o ventana de emergencia.
  • 9. Ventajas de usar menús css Algunas ventajas de utilizar css (u otros lenguajes de estilo)son: Control centralizados de la presentación de un sitio web completo con lo que agilización de forma considerable la actualización del mismo. Optimización del ancho de la banda de la conexión pues pueden definirse los mismos estilos para muchos elementos con un solo selector o porque un mismo archivo css puede servir para una multitud de documentos. Mejora en la accesibilidad del documento pues con el uso del css se evitan antiguas practicas necesarias para el control del diseño que iván en perjuicio de ciertos usos de los documento.
  • 10. Gracias por su atención