REPASO PRUEBA CSS

1. Listas y tablas

2. Párrafos y tablas

Sequoia

Sequoia es un género de plantas perteneciente a la familia de las Cupresáceas, subfamilia Sequoioideae. Se trata de un género monotípico, cuya única especie es Sequoia sempervirens, la secuoya roja. Otros nombres con los que se conoce a esta especie son secuoya roja o secuoya de California. Es un árbol perennifolio muy longevo (entre 2.000 y 3.000 años) y la conífera más alta que existe, llegando a alcanzar 115,61 m de altura (sin incluir las raíces) y 7,9 m de diámetro en su base.

No hay que confundirla con otras dos especies a las que también se llaman secoyas o secuoyas, y con las que integra la subfamilia Sequoioideae: la secoya gigante (Sequoiadendron giganteum) que alcanza alturas de hasta 85 m y la metasecoya (Metasequoia glyptostroboides), de menor altura (hasta 35 m).

El nombre por el cual actualmente son internacionalmente apeladas estas coníferas típicas de la Alta California y del Oregón les fue dado en homenaje al jefe cheroqui llamado Sequoyah, si bien cabe consignar que los cheroqui y su confederación habitaban en el centro-este de América del Norte y nunca en los lugares donde crecen estos árboles.

El tronco es recto, cilíndrico, con ramas horizontales ligeramente encorvadas hacia abajo, y posee una corteza muy gruesa, suave y de un brillante color pardor-rojizo que se va oscureciendo expuesta a la intemperie.  Las hojas son de tamaños variables: entre 15-25 mm, largas y aplanadas en árboles jóvenes, y brotes a la sombra en la zona inferior de la copa de los ejemplares viejos, hasta 5-10 mm de largo en brotes expuestos a pleno sol en la parte superior de la copa de árboles más viejos; entre ambos extremos hay una amplia transición de tamaños.

Son de color verde oscuro en las partes superiores y en la parte inferior poseen dos bandas con estomas blanco azuladas. La disposición de la hoja es espiral, aunque las más grandes y sombreadas están giradas hacia la base para conservar una posición plana y obtener la máxima luz posible. Los conos son ovoides, de 15-32 mm de largo con 15-25 escamas dispuestas en espiral; maduran entre 8-9 meses después de la polinización a finales de invierno. Cada escama de estos conos contiene entre 3 a 7 semillas, cada una de 3-4 mm de largo y 0,5 de ancho, con dos alas de 1 mm. Estas semillas son liberadas cuando las escamas maduran y se abren al secarse.

                                                  

La secuoya roja más vieja tiene alrededor de 3.200 años; muchas otras exceden los 600 años. Es una de las tres especies de árboles de madera roja. Ésta, utilizada antiguamente en la construcción, se emplea en la ebanistería por su alta calidad y su llamativo color.

Su hábitat natural, que se encuentra en sistemas montañosos bastante húmedos y crecen en grupo, resguardándose de fuertes vientos y heladas, se circunscribe a una estrecha franja del oeste de Estados Unidos que abarca desde la zona meridional de Oregón hasta California central donde se la encuentra tanto en zonas llanas como en las húmedas de las colinas costeras.

Cambio	Compra	Venta	Máximo	Mínimo
Euro/Dolar	1.2524	1.2527	1.2539	1.2488
Dolar/Yen	119.01	119.05	119.82	119.82
Libra/Dolar	1.8606	1.8611	1.8651	1.8522
Yen/Euro	0.6711	0.6705	0.6676	0.6713

3. Listas

4. Párrafos y tablas

5. Párrafos

6. Tablas

APRENDEMOS A USAR PHOTOSHOP

¿Qué es?

Adobe Photoshop (popularmente conocido sólo por su segundo nombre, Photoshop) es el nombre, o marca comercial oficial, que recibe uno de los programas más famosos de la casa Adobe junto con sus hermanos Adobe Illustrator y Adobe Flash, y que se trata esencialmente de una aplicación informática en forma de taller de pintura y fotografía que trabaja sobre un "lienzo" y que está destinado a la edición, retoque fotográfico y pintura a base de imágenes de mapa de bits. Su nombre en español significa literalmente "taller de fotos". Su capacidad de retoque y modificación de fotografías le ha dado el rubro de ser el programa de edición de imágenes más famoso del mundo.

