SlideShare uma empresa Scribd logo
1 de 10
Instituto: oficial cristo rey
Catedrático: Melvin Quezada
Alumnas: Carmen Pineda
Isela Viera
Maryuri Aguirre
Asignatura: Diseño Web
Fecha: 22/4/15
MENUS CSS
En esta diapositiva explicaremos para que se usa los menús
de css dice que sirve para que los autores y usuarios
cambien las formas de diseñar paginas web dice que puede
general 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
Los menús de css es un lenguaje usado para un
documento es definir y crear la presentación de HTML es
el encargado de formular las especificaciones de las hojas
que le dan estilo las que servirían de estándar para los
agentes de los usuarios o navegadores la idea q
encuentras detrás de del desarrollo de css es separar la
estructura de un documento de su presentación
La sintaxis
Css tiene una sintaxis muy sencilla que usa unas cuantas palabras
clave tomadas del ingles para especificar los nombres de varias
propiedades de estilo una hoja de estilo se compone de una lista de
reglas cada regla o conjunto de reglas consiste en unos o mas lectores
y un bloqueo de declaraciones . En la css lo selectores marcara q
elementos se verán afectados por cada bloqueo de estilo
Niveles e historias de los menús css
Css se a creado en varios niveles y perfiles. Cada nivel de css se construye
sobre el anterior generalmente añadiendo funciones al previo.
Los perfiles son generalmente, parte de uno o varios niveles de css definidos
para una dispositivo o interfaz particular. Actualmente puede usarse perfiles
para dispositivos móviles impresora o televisores.
Algunas de las funcionalidades ofrecen son
Propiedades de las fuentes, como tipo tamaño énfasis.
Color del texto fondos bordes u otros elementos.
Atributos del texto como espacios entre las letras líneas etc.
Alineación de texto imágenes tablas u otro.
Propiedades de identificación y presentación de lista.
 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

Mais conteúdo relacionado

Mais procurados

Qué es css
Qué es cssQué es css
Qué es cssmanuelhh
 
Conceptos Herramientas
Conceptos HerramientasConceptos Herramientas
Conceptos Herramientas1994chito
 
Css hojas de-estilo
Css hojas de-estiloCss hojas de-estilo
Css hojas de-estiloUTECO
 
Manual css 01
Manual css 01Manual css 01
Manual css 01kirokesa
 
Colegionacionalnicolsesguerra 150917155628-lva1-app6892-150924155136-lva1-app...
Colegionacionalnicolsesguerra 150917155628-lva1-app6892-150924155136-lva1-app...Colegionacionalnicolsesguerra 150917155628-lva1-app6892-150924155136-lva1-app...
Colegionacionalnicolsesguerra 150917155628-lva1-app6892-150924155136-lva1-app...santi302930
 
Dn11 u3 a38_acdo
Dn11 u3 a38_acdoDn11 u3 a38_acdo
Dn11 u3 a38_acdoditzaowile
 
Dn11 u3 a38_acdo
Dn11 u3 a38_acdoDn11 u3 a38_acdo
Dn11 u3 a38_acdoditzaowile
 
DEBER HOJA DE ESTILO (CSS) blog blogger blogspot
DEBER HOJA DE ESTILO (CSS) blog blogger blogspotDEBER HOJA DE ESTILO (CSS) blog blogger blogspot
DEBER HOJA DE ESTILO (CSS) blog blogger blogspotLISSYCE
 
Producto 3 Juan Carlos y Cesar 9B
Producto 3 Juan Carlos y Cesar 9BProducto 3 Juan Carlos y Cesar 9B
Producto 3 Juan Carlos y Cesar 9BPOTTERICOS
 
Lenguaje de marcas html
Lenguaje de marcas htmlLenguaje de marcas html
Lenguaje de marcas htmlrmonago
 

Mais procurados (16)

Qué es css
Qué es cssQué es css
Qué es css
 
Conceptos Herramientas
Conceptos HerramientasConceptos Herramientas
Conceptos Herramientas
 
Css hojas de-estilo
Css hojas de-estiloCss hojas de-estilo
Css hojas de-estilo
 
