CSS

Introducción a CSS

2.2.2. Selector adyacente

El selector adyacente utiliza el signo + y su sintaxis es:

elemento1 + elemento2 { ... }

La explicación del comportamiento de este selector no es sencilla, ya que selecciona todos los elementos de tipo elemento2 que cumplan las dos siguientes condiciones:

▪ elemento1 y elemento2 deben ser hermanos, por lo que su elemento padre debe ser el

mismo.

▪ elemento2 debe aparecer inmediatamente después de elemento1 en el código HTML de la página.

En el siguiente ejemplo:

h1 + h2 { color: red }

Titulo1

Subtítulo

...

Otro subtítulo

...

Los estilos del selector h1 + h2 se aplican al primer elemento

de la página, pero no al segundo

, ya que:

▪ El elemento padre de

es , el mismo padre que el de los dos elementos

.

Así, los dos elementos

cumplen la primera condición del selector adyacente.

▪ El primer elemento

aparece en el código HTML justo después del elemento

, por lo que este elemento

también cumple la segunda condición del selector adyacente.

▪ Por el contrario, el segundo elemento

no aparece justo después del elemento

, por lo que no cumple la segunda condición del selector adyacente y por tanto no se le aplican los estilos de h1 + h2.

El siguiente ejemplo es muy útil para los textos que se muestran como libros:

p + p { text-indent: 1.5em; }

En muchos libros, suele ser habitual que la primera línea de todos los párrafos esté indentada, salvo la primera línea del primer párrafo. Con el selector p + p, se seleccionan todos los párrafos que estén dentro del mismo elemento padre que otros párrafos y que vayan justo después de otro párrafo. En otras palabras, el selector p + p selecciona todos los párrafos de un elemento salvo el primer párrafo.

Capítulo 2. Selectores Introducción a CSS

Fuente: www.librosweb.es

Introducción a CSS

Javier Eguíluz Pérez

3. OBJETIVOS GENERALES DE LA ASIGNATURA
El objetivo central de la asignatura Tecnología Informática puede
expresarse de la siguiente forma:
“Desarrollar los conocimientos básicos y las habilidades necesarias
para actuar informados con respecto a la Informática en el campo
personal y profesional, y para realizar operaciones estándares
usando los ordenadores y paquetes de software libre.”
De forma más detallada, cuando el alumno haya asimilado los
contenidos de la materia habrá alcanzado los siguientes objetivos
generales:
Conocimientos:
• Clasificar los tipos de ordenador existentes.
• Identificar los componentes de un ordenador personal.
• Conocer los distintos tipos de software libre existente en la
actualidad.
• Describir la naturaleza de las redes de área local.
• Conocer los principales problemas de seguridad con los que
se enfrenta un usuario de ordenadores.
Habilidades:
• Manejar una computadora con Linux a través de un entorno
gráfico.
• Utilizar los servicios más habituales en Internet (www, correo
electrónico y transferencia de ficheros).
• Elaborar documentos con un procesador de textos siguiendo
las recomendaciones básicas de estilo expuestas en la guía de
referencia.
• Elaborar hojas de calculo sencillas utilizando adecuadamente
formulas, referencias y gráficos.
• Utilizar con regularidad los mecanismos de seguridad
informática básicos.
Actitudes
• Ser crítico sobre el potencial de las aplicaciones informáticas.
• No tener miedo a manejar un ordenador y a usar el software
estándar más común.
• Estar dispuesto a descubrir las funcionalidades del software
estándar.
• Sentirse libre para explorar completamente el potencial de las
redes de comunicación.
• Concienciarse de la importancia del software libre
Todos estos objetivos se manifiestan en cada una de las unidades
didácticas que componen el curso. Dada la importancia de disponer
de esta información antes de comenzar el estudio de cada unidad,
se recomienda que se lea atentamente estos objetivos. Constituyen
una guía para determinar que esperamos de los alumnos y resultan
fundamentales de cara a la evaluación de la materia.
Fuente: PRÁCTICA: UNIDAD DIDÁCTICA
TECNOLOGÍA INFORMÁTICA
Inmaculada Villén Altamirano

2.PRESENTACION DE LA ASIGNATURA: TECNOLOGÍA