Actualmente forma parte de la familia Adobe Creative Suite y es desarrollado y comercializado por Adobe Systems Incorporated inicialmente para computadores Apple pero posteriormente también para plataformas PC con sistema operativo Windows. Su distribución viene en diferentes presentaciones, que van desde su forma individual hasta como parte de un paquete siendo estos: Adobe Creative Suite Design Premium y Versión Standard, Adobe Creative Suite Web Premium, Adobe Creative Suite Production Studio Premium y Adobe Creative Suite Master Collection.

Formatos de archivo

Photoshop fue creado en el año 1990, soporta muchos tipos de archivos de imágenes, como BMP, JPG, PNG, GIF, entre otros, además tiene formatos de imagen propios. Los formatos soportados por Photoshop son:

- PSD, PDD: formato estándar de Photoshop con soporte de capas.

- PostScript: no es exactamente un formato, sino un lenguaje de descripción de páginas. Se suele encontrar documentos en PostScript. Utiliza primitivas de dibujo para poder editarlo.

- EPS: es una versión de PostScript, se utiliza para situar imágenes en un documento. Es compatible con programas vectoriales y de autoedición.

- DCS: fue creado por Quark (empresa de software para autoedición) y permite almacenar tipografía, tramas, etc. Se utiliza para filmación en autoedición.

- Prev. EPS TIFF: permite visualizar archivos EPS que no se abren en Photoshop, por ejemplo los de QuarkXPress.

- BMP: formato estándar de Windows.

- GIF: muy utilizado para las web. Permite almacenar un canal alfa para dotarlo de transparencia, y salvarlo como entrelazado para que al cargarlo en la web lo haga en varios pasos. Admite hasta 256 colores.

- JPEG: también muy utilizado en la WWW, factor de compresión muy alto y buena calidad de imagen.

- TIFF: una solución creada para pasar de PC a MAC y viceversa.

- PICT: desde plataformas MAC se exporta a programas de autoedición como QuarkXPress.

- PNG: la misma utilización que los GIF, pero con mayor calidad. Soporta transparencia y colores a 24 bits. 

Solo las versiones recientes de navegadores pueden soportarlos.

- PDF: formato original de Acrobat. Permite almacenar imágenes vectoriales y mapa de bits.

- ICO: es utilizado para representar archivos, carpetas, programas, unidades de almacenamiento, etc.

- IFF: se utiliza para intercambio de datos con Amiga.

- PCX: formato solo para PC. Permite colores a 1, 4, 8 y 24 bits.

- RAW: formato estándar para cualquier plataforma o programa gráfico.

- TGA: compatible con equipos con tarjeta gráfica de Truevision.

- Scitex CT: formato utilizado para documentos de calidad profesional.

- Filmstrip: se utiliza para hacer animaciones. También se puede importar o exportar a Premiere.

- FlashPix: formato originario de Kodak para abrir de forma rápida imágenes de calidad superior.

- JPEG2000: al igual que el JPEG, es nuevo formato de compresión que permite aumentar la calidad de la imagen.

Herramientas 

- Marco rectangular: Una herramienta para realizar selecciones cuadradas o rectangulares. 

- Marco elíptico: Herramienta para crear selecciones circulares o elípticas. Está en el mismo grupo que el marco rectangular. 

- Herramienta mover: Esta sirve para mover el contenido de la capa en la que estamos trabajando. La capa se mueve por completo o bien sólo el área seleccionada, si es que había una selección creada. (Más adelante hay capítulos para explicar lo que son las capas capas-de-photoshop.html) 

- Lazo: Esta herramienta sirve para hacer selecciones a mano alzada, haciendo clic en un área de la imagen y pintando la selección a mano. La verdad es que la herramienta no es muy utilizada en el trabajo del día a día, pero es sencilla para practicar en un primer momento. 

- Lazo poligonal: Sirve para hacer selecciones más complejas, marcando los vértices de un polígono. También es muy útil y sencilla de manejar en tus primeros pasos. 

- Varita mágica: Es para hacer selecciones rápidas de áreas del mismo color. Pulsando en un lugar de la imagen nos selecciona toda el área que tiene el mismo color continuo. 

- Herramienta recortar: Es un tipo de selección cuadrada, editable una vez que se ha definido, que nos sirve para recortar una imagen, quedándonos sólo con el área seleccionada. 