Manual css 01
Manual css 01Manual css 01
Manual css 01
 
Melanie gonzález
Melanie gonzálezMelanie gonzález
Melanie gonzález
 
Manual de css
Manual de cssManual de css
Manual de css
 
Colegionacionalnicolsesguerra 150917155628-lva1-app6892-150924155136-lva1-app...
Colegionacionalnicolsesguerra 150917155628-lva1-app6892-150924155136-lva1-app...Colegionacionalnicolsesguerra 150917155628-lva1-app6892-150924155136-lva1-app...
Colegionacionalnicolsesguerra 150917155628-lva1-app6892-150924155136-lva1-app...
 
codigos Html y css
codigos Html y csscodigos Html y css
codigos Html y css
 
Dn11 u3 a38_acdo
Dn11 u3 a38_acdoDn11 u3 a38_acdo
Dn11 u3 a38_acdo
 
Dn11 u3 a38_acdo
Dn11 u3 a38_acdoDn11 u3 a38_acdo
Dn11 u3 a38_acdo
 
Manual css
Manual cssManual css
Manual css
 
DEBER HOJA DE ESTILO (CSS) blog blogger blogspot
DEBER HOJA DE ESTILO (CSS) blog blogger blogspotDEBER HOJA DE ESTILO (CSS) blog blogger blogspot
DEBER HOJA DE ESTILO (CSS) blog blogger blogspot
 
Archivo
ArchivoArchivo
Archivo
 
Producto 3 Juan Carlos y Cesar 9B
Producto 3 Juan Carlos y Cesar 9BProducto 3 Juan Carlos y Cesar 9B
Producto 3 Juan Carlos y Cesar 9B
 
Lenguaje de marcas html
Lenguaje de marcas htmlLenguaje de marcas html
Lenguaje de marcas html
 
Webmaster
WebmasterWebmaster
Webmaster
 

Semelhante a "MENUS CSS" (20)

Css
CssCss
Css
 
Manual css
Manual cssManual css
Manual css
 
Paginas web css
Paginas web cssPaginas web css
Paginas web css
 
Css
CssCss
Css
 
Hojas de estilo css
Hojas de estilo cssHojas de estilo css
Hojas de estilo css
 
Estilos cascadas
Estilos cascadasEstilos cascadas
Estilos cascadas
 
Identificacion del lenguaje css
Identificacion del lenguaje cssIdentificacion del lenguaje css
Identificacion del lenguaje css
 
Compresión de video
Compresión de videoCompresión de video
Compresión de video
 
Introducción a CSS
Introducción a CSSIntroducción a CSS
Introducción a CSS
 
crossmedia 03: css
crossmedia 03: csscrossmedia 03: css
crossmedia 03: css
 
Manual css-hojas-estilo
Manual css-hojas-estiloManual css-hojas-estilo
Manual css-hojas-estilo
 
Css
CssCss
Css
 
Identificacion del lenguaje css
Identificacion del lenguaje cssIdentificacion del lenguaje css
Identificacion del lenguaje css
 
C3 lenguaje de presentación.
C3 lenguaje de presentación.C3 lenguaje de presentación.
C3 lenguaje de presentación.
 
Hojas de calculo CSS
Hojas de calculo CSSHojas de calculo CSS
Hojas de calculo CSS
 
Estándares que utilizamos en nuestra aplicación web
Estándares que utilizamos en nuestra aplicación webEstándares que utilizamos en nuestra aplicación web
Estándares que utilizamos en nuestra aplicación web
 
Deber2 css 21
Deber2 css 21Deber2 css 21
Deber2 css 21
 
Manual Css Desarrolloweb.Com
Manual Css Desarrolloweb.ComManual Css Desarrolloweb.Com
Manual Css Desarrolloweb.Com
 
manualrapido_css.pdf
manualrapido_css.pdfmanualrapido_css.pdf
manualrapido_css.pdf
 
Manual para elaborar páginas HTM5 con CSS
Manual para elaborar páginas HTM5 con CSSManual para elaborar páginas HTM5 con CSS
Manual para elaborar páginas HTM5 con CSS
 