2.PRESENTACION DE LA ASIGNATURA: TECNOLOGÍA
INFORMÁTICA
La Informática para el siglo XXI es una informática al servicio del
ciudadano, unificada, eficaz, inteligente y moderna (digital), basada
en las personas y en la tecnología.
Por ello, el marco de actuación en materia educativa en los
próximos años debe concebirse sobre los principios de modernidad,
transparencia, objetividad, calidad y reconocimiento.
En esta transformación, los centros de enseñanza secundaria y de
bachillerato ocupan un papel central. La revolución tecnológica obliga a
pensar en un ciudadano que sepa acercarse a la Administración
empleando Internet y usando los mismos medios que ésta emplee
(software libre) y donde la prestación de servicios sin problemas de
espacio y tiempo sea una realidad. Este fenómeno va a dar lugar a
unas relaciones diferentes entre los ciudadanos y la Administración.
La implantación cada vez mayor de las transacciones electrónicas
obliga a las Administraciones Publicas a aprovechar este nuevo
marco para la mejora de la información y de la tramitación de sus
procesos.
Esta es la situación en la que nos encontramos hoy en día,
queramos o no. La tecnología nos invade en cada rincón de nuestra
vida profesional, y también en la personal. Y sin que sea necesario
ser unos expertos, si que lo es, al menos, tener unos conocimientos
mínimos de sus fundamentos: como ha surgido, para que sirve,
posibilidades futuras, selección de la tecnología mas adecuada a
nuestras necesidades y posibilidades.
Esta asignatura, centrada en los aspectos informáticos mas que en
los documentalistas, puede ayudar a los alumnos a comprender un
poco mas las TIC. Al principio necesitamos dar a conocer un cierto
vocabulario técnico sobre computadoras, al menos para que el
alumno sepa comprender un anuncio de venta de ordenadores.
Debemos demostrar como manejarse con soltura a través de
Internet para localizar información y realizar un trabajo, o
comunicarnos a través del correo electrónico. Estas tareas son
imprescindibles ya en los trabajos de hoy en día. La confección de
cartas, documentos, informes, memorandums y un largo etcétera,
es una tarea impensable sin ordenador.
Fuente: Práctica final
PRÁCTICA: UNIDAD DIDÁCTICA
TECNOLOGÍA INFORMÁTICA
Inmaculada Villén Altamirano

Las nuevas tecnologías en la educación
Algunos autores, como Seymour Papert o David Cavallo,
consideran que las TIC son no sólo una oportunidad sino
también la excusa perfecta para introducir en la educación
nuevos elementos que realicen una transformación
profunda de la práctica educativa. Hay que preguntarse si
las TIC son las causantes del necesario cambio educativo
o son sólo una vía que puede facilitar un cambio ya anunciado
y sentido por la comunidad educativa. Un cambio
hacia una educación que se oriente a enseñar lo útil para
la vida y para el desarrollo de la personalidad teniendo en
cuenta las peculiaridades de cada individuo.
Surgen gran número de interrogantes, como por ejemplo
si las TIC se están incorporando en los centros escolares
de nuestro país únicamente desde un punto de vista tecnológico
o también desde una perspectiva pedagógica y
en qué medida, o si existe algún tipo de valoración de
la efi cacia de las TIC para la mejora de la calidad de la
enseñanza. Estas y muchas otras cuestiones piden una refl
exión profunda para conocer dónde nos encontramos y
hacia dónde vamos.
Desde una visión positiva de las potencialidades de Internet
y del resto de las aplicaciones, como herramientas
de cambio de la práctica educativa, este estudio, en la
medida de lo posible, quiere ayudar a entender que la incorporación
de las tecnologías a la educación depende de
muchos factores, entre los que resultan esenciales la formación
y la actitud de los docentes, así como la voluntad
de la comunidad educativa de perseguir una educación
más fl exible e integradora, más cercana al mundo exterior
y más centrada en las individualidades del alumno.
También se parte de la convicción de que la integración
de las TIC en este ámbito no es fácil y exige una entrada
progresiva, acorde con los numerosos cambios que se
tienen que realizar.
Por último, se quiere transmitir que la correcta aplicación
de las TIC en la educación puede compatibilizarse
con algunos de los viejos patrones y debe tratar de evitar
situaciones que desemboquen en analfabetización tecnológica
o exclusión social
Fuente: Las nuevas tecnologías en la educación
Rocío Martín-Laborda
‘CUADERNOS / SOCIEDAD
DE LA INFORMACIÓN’
© 2005 Fundación AUNA
Edita: Fundación AUNA
Obenque, 4 - 4a planta - 28042 MADRID
Tel.: (+34) 912 137 000
Fax: (+34) 912 137 099
e-mail: fundacion@auna.es