- Pincel: Esta herramienta nos sirve para dibujar a mano alzada sobre la imagen. Se dispone de varios pinceles, de grosuras y formas distintas y se puede ajustar la dureza del trazo, entre otras cosas. El pincel pinta en la capa que esté activa en ese momento. 

- Lápiz: El lápiz es similar al pincel, con la diferencia que éste realiza un trazo sin suavizado en los bordes y totalmente opaco. 

- Herramienta borrador: Sirve para borrar partes de una imagen. Ojo, puesto que como muchas otras herramientas, sólo actúa sobre la capa que está seleccionada. Es decir, sólo borra las cosas que haya en la capa que estamos trabajando. Por eso a veces podrá ocurrirte que intentas borrar algo y no se borra, quizás porque esté en otra capa. Tiene dos modos de borrar, uno el modo lápiz, que borra todo sin suavizado y el modo pincel, que borra difuminando los bordes. Además, igual que los pinceles y el lápiz, existen varios grosores para el trazo del borrador. 

- Herramienta bote de pintura: Esta herramienta sirve para rellenar de color una capa entera, o bien el área seleccionada de la capa. Rellena con el color que se haya seleccionado en la barra de herramientas como color frontal. 

- Herramienta degradado: Con esta herramienta podemos hacer degradados de color, funciona como el bote de pintura, rellenando color en toda una capa o en el área seleccionada de una capa, con la diferencia que para hacer el degradado tenemos que hacer una línea, pulsando con el ratón y arrastrando, para que el degradado se haga en ese espacio marcado. 

- Herramienta texto horizontal: Sirve para escribir texto en una imagen. El texto puede escribirse con distintas fuentes y tamaños y tendrá el color frontal que se haya seleccionado. Asociada a esta herramienta (si hacemos clic con pulsación prolongada) veremos que hay otras herramientas de texto, entre la que podría ser útil la de texto vertical. 

- Herramienta pluma: Esta herramienta es muy útil, pero un tanto compleja de manejar. Sirve para hacer trazados de cualquier tipo, curvos o poligonales. Lo bueno es que nos permite editar los trazados una vez hechos y que pueden ajustarse a cualquier recorrido que necesitemos, por complejo que sea. Junto con la herramienta de Pluma tendrás que aprender a usar otras herramientas complementarias que forman parte del mismo grupo. 

- Rectángulo: Sirve para hacer rectángulos, que pueden estar o no rellenos de color. En el lugar donde está el rectángulo hay otra serie de herramientas para hacer otros tipos de formas, como elipses, líneas o incluso formas personalizadas. 

- Línea: Está agrupada con la herramienta recuadro y otras formas. Sirve para dibujar líneas. A las líneas se les puede colocar una flecha, configurable, al principio y/o al final de las mismas. 

- Forma personalizada: Esta herramienta nos permite dibujar un buen grupo de formas ya prediseñadas, como flores, estrellas, señales, globos, etc. 

- Herramienta cuentagotas: Con el cuentagotas podemos seleccionar colores, de cualquier parte de la imagen, para colocarlos como color frontal. 

- Herramienta mano: Esta herramienta nos sirve para mover el lienzo. No mueve ni modifica ninguna parte de la imagen, sino que traslada el área que estamos viendo de la imagen, si es que el lienzo entero no cabe en la ventana que tenemos abierta, ya sea porque la imagen sea muy grande o porque hayamos hecho zoom. 

- Herramienta zoom: El zoom nos sirve para ampliar la imagen o reducirla, pero sin alterar la imagen. Simplemente se hace zoom para que se vea más grande y podamos hacer retoques con más precisión, o se aleja el zoom para hacer la imagen menor y así poder verla toda en nuestra pantalla. 

Fuentes:

- http://es.wikipedia.org/wiki/Adobe_Photoshop

- http://www.desarrolloweb.com/articulos/herrameintas-principales-photoshop.html

INTEGRAR EJERCICIOS DE EXE LEARNING Y JCLIC EN NUESTRA PÁGINA WEB

A partir de este momento se realizará la página web del siguiente modo:

1. Diseñar la interfaz mediante la herramienta Dreamweaver CS6 o mediante código con cualquier editor, como, por ejemplo, Notepad++.

2. Realizar los ejercicios tipo (puzzles, sopa de letras, etc.), mediante la herramienta Jclic, para ello, una vez guardado el archivo generado con esta herramienta y diseñada la actividad, personalizando lo que considere necesario, pulsar en Herramientas -> Página Web, de este modo, se genera el applet de Java, con la actividad correspondiente en un archivo HTML, que podrá enlazar con otra página web o integrar el código correspondiente dentro de su propia página web.