Último

tratado-de-egguns70pag-130221102039-phpapp02 4.pdf
tratado-de-egguns70pag-130221102039-phpapp02 4.pdftratado-de-egguns70pag-130221102039-phpapp02 4.pdf
tratado-de-egguns70pag-130221102039-phpapp02 4.pdfalexramires797
 
Jesus predico a los espiritus encarcelados"
Jesus predico a los espiritus encarcelados"Jesus predico a los espiritus encarcelados"
Jesus predico a los espiritus encarcelados"JOSE GARCIA PERALTA
 
Retiro de mayo #DesdeCasa (2024)
Retiro de mayo #DesdeCasa (2024)Retiro de mayo #DesdeCasa (2024)
Retiro de mayo #DesdeCasa (2024)Opus Dei
 
Agenda Organización Escuela Sabatica Culto (Opción 1).pdf
Agenda Organización Escuela Sabatica Culto (Opción 1).pdfAgenda Organización Escuela Sabatica Culto (Opción 1).pdf
Agenda Organización Escuela Sabatica Culto (Opción 1).pdfPr. David Xolo
 
PARÁBOLA DEL BUEN PASTOR-CLAVES PARA LA REFLEXIÓN.pptx
PARÁBOLA DEL BUEN PASTOR-CLAVES PARA LA REFLEXIÓN.pptxPARÁBOLA DEL BUEN PASTOR-CLAVES PARA LA REFLEXIÓN.pptx
PARÁBOLA DEL BUEN PASTOR-CLAVES PARA LA REFLEXIÓN.pptxAntonio Miguel Salas Sierra
 
La Predicación de los Puritanos un ejemplo a seguir
La Predicación de los Puritanos un ejemplo a seguirLa Predicación de los Puritanos un ejemplo a seguir
La Predicación de los Puritanos un ejemplo a seguirpregonerodejusticia2
 
Hora Santa reflexiva Por la mujer en su día.pdf
Hora Santa reflexiva Por la mujer en su día.pdfHora Santa reflexiva Por la mujer en su día.pdf
Hora Santa reflexiva Por la mujer en su día.pdfGABRIANDSPEREIRA
 
"espiritu alma y cuerpo" 1 Tesalonicenses 5:23
"espiritu alma y cuerpo" 1 Tesalonicenses 5:23"espiritu alma y cuerpo" 1 Tesalonicenses 5:23
"espiritu alma y cuerpo" 1 Tesalonicenses 5:23JOSE GARCIA PERALTA
 
GUÍA PARA EL REZO DEL SANTO ROSARIO, tamaño cuartilla A5 .pdf
GUÍA PARA EL REZO DEL SANTO ROSARIO, tamaño cuartilla A5 .pdfGUÍA PARA EL REZO DEL SANTO ROSARIO, tamaño cuartilla A5 .pdf
GUÍA PARA EL REZO DEL SANTO ROSARIO, tamaño cuartilla A5 .pdfAntonio Miguel Salas Sierra
 
EL DISPENSACIONALISMO Qué es realmente?.pdf
EL DISPENSACIONALISMO Qué es realmente?.pdfEL DISPENSACIONALISMO Qué es realmente?.pdf
EL DISPENSACIONALISMO Qué es realmente?.pdfOscar Briones
 
Programa Organización de Escuela Sabática (Opción 2).pdf
Programa Organización de Escuela Sabática (Opción 2).pdfPrograma Organización de Escuela Sabática (Opción 2).pdf
Programa Organización de Escuela Sabática (Opción 2).pdfPr. David Xolo
 
Guadalupe Ortiz de Landázuri, biografía ilustrada
Guadalupe Ortiz de Landázuri, biografía ilustrada  Guadalupe Ortiz de Landázuri, biografía ilustrada
Guadalupe Ortiz de Landázuri, biografía ilustrada Opus Dei
 
Salmo 50 un salmo de mucha bendicion para todos
Salmo 50 un salmo de mucha bendicion para todosSalmo 50 un salmo de mucha bendicion para todos
Salmo 50 un salmo de mucha bendicion para todospregonerodejusticia2
 