Introducción a CSS 2.2. Selectores avanzados

Introducción a CSS

2.2. Selectores avanzados

Utilizando solamente los selectores básicos de la sección anterior, es posible diseñar

prácticamente cualquier página web. No obstante, CSS define otros selectores más avanzados que permiten simplificar las hojas de estilos.

Desafortunadamente, el navegador Internet Explorer 6 y sus versiones anteriores no soportaban este tipo de selectores avanzados, por lo que su uso no era común hasta hace poco tiempo. Si quieres consultar el soporte de los selectores en los distintos navegadores, puedes utilizar las siguientes referencias:

▪ Lista completa de los selectores que soporta cada versión de cada navegador

(http://dev.l-c-n.com/CSS3-selectors/browser-support.php)

▪ Test online en el que puedes comprobar los selectores que soporta el navegador con el que realizas el test (http://www.css3.info/selectors-test/)

2.2.1. Selector de hijos

Se trata de un selector similar al selector descendente, pero muy diferente en su funcionamiento.

Se utiliza para seleccionar un elemento que es hijo directo de otro elemento y se indica mediante el "signo de mayor que" (>):

p > span { color: blue; }

Texto1

Texto2

En el ejemplo anterior, el selector p > span se interpreta como "cualquier elemento que sea hijo directo de un elemento

", por lo que el primer elemento cumple la condición del selector. Sin embargo, el segundo elemento no la cumple porque es descendiente pero no es hijo directo de un elemento
.

El siguiente ejemplo muestra las diferencias entre el selector descendente y el selector de hijos:

p a { color: red; }

p > a { color: red; }

Enlace1

Enlace2

El primer selector es de tipo descendente y por tanto se aplica a todos los elementos que se encuentran dentro de elementos

. En este caso, los estilos de este selector se aplican a los dos enlaces.

Por otra parte, el selector de hijos obliga a que el elemento sea hijo directo de un elemento

. Por lo tanto, los estilos del selector p > a no se aplican al segundo enlace del ejemplo anterior.

Fuente: www.librosweb.es

Introducción a CSS

Javier Eguíluz Pérez

Introducción a CSS Al igual que los selectores de clase

Introducción a CSS

Al igual que los selectores de clase, en este caso también se puede restringir el alcance del selector mediante la combinación con otros selectores. El siguiente ejemplo aplica la regla CSS solamente al elemento de tipo

que tenga un atributo id igual al indicado:

p#aviso { color: blue; }

A primera vista, restringir el alcance de un selector de ID puede parecer absurdo. En realidad, un selector de tipo p#aviso sólo tiene sentido cuando el archivo CSS se aplica sobre muchas páginas

HTML diferentes.

En este caso, algunas páginas pueden disponer de elementos con un atributo id igual a aviso y que no sean párrafos, por lo que la regla anterior no se aplica sobre esos elementos.

No debe confundirse el selector de ID con los selectores anteriores:

/* Todos los elementos de tipo "p" con atributo id="aviso" */

p#aviso { ... }

/* Todos los elementos con atributo id="aviso" que estén dentro

de cualquier elemento de tipo "p" */

p #aviso { ... }

/* Todos los elementos "p" de la página y todos los elementos con

atributo id="aviso" de la página */

p, #aviso { ... }

2.1.6. Combinación de selectores básicos

CSS permite la combinación de uno o más tipos de selectores para restringir el alcance de las reglas CSS. A continuación se muestran algunos ejemplos habituales de combinación de selectores..aviso .especial { ... }

El anterior selector solamente selecciona aquellos elementos con un class="especial" que se encuentren dentro de cualquier elemento con un class="aviso".

Si se modifica el anterior selector:

div.aviso span.especial { ... }

Ahora, el selector solamente selecciona aquellos elementos de tipo con un atributo class="especial" que estén dentro de cualquier elemento de tipo

que tenga un atributo

class="aviso".

La combinación de selectores puede llegar a ser todo lo compleja que sea necesario:

ul#menuPrincipal li.destacado a#inicio { ... }

El anterior selector hace referencia al enlace con un atributo id igual a inicio que se encuentra dentro de un elemento de tipo

con un atributo class igual a destacado, que forma parte de una lista

con un atributo id igual a menu Principal.
Fuente: www.librosweb.es
Introducción a CSS
Javier Eguíluz Pérez

Las nuevas tecnologías en la educación INTRODUCCIÓN

Las nuevas tecnologías en la educación
INTRODUCCIÓN
La aparición de lo que en su momento se llamaron
“Nuevas Tecnologías” en las últimas décadas del
siglo XX ha sido la causa de la llamada “Revolución
Digital”, revolución que, a diferencia de otras anteriores,
ha conseguido que los cambios y las transformaciones
derivados de lo que hoy se llaman “Tecnologías de
la Información y las Comunicaciones” (TIC), se hayan
producido muy rápidamente en todos los ámbitos de la
sociedad.
Efectivamente, las TIC y en especial Internet se desarrollan
y se incorporan a la vida de los ciudadanos a una velocidad
vertiginosa. Los efectos que Internet y sus múltiples
aplicaciones tienen en la vida de los ciudadanos, de
las empresas, de las instituciones y de los gobiernos se
han manifestado en menos de una década. Por otra parte,
si miramos a nuestro alrededor, se observan muchos
cambios en la forma de comunicarse, de organizarse, incluso
de trabajar o de divertirse. Se ha confi gurado una
nueva sociedad, la nueva “Sociedad de la Información”
(SI) también denominada, si damos un paso más, “Sociedad
del Conocimiento”, que se caracteriza por la posibilidad
de acceder a volúmenes ingentes de información y
de conectarse con otros colectivos o ciudadanos fuera de
los límites del espacio y del tiempo.
Ante esta situación, cabe plantearse cuál ha sido el efecto
de las “Nuevas Tecnologías” en la educación. A simple
vista, parece que el impacto producido ha sido menor que
en otros ámbitos y que, en esta ocasión, la educación no
ha cumplido con su tradicional papel de palanca de cambio.
Sin embargo, una refl exión más profunda plantea
que lo que hay es un gran retraso debido a las implicaciones
de los cambios en la educación, que suponen no
sólo invertir en equipamiento y en formación sino en un
cambio de actitud o de mentalidad, y este proceso lleva
su tiempo.
Además, hay muchas otras razones que explican la lentitud
en el proceso de incorporación de las TIC a la educación,
como la carencia de recursos fi nancieros, el insufi
ciente apoyo institucional o la difi cultad de adaptación
por parte de los docentes. Aunque, en realidad, lo más
determinante para que se produzca el cambio es tener
claro que las TIC en la educación suponen una vía para
mejorar la calidad de la enseñanza y un camino para dar
respuesta a las nuevas exigencias que plantea la SI. Incorporar
las TIC a la educación no sólo es un desafío,
sino que se convierte, hoy, en una necesidad para que los
jóvenes puedan desenvolverse sin problemas dentro de
la nueva sociedad.
Fuente: Las nuevas tecnologías en la educación
Rocío Martín-Laborda
‘CUADERNOS / SOCIEDAD
DE LA INFORMACIÓN’
© 2005 Fundación AUNA
Edita: Fundación AUNA
Obenque, 4 - 4a planta - 28042 MADRID
Tel.: (+34) 912 137 000
Fax: (+34) 912 137 099
e-mail: fundacion@auna.es
www.fundacionauna.org

Introducción a CSS Si un elemento dispone de un atributo

Introducción a CSS

Si un elemento dispone de un atributo class con más de un valor, es posible utilizar un selector más avanzado:

.error { color: red; }

.error.destacado { color: blue; }

.destacado { font-size: 15px; }

.especial { font-weight: bold; }

Párrafo de texto...

En el ejemplo anterior, el color de la letra del texto es azul y no rojo. El motivo es que se ha utilizado un selector de clase múltiple .error.destacado, que se interpreta como "aquellos elementos de la página que dispongan de un atributo class con al menos los valores error y destacado".

2.1.5. Selectores de ID

En ocasiones, es necesario aplicar estilos CSS a un único elemento de la página. Aunque puede utilizarse un selector de clase para aplicar estilos a un único elemento, existe otro selector más eficiente en este caso.

El selector de ID permite seleccionar un elemento de la página a través del valor de su atributo id. Este tipo de selectores sólo seleccionan un elemento de la página porque el valor del atributo id no se puede repetir en dos elementos diferentes de una misma página.

La sintaxis de los selectores de ID es muy parecida a la de los selectores de clase, salvo que se utiliza el símbolo de la almohadilla (#) en vez del punto (.) como prefijo del nombre de la regla

CSS:

#destacado { color: red; }

Primer párrafo

Segundo párrafo

Tercer párrafo

En el ejemplo anterior, el selector #destacado solamente selecciona el segundo párrafo (cuyo atributo id es igual a destacado).

La principal diferencia entre este tipo de selector y el selector de clase tiene que ver con HTML y no con CSS. Como se sabe, en una misma página, el valor del atributo id debe ser único, de forma que dos elementos diferentes no pueden tener el mismo valor de id. Sin embargo, el atributo class no es obligatorio que sea único, de forma que muchos elementos HTML diferentes pueden compartir el mismo valor para su atributo class.

De esta forma, la recomendación general es la de utilizar el selector de ID cuando se quiere aplicar un estilo a un solo elemento específico de la página y utilizar el selector de clase cuando se quiere aplicar un estilo a varios elementos diferentes de la página HTML.

Fuente: www.librosweb.es

Introducción a CSS

Javier Eguíluz Pérez

Introducción a CSS El elemento tiene un atributo

Introducción a CSS

El elemento tiene un atributo class="error", por lo que se le aplican las reglas CSS indicadas por el selector .error. Por su parte, el elemento

tiene un atributo

class="aviso", por lo que su estilo es el que definen las reglas CSS del selector .aviso.

En ocasiones, es necesario restringir el alcance del selector de clase. Si se considera de nuevo el ejemplo anterior:

Lorem ipsum dolor sit amet...

Nunc sed lacus et est adipiscing accumsan...

Class aptent taciti sociosqu ad litora...

¿Cómo es posible aplicar estilos solamente al párrafo cuyo atributo class sea igual a destacado?

Combinando el selector de tipo y el selector de clase, se obtiene un selector mucho más

específico: p.destacado { color: red }

El selector p.destacado se interpreta como "aquellos elementos de tipo

que dispongan de un atributo class con valor destacado". De la misma forma, el selector a.destacado solamente selecciona los enlaces cuyo atributo class sea igual a destacado.

De lo anterior se deduce que el atributo .destacado es equivalente a *.destacado, por lo que todos los diseñadores obvian el símbolo * al escribir un selector de clase normal.

No debe confundirse el selector de clase con los selectores anteriores:

/* Todos los elementos de tipo "p" con atributo class="aviso" */

p.aviso { ... }

/* Todos los elementos con atributo class="aviso" que estén dentro

de cualquier elemento de tipo "p" */

p .aviso { ... }

/* Todos los elementos "p" de la página y todos los elementos con

atributo class="aviso" de la página */

p, .aviso { ... }

Por último, es posible aplicar los estilos de varias clases CSS sobre un mismo elemento. La sintaxis es similar, pero los diferentes valores del atributo class se separan con espacios en blanco. En el siguiente ejemplo:

Párrafo de texto...

Al párrafo anterior se le aplican los estilos definidos en las reglas .especial, .destacado y

.error, por lo que en el siguiente ejemplo, el texto del párrafo se vería de color rojo, en negrita y con un tamaño de letra de 15 píxel:

.error { color: red; }

.destacado { font-size: 15px; }

.especial { font-weight: bold; }

Párrafo de texto...

Fuente:  www.librosweb.es

Introducción a CSS

Javier Eguíluz Pérez

1.INTRODUCCIÓN El cambio se ha producido

1.INTRODUCCIÓN
El cambio se ha producido. Dependemos de la tecnología para realizar
las operaciones más cotidianas. El dinamismo tecnológico que estamos
viviendo en los últimos años, las nuevas tecnologías de información y
comunicaciones (TIC), el acceso y el tratamiento de la información y los
cambios en el entorno económico y social están ejerciendo un empuje
sobre los diferentes agentes que constituyen nuestra sociedad. Y es
evidente que exigen esfuerzos de adaptación a las personas y las
organizaciones..
Empresas y Administraciones Públicas no son ajenas a esta
situación y, en consecuencia, están obligadas, en mayor o menor
medida, a un proceso de modernización, innovación y de
adaptación tecnológica. El sector público es uno de los principales
sujetos en el uso de las TIC, puesto que de ello depende, en gran
medida, la gestión más eficaz y eficiente en la Administración
Pública, así como la mejora de los servicios al ciudadano. Este uso,
a su vez, es de carácter estratégico porque puede generar un efecto
imitación por parte de los ciudadanos y las empresas privadas a
que empleen software libre.
Pero ¿Qué es software libre?. ''Software Libre'' se refiere a la libertad
de los usuarios para ejecutar, copiar, distribuir, estudiar, cambiar y
mejorar el software. Para entender el concepto, debemos pensar en
''libre'' como en ''libertad de expresión'', no como en un programa
gratis. Sin embargo, es el aspecto económico el que mas empuje
está dando al empleo del software libre.
Fuente: Autor:
Inmaculada Villén Altamirano

Introducción a CSS 2.1.4. Selector de clase

Introducción a CSS

2.1.4. Selector de clase

Si se considera el siguiente código HTML de ejemplo:

Lorem ipsum dolor sit amet...

Nunc sed lacus et est adipiscing accumsan...

Class aptent taciti sociosqu ad litora...

¿Cómo se pueden aplicar estilos CSS sólo al primer párrafo? El selector universal (*) no se puede utilizar porque selecciona todos los elementos de la página. El selector de tipo o etiqueta (p) tampoco se puede utilizar porque seleccionaría todos los párrafos. Por último, el selector descendente (body p) tampoco se puede utilizar porque todos los párrafos se encuentran en el mismo sitio.

Una de las soluciones más sencillas para aplicar estilos a un solo elemento de la página consiste en utilizar el atributo class de HTML sobre ese elemento para indicar directamente la regla CSS que se le debe aplicar:

Lorem ipsum dolor sit amet...

Nunc sed lacus et est adipiscing accumsan...

Class aptent taciti sociosqu ad litora...

A continuación, se crea en el archivo CSS una nueva regla llamada destacado con todos los estilos que se van a aplicar al elemento. Para que el navegador no confunda este selector con los otros tipos de selectores, se prefija el valor del atributo class con un punto (.) tal y como muestra el siguiente ejemplo:

.destacado { color: red; }

El selector .destacado se interpreta como "cualquier elemento de la página cuyo atributo class sea igual a destacado", por lo que solamente el primer párrafo cumple esa condición.

Este tipo de selectores se llaman selectores de clase y son los más utilizados junto con los selectores de ID que se verán a continuación. La principal característica de este selector es que en una misma página HTML varios elementos diferentes pueden utilizar el mismo valor en el atributo class:

Lorem ipsum dolor sit amet...

Nunc sed lacus et est adipiscing accumsan...

Class aptent taciti sociosqu ad litora...

Los selectores de clase son imprescindibles para diseñar páginas web complejas, ya que

permiten disponer de una precisión total al seleccionar los elementos. Además, estos selectores permiten reutilizar los mismos estilos para varios elementos diferentes.

A continuación se muestra otro ejemplo de selectores de clase:

.aviso {

padding: 0.5em;

border: 1px solid #98be10;

background: #f6feda; }.error {color: #930; font-weight: bold; }

Introducción a CSS Capítulo 2. Selectores...

...

Fuente. Introducción a CSS

Javier Eguíluz Pérez

www.librosweb.es

Estándares básicos en tecnología 4. INDICADORES O EVIDENCIAS

Estándares básicos en tecnología
4. INDICADORES O EVIDENCIAS. En el marco de este estándar, son señales,
pista o desempeños que nos permiten observar, evaluar, calificar o certificar el
cumplimiento de un estándar dado. Contiene elementos, conocimientos,
acciones, destrezas o actitudes deseables para alcanzar el estándar
propuesto. Es así como un estándar puede descomponerse en indicadores que
permiten al maestro valorar con certeza el avance que un estudiante ha
alcanzado en un momento dado del recorrido escolar.
Naturaleza de la tecnología Apropiación y uso de la
tecnología
Solución de problemas con tecnología
Tecnología y sociedad
ESTÁNDAR
Identifico y describo la importancia de algunos artefactos en el desarrollo de
actividades cotidianas de mi entorno y el de mis antepasados.
ESTÁNDAR
Identifico algunos artefactos, productos y procesos de mi
entorno cotidiano, explico algunos aspectos de su funcionamiento y los utilizo en
forma segura y apropiada.
ESTÁNDAR
Identifico productos tecnológicos, en particular artefactos, para solucionar
problemas de la vida cotidiana.
ESTÁNDAR
Exploro mi entorno cotidiano y reconozco la presencia de elementos naturales y de
artefactos elaborados con la intención de mejorar las condiciones de vida.
Explico la utilidad de objetos tecnológicos para la realización de
actividades humanas (red para la pesca; rueda para el transporte,…).
Identifico artefactos que se utilizan hoy y que no se utilizaban en
épocas pasadas.
Describo semejanzas y diferencias que existen entre los productos de
la tecnología que utilizaban mis bisabuelos, abuelos y padres con
los que yo utilizo (transporte, comunicación, alimentación y hábitat).
Reconozco herramientas, que como extensión de partes de mi
Identifico artefactos que se utilizan en mi entorno para satisfacer necesidades
Cotidianas (deportes, arte, entretenimiento, salud, estudio, alimentación…).
Utilizo apropiadamente algunos de los artefactos de mi entorno
en tareas cotidianas (aseo diario, comunicarme, desplazarme)
Clasifico y describo artefactos de mi entorno según algunos
criterios (uso, material, forma…).
Describo procesos sencillos (artesanales e industriales) para
la obtención de productos en mi entorno.
Identifico características de algunos artefactos y productos
tecnológicos, utilizados en el entorno cercano para satisfacer
necesidades.
Identifico situaciones de mi entorno que afectan mi salud, y
propongo soluciones prácticas que involucran la utilización de
artefactos.
Selecciono entre diversos artefactos disponibles los más
adecuadas para realizar tareas cotidianas en el hogar y la
escuela, teniendo en cuenta sus restricciones y condiciones de
utilización.
Manifiesto interés por temas relacionados con la tecnología a
través de preguntas e intercambio de ideas.
Reconozco que el uso de materiales ha cambiado a través de
la historia y que este cambio ha tenido efectos en los estilos de vida
y en el desarrollo de la sociedad.
Diferencio en mi entorno, productos naturales de productos creados por
el hombre
Selecciono y utilizo, materiales y artefactos de mi entorno para
satisfacer mis necesidades (ropa según el clima).
Fuente: Ministerio de Educación Nacional de Colombia

Introducción a CSS La sintaxis formal del selector

Introducción a CSS

La sintaxis formal del selector descendente se muestra a continuación:

elemento1 elemento2 elemento3 ... elemento N

Los selectores descendentes siempre están formados por dos o más partes

separadas entre sí por espacios en blanco. La última parte indica el elemento

 sobre el que se aplican los estilos y todas las partes anteriores indican el lugar

 en el que se tiene que encontrar ese elemento para que los estilos se apliquen

 realmente.

En el siguiente ejemplo, el selector descendente se compone de cuatro partes:

p a span em { text-decoration: underline; }

Los estilos de la regla anterior se aplican a los elementos de tipo que se encuentren dentro de elementos de tipo , que a su vez se encuentren

dentro de elementos de tipo que se encuentren dentro de elementos de tipo

.

No debe confundirse el selector descendente con la combinación de selectores:

/* El estilo se aplica a todos los elementos "p", "a", "span" y "em" */

p, a, span, em { text-decoration: underline; }

/* El estilo se aplica solo a los elementos "em" que se

encuentran dentro de "p a span" */

p a span em { text-decoration: underline; }

Si se emplea el selector descendente combinado con el selector universal, se

 puede restringir el alcance de un selector descendente. El siguiente ejemplo,

muestra los dos enlaces de color rojo: p a { color: red; }

Enlace

Enlace

Sin embargo, en el siguiente ejemplo solamente el segundo enlace se muestra

 de color rojo:

p * a { color: red; }

Enlace

Enlace

La razón es que el selector p * a se traduce como todos los elementos de tipo

  que se encuentren dentro de cualquier elemento que, a su vez, se encuentre

 dentro de un elemento de tipo

. Como el primer elemento se encuentra directamente bajo un elemento
, no se

cumple la condición del selector p * a.

Fuente: Introducción a CSS

Javier Eguíluz Pérez

www.librosweb.es

Estándares básicos en Tecnología- Informática Solución de problemas con tecnología

Estándares básicos en Tecnología- Informática
Solución de problemas con tecnología. Valora el dominio que los
estudiantes alcanzan en la adquisición y manejo de estrategias en y para la
identificación, formulación y solución de problemas con tecnología, así
como para la comunicación de sus ideas. Estrategias que van desde la
detección de fallas y necesidades hasta llegar al diseño, y que evolucionan
en complejidad a medida que se avanza en los conjunto de grados.
􀂃 Tecnología y sociedad. Valora tres aspectos: 1) las actitudes de los
estudiantes hacia la tecnología, su sensibilización social y ambiental,
curiosidad, cooperación y trabajo en equipo, apertura intelectual, búsqueda
y manejo de la información, y deseo de informarse; 2) la valoración social
que el estudiante hace de la tecnología para reconocer el potencial de los
recursos, la evaluación de procesos y el análisis de impactos (sociales,
ambientales y culturales) las causas y consecuencias; y 3) La participación
social que implica cuestiones de ética y responsabilidad social,
comunicación, interacción social, propuestas de soluciones y participación,
entre otras.
3. ESTÁNDAR. Criterio claro y público que permite valorar, calificar, acreditar y
promover a una persona, institución, proceso o producto cuando éste cumple
las expectativas de calidad definidas y aceptadas socialmente. Los estándares
para la educación en tecnología enunciados en cada eje, se consideran como
ese criterio básico o expectativa social de calidad que debe como alcanzar
todo estudiante en ese conjunto de grados. Los enunciados señalan los
elementos del estándar y son descritos a través de los indicadores.
Fuente: Ministerio de Educación Nacional de Colombia

Introducción a CSS 2.1.3. Selector descendente

Introducción a

CSS

2.1.3. Selector descendente

Selecciona los elementos que se encuentran dentro de otros elementos.

 Un elemento es descendiente de otro cuando se encuentra entre las

 etiquetas de apertura y de cierre del otro elemento.

El selector del siguiente ejemplo selecciona todos los elementos

de la página que se encuentren dentro de un elemento

: p span { color:

 red; }

Si el código HTML de la página es el siguiente:

...texto1

......texto2...

El selector p span selecciona tanto texto1 como texto2. El motivo es que

en el selector descendente, un elemento no tiene que ser "hijo directo" de

otro. La única condición es que un elemento debe estar dentro de otro

 elemento, sin importar lo profundo que se encuentre.

Al resto de elementos de la página que no están dentro de un elemento

, no se les aplica la regla CSS anterior.

Los selectores descendentes permiten mejorar la precisión del selector de

 tipo o etiqueta. Así, utilizando el selector descendente es posible aplicar

diferentes estilos a los elementos del mismo tipo. El siguiente ejemplo amplía

 el anterior y muestra de color azul todo el texto de los contenidos

 dentro de un

: p span { color: red; }h1 span { color: blue; }

Con las reglas CSS anteriores:

▪ Los elementos que se encuentran dentro de un elemento

se

muestran de color rojo.

▪ Los elementos que se encuentran dentro de un elemento

se

 muestran de color azul.

▪ El resto de elementos de la página, se muestran con el color por

 defecto aplicado por el navegador.

Fuente: Introducción a CSS

Javier Eguíluz Pérez