Nota: No abusar de ejercicios Jclic.

3. Realizar la mayoría de las actividades (tipo Verdadero-Falso, Selección Múltiple, Elección Múltiple, rellenar huecos y exámenes), mediante la herramienta eXe Learning. Una vez guardado el archivo generado con dicha herramienta, lo convertimos a formato web del siguiente modo Archivo -> Exportar -> Sitio Web -> Carpeta auto-contenida, de esta forma, podemos acceder y retocar los estilos a nuestro gusto y los script necesarios, generados para la resolución de las actividades.

4. También podrá integrar ejercicios realizados mediante los lenguajes de programación JavaScript o PHP.

TUTORIAL EXELEARNING Y JCLICK

A. Tutorial de eXe Learning:

http://exelearning.aprenderenred.net/index.html

B. Visualizar un paquete JClic en el navegador: 

Para visualizar un paquete de JClic a través del navegador es necesario tener instalada el entorno JRE de java. En este apartado se explica cómo crear una página que muestra un paquete de JClic con todos los applets necesarios para su correcto funcionamiento.

1. Descarga y descomprime a la carpeta miweb el contenido del archivo jclic_ejemplo.zip.

2. Como resultado de la extracción encontrarás dentro de la carpeta miweb/jclic_ejemplo los siguientes archivos y carpeta:

• jclic. Es la carpeta que contiene los applets necesarios para que el paquete de actividades funcione correctamente.
• capaon.jclic.zip. Es el paquete jclic que contiene todos los activos y configuración del paquete.
• index.htm. Es la página HTML a través de la cual se carga el paquete para visualizarlo e interactuar con él a través del navegador.

3. Abre Kompozer.

4. Selecciona Archivo > Abrir para localizar y abrir el archivo index.htm situado en la carpeta miweb\jclic_ejemplo

5. En la parte inferior de la página pulsa sobre la pestaña Código fuente

6. El código HTML que inserta en la página el objeto de JClic es el siguiente:

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>&iquest;Hacia d&oacute;nde?</title>

<script language="JavaScript" src="jclic/jclicplugin.js" type="text/javascript"></script>

</head>

<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onLoad="window.focus();">

<script language="JavaScript">

setJarBase('jclic');

writePlugin('capaon.jclic.zip', '100%', '100%');

</script>

</body>

</html>

7. Observa que la referencia para cargar los applets de java está en el archivo de javascript: jclicplugin.jsque se encuentra en la carpeta jclic.

<script language="JavaScript" src="jclic/jclicplugin.js" type="text/javascript"></script>

8. Con la siguiente orden de Javascript indicamos la carpeta jclic que se toma como base para buscar todos los applets necesarios:

<script language="JavaScript">

setJarBase('jclic');

…

9. La referencia al paquete específico que se carga se encuentra en la línea de código:

writePlugin('capaon.jclic.zip', '100%', '100%');

Si deseas cargar otro paquete del rincón de Clic:

1. Abre el navegador web y visita la dirección: http://clic.xtec.net/db/listact_es.jsp

2. En el catálogo de paquetes localiza uno y sitúate en la página que muestra su información.

3. En la parte inferior encontrarás el enlace de descarga de ese paquete:

4. Selecciona y copia este enlace para pegarlo a continuación en la casilla de dirección del navegador. 

Esta acción producirá la descarga en local de este paquete.

5. Utiliza el explorador de archivos para copiar y pegar este archivo al interior de la carpetamiweb\jclic_ejemplo

6. A continuación abre el archivo index.htm con Kompozer y modifica el nombre del paquete en la línea de código correspondiente:

writePlugin('capaon.jclic.zip', '100%', '100%');

7. Elige Archivo > Guardar para guardar los cambios. Si visualizas la página HTML verás que muestra el nuevo paquete que has referenciado.

Fuente: http://www.ite.educacion.es/formacion/materiales/107/cd/video/video1005.html

APRENDEMOS A USAR DREAMWEAVER

1. Cómo crear mi sitio.
2. Entorno.
3. Insertar texto.
4. Cómo crear un vínculo.
5. Cómo insertar una imagen.
6. Insertar Tabla.
7. Marcos.
8. Mapas.
9. Insertar imagen de FW a DW.
10. Menú emergente.