disfrutando el tomar la cena del senor.pdf
disfrutando el tomar la cena del senor.pdfdisfrutando el tomar la cena del senor.pdf
disfrutando el tomar la cena del senor.pdfwelter4
 
PRIMERA COMUNIÓN SANTA TERESITA 2024.pdf
PRIMERA COMUNIÓN SANTA TERESITA 2024.pdfPRIMERA COMUNIÓN SANTA TERESITA 2024.pdf
PRIMERA COMUNIÓN SANTA TERESITA 2024.pdfJuniorCaldera3
 
Recuperando el Rumbo Hasta la Transformación Parte #4.pptx
Recuperando el Rumbo Hasta la Transformación Parte #4.pptxRecuperando el Rumbo Hasta la Transformación Parte #4.pptx
Recuperando el Rumbo Hasta la Transformación Parte #4.pptxjenune
 

Último (20)

tratado-de-egguns70pag-130221102039-phpapp02 4.pdf
tratado-de-egguns70pag-130221102039-phpapp02 4.pdftratado-de-egguns70pag-130221102039-phpapp02 4.pdf
tratado-de-egguns70pag-130221102039-phpapp02 4.pdf
 
Jesus predico a los espiritus encarcelados"
Jesus predico a los espiritus encarcelados"Jesus predico a los espiritus encarcelados"
Jesus predico a los espiritus encarcelados"
 
Retiro de mayo #DesdeCasa (2024)
Retiro de mayo #DesdeCasa (2024)Retiro de mayo #DesdeCasa (2024)
Retiro de mayo #DesdeCasa (2024)
 
Agenda Organización Escuela Sabatica Culto (Opción 1).pdf
Agenda Organización Escuela Sabatica Culto (Opción 1).pdfAgenda Organización Escuela Sabatica Culto (Opción 1).pdf
Agenda Organización Escuela Sabatica Culto (Opción 1).pdf
 
Luisa de Marillac y cuidado de las personas ancianas
Luisa de Marillac y cuidado de las personas ancianasLuisa de Marillac y cuidado de las personas ancianas
Luisa de Marillac y cuidado de las personas ancianas
 
PARÁBOLA DEL BUEN PASTOR-CLAVES PARA LA REFLEXIÓN.pptx
PARÁBOLA DEL BUEN PASTOR-CLAVES PARA LA REFLEXIÓN.pptxPARÁBOLA DEL BUEN PASTOR-CLAVES PARA LA REFLEXIÓN.pptx
PARÁBOLA DEL BUEN PASTOR-CLAVES PARA LA REFLEXIÓN.pptx
 
La Predicación de los Puritanos un ejemplo a seguir
La Predicación de los Puritanos un ejemplo a seguirLa Predicación de los Puritanos un ejemplo a seguir
La Predicación de los Puritanos un ejemplo a seguir
 
Hora Santa reflexiva Por la mujer en su día.pdf
Hora Santa reflexiva Por la mujer en su día.pdfHora Santa reflexiva Por la mujer en su día.pdf
Hora Santa reflexiva Por la mujer en su día.pdf
 
"espiritu alma y cuerpo" 1 Tesalonicenses 5:23
"espiritu alma y cuerpo" 1 Tesalonicenses 5:23"espiritu alma y cuerpo" 1 Tesalonicenses 5:23
"espiritu alma y cuerpo" 1 Tesalonicenses 5:23
 
GUÍA PARA EL REZO DEL SANTO ROSARIO, tamaño cuartilla A5 .pdf
GUÍA PARA EL REZO DEL SANTO ROSARIO, tamaño cuartilla A5 .pdfGUÍA PARA EL REZO DEL SANTO ROSARIO, tamaño cuartilla A5 .pdf
GUÍA PARA EL REZO DEL SANTO ROSARIO, tamaño cuartilla A5 .pdf
 
EL DISPENSACIONALISMO Qué es realmente?.pdf
EL DISPENSACIONALISMO Qué es realmente?.pdfEL DISPENSACIONALISMO Qué es realmente?.pdf
EL DISPENSACIONALISMO Qué es realmente?.pdf
 
