El documento describe los diferentes tipos de posicionamiento de cajas en CSS, incluyendo posicionamiento normal, relativo, absoluto, fijo y flotante. Los navegadores crean cajas para cada elemento HTML y CSS permite modificar su posición mediante propiedades como position, top, left, float y clear.
Este documento explica los conceptos fundamentales del posicionamiento y visualización de elementos en CSS, incluyendo el modelo de cajas, tipos de elementos, posicionamiento estático, relativo, absoluto, fijo y flotante, y propiedades para controlar la visualización como display, visibility, overflow y z-index.
El documento describe las propiedades CSS relacionadas con el modelo de caja, incluyendo anchura, altura, márgenes, rellenos, bordes, fondos, posicionamiento y visualización de elementos. También cubre propiedades para tipografía, texto, enlaces y otras características.
El documento describe las propiedades CSS relacionadas con anchura, altura, márgenes, rellenos, bordes, fondos, posicionamiento, visualización y texto. Define propiedades para controlar el tamaño, posición, estilo y color de los elementos, así como las propiedades de tipografía para establecer el color, tipo, tamaño y estilo de la letra.
Este documento describe los conceptos básicos del box model y posicionamiento en CSS. Explica las propiedades width, height, margin, padding y border que definen el tamaño y espaciado de los elementos. También cubre background, position, display y otras propiedades para controlar la visualización y posicionamiento de elementos. Por último, ofrece ejemplos de layouts comunes y técnicas para centrar contenido en la página.
Este documento resume los pasos y precauciones para el desensamble y ensamble de tres tipos de equipos de computación: escritorio, laptop e impresora. Para cada equipo, se enumeran posibles riesgos como descargas electrostáticas, caídas de componentes delicados, y exposición prolongada al calor. Se enfatiza la importancia de seguir procedimientos de seguridad como usar una muñequera antiestática, no tocar componentes energizados, y trabajar sobre una superficie limpia y conectada a tierra.
Este documento proporciona recomendaciones para el cuidado y mantenimiento de computadores para prevenir daños y mejorar el rendimiento. Algunas de las recomendaciones incluyen asegurarse de que los tomas eléctricos tengan conexión a tierra, descargar la electricidad estática antes de manipular componentes internos, realizar limpiezas periódicas para eliminar el polvo, actualizar software, realizar copias de seguridad de los datos y tener cuidado con ventanas emergentes sospechosas o descargas de programas no confiables
El documento describe los roles de un proyecto de desarrollo de software utilizando la metodología XP (Extreme Programming). Se enumeran siete roles principales: coordinadora, responsable del proceso, brindar apoyo, cliente, programador, encargado de pruebas y encargado de seguimiento. Cada rol tiene funciones y responsabilidades específicas para garantizar el éxito del proyecto.
Este documento revisa los estudios realizados sobre la comorbilidad entre el alcoholismo y los trastornos de personalidad. Los resultados de las investigaciones son heterogéneos, con una amplia variabilidad en las tasas de prevalencia reportadas. Sin embargo, se observa cierta tendencia a los trastornos del grupo B, especialmente el antisocial. La alta comorbilidad entre diferentes trastornos de personalidad cuestiona las clasificaciones categoriales actuales para estos pacientes.
Este documento explica los conceptos fundamentales del posicionamiento y visualización de elementos en CSS, incluyendo el modelo de cajas, tipos de elementos, posicionamiento estático, relativo, absoluto, fijo y flotante, y propiedades para controlar la visualización como display, visibility, overflow y z-index.
El documento describe las propiedades CSS relacionadas con el modelo de caja, incluyendo anchura, altura, márgenes, rellenos, bordes, fondos, posicionamiento y visualización de elementos. También cubre propiedades para tipografía, texto, enlaces y otras características.
El documento describe las propiedades CSS relacionadas con anchura, altura, márgenes, rellenos, bordes, fondos, posicionamiento, visualización y texto. Define propiedades para controlar el tamaño, posición, estilo y color de los elementos, así como las propiedades de tipografía para establecer el color, tipo, tamaño y estilo de la letra.
Este documento describe los conceptos básicos del box model y posicionamiento en CSS. Explica las propiedades width, height, margin, padding y border que definen el tamaño y espaciado de los elementos. También cubre background, position, display y otras propiedades para controlar la visualización y posicionamiento de elementos. Por último, ofrece ejemplos de layouts comunes y técnicas para centrar contenido en la página.
Este documento resume los pasos y precauciones para el desensamble y ensamble de tres tipos de equipos de computación: escritorio, laptop e impresora. Para cada equipo, se enumeran posibles riesgos como descargas electrostáticas, caídas de componentes delicados, y exposición prolongada al calor. Se enfatiza la importancia de seguir procedimientos de seguridad como usar una muñequera antiestática, no tocar componentes energizados, y trabajar sobre una superficie limpia y conectada a tierra.
Este documento proporciona recomendaciones para el cuidado y mantenimiento de computadores para prevenir daños y mejorar el rendimiento. Algunas de las recomendaciones incluyen asegurarse de que los tomas eléctricos tengan conexión a tierra, descargar la electricidad estática antes de manipular componentes internos, realizar limpiezas periódicas para eliminar el polvo, actualizar software, realizar copias de seguridad de los datos y tener cuidado con ventanas emergentes sospechosas o descargas de programas no confiables
El documento describe los roles de un proyecto de desarrollo de software utilizando la metodología XP (Extreme Programming). Se enumeran siete roles principales: coordinadora, responsable del proceso, brindar apoyo, cliente, programador, encargado de pruebas y encargado de seguimiento. Cada rol tiene funciones y responsabilidades específicas para garantizar el éxito del proyecto.
Este documento revisa los estudios realizados sobre la comorbilidad entre el alcoholismo y los trastornos de personalidad. Los resultados de las investigaciones son heterogéneos, con una amplia variabilidad en las tasas de prevalencia reportadas. Sin embargo, se observa cierta tendencia a los trastornos del grupo B, especialmente el antisocial. La alta comorbilidad entre diferentes trastornos de personalidad cuestiona las clasificaciones categoriales actuales para estos pacientes.
Francisco de Paula Torres Quevedo fue un ingeniero español del siglo XIX nacido en Santander que desarrolló numerosas invenciones en el campo de la automática y la ingeniería, incluyendo el primer trasbordador para transporte humano y un dirigible mejorado. A lo largo de su carrera recibió varios premios por sus logros científicos e inventos, como ser nombrado Doctor Honoris Causa por la Universidad de la Sorbona.
Steve Jobs fue un empresario estadounidense que cofundó Apple Inc. junto con Steve Wozniak y Ronald Wayne. Es conocido por haber liderado el desarrollo de productos innovadores como el iPod, iPhone e iPad que revolucionaron varias industrias como la música, la telefonía móvil y la computación personal.
Este documento describe diferentes métodos de búsqueda en Internet, incluyendo motores de búsqueda que rastrean la web usando palabras clave, metabuscadores que buscan en varios motores principales, y el uso de operadores booleanos como AND, OR y NOT para realizar búsquedas más específicas. También distingue entre métodos de búsqueda activos controlados por el usuario y métodos pasivos automatizados que notifican al usuario sobre nueva información relevante.
Este documento es una recopilación de momentos compartidos y una declaración de amor. Expresa que el amor hace que la vida tome un rumbo especial al dedicar tiempo, pensamientos y acciones para demostrarle a alguien importante lo mucho que significan. También anuncia que Felicidadeshas ganado un nuevo novio, el ALEJO 3000, que la ama más que a nadie y siempre estará a su lado.
El documento discute la importancia del debate entre científicos. Señala que el debate sobre la investigación con células madre genera controversia debido a preocupaciones éticas, pero también ha llevado a avances médicos. Sin embargo, el debate también reveló fraudes científicos, como los falsos resultados reportados por Hwang Woo-Suk sobre la clonación de embriones humanos. El documento concluye que el debate entre científicos puede ayudar a corregir errores y fraudes, y promover el progreso de la investigación.
Japón está formado por más de 1.000 islas ubicadas en el este de Asia. Los primeros habitantes eran cazadores-recolectores neolíticos que vivían en pequeños grupos familiares, y más tarde llegaron comunidades agrícolas que cultivaban arroz. La geografía y el clima de las islas han moldeado la cultura japonesa a lo largo de la historia.
El documento describe el origen y evolución de las computadoras personales. En 1981, IBM lanza la primera computadora personal IBM 5150 con el procesador Intel 8088, lo que hizo que la informática fuera accesible para los hogares. Aunque no fue la primera, el lanzamiento de IBM marcó un hito al apoderarse rápidamente de gran parte del mercado. Esto dio inicio a la "fiebre de las computadoras personales" y una guerra de precios entre las grandes compañías. El documento también resume brevemente los orígenes de los primeros
Algunas de las obras literarias más importantes de la literatura española son El Quijote de Miguel de Cervantes, que narra las aventuras del ingenioso hidalgo Don Quijote de la Mancha y su fiel escudero Sancho Panza, y La Celestina de Fernando de Rojas, una novela del siglo XV que retrata la sociedad española a través de la historia de amor y traición entre sus personajes.
Este documento proporciona instrucciones para aplicar bordes y sombreado a texto en un programa de procesamiento de texto. Explica cómo seleccionar el texto, elegir la opción de bordes y sombreado en la barra de herramientas, y establecer el valor, estilo, color y ancho del borde, así como el color de relleno del sombreado. Finalmente, muestra un ejemplo del resultado después de aplicar estas opciones de formato.
Los escorpiones son artrópodos que han existido por más de 400 millones de años. Son animales nocturnos que se esconden durante el día y cazan insectos y otros invertebrados usando sus pinzas y órganos sensoriales. Existen alrededor de 2,000 especies de escorpiones que se distribuyen en todo el mundo excepto en los polos y Groenlandia, aunque la mayoría viven en zonas áridas o selváticas.
Este documento describe los servicios de producción audiovisual que la compañía PRODUCCIONES ADAPTADAS puede ofrecer a empresas para mejorar su visibilidad, incluyendo la producción de videos, fotografía, eventos y consultoría. La compañía explica que el video es una poderosa herramienta de comunicación y posicionamiento, y que pueden asesorar sobre el mejor uso de medios para cada cliente. Se anima a las empresas interesadas a contactarlos para obtener un presupuesto.
La Web 2.0 representa la evolución de las aplicaciones tradicionales a aplicaciones enfocadas en el usuario final que fomentan la colaboración. Surge de la transición de aplicaciones de escritorio a aplicaciones basadas en la web. Se caracteriza por poner al usuario al centro, fomentar la participación y la innovación distribuida.
El documento describe los valores éticos fundamentales que debe seguir un comunicador gráfico, incluyendo el respeto a los clientes y demás, la honestidad en el trabajo para no engañar a otros ni a sí mismo, y la responsabilidad de realizar las tareas con dedicación y calidad para triunfar en la profesión. También enfatiza la importancia del compromiso, la sinceridad, el esfuerzo y el orden en el trabajo, así como el amor propio y la seguridad en la carrera elegida.
Este documento trata sobre el tema del narcotráfico. Explica que el narcotráfico es una industria mundial que consiste en el cultivo, manufactura, distribución y venta de drogas ilegales. Describe los diferentes roles dentro de los cárteles de drogas y cómo operan de manera similar a otros mercados subterráneos. También analiza las drogas y los problemas relacionados con su uso, así como la relación entre el crimen y el consumo de drogas. Finalmente, concluye que el problema del narcotráfico afecta a
Los antivirus son programas cuya función es detectar y eliminar virus informáticos. Nacieron en la década de 1980 y desde entonces han evolucionado para bloquear, desinfectar y prevenir infecciones de virus y otros malware como spyware y rootkits. Existen diferentes tipos de antivirus como detectores, eliminadores reparadores y protectores.
El documento cuenta la historia de un huevo de pájaro abandonado que eclosiona con la ayuda del calor. Un pájaro grande encuentra al polluelo recién nacido y lo cría como su hijo, nombrándolo Igzo. Años más tarde, Igzo es demasiado grande para volar y su padre adoptivo le dice que debe encontrar a su verdadera madre para encogerse. Después de un viaje de tres días, Igzo encuentra a su madre en un río cerca de la playa, y ambos se encogen al abrazarse
Este documento trata sobre la salud ocupacional. Define la salud como un estado de bienestar físico, mental y social, no solo la ausencia de enfermedad. Explica que la salud física implica ejercicio y dieta, la salud mental el bienestar emocional y la capacidad de resolver problemas, y la salud social las interacciones entre individuos en una sociedad. Incluye un mapa conceptual que muestra las relaciones entre una empresa, sus actividades, riesgos, daños, producción y ganancias o pérdidas, y cómo esto a
Este documento resume la historia de Bambi, un cervatillo que nace en el bosque y se hace amigo de los otros animales. Más adelante, su padre le enseña sobre la manada de ciervos y los peligros de los hombres. Después de crecer, Bambi se enamora de una cervatilla llamada Farina. Un día, Bambi y Farina son perseguidos por perros de caza, pero logran escapar gracias a la ayuda de su padre y amigos. Finalmente, Bambi se casa con Farina y tienen su prop
Este documento describe las principales propiedades del modelo de caja de CSS. Explica que la anchura y altura de un elemento se calculan teniendo en cuenta sus bordes, márgenes y rellenos. Además, detalla los cinco tipos de posicionamiento en CSS (estático, relativo, absoluto, fijo y flotante) y cómo controlar la visualización y posición de los elementos. Por último, cubre temas como tipografía, enlaces y texto.
Este documento explica el modelo de caja CSS, que trata a todos los elementos HTML como cajas y describe sus partes principales: contenido, relleno, borde y margen. Explica cómo establecer el ancho y alto total de un elemento usando estas partes y cómo posicionar elementos de forma estática, fija, relativa y absoluta usando propiedades como superior, inferior, izquierda y derecha. También cubre temas como flotar elementos, alinear bloques y problemas de compatibilidad entre navegadores.
6. CSS - Unidades de medida, Box Modeling, Positions..pdfRenzoNobile1
El documento presenta una introducción al desarrollo frontend, cubriendo temas como unidades de medida en CSS, displays, modelo de caja, posiciones y z-index. Incluye una descripción de diferentes unidades, valores de display, propiedades de caja, valores de position y la función de z-index. El contenido busca explicar conceptos básicos y avanzados de CSS para el diseño y posicionamiento de elementos en la web.
Francisco de Paula Torres Quevedo fue un ingeniero español del siglo XIX nacido en Santander que desarrolló numerosas invenciones en el campo de la automática y la ingeniería, incluyendo el primer trasbordador para transporte humano y un dirigible mejorado. A lo largo de su carrera recibió varios premios por sus logros científicos e inventos, como ser nombrado Doctor Honoris Causa por la Universidad de la Sorbona.
Steve Jobs fue un empresario estadounidense que cofundó Apple Inc. junto con Steve Wozniak y Ronald Wayne. Es conocido por haber liderado el desarrollo de productos innovadores como el iPod, iPhone e iPad que revolucionaron varias industrias como la música, la telefonía móvil y la computación personal.
Este documento describe diferentes métodos de búsqueda en Internet, incluyendo motores de búsqueda que rastrean la web usando palabras clave, metabuscadores que buscan en varios motores principales, y el uso de operadores booleanos como AND, OR y NOT para realizar búsquedas más específicas. También distingue entre métodos de búsqueda activos controlados por el usuario y métodos pasivos automatizados que notifican al usuario sobre nueva información relevante.
Este documento es una recopilación de momentos compartidos y una declaración de amor. Expresa que el amor hace que la vida tome un rumbo especial al dedicar tiempo, pensamientos y acciones para demostrarle a alguien importante lo mucho que significan. También anuncia que Felicidadeshas ganado un nuevo novio, el ALEJO 3000, que la ama más que a nadie y siempre estará a su lado.
El documento discute la importancia del debate entre científicos. Señala que el debate sobre la investigación con células madre genera controversia debido a preocupaciones éticas, pero también ha llevado a avances médicos. Sin embargo, el debate también reveló fraudes científicos, como los falsos resultados reportados por Hwang Woo-Suk sobre la clonación de embriones humanos. El documento concluye que el debate entre científicos puede ayudar a corregir errores y fraudes, y promover el progreso de la investigación.
Japón está formado por más de 1.000 islas ubicadas en el este de Asia. Los primeros habitantes eran cazadores-recolectores neolíticos que vivían en pequeños grupos familiares, y más tarde llegaron comunidades agrícolas que cultivaban arroz. La geografía y el clima de las islas han moldeado la cultura japonesa a lo largo de la historia.
El documento describe el origen y evolución de las computadoras personales. En 1981, IBM lanza la primera computadora personal IBM 5150 con el procesador Intel 8088, lo que hizo que la informática fuera accesible para los hogares. Aunque no fue la primera, el lanzamiento de IBM marcó un hito al apoderarse rápidamente de gran parte del mercado. Esto dio inicio a la "fiebre de las computadoras personales" y una guerra de precios entre las grandes compañías. El documento también resume brevemente los orígenes de los primeros
Algunas de las obras literarias más importantes de la literatura española son El Quijote de Miguel de Cervantes, que narra las aventuras del ingenioso hidalgo Don Quijote de la Mancha y su fiel escudero Sancho Panza, y La Celestina de Fernando de Rojas, una novela del siglo XV que retrata la sociedad española a través de la historia de amor y traición entre sus personajes.
Este documento proporciona instrucciones para aplicar bordes y sombreado a texto en un programa de procesamiento de texto. Explica cómo seleccionar el texto, elegir la opción de bordes y sombreado en la barra de herramientas, y establecer el valor, estilo, color y ancho del borde, así como el color de relleno del sombreado. Finalmente, muestra un ejemplo del resultado después de aplicar estas opciones de formato.
Los escorpiones son artrópodos que han existido por más de 400 millones de años. Son animales nocturnos que se esconden durante el día y cazan insectos y otros invertebrados usando sus pinzas y órganos sensoriales. Existen alrededor de 2,000 especies de escorpiones que se distribuyen en todo el mundo excepto en los polos y Groenlandia, aunque la mayoría viven en zonas áridas o selváticas.
Este documento describe los servicios de producción audiovisual que la compañía PRODUCCIONES ADAPTADAS puede ofrecer a empresas para mejorar su visibilidad, incluyendo la producción de videos, fotografía, eventos y consultoría. La compañía explica que el video es una poderosa herramienta de comunicación y posicionamiento, y que pueden asesorar sobre el mejor uso de medios para cada cliente. Se anima a las empresas interesadas a contactarlos para obtener un presupuesto.
La Web 2.0 representa la evolución de las aplicaciones tradicionales a aplicaciones enfocadas en el usuario final que fomentan la colaboración. Surge de la transición de aplicaciones de escritorio a aplicaciones basadas en la web. Se caracteriza por poner al usuario al centro, fomentar la participación y la innovación distribuida.
El documento describe los valores éticos fundamentales que debe seguir un comunicador gráfico, incluyendo el respeto a los clientes y demás, la honestidad en el trabajo para no engañar a otros ni a sí mismo, y la responsabilidad de realizar las tareas con dedicación y calidad para triunfar en la profesión. También enfatiza la importancia del compromiso, la sinceridad, el esfuerzo y el orden en el trabajo, así como el amor propio y la seguridad en la carrera elegida.
Este documento trata sobre el tema del narcotráfico. Explica que el narcotráfico es una industria mundial que consiste en el cultivo, manufactura, distribución y venta de drogas ilegales. Describe los diferentes roles dentro de los cárteles de drogas y cómo operan de manera similar a otros mercados subterráneos. También analiza las drogas y los problemas relacionados con su uso, así como la relación entre el crimen y el consumo de drogas. Finalmente, concluye que el problema del narcotráfico afecta a
Los antivirus son programas cuya función es detectar y eliminar virus informáticos. Nacieron en la década de 1980 y desde entonces han evolucionado para bloquear, desinfectar y prevenir infecciones de virus y otros malware como spyware y rootkits. Existen diferentes tipos de antivirus como detectores, eliminadores reparadores y protectores.
El documento cuenta la historia de un huevo de pájaro abandonado que eclosiona con la ayuda del calor. Un pájaro grande encuentra al polluelo recién nacido y lo cría como su hijo, nombrándolo Igzo. Años más tarde, Igzo es demasiado grande para volar y su padre adoptivo le dice que debe encontrar a su verdadera madre para encogerse. Después de un viaje de tres días, Igzo encuentra a su madre en un río cerca de la playa, y ambos se encogen al abrazarse
Este documento trata sobre la salud ocupacional. Define la salud como un estado de bienestar físico, mental y social, no solo la ausencia de enfermedad. Explica que la salud física implica ejercicio y dieta, la salud mental el bienestar emocional y la capacidad de resolver problemas, y la salud social las interacciones entre individuos en una sociedad. Incluye un mapa conceptual que muestra las relaciones entre una empresa, sus actividades, riesgos, daños, producción y ganancias o pérdidas, y cómo esto a
Este documento resume la historia de Bambi, un cervatillo que nace en el bosque y se hace amigo de los otros animales. Más adelante, su padre le enseña sobre la manada de ciervos y los peligros de los hombres. Después de crecer, Bambi se enamora de una cervatilla llamada Farina. Un día, Bambi y Farina son perseguidos por perros de caza, pero logran escapar gracias a la ayuda de su padre y amigos. Finalmente, Bambi se casa con Farina y tienen su prop
Este documento describe las principales propiedades del modelo de caja de CSS. Explica que la anchura y altura de un elemento se calculan teniendo en cuenta sus bordes, márgenes y rellenos. Además, detalla los cinco tipos de posicionamiento en CSS (estático, relativo, absoluto, fijo y flotante) y cómo controlar la visualización y posición de los elementos. Por último, cubre temas como tipografía, enlaces y texto.
Este documento explica el modelo de caja CSS, que trata a todos los elementos HTML como cajas y describe sus partes principales: contenido, relleno, borde y margen. Explica cómo establecer el ancho y alto total de un elemento usando estas partes y cómo posicionar elementos de forma estática, fija, relativa y absoluta usando propiedades como superior, inferior, izquierda y derecha. También cubre temas como flotar elementos, alinear bloques y problemas de compatibilidad entre navegadores.
6. CSS - Unidades de medida, Box Modeling, Positions..pdfRenzoNobile1
El documento presenta una introducción al desarrollo frontend, cubriendo temas como unidades de medida en CSS, displays, modelo de caja, posiciones y z-index. Incluye una descripción de diferentes unidades, valores de display, propiedades de caja, valores de position y la función de z-index. El contenido busca explicar conceptos básicos y avanzados de CSS para el diseño y posicionamiento de elementos en la web.
Flexbox es una nueva forma de diseño en CSS3 para crear layouts flexibles y responsive. Permite posicionar elementos de forma más simple y con menos código que los floats tradicionales. Con Flexbox se define la dirección de los hijos, se pueden justificar y alinear elementos fácilmente. Es una tecnología amplia que permite mucho control sobre la distribución de elementos.
La asignatura tiene el objetivo fundamental de lograr que el estudiante sea capaz de crear o adaptar diseños atendiendo a la problemática específica del diseño web que presenta un espacio de trabajo indefinido, aunque previsible, que depende de las diferentes configuraciones de visualización del espectador (monitor, configuración de pantalla, navegador, etc.); frente a otros formatos en los que existe mayor control del resultado final (folletos, carteles, etc...).
Se intenta combinar aspectos fundamentales del diseño (formas, colores, tipografías, ...) con cuestiones intrínsecas de la comunicación multimedia (navegabilidad, interactividad, usabilidad o interacción de medios [audio, texto, imagen y video]).
Este documento explica 9 pasos para posicionar elementos en CSS. Posicionar elementos como static, relative o absolute. Posicionar elementos flotantes uno al lado del otro para crear layouts de múltiples columnas y usar clear para limpiar floats.
Hojas de estilo CSS (Cascade Style Sheets)Juan Rodríguez
El documento introduce las hojas de estilo en cascada (CSS), explicando que permiten modificar la apariencia de páginas web de forma sencilla. CSS ofrece ventajas como consistencia en el estilo, mayor control sobre la apariencia y optimización. Una hoja de estilos contiene reglas formadas por selectores y declaraciones que definen el estilo. Existen diferentes formas de aplicar CSS a una página, como en línea, de forma interna o externa mediante un archivo vinculado.
Este documento presenta los conceptos básicos del modelo de caja tradicional de CSS y cómo aplicarlo a una plantilla HTML. Explica cómo agregar reglas CSS para centrar el contenido del cuerpo, crear una caja principal, agregar estilos a los elementos de cabecera, barra de navegación y secciones, y aplicar selectores para controlar el diseño de la página. El objetivo es mostrar los pasos para implementar el modelo de caja tradicional y dar formato a una plantilla HTML simple con CSS.
Examen de Selectividad. Geografía junio 2024 (Convocatoria Ordinaria). UCLMJuan Martín Martín
Examen de Selectividad de la EvAU de Geografía de junio de 2023 en Castilla La Mancha. UCLM . (Convocatoria ordinaria)
Más información en el Blog de Geografía de Juan Martín Martín
http://blogdegeografiadejuan.blogspot.com/
Este documento presenta un examen de geografía para el Acceso a la universidad (EVAU). Consta de cuatro secciones. La primera sección ofrece tres ejercicios prácticos sobre paisajes, mapas o hábitats. La segunda sección contiene preguntas teóricas sobre unidades de relieve, transporte o demografía. La tercera sección pide definir conceptos geográficos. La cuarta sección implica identificar elementos geográficos en un mapa. El examen evalúa conocimientos fundamentales de geografía.
LA PEDAGOGIA AUTOGESTONARIA EN EL PROCESO DE ENSEÑANZA APRENDIZAJEjecgjv
La Pedagogía Autogestionaria es un enfoque educativo que busca transformar la educación mediante la participación directa de estudiantes, profesores y padres en la gestión de todas las esferas de la vida escolar.
2. Los navegadores crean una caja para representar a cada
elemento de la página HTML.
Los factores que se tienen en cuenta para generar cada
caja son:
▪ Las propiedades width y height de la caja (si están
establecidas).
▪ El tipo de cada elemento HTML (elemento de bloque o
elemento en línea).
▪ Posicionamiento de la caja (normal, relativo, absoluto,
fijo o flotante).
▪ Las relaciones entre elementos (dónde se encuentra cada
elemento, elementos descendientes, etc.)
▪ Otro tipo de información, como por ejemplo el tamaño
de las imágenes y el tamaño de la ventana del navegador.
3. 5.1 Tipos de elementos.
El estándar HTML clasifica a todos sus elementos en dos
grandes grupos: elementos en línea y elementos de
bloque.
Los elementos de bloque ("block elements) siempre
empiezan en una nueva línea y ocupan todo el espacio
disponible hasta el final de la línea.
Por su parte, los elementos en línea("inline elements" )
no empiezan necesariamente en nueva línea y sólo
ocupan el espacio necesario para mostrar sus
contenidos.
5. 5.1 Tipos de elementos.
Los elementos en línea definidos por HTML son: a, abbr,
acronym, b, basefont, bdo, big, br, cite, code, dfn, em, font,
i, img, input, kbd, label, q, s, samp, select, small, span,
strike, strong, sub, sup, textarea, tt, u, var.
Los elementos de bloque definidos por HTML son: address,
blockquote, center, dir, div, dl, fieldset, form, h1, h2, h3, h4,
h5, h6, hr, isindex, menu, noframes, noscript, ol, p, pre,
table, ul,dd, dt, frameset, li, tbody,td, tfoot, th, thead, tr.
Los siguientes elementos pueden ser en línea y de bloque
según las circunstancias: button, del,iframe, ins, map,
object, script.
6. 5.2. Posicionamiento
Los navegadores crean y posicionan de forma automática todas
las cajas que forman cada página HTML. No obstante, CSS
permite al diseñador modificar la posición en la que se muestra
cada caja.
Utilizando las propiedades que proporciona CSS para alterar la
posición de las cajas es posible realizar efectos muy avanzados y
diseñar estructuras de páginas que de otra forma no serían
posibles.
El estándar de CSS define cinco modelos diferentes para
posicionar una caja:
▪ Posicionamiento normal o estático
▪ Posicionamiento relativo.
▪ Posicionamiento absoluto.
▪ Posicionamiento fijo.
▪ Posicionamiento flotante.
7. 5.2. Posicionamiento
El posicionamiento de una caja se establece mediante la propiedad
position:
El significado de cada uno de los posibles valores de la propiedad
position es el siguiente:
▪ static: corresponde al posicionamiento normal o estático. Si se utiliza este
valor, se ignoran los valores de las propiedades top, right, bottom y left que
se verán a continuación.
8. 5.2. Posicionamiento
▪ relative: corresponde al posicionamiento relativo. El
desplazamiento de la caja se controla con las propiedades top,
right, bottom y left.
▪ absolute: corresponde al posicionamiento absoluto. El
desplazamiento de la caja también se controla con las
propiedades top, right, bottom y left, pero su interpretación es
mucho más compleja, ya que el origen de coordenadas del
desplazamiento depende del posicionamiento de su elemento
contenedor.
▪ fixed: corresponde al posicionamiento fijo. El desplazamiento se
establece de la misma forma que en el posicionamiento absoluto,
pero en este caso el elemento permanece inamovible en la
pantalla.
La propiedad position no permite controlar el posicionamiento
flotante, que se establece con otra propiedad llamada float y que
se explica más adelante.
9. 5.2. Posicionamiento
CSS define cuatro propiedades llamadas top, right,
bottom y left para controlar el desplazamiento de las
cajas posicionadas:
10. 5.3. Posicionamiento normal
El posicionamiento normal o estático es el modelo que utilizan por
defecto los navegadores para mostrar los elementos de las páginas. En
este modelo, ninguna caja se desplaza respecto de su posición original,
por lo que sólo se tiene en cuenta si el elemento es de bloque o en línea.
Los elementos de bloque forman lo que CSS denomina "contextos de
formato de bloque".
11. 5.3. Posicionamiento normal
Si un elemento se encuentra dentro de otro, el
elemento padre se llama "elemento contenedor" y
determina tanto la posición como el tamaño de todas
sus cajas interiores.
Si un elemento no se encuentra dentro de un elemento
contenedor, entonces su elemento contenedor es el
elemento <body> de la página.
Los elementos en línea forman los "contextos de
formato en línea". En este tipo de contextos, las cajas se
muestran una detrás de otra de forma horizontal
comenzando desde la posición más a la izquierda de su
elemento contenedor.
12. 5.3. Posicionamiento normal
Si las cajas en línea ocupan más espacio del disponible en su
propia línea, el resto de cajas se muestran en las líneas
inferiores. Si las cajas en línea ocupan un espacio menor
que su propia línea, se puede controlar la distribución de
las cajas mediante la propiedad text-align para centrarlas,
alinearlas a la derecha o justificarlas.
13. 5.4. Posicionamiento relativo
El posicionamiento relativo permite desplazar una caja
respecto de su posición original establecida mediante
el posicionamiento normal. El desplazamiento de la
caja se controla con las propiedades top, right, bottom
y left.
14. 5.4. Posicionamiento relativo
La propiedad left desplaza la caja hacia su derecha, la propiedad
right la desplaza hacia su izquierda, la posición top desplaza la
caja de forma descendente y la propiedad bottom desplaza la caja
de forma ascendente.
Las cajas desplazadas de forma relativa no modifican su tamaño,
por lo que los valores de las propiedades left y right siempre
cumplen que left = -right.
Si tanto left como right tienen valores distintos de auto, uno de
los dos valores se tiene que ignorar porque son mutuamente
excluyentes. Para determinar la propiedad que se tiene en
cuenta, se considera el valor de la propiedad direction.
La propiedad direction permite establecer la dirección del texto
de un contenido. Si el valor de direction es ltr, el texto se muestra
de izquierda a derecha. Si el valor de direction es rtl, el método
de escritura es de derecha a izquierda.
15. 5.4. Posicionamiento relativo
Si el valor de direction es ltr, y las propiedades left y right tienen valores
distintos de auto, se ignora la propiedad right y sólo se tiene en cuenta
el valor de la propiedad left.
De la misma forma, si el valor de direction es rtl, se ignora el valor de left
y sólo se tiene en cuenta el valor de right.
El siguiente ejemplo muestra tres imágenes posicionadas de
forma normal:
16. 5.4. Posicionamiento relativo
Aplicando el posicionamiento relativo, se desplaza la primera imagen de
forma descendente:
El aspecto que muestran ahora las imágenes es el siguiente:
17. 5.5. Posicionamiento absoluto
La nueva posición de la caja se indica mediante las propiedades
top, right, bottom y left. La interpretación de los valores de estas
propiedades es mucho más compleja que en el posicionamiento
relativo, ya que en este caso dependen del posicionamiento del
elemento contenedor.
En el siguiente ejemplo, se posiciona de forma absoluta la caja 2:
18. 5.5. Posicionamiento absoluto
En el estándar de CSS, esta característica de las cajas posicionadas de forma
absoluta se explica como que la caja sale por completo del flujo normal del
documento.
Determinar el origen de coordenadas a partir del cual se desplaza una caja
posicionada de forma absoluta es un proceso complejo que se compone de los
siguientes pasos:
▪ Se buscan todos los elementos contenedores de la caja hasta llegar al
elemento <body> de la página.
▪ Se recorren todos los elementos contenedores empezando por el más
cercano a la caja y llegando hasta el <body>
▪ De todos ellos, el navegador se queda con el primer elemento contenedor
que esté posicionado de cualquier forma diferente a position: static
▪ La esquina superior izquierda de ese elemento contenedor posicionado es el
origen de coordenadas.
Una vez obtenido el origen de coordenadas, se interpretan los valores de las
propiedades top, right, bottom y left respecto a ese origen y se desplaza la
caja hasta su nueva posición.
20. 5.5. Posicionamiento absoluto
En primer lugar, se posiciona de forma absoluta la imagen mediante la
propiedad position y se indica su nueva posición mediante las
propiedades top y left:
21. 5.5. Posicionamiento absoluto
El párrafo que se mostraba debajo de la imagen sube y ocupa el
lugar dejado por la imagen. El resultado es que el elemento <div>
ahora sólo contiene el párrafo y la imagen se muestra en un nivel
superior y cubre parcialmente los contenidos del párrafo.
22. 5.5. Posicionamiento absoluto
A continuación, se posiciona de forma relativa el elemento
<div> que contiene la imagen y el resto de reglas CSS no se
modifican. La única propiedad añadida al <div> es
position: relative por lo que el elemento contenedor se
posiciona pero no se desplaza respecto de su posición
original:
23. 5.5. Posicionamiento absoluto
La siguiente imagen muestra el resultado obtenido:
Si se quiere posicionar un elemento de forma absoluta respecto
de su elemento contenedor, es imprescindible posicionar el
elemento contenedor.
24. 5.6. Posicionamiento fijo
El estándar CSS considera que el posicionamiento fijo es un
caso particular del posicionamiento absoluto.
La principal característica de una caja posicionada de forma
fija es que su posición es inamovible dentro de la ventana
del navegador. El posicionamiento fijo hace que las cajas no
modifiquen su posición ni aunque el usuario suba o baje la
página en la ventana de su navegador.
Si la página se visualiza en un medio paginado (por ejemplo
en una impresora) las cajas posicionadas de forma fija se
repiten en todas las páginas. Esta característica puede ser
útil para crear encabezados o pies de página en páginas
HTML preparadas para imprimir.
El navegador Internet Explorer 6 y las versiones anteriores
no soportan el posicionamiento fijo.
25. 5.7. Posicionamiento flotante
Cuando una caja se posiciona con el modelo de
posicionamiento flotante, automáticamente se
convierte en una caja flotante, lo que significa que se
desplaza hasta la zona más a la izquierda o más a la
derecha de la posición en la que originalmente se
encontraba.
La siguiente imagen muestra el resultado de posicionar
de forma flotante hacia la derecha la caja 1:
26. 5.7. Posicionamiento flotante
Cuando se posiciona una caja de forma flotante:
▪ La caja deja de pertenecer al flujo normal de la página, lo que significa
que el resto de cajas ocupan el lugar dejado por la caja flotante.
▪ La caja flotante se posiciona lo más a la izquierda o lo más a la derecha
posible de la posición en la que se encontraba originalmente.
27. 5.7. Posicionamiento flotante
Si en el anterior ejemplo la caja 1 se posiciona de forma
flotante hacia la izquierda, el resultado es el que
muestra la siguiente imagen:
28. 5.7. Posicionamiento flotante
La caja 1 es de tipo flotante, por lo que desaparece del flujo
normal de la página y el resto de cajas ocupan su lugar. El
resultado es que la caja 2 ahora se muestra donde estaba la
caja 1 y la caja 3 se muestra donde estaba la caja 2.
Al mismo tiempo, la caja 1 se desplaza todo lo posible hacia
la izquierda de la posición en la que se encontraba. El
resultado es que la caja 1 se muestra encima de la nueva
posición de la caja 2 y tapa todos sus contenidos.
Si existen otras cajas flotantes, al posicionar de forma
flotante otra caja, se tiene en cuenta el sitio disponible. En
el siguiente ejemplo se posicionan de forma flotante hacia
la izquierda las tres cajas:
30. 5.7. Posicionamiento flotante
Los elementos que se encuentran alrededor de una caja
flotante adaptan sus contenidos para que fluyan
alrededor del elemento posicionado:
31. 5.7. Posicionamiento flotante
La regla CSS que se aplica en la imagen del ejemplo anterior es:
En muchas ocasiones es admisible que algunos contenidos fluyan
alrededor de una imagen, pero el resto de contenidos deben mostrarse
en su totalidad sin fluir alrededor de la imagen:
32. 5.7. Posicionamiento flotante
La regla CSS que se aplica al segundo párrafo del
ejemplo anterior es la siguiente:
La definición formal de la propiedad clear se muestra a
continuación:
33. 5.7. Posicionamiento flotante
La especificación oficial de CSS explica el
comportamiento de la propiedad clear como "un
desplazamiento descendente hasta que el borde
superior del elemento esté por debajo del borde inferior
de cualquier elemento flotante hacia la izquierda".
Right.
Both.
34. 5.7. Posicionamiento flotante
Otro ejemplo:
Como los dos elementos <span> creados dentro del elemento <div> se
han posicionado mediante float, los dos han salido del flujo normal del
documento. Así, el elemento <div> no tiene contenidos y por eso no
llega a cubrir el texto de los dos elementos <span>:
35. 5.7. Posicionamiento flotante
La solución consiste en añadir un elemento adicional
invisible que limpie el float forzando a que el <div>
original cubra completamente los dos elementos
<span>. El código HTML y CSS final se muestra a
continuación:
37. 5.7. Posicionamiento flotante
Al añadir un <div> con la propiedad clear: both, se tiene
la seguridad de que el <div> añadido se va a mostrar
debajo de cualquier elemento posicionado con float y
por tanto, se asegura que el <div> original tenga la
altura necesaria como para encerrar a todos sus
contenidos posicionados con float.
38. 5.8. Visualización
Además de las propiedades que controlan el
osicionamiento de los elementos, CSS define otras
cuatro propiedades para controlar su visualización:
display, visibility, overflow y z-index.
39. 5.8.1. Propiedades display y visibility
Las dos propiedades permiten ocultar cualquier
elemento de la página. Habitualmente se utilizan junto
con JavaScript para crear efectos dinámicos como
mostrar y ocultar determinados textos o imágenes
cuando el usuario pincha sobre ellos.
La siguiente imagen muestra la diferencia entre ocultar
la caja número 5 mediante la propiedad display o
hacerla invisible mediante la propiedad visibility:
40. 5.8.1. Propiedades display y visibility
En general, cuando se oculta un elemento no es deseable que siga ocupando
sitio en la página, por lo que la propiedad display se utiliza mucho más que la
propiedad visibility.
41. 5.8.1. Propiedades display y visibility
A continuación se muestra la definición completa de la propiedad display:
El valor block muestra un elemento como si fuera un elemento de bloque,
independientemente del tipo de elemento que se trate. El valor inline visualiza
un elemento en forma de elemento en línea, independientemente del tipo de
elemento que se trate.
El valor none oculta un elemento y hace que desaparezca de la página. El resto
de elementos de la página se visualizan como si no existiera el elemento oculto.
43. 5.8.1. Propiedades display y visibility
La definición completa de la propiedad visibility:
Inicialmente todas las cajas que componen la página son visibles.
Empleando el valor hidden es posible convertir una caja en
invisible para que no muestre sus contenidos. El resto de
elementos de la página se muestran como si la caja todavía fuera
visible, por lo que en el lugar donde originalmente se mostraba la
caja invisible, ahora se muestra un hueco vacío.
44. 5.8.1. Propiedades display y visibility
El valor collapse de la propiedad visibility sólo se
puede utilizar en las filas, grupos de filas, columnas y
grupos de columnas de una tabla. Su efecto es similar
al de la propiedad display, ya que oculta
completamente la fila y/o columna y se pueden
mostrar otros contenidos en ese lugar.
Si se utiliza el valor collapse sobre cualquier otro tipo
de elemento, su efecto es idéntico al valor hidden.
45. 5.8.2. Relación entre display, float y position
Cuando se establecen las propiedades display, float y position
sobre una misma caja, su interpretación es la siguiente:
1. Si display vale none, se ignoran las propiedades float y
position y la caja no se muestra en la página.
2. Si position vale absolute o fixed, la caja se posiciona de forma
absoluta, se considera que float vale none y la propiedad
display vale block tanto para los elementos en línea como
para los elementos de bloque. La posición de la caja se
determina mediante el valor de las propiedades top, right,
bottom y left.
3. En cualquier otro caso, si float tiene un valor distinto de none,
la caja se posiciona de forma flotante y la propiedad display
vale block tanto para los elementos en línea como para los
elementos de bloque.
46. 5.8.3. Propiedad overflow
CSS define la propiedad overflow para controlar la
forma en la que se visualizan los contenidos que
sobresalen de sus elementos.
47. 5.8.3. Propiedad overflow
Los valores de la propiedad overflow tienen el siguiente
significado:
▪ visible: el contenido no se corta y se muestra sobresaliendo la
zona reservada para visualizar el elemento. Este es el
comportamiento por defecto.
▪ hidden: el contenido sobrante se oculta y sólo se visualiza la
parte del contenido que cabe dentro de la zona reservada para
el elemento.
▪ scroll: solamente se visualiza el contenido que cabe dentro de
la zona reservada para el elemento, pero también se muestran
barras de scroll que permiten visualizar el resto del contenido.
▪ auto: el comportamiento depende del navegador, aunque
normalmente es el mismo que la propiedad scroll.
50. 5.8.4. Propiedad z-index
Además de posicionar una caja de forma horizontal y
vertical, CSS permite controlar la posición
tridimensional de las cajas posicionadas. De esta
forma, es posible indicar las cajas que se muestran
delante o detrás de otras cajas cuando se producen
solapamientos.
La posición tridimensional de un elemento se
establece sobre un tercer eje llamado Z y se controla
mediante la propiedad z-index.
A continuación se muestra la definición formal de la
propiedad z-index:
51. 5.8.4. Propiedad z-index
Cuanto más alto sea el valor numérico, más cerca del
usuario se muestra la caja.
La siguiente imagen muestra un ejemplo de uso de la
propiedad z-index:
53. 5.8.4. Propiedad z-index
La propiedad z-index sólo tiene efecto en los elementos posicionados, por lo que es
obligatorio que la propiedad z-index vaya acompañada de la propiedad position.
Si debes posicionar un elemento pero no quieres moverlo de su posición original ni
afectar al resto de elementos de la página, puedes utilizar el posicionamiento relativo
(position: relative).