Programa Organización de Escuela Sabática (Opción 2).pdf
Programa Organización de Escuela Sabática (Opción 2).pdfPrograma Organización de Escuela Sabática (Opción 2).pdf
Programa Organización de Escuela Sabática (Opción 2).pdf
 
Luisa de Marillac y los niños abandonados
Luisa de Marillac y los niños abandonadosLuisa de Marillac y los niños abandonados
Luisa de Marillac y los niños abandonados
 
Lleva Frutos Como Cristo - Serie de Enseñanzas
Lleva Frutos Como Cristo - Serie de EnseñanzasLleva Frutos Como Cristo - Serie de Enseñanzas
Lleva Frutos Como Cristo - Serie de Enseñanzas
 
Guadalupe Ortiz de Landázuri, biografía ilustrada
Guadalupe Ortiz de Landázuri, biografía ilustrada  Guadalupe Ortiz de Landázuri, biografía ilustrada
Guadalupe Ortiz de Landázuri, biografía ilustrada
 
Luisa de Marillac y la educación de las niñas pobres
Luisa de Marillac y la educación de las niñas pobresLuisa de Marillac y la educación de las niñas pobres
Luisa de Marillac y la educación de las niñas pobres
 
Salmo 50 un salmo de mucha bendicion para todos
Salmo 50 un salmo de mucha bendicion para todosSalmo 50 un salmo de mucha bendicion para todos
Salmo 50 un salmo de mucha bendicion para todos
 
disfrutando el tomar la cena del senor.pdf
disfrutando el tomar la cena del senor.pdfdisfrutando el tomar la cena del senor.pdf
disfrutando el tomar la cena del senor.pdf
 
PRIMERA COMUNIÓN SANTA TERESITA 2024.pdf
PRIMERA COMUNIÓN SANTA TERESITA 2024.pdfPRIMERA COMUNIÓN SANTA TERESITA 2024.pdf
PRIMERA COMUNIÓN SANTA TERESITA 2024.pdf
 
Recuperando el Rumbo Hasta la Transformación Parte #4.pptx
Recuperando el Rumbo Hasta la Transformación Parte #4.pptxRecuperando el Rumbo Hasta la Transformación Parte #4.pptx
Recuperando el Rumbo Hasta la Transformación Parte #4.pptx
 

"MENUS CSS"

  • 1. Instituto: oficial cristo rey Catedrático: Melvin Quezada Alumnas: Carmen Pineda Isela Viera Maryuri Aguirre Asignatura: Diseño Web Fecha: 22/4/15
  • 3. En esta diapositiva explicaremos para que se usa los menús de css dice que sirve para que los autores y usuarios cambien las formas de diseñar paginas web dice que puede general 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. Los menús de css es un lenguaje usado para un documento es definir y crear la presentación de HTML es el encargado de formular las especificaciones de las hojas que le dan estilo las que servirían de estándar para los agentes de los usuarios o navegadores la idea q encuentras detrás de del desarrollo de css es separar la estructura de un documento de su presentación
  • 5. La sintaxis Css tiene una sintaxis muy sencilla que usa unas cuantas palabras clave tomadas del ingles para especificar los nombres de varias propiedades de estilo una hoja de estilo se compone de una lista de reglas cada regla o conjunto de reglas consiste en unos o mas lectores y un bloqueo de declaraciones . En la css lo selectores marcara q elementos se verán afectados por cada bloqueo de estilo
  • 6. Niveles e historias de los menús css Css se a creado en varios niveles y perfiles. Cada nivel de css se construye sobre el anterior generalmente añadiendo funciones al previo. Los perfiles son generalmente, parte de uno o varios niveles de css definidos para una dispositivo o interfaz particular. Actualmente puede usarse perfiles para dispositivos móviles impresora o televisores. Algunas de las funcionalidades ofrecen son Propiedades de las fuentes, como tipo tamaño énfasis. Color del texto fondos bordes u otros elementos. Atributos del texto como espacios entre las letras líneas etc. Alineación de texto imágenes tablas u otro. Propiedades de identificación y presentación de lista.
  • 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