1. Haz los ejemplos del siguiente enlace:
http://comunidad.fotolibre.net/index.php?topic=27.0
2. Haz el ejemplo del siguiente enlace y completa el retoque con la idea del primer ejercicio:
http://comunidad.fotolibre.net/index.php?topic=2171.0
3. Sigue las instrucciones del siguiente tutorial con la siguiente imagen. Ten en cuenta que es un tutorial de Photoshop, y no puedes hacer exáctamente lo mismo. No seleccionas el color a modificar con el cuentagotas, sino que lo eliges del menú:
http://www.elderbyweb.com/blog/tutorial-cambiando-un-color-especifico-con-tono-y-saturacion/
http://www.google.es/imgres?q=super+mario&um=1&hl=es&safe=off&sa=X&rls=com.microsoft:es&rlz=1I7ADFA_es&biw=1152&bih=667&tbs=isz:l&tbm=isch&tbnid=otoXtMG88t6HDM:&imgrefurl=http://movilzone.org/descargar/pack-juegos-mario-bros/attachment/new-super-mario-bros-20050515005341289/&docid=9rISeWQWKn2roM&imgurl=http://movilzone.org/files/2009/08/new-super-mario-bros-20050515005341289.jpg&w=1080&h=1879&ei=K-7-Tti2BYSzhAfus-HuCA&zoom=1&iact=hc&vpx=418&vpy=163&dur=2594&hovh=296&hovw=170&tx=106&ty=154&sig=106755674735316521929&page=1&tbnh=128&tbnw=74&start=0&ndsp=18&ved=1t:429,r:2,s:0
4. Abre cualquier imagen. En la caja de herramientas verás dos cuadros en blanco y negro. El negro es el color seleccionado, con el que se dibujaría con el pincel. Si pulsas en él te da la opción de cambiarlo. Verás que te aparece un cuador con el valor html, el hexadecimal que vimos cuando estudiamos html. Y a la derecha aparece un cuentagotas. Esto te permite seleccionar un color que esté ya en la imagen. También te permite elegir un color que ya hayas elegido antes. Están puestos abajo. Una vez elegido un color puedes modificar los parámetros que aparecen arriba: tono, saturación, valor, rojo, verde y azul.
Dibuja varias cosas de diferentes colores en la imagen.
5. Lee la siguiente página
http://docs.gimp.org/es/gimp-concepts-layer-modes.html
sábado, 31 de diciembre de 2011
miércoles, 28 de diciembre de 2011
GIMP
1. Abre el siguiente enlace y haz las cuatro actividades
http://profeblog.es/pedro/?p=1355
2. Descarga una imagen de internet de una cara sin retocar, por ejemplo esta:
http://www.google.es/imgres?q=carmen+chacon&um=1&hl=es&safe=off&sa=X&rls=com.microsoft:es&rlz=1I7ADFA_es&biw=1152&bih=667&tbs=isz:l&tbm=isch&tbnid=irS-6vY6Pnb9EM:&imgrefurl=http://www.forocoches.com/foro//showthread.php%3Ft%3D732676%26page%3D4&docid=mslSiVhb32xOdM&imgurl=http://www.elsocialista.es/eje-cchaco1.jpg&w=1133&h=1706&ei=OG37Ts3KHtOwhAeOl9WzAQ&zoom=1&iact=rc&dur=438&sig=106755674735316521929&page=1&tbnh=125&tbnw=95&start=0&ndsp=20&ved=1t:429,r:15,s:0&tx=47&ty=84
y sigue las instrucciones que se dan más abajo para corregir arrugas o imperfecciones en la piel. Selecciona sólo una parte de la cara para corregir, ya que toda la cara te llevará mucho tiempo. Se trata de que en una capa conserves el original y en otra esté la imagen corregida, y se puedan apreciar los cambios, y también que si haces algo mal tengas siempre el original. Observa la imagen después de cada pequeño cambio, y si lo ves demasiado artificial, pulsa deshacer. Pulsa las teclas + y - para hacer zoom.
Instrucciones:
Seleccionar la herramienta saneado , que permite corregir irregularidades en la imagen.
Seleccionar un pincel grande y torcido (Calligraphic Brush#2). Fijar opacidad 50 y seleccionar desvanecimiento.
Esta herramienta funciona de forma muy similar a la de clonar: seleccionar una zona con la tecla CTRL (así se selecciona la textura y el color de la zona). Ahora soltar la tecla CTRL y se va pulsando sobre las zonas que se desean limpiar (por ejemplo. pinchar en zonas próximas a las arrugas con la tecla CTRL seleccionada, soltar el CTRL y corregir poco a poco y con paciencia las arrugas.
Prueba a hacer lo mismo con opacidad 100% y observa la diferencia. Busca otras imágenes de la misma persona y observa como están retocadas.
3. Sobre la misma imagen vamos a retocar los dientes para que no se vean amarillos. En este ejercicio vamos a aprender dos cosas: a seleccionar algo complejo como pueden ser los dientes y a cambiar el color.
Para seleccionar los dientes pulsa seleccionar, activar máscara rápida. Verás que todo se pone rojo. Lo que pintes en blanco se seleccionará. Para ello debes elegir el color blanco. Si tienes elegido el negro, pulsa la flecha inversora en los cuadros blanco y negro de la caja de herramientas. Lo que pintes de negro se deseleccionará. En la caja de herramientas, modifica la escala del pincel para darle el tamaño adecuado. Cuando tengas los dientes seleccionados vuelve a pulsar activar máscara rápida y ya tienes la selección. Ahora pulsa colores balance de color y en la línea amarillo-azul, desplázala hacia el azul hasta que resulte un color más adecuado.
Utiliza la misma técnica para darle un tono verdoso a los ojos. Aunque con esta técnica los ojos seguirán siendo oscuros.
http://profeblog.es/pedro/?p=1355
2. Descarga una imagen de internet de una cara sin retocar, por ejemplo esta:
http://www.google.es/imgres?q=carmen+chacon&um=1&hl=es&safe=off&sa=X&rls=com.microsoft:es&rlz=1I7ADFA_es&biw=1152&bih=667&tbs=isz:l&tbm=isch&tbnid=irS-6vY6Pnb9EM:&imgrefurl=http://www.forocoches.com/foro//showthread.php%3Ft%3D732676%26page%3D4&docid=mslSiVhb32xOdM&imgurl=http://www.elsocialista.es/eje-cchaco1.jpg&w=1133&h=1706&ei=OG37Ts3KHtOwhAeOl9WzAQ&zoom=1&iact=rc&dur=438&sig=106755674735316521929&page=1&tbnh=125&tbnw=95&start=0&ndsp=20&ved=1t:429,r:15,s:0&tx=47&ty=84
y sigue las instrucciones que se dan más abajo para corregir arrugas o imperfecciones en la piel. Selecciona sólo una parte de la cara para corregir, ya que toda la cara te llevará mucho tiempo. Se trata de que en una capa conserves el original y en otra esté la imagen corregida, y se puedan apreciar los cambios, y también que si haces algo mal tengas siempre el original. Observa la imagen después de cada pequeño cambio, y si lo ves demasiado artificial, pulsa deshacer. Pulsa las teclas + y - para hacer zoom.
Instrucciones:
Seleccionar la herramienta saneado , que permite corregir irregularidades en la imagen.
Seleccionar un pincel grande y torcido (Calligraphic Brush#2). Fijar opacidad 50 y seleccionar desvanecimiento.
Esta herramienta funciona de forma muy similar a la de clonar: seleccionar una zona con la tecla CTRL (así se selecciona la textura y el color de la zona). Ahora soltar la tecla CTRL y se va pulsando sobre las zonas que se desean limpiar (por ejemplo. pinchar en zonas próximas a las arrugas con la tecla CTRL seleccionada, soltar el CTRL y corregir poco a poco y con paciencia las arrugas.
Prueba a hacer lo mismo con opacidad 100% y observa la diferencia. Busca otras imágenes de la misma persona y observa como están retocadas.
3. Sobre la misma imagen vamos a retocar los dientes para que no se vean amarillos. En este ejercicio vamos a aprender dos cosas: a seleccionar algo complejo como pueden ser los dientes y a cambiar el color.
Para seleccionar los dientes pulsa seleccionar, activar máscara rápida. Verás que todo se pone rojo. Lo que pintes en blanco se seleccionará. Para ello debes elegir el color blanco. Si tienes elegido el negro, pulsa la flecha inversora en los cuadros blanco y negro de la caja de herramientas. Lo que pintes de negro se deseleccionará. En la caja de herramientas, modifica la escala del pincel para darle el tamaño adecuado. Cuando tengas los dientes seleccionados vuelve a pulsar activar máscara rápida y ya tienes la selección. Ahora pulsa colores balance de color y en la línea amarillo-azul, desplázala hacia el azul hasta que resulte un color más adecuado.
Utiliza la misma técnica para darle un tono verdoso a los ojos. Aunque con esta técnica los ojos seguirán siendo oscuros.
lunes, 12 de diciembre de 2011
Tipos de campos
Lee el siguiente tutorial:
http://www.webtaller.com/manual-html/formularios.php
Y crea un formulario con los siguientes campos.
Nombre y apellidos: campos tipo texto.
Nota: campo de selección. Si no entiendes bien el tutorial, haz varias pruebas o busca otro tutorial.
Contraseña: campo tipo password
Curso: campo de selección.
sexo: campo tipo radio.
Observaciones: área de texto
http://www.webtaller.com/manual-html/formularios.php
Y crea un formulario con los siguientes campos.
Nombre y apellidos: campos tipo texto.
Nota: campo de selección. Si no entiendes bien el tutorial, haz varias pruebas o busca otro tutorial.
Contraseña: campo tipo password
Curso: campo de selección.
sexo: campo tipo radio.
Observaciones: área de texto
Trabajar con cadenas
Ya hemos visto que los datos del formulario llegan al fichero del script en la barra de direcciones del navegador.
Pero la dirección web (url) es una cadena de caracteres muy larga. Dentro de esa cadena está la información que queremos, pero tenemos que sacarla. Para eso tenemos que aprender a dividir una cadena de caracteres en otras cadenas más pequeñas.
Imagina que tenemos un texto y queremos dividirlo en palabras. Por ejemplo, tenemos una variable así: cadena= "esto es una frase" y queremos hacer un script que de como resultado:
esto
es
una
frase
Tenemos una variable que se llama cadena y queremos tener una variable que valga "esto" otra que valga "es" y así hasta el final de la frase. Mejor un array: array[0]="esto" array[1]="es" array[2]="una"
Necesitamos una instrucción que cree el array a partir de la cadena. Esta es la instrucción split.
Se escribe así:
array=cadena.split('separador');
array es el nombre del array que va a contener las palabras. Se puede llamar array o llamarlo con otro nombre
cadena es el nombre de la variable que contiene la cadena que quiero dividir.
.split hay que escribirlo así tal cual.
separador es el caracter por el cual se va a separar la cadena. Si quiero dividir una frase en palabras, el separador será el espacio. Hay que escribirlo entre comillas simples. Así ' '.
El ejercicio es hacer un programa que pida una frase con el prompt y la divida en palabras escribiendo cada una en una columna
Pero la dirección web (url) es una cadena de caracteres muy larga. Dentro de esa cadena está la información que queremos, pero tenemos que sacarla. Para eso tenemos que aprender a dividir una cadena de caracteres en otras cadenas más pequeñas.
Imagina que tenemos un texto y queremos dividirlo en palabras. Por ejemplo, tenemos una variable así: cadena= "esto es una frase" y queremos hacer un script que de como resultado:
esto
es
una
frase
Tenemos una variable que se llama cadena y queremos tener una variable que valga "esto" otra que valga "es" y así hasta el final de la frase. Mejor un array: array[0]="esto" array[1]="es" array[2]="una"
Necesitamos una instrucción que cree el array a partir de la cadena. Esta es la instrucción split.
Se escribe así:
array=cadena.split('separador');
array es el nombre del array que va a contener las palabras. Se puede llamar array o llamarlo con otro nombre
cadena es el nombre de la variable que contiene la cadena que quiero dividir.
.split hay que escribirlo así tal cual.
separador es el caracter por el cual se va a separar la cadena. Si quiero dividir una frase en palabras, el separador será el espacio. Hay que escribirlo entre comillas simples. Así ' '.
El ejercicio es hacer un programa que pida una frase con el prompt y la divida en palabras escribiendo cada una en una columna
Recibir los datos del formulario
hora ya sabes crear un formulario. Una vez que rellenas el formulario y lo envías, la página web que contiene el programa debe recibir los datos del formulario y procesarlos.
Lo ideal sería que si por ejemplo introduces un nombre, en el programa en javascript existiera automáticamente una variable llamada nombre cuyo valor fuera lo que el usuario ha introducido en el campo nombre del formulario. Pero no es tan sencillo.
Hay varios métodos para enviar la información al programa. Estan el GET y el POST. EL POST no funciona en javascript, así que usaremos el GET.
Este método incluye los datos del formulario en la dirección web que se escribe en la barra de direcciones. Por ejemplo, yo acabo de hacer un formulario que llama a una página web que se llama programa.html. El formulario te pide un nombre. Yo he metido antonio.
Al pulsar enviar, el navegador abre programa.html y en la barra de direcciones del navegador aparece lo siguiente:
file:///C:/Documents%20and%20Settings/%C3%alvaro/Mis%20documentos/Documents/paco/programa.html?nombre=antonio
Fíjate que aparece la ruta del fichero programa.html y al final ?nombre=antonio
Ahora deberiamos extraer de esa cadena de caracteres el dato antonio y meterlo en una variable por ejemplo nombre. Para eso debemos hacer varias cosas: Primero deberíamos tener una variable que contenga toda esa cadena de caracteres y después sacar de esa cadena el dato que queremos.
la variable que contiene esa cadena se llama location.href. De manera que si yo escribo en el programa document.write(location.href) me escribirá en el documento toda esa cadena, es decir:
file:///C:/Documents%20and%20Settings/%C3%alvaro/Mis%20documentos/Documents/paco/programa.html?nombre=antonio
El ejercicio ahora consiste en tomar el formulario del ejercicio anterior, pasar los datos a un fichero con un script que escriba en el documento la dirección que está escrita en la barra de direcciones, es decir, la url.
Lo ideal sería que si por ejemplo introduces un nombre, en el programa en javascript existiera automáticamente una variable llamada nombre cuyo valor fuera lo que el usuario ha introducido en el campo nombre del formulario. Pero no es tan sencillo.
Hay varios métodos para enviar la información al programa. Estan el GET y el POST. EL POST no funciona en javascript, así que usaremos el GET.
Este método incluye los datos del formulario en la dirección web que se escribe en la barra de direcciones. Por ejemplo, yo acabo de hacer un formulario que llama a una página web que se llama programa.html. El formulario te pide un nombre. Yo he metido antonio.
Al pulsar enviar, el navegador abre programa.html y en la barra de direcciones del navegador aparece lo siguiente:
file:///C:/Documents%20and%20Settings/%C3%alvaro/Mis%20documentos/Documents/paco/programa.html?nombre=antonio
Fíjate que aparece la ruta del fichero programa.html y al final ?nombre=antonio
Ahora deberiamos extraer de esa cadena de caracteres el dato antonio y meterlo en una variable por ejemplo nombre. Para eso debemos hacer varias cosas: Primero deberíamos tener una variable que contenga toda esa cadena de caracteres y después sacar de esa cadena el dato que queremos.
la variable que contiene esa cadena se llama location.href. De manera que si yo escribo en el programa document.write(location.href) me escribirá en el documento toda esa cadena, es decir:
file:///C:/Documents%20and%20Settings/%C3%alvaro/Mis%20documentos/Documents/paco/programa.html?nombre=antonio
El ejercicio ahora consiste en tomar el formulario del ejercicio anterior, pasar los datos a un fichero con un script que escriba en el documento la dirección que está escrita en la barra de direcciones, es decir, la url.
Formularios
Un formulario es una parte de una página web que se utiliza para recoger datos. Se rellenan una serie de campos y se pulsa un botón para transmitirlos.
Normalmente queremos hacer un formulario para recoger la información que luego va a ser utilizada por un script. El formulario lo hacemos en html, y después un script recoge esa información y realiza los cálculos correspondientes. Es decir, que el formulario se hace en html, no en javascript.
Lee el siguiente tutorial y crea una página web con un formulario para recoger los siguientes datos: nombre, apellido1,apellido2, nota1, nota2, nota3.
http://www.htmlquick.com/es/tutorials/forms.html
Normalmente queremos hacer un formulario para recoger la información que luego va a ser utilizada por un script. El formulario lo hacemos en html, y después un script recoge esa información y realiza los cálculos correspondientes. Es decir, que el formulario se hace en html, no en javascript.
Lee el siguiente tutorial y crea una página web con un formulario para recoger los siguientes datos: nombre, apellido1,apellido2, nota1, nota2, nota3.
http://www.htmlquick.com/es/tutorials/forms.html
jueves, 1 de diciembre de 2011
arrays
A veces queremos introducir en un programa una serie de datos en lugar de uno solo. Imagina por ejemplo que tenemos 25 alumnos y queremos guardar los datos de cada uno en una serie de variables, por ejemplo nombre y apellidos. En vez de crear 25 variables nombre como nombre1, nombre2, etc, creamos una sola variable nombre que guardará los nombres de los veinticinco alumnos. Por ejemplo nombre[1], nombre [2] etc. Esta variable que es como una lista numerada de variables se llama array.
Lo primero que tenemos que hacer es crear la variable nombre como array. Esto no es necesario para otros tipos de variables. Lo qu ese escribe es por ejemplo:
nombre =new Array(25);
Esto crea un array de 25 elementos. Cada uno puede ser por ejemplo el nombre de un alumno. Ahora podemos escribir por ejemplo nombre[1]="José";
si queremos recorrer la lista entera de nombres y mostrarlos podemos escribir este programa:
for(i=1;i<26;i=i+1){
document.write(nombre[i])
}
Este programa es un bucle. Ejecuta la instrucción document.write muchas veces, una para cada alumno, con un valor diferente de i. Empieza con i=1, tal como se dice al principio de la sentencia for. Ejecuta lo que está entre llaves siempre que i sea menor que 26, y cada vez que llegue al final, aumentará i en uno, tal como se dice al final de la instrucción, de modo que ejecutará la instrucción 25 veces con valores de i de uno a 25, y al final recorrerá todo el array mostrando todos los nombres.
vamos a ver otro ejemplo. Imagina que queremos sumar todos los números del 1 al 1000. Podemos hacer este programa:
suma=0;
for(i=1;i<1001;i++){
suma =suma+i;
}
document.write(suma);
Ejercicio: Haz un script que te pida el número de notas y luego te pida las notas una por una y al final haga la media. Es igual que el ejercicio anterior pero en vez de crear las variables nota1, nota2... creas un array de notas. Al principio debes pedir el número de notas y guardarlo en una variable, por ejemplo total, y creas un array igual que el del ejemplo anterior pero en vez de 25 elementos, con total.
Lo primero que tenemos que hacer es crear la variable nombre como array. Esto no es necesario para otros tipos de variables. Lo qu ese escribe es por ejemplo:
nombre =new Array(25);
Esto crea un array de 25 elementos. Cada uno puede ser por ejemplo el nombre de un alumno. Ahora podemos escribir por ejemplo nombre[1]="José";
si queremos recorrer la lista entera de nombres y mostrarlos podemos escribir este programa:
for(i=1;i<26;i=i+1){
document.write(nombre[i])
}
Este programa es un bucle. Ejecuta la instrucción document.write muchas veces, una para cada alumno, con un valor diferente de i. Empieza con i=1, tal como se dice al principio de la sentencia for. Ejecuta lo que está entre llaves siempre que i sea menor que 26, y cada vez que llegue al final, aumentará i en uno, tal como se dice al final de la instrucción, de modo que ejecutará la instrucción 25 veces con valores de i de uno a 25, y al final recorrerá todo el array mostrando todos los nombres.
vamos a ver otro ejemplo. Imagina que queremos sumar todos los números del 1 al 1000. Podemos hacer este programa:
suma=0;
for(i=1;i<1001;i++){
suma =suma+i;
}
document.write(suma);
Ejercicio: Haz un script que te pida el número de notas y luego te pida las notas una por una y al final haga la media. Es igual que el ejercicio anterior pero en vez de crear las variables nota1, nota2... creas un array de notas. Al principio debes pedir el número de notas y guardarlo en una variable, por ejemplo total, y creas un array igual que el del ejemplo anterior pero en vez de 25 elementos, con total.
JAVASCRIPT
Un programa es un conjunto de órdenes o instrucciones que se le dan al ordenador para que realice cualquier tarea.
Un script es un programa que está incluido dentro del código html de una página web, y puede escribirse en diferentes lenguajes. Nosotros vamos a aprender un poco de uno llamado javascript.
Para crear un script primero hay que escribir la página tal como la hemos escrito siempre, pero hay que escribir un código para comenzar el script y otro para acabarlo, y en medio de estos dos códigos se introduce el script, tal como se ve en el siguiente ejemplo:
y en medio es donde se escribe el script.
Vamos a escribir programas que nos pidan información, hagan una serie de cálculos o tareas sobre esa información, calculen un resultado y lo muestren.
Para ello debemos conocer instrucciones que nos permitan recoger información del usuario, instrucciones para calcular e instrucciones para mostrar resultados:
Para tomar información vamos a usar la instrucción prompt. Se usa como en el siguiente ejemplo:
c = prompt(“escribe un numero);
Esa instrucción muestra al usuario un recuadro de diálogo con el texto escribe un número y un recuadro de texto para que el usuario escriba un número. El número que el usuario escriba será el valor de c.
Ejercicio 1. Escribe una página web con un script en javascript con la instrucción anterior.
Para realizar el cálculo simplemente hacemos algo como b=c+2; entonces suma 2 a c, y el resultado será el valor de c. Podemos hacer por ejemplo c=c+2; entonces suma 2 a c. Para multiplicar no se usa la x, sino el *.
Para escribir el resultado podemos usar la instrucción document.write. Por ejemplo:
document.write (a);
escribirá en el documento el valor de a. document.write (“a”); escribirá la letra a.
Este es un ejemplo de script que calcula el índice de masa corporal
Haz una página web que tenga un enlace donde se te pregunten tres notas y te calcule la media. Ten en cuenta una cosa: una página será aquella donde se presenta el enlace con la opción de calcular la media, y otra página será similar a la anterior, y contendrá el script que calcula la media.
Un script es un programa que está incluido dentro del código html de una página web, y puede escribirse en diferentes lenguajes. Nosotros vamos a aprender un poco de uno llamado javascript.
Para crear un script primero hay que escribir la página tal como la hemos escrito siempre, pero hay que escribir un código para comenzar el script y otro para acabarlo, y en medio de estos dos códigos se introduce el script, tal como se ve en el siguiente ejemplo:
y en medio es donde se escribe el script.
Vamos a escribir programas que nos pidan información, hagan una serie de cálculos o tareas sobre esa información, calculen un resultado y lo muestren.
Para ello debemos conocer instrucciones que nos permitan recoger información del usuario, instrucciones para calcular e instrucciones para mostrar resultados:
Para tomar información vamos a usar la instrucción prompt. Se usa como en el siguiente ejemplo:
c = prompt(“escribe un numero);
Esa instrucción muestra al usuario un recuadro de diálogo con el texto escribe un número y un recuadro de texto para que el usuario escriba un número. El número que el usuario escriba será el valor de c.
Ejercicio 1. Escribe una página web con un script en javascript con la instrucción anterior.
Para realizar el cálculo simplemente hacemos algo como b=c+2; entonces suma 2 a c, y el resultado será el valor de c. Podemos hacer por ejemplo c=c+2; entonces suma 2 a c. Para multiplicar no se usa la x, sino el *.
Para escribir el resultado podemos usar la instrucción document.write. Por ejemplo:
document.write (a);
escribirá en el documento el valor de a. document.write (“a”); escribirá la letra a.
Este es un ejemplo de script que calcula el índice de masa corporal
Haz una página web que tenga un enlace donde se te pregunten tres notas y te calcule la media. Ten en cuenta una cosa: una página será aquella donde se presenta el enlace con la opción de calcular la media, y otra página será similar a la anterior, y contendrá el script que calcula la media.
domingo, 20 de noviembre de 2011
MODELO DE CAJAS
Lee el siguiente tutorial:
http://www.cristalab.com/tutoriales/el-modelo-de-caja-de-css-c180l/
Y haz el modelo que se indica
http://www.cristalab.com/tutoriales/el-modelo-de-caja-de-css-c180l/
Y haz el modelo que se indica
Ejercicio de CSS
Haz una página con las siguientes condiciones
1. Debe tener una hoja de estilo independiente de la página de contenidos
2. Debe tener un estilo definido para el título de la página, otro para los títulos de los párrafos y otro para el texto de contenido
3. Debe tener una imagen
4. Debe tener un enlace.
1. Debe tener una hoja de estilo independiente de la página de contenidos
2. Debe tener un estilo definido para el título de la página, otro para los títulos de los párrafos y otro para el texto de contenido
3. Debe tener una imagen
4. Debe tener un enlace.
martes, 15 de noviembre de 2011
CSS
Lee el siguiente tutorial:
http://www.desarrolloweb.com/articulos/183.php
Y prueba los diferentes códigos de ejemplo para ver el efecto
Asegúrate de entender todo bien para poder hacer los ejercios que vendrán después
http://www.desarrolloweb.com/articulos/183.php
Y prueba los diferentes códigos de ejemplo para ver el efecto
Asegúrate de entender todo bien para poder hacer los ejercios que vendrán después
domingo, 13 de noviembre de 2011
Formatos
Entra en el siguiente enlace:
http://www.uv.es/jac/guia/
Entra en el punto 6. Estructura de una página html.
Crea un documento html con el bloc de notas con la estructura que se describe en el tutorial y cuyo título sea ejercicio de html.
Entra en el punto 8.
Escribe una página web con las siguientes condiciones:
Debe tener letras de diferentes tamaños
Debe tener letras de diferentes colores
Debe tener colores escritos en hexadecimal. Para ello consulta los siguientes enlaces:
http://es.wikipedia.org/wiki/Sistema_hexadecimal
http://es.wikipedia.org/wiki/Modelo_de_color_RGB
Debe tener texto con diferentes justificaciones: izquierda, central, derecha
Debe tener negrita e itálica
Entra en:
http://www.osmosislatina.com/lenguajes/html/links.htm
Y añade a la página algunos enlaces
Entra en:
http://www.webestilo.com/html/cap6a.phtml
Y añade alguna imagen
Entra en:
http://www.webestilo.com/html/cap4a.phtml
Y añade alguna lista
http://www.uv.es/jac/guia/
Entra en el punto 6. Estructura de una página html.
Crea un documento html con el bloc de notas con la estructura que se describe en el tutorial y cuyo título sea ejercicio de html.
Entra en el punto 8.
Escribe una página web con las siguientes condiciones:
Debe tener letras de diferentes tamaños
Debe tener letras de diferentes colores
Debe tener colores escritos en hexadecimal. Para ello consulta los siguientes enlaces:
http://es.wikipedia.org/wiki/Sistema_hexadecimal
http://es.wikipedia.org/wiki/Modelo_de_color_RGB
Debe tener texto con diferentes justificaciones: izquierda, central, derecha
Debe tener negrita e itálica
Entra en:
http://www.osmosislatina.com/lenguajes/html/links.htm
Y añade a la página algunos enlaces
Entra en:
http://www.webestilo.com/html/cap6a.phtml
Y añade alguna imagen
Entra en:
http://www.webestilo.com/html/cap4a.phtml
Y añade alguna lista
domingo, 6 de noviembre de 2011
Edición web
En este ejercicio se trata de crear una página web. No siempre las páginas web se hacen para verlas en internet. Pueden estar grabadas en el disco duro o en un cd, y verse sin conexión a internet. Por ahora vamos a hacerlas sin colgarlas en intenet. Más adelante veremos como se cuelgan.
Las páginas web se ven con un navegador: el internet explorer, el mozilla o cualquier otro. El navegador lee una serie de códigos y los muestra. La página web es un fichero escrito con un código llamado html. Prueba con el mozilla en cualquier página web y pulsa la opción ver código fuente, y verás el código html de la página.
Vamos a ver un ejemplo sencillo. Abre el bloc de notas y escribe el siguiente código:
hola
La primera línea dice que el fichero es una página web y que lo que hay en medio de y es el código de la página. Lo que hay en medio es lo que habrá escrito en la página. Guarda la página como hola.html, y ábrela con el navegador. Verás como es una página web en la que hay escrito hola
Las páginas web se ven con un navegador: el internet explorer, el mozilla o cualquier otro. El navegador lee una serie de códigos y los muestra. La página web es un fichero escrito con un código llamado html. Prueba con el mozilla en cualquier página web y pulsa la opción ver código fuente, y verás el código html de la página.
Vamos a ver un ejemplo sencillo. Abre el bloc de notas y escribe el siguiente código:
hola
La primera línea dice que el fichero es una página web y que lo que hay en medio de y es el código de la página. Lo que hay en medio es lo que habrá escrito en la página. Guarda la página como hola.html, y ábrela con el navegador. Verás como es una página web en la que hay escrito hola
miércoles, 28 de septiembre de 2011
PROYECTO
El siguiente ejercicio es el más largo. Se trata de crear una base de datos entera, con las tablas, consultas y formularios necesarios.
Se trata de una base de datos de música. Debe contener la siguiente información. Artistas (solistas o bandas) con el nombre, la nacionalidad y el estilo musical, discos, con el año de grabación y temas.
Debemos poder filtrar los artistas, discos y temas de cada estilo, de cada año, de cada nacionalidad, los temas de cada disco y los temas de cada artista. también el autor de un tema que se busque por el título, y el año del disco.
Lo primero que debes hacer es diseñar las tablas, pero ten cuidado de no duplicar información. Por ejemplo, si guardas el autor de un disco y los temas de ese disco, no debes guardar el autor del tema, porque éste se puede averiguar buscando el disco del tema y el autor del disco. Si aparte está guardado el autor del tema, aparte de estar ocupando más espacio y más trabajo de la cuenta, podría haber información contradictoria, porque podría ponerse un autor del tema y otro diferente para el disco.
Una vez diseñada la tabla, diseña las consultas, los formularios para rellenar las tablas y las consultas para filtrar la base de datos
Se trata de una base de datos de música. Debe contener la siguiente información. Artistas (solistas o bandas) con el nombre, la nacionalidad y el estilo musical, discos, con el año de grabación y temas.
Debemos poder filtrar los artistas, discos y temas de cada estilo, de cada año, de cada nacionalidad, los temas de cada disco y los temas de cada artista. también el autor de un tema que se busque por el título, y el año del disco.
Lo primero que debes hacer es diseñar las tablas, pero ten cuidado de no duplicar información. Por ejemplo, si guardas el autor de un disco y los temas de ese disco, no debes guardar el autor del tema, porque éste se puede averiguar buscando el disco del tema y el autor del disco. Si aparte está guardado el autor del tema, aparte de estar ocupando más espacio y más trabajo de la cuenta, podría haber información contradictoria, porque podría ponerse un autor del tema y otro diferente para el disco.
Una vez diseñada la tabla, diseña las consultas, los formularios para rellenar las tablas y las consultas para filtrar la base de datos
FILTRANDO CON FORMULARIOS
Vamos a intentar hacer una consulta a la base de datos de modo que me pida las condiciones mediante un formulario. Por ejemplo, quiero ver las películas de un determinado director, entonces quiero que al pulsar en la consulta, me pregunte el nombre del director y entonces me enseñe todas la películas de ese director.
Debes ya tener una consulta hecha con todos los datos de todas las películas. Crea un formulario utilizando el asistente. Al crearlo, en la opción tablas/consultas selecciona la consulta con todas las películas, y en campos disponibles, selecciona todos, y pulsa finalizar.
Graba el formulario y vuelve a ver la consulta en modo diseño. En la columna del nombre del director, pulsa en la casilla de criterio, pulsa el botón derecho del ratón y elige generar -> formularios, y elige el formulario que has creado antes, y el campo del nombre del director. Selecciónalo haciendo doble click. Graba la consulta.
Ahora al abrir la consulta en modo hoja de datos, te preguntará el nombre del director, y al introducirlo, te mostrará la consulta seleccionando sólo las películas de ese director.
Debes ya tener una consulta hecha con todos los datos de todas las películas. Crea un formulario utilizando el asistente. Al crearlo, en la opción tablas/consultas selecciona la consulta con todas las películas, y en campos disponibles, selecciona todos, y pulsa finalizar.
Graba el formulario y vuelve a ver la consulta en modo diseño. En la columna del nombre del director, pulsa en la casilla de criterio, pulsa el botón derecho del ratón y elige generar -> formularios, y elige el formulario que has creado antes, y el campo del nombre del director. Selecciónalo haciendo doble click. Graba la consulta.
Ahora al abrir la consulta en modo hoja de datos, te preguntará el nombre del director, y al introducirlo, te mostrará la consulta seleccionando sólo las películas de ese director.
RELACIONES DE VARIOS A VARIOS
En el ejemplo que hemos visto de la base de datos de películas, había una relación entre la tabla de películas y la tabla de directores. Era una relación de uno a varios. Un elemento de la tabla dierctores estaba relacionado con varios elementos de la tabla películas. Un director dirige varias películas, pero una película tiene un solo director.
Imaginemos que ahora queremos introducir una nueva tabla de actores. Ahora la relación entre la tabla de películas y la de actores no es de uno a varios porque igual que un actor participa en varias películas, una película tiene varios actores. Se trataría de una relación de varios a varios.
Para crear una relación de este tipo es necesario crear una tabla intermedia que relacione ambas tablas. Será una tabla que solamente tenga dos campos numéricos: uno correspondiente al actor y otro a la película. Por ejemplo, si el actor uno es Brad Pitt, la película 1 es El Club de la Lucha, la 2 Conoces a Joe Black y la 3 Babel, en la tabla relaciones debería haber tres registros: 1,1 ; 1,2 y 1, 3. Esto indica que el actor 1 participa en las películas 1,2 y 3. De este modo podemos introducir todos los actores que queramos en todas las películas que queramos.
Introduce una tabla de actores en la base de datos del ejercicio anterior. Después de crear la tabla, deberás crear las relaciones entre esta tabla y las de actores y películas.
Ahora crea una consulta de modo que aparezcan todas las parejas actor-película, pero en vez de aparecer los números aparezcan los nombres. Por ejemplo:
Quemar después de leer Brad Pitt
Quemar después de leer George Clooney
Quemar después de leer John Malkovich
Agora Rachel Weisz
Recuerda que al introducir las tablas en la consulta, puede que salgan relaciones que no has creado, y tengas que borrarlas.
Luego, sobre esa consulta, haz un listado de las películas en las que aparece un determinado actor.
Imaginemos que ahora queremos introducir una nueva tabla de actores. Ahora la relación entre la tabla de películas y la de actores no es de uno a varios porque igual que un actor participa en varias películas, una película tiene varios actores. Se trataría de una relación de varios a varios.
Para crear una relación de este tipo es necesario crear una tabla intermedia que relacione ambas tablas. Será una tabla que solamente tenga dos campos numéricos: uno correspondiente al actor y otro a la película. Por ejemplo, si el actor uno es Brad Pitt, la película 1 es El Club de la Lucha, la 2 Conoces a Joe Black y la 3 Babel, en la tabla relaciones debería haber tres registros: 1,1 ; 1,2 y 1, 3. Esto indica que el actor 1 participa en las películas 1,2 y 3. De este modo podemos introducir todos los actores que queramos en todas las películas que queramos.
Introduce una tabla de actores en la base de datos del ejercicio anterior. Después de crear la tabla, deberás crear las relaciones entre esta tabla y las de actores y películas.
Ahora crea una consulta de modo que aparezcan todas las parejas actor-película, pero en vez de aparecer los números aparezcan los nombres. Por ejemplo:
Quemar después de leer Brad Pitt
Quemar después de leer George Clooney
Quemar después de leer John Malkovich
Agora Rachel Weisz
Recuerda que al introducir las tablas en la consulta, puede que salgan relaciones que no has creado, y tengas que borrarlas.
Luego, sobre esa consulta, haz un listado de las películas en las que aparece un determinado actor.
TRABAJANDO CON VARIAS TABLAS
Vamos a hacer una base de datos para organizar una colección de películas grabadas en diferentes dvds de modo que en cada dvd hay varias películas.
Se trata de almacenar la información sobre las películas: Título, año, género, director, dvd y ubicación del dvd.
Pero no vamos a hacer una tabla con toda esta información, sino que el género y director van a ser cada uno un número que identifica a un registro de las tablas director y género. Por ejempo 1 puede ser terror, y se almacena 1 en el campo género de una determinada película, y 1 en el campo director puede ser Tim Burton, que es un registro de la tabla directores.
Habrá una tabla DVDS, y ubicación será un campo de la tabla DBDs.
Crea las tablas, añade algunos registros, crea la relación entre las tablas y crea una consulta que muestre todas las películas con la información del director, el género, el DVD y la ubicación. Al hacer la consulta, al mostrar las tablas puede que te aparezcan más relaciones entre ellas de las que tu has creado. Borra las que sobren seleccionando la línea que las une y pulsando la tecla suprimir.
Una vez tengas creada la consulta y abierta en la vista hoja de datos, selecciona toda la consulta pulsando el recuadro arriba a la izquierda, y pulsa en el menú Registros->Filtro->Filtro por formulario.
Aunque te hayan desaparecido los datos, el filtro funciona igual que en excell, solamente hay la diferencia de que después de elegir el filtro debes pulsar el icono Aplicar Filtro.
Utiliza los filtros para seleccionar las películas de un determinado director, un determinado genero o las que pertenezcan a la vez a un genero y sean de un determinado director.
Observa que la diferencia con Excell es que no tecleas el nombre del director o del género para cada película. Si en lugar de sólo el nombre del director pusiéramos diez campos de información sobre el director, tenemos escrita en la información en la fila de cada película sin necesidad de teclearlo. Esa es la diferencia entre una base de datos relacional como ésta y una simple tabla de excell.
Se trata de almacenar la información sobre las películas: Título, año, género, director, dvd y ubicación del dvd.
Pero no vamos a hacer una tabla con toda esta información, sino que el género y director van a ser cada uno un número que identifica a un registro de las tablas director y género. Por ejempo 1 puede ser terror, y se almacena 1 en el campo género de una determinada película, y 1 en el campo director puede ser Tim Burton, que es un registro de la tabla directores.
Habrá una tabla DVDS, y ubicación será un campo de la tabla DBDs.
Crea las tablas, añade algunos registros, crea la relación entre las tablas y crea una consulta que muestre todas las películas con la información del director, el género, el DVD y la ubicación. Al hacer la consulta, al mostrar las tablas puede que te aparezcan más relaciones entre ellas de las que tu has creado. Borra las que sobren seleccionando la línea que las une y pulsando la tecla suprimir.
Una vez tengas creada la consulta y abierta en la vista hoja de datos, selecciona toda la consulta pulsando el recuadro arriba a la izquierda, y pulsa en el menú Registros->Filtro->Filtro por formulario.
Aunque te hayan desaparecido los datos, el filtro funciona igual que en excell, solamente hay la diferencia de que después de elegir el filtro debes pulsar el icono Aplicar Filtro.
Utiliza los filtros para seleccionar las películas de un determinado director, un determinado genero o las que pertenezcan a la vez a un genero y sean de un determinado director.
Observa que la diferencia con Excell es que no tecleas el nombre del director o del género para cada película. Si en lugar de sólo el nombre del director pusiéramos diez campos de información sobre el director, tenemos escrita en la información en la fila de cada película sin necesidad de teclearlo. Esa es la diferencia entre una base de datos relacional como ésta y una simple tabla de excell.
CAMPOS CALCULADOS
Existen campos cuyo valor es el resultado de una operación matemática entre los valores de otros campos. En el siguiente enlace tienes un ejemplo. El ejercicio consiste en hacer una base de datos con una consulta similar a la del ejemplo.
http://blog.educamas.es/2007/05/03/access-crear-campos-calculados/
Puedes crear un campo más a los trabajadores que sea un sueldo variable, y crear un campo calculado que sea el sueldo total, resultado de sumar el sueldo correspondiente al cargo y el variable.
http://blog.educamas.es/2007/05/03/access-crear-campos-calculados/
Puedes crear un campo más a los trabajadores que sea un sueldo variable, y crear un campo calculado que sea el sueldo total, resultado de sumar el sueldo correspondiente al cargo y el variable.
FORMULARIO
Vamos a crear un formulario para añadir más registros de trabajadores o editar los ya existentes.
Abre la ventana de formularios en la lista de objetos y crea un formulario en vista diseño.
Ahora debemos seleccionar la tabla trabajadores como aquella donde están los datos del formulario. Para ello selecciona todo el formulario pulsando la esquina superior izquierda del mismo.
Luego selecciona en el menú ver -> propiedades. De este modo estás editando las propiedades de todo el formulario.
Dentro de propiedades selecciona datos-> origen del registro, y en la lista desplegable, selecciona trabajadores.
Si no está abierta una ventana que dice cuadro de herramientas, ve al menú y selecciona ver->cuadro de herramientas. Del cuadro de herramientas selecciona el botón cuadro de texto y crea un cuadro de texto en el formulario pulsando en él y arrastrando según el tamaño del cuadro de texto.
Se crea un cuadro de texto y una etiqueta. Pulsa sobre la etiqueta para editarla y cambia el texto por nombre. Selecciona el cuadro de texto, y sobre la ventana de propiedades, elige datos->nombre.
Crea un cuadro de texto igual para apellidos y cargo. Graba el formulario y ábrelo. Introduce algunos registros nuevos utilizando el formulario y cambia algunos registros ya existentes.
El formulario quedará aproximadamente así:
Abre la ventana de formularios en la lista de objetos y crea un formulario en vista diseño.
Ahora debemos seleccionar la tabla trabajadores como aquella donde están los datos del formulario. Para ello selecciona todo el formulario pulsando la esquina superior izquierda del mismo.
Luego selecciona en el menú ver -> propiedades. De este modo estás editando las propiedades de todo el formulario.
Dentro de propiedades selecciona datos-> origen del registro, y en la lista desplegable, selecciona trabajadores.
Si no está abierta una ventana que dice cuadro de herramientas, ve al menú y selecciona ver->cuadro de herramientas. Del cuadro de herramientas selecciona el botón cuadro de texto y crea un cuadro de texto en el formulario pulsando en él y arrastrando según el tamaño del cuadro de texto.
Se crea un cuadro de texto y una etiqueta. Pulsa sobre la etiqueta para editarla y cambia el texto por nombre. Selecciona el cuadro de texto, y sobre la ventana de propiedades, elige datos->nombre.
Crea un cuadro de texto igual para apellidos y cargo. Graba el formulario y ábrelo. Introduce algunos registros nuevos utilizando el formulario y cambia algunos registros ya existentes.
El formulario quedará aproximadamente así:
base de datos
Abre access y crea una base de datos en blanco.
En la lista de objetos elige tablas->crear tabla en vista diseño.
Crea una tabla con el nombre trabajadores, con los siguientes campos de los siguientes tipos:
- ID: autonumérico, índice
- Nombre : texto
- Apellidos: texto
- Fecha de nacimiento: fecha
- Cargo: numérico (corresponderá a un campo ID de la tabla cagos)
Crea una tabla cargos con los siguientes campos:
- ID:autonumérico, índice
- denominación: texto.
- Sueldo: Moneda
Para rellenar la tabla puedes pulsar el icono de la parte superior izquierda para cambiar la vista de diseño por la vista de la tabla, o bien cerrar la ventana de diseño, grabando la tabla, y luego hacer doble clic sobre el nombre de la tabla.
Introduce algunos registros con nombres de trabajadores, introduce también algunos registros de cargos. Pon los valores que quieras. El cargo que les pongas a los trabajadores será un número de la tabla cargos.
Vamos a crear una relación entre ambas tablas de modo que el programa entienda que el campo cargo de la tabla trabajadores corresponde a un campo ID de al tabla cargos.
Por ejemplo, el cargo 1 puede ser director. En la tabla trabajadores puede haber un registro cuyo cargo sea 1, entonces es director.
Para crear la relación pulsa en herramientas->relaciones. Selecciona del menú contextual( el que sale con el botón derecho del ratón) mostrar tabla, y añade las dos tablas que hemos creado.
Selecciona el campo cargo dentro de la tabla trabajador y arrástralo hasta el campo ID de la tabla cargos. Aparecerá un recuadro de diálogo y mostrará la opción tipo de combinación. Elige "Incluir todos los registros de trabajadores y sólo aquellos registros de cargos donde los campos combinados sean iguales". Pulsa crear. Graba la relación y cierra la ventana.
Pulsa en consultas y elige la opción crear consulta en vista diseño. En el menú mostrar tablas selecciona mostrar las dos tablas.
En las columnas de la consultas introduce trabajadores.nombre, trabajadores.apellidos, cargos.descripción y cargos->sueldo.
Graba la consulta. Pulsa en el icono superior izquierdo para mostrar la consulta.
En la lista de objetos elige tablas->crear tabla en vista diseño.
Crea una tabla con el nombre trabajadores, con los siguientes campos de los siguientes tipos:
- ID: autonumérico, índice
- Nombre : texto
- Apellidos: texto
- Fecha de nacimiento: fecha
- Cargo: numérico (corresponderá a un campo ID de la tabla cagos)
Crea una tabla cargos con los siguientes campos:
- ID:autonumérico, índice
- denominación: texto.
- Sueldo: Moneda
Para rellenar la tabla puedes pulsar el icono de la parte superior izquierda para cambiar la vista de diseño por la vista de la tabla, o bien cerrar la ventana de diseño, grabando la tabla, y luego hacer doble clic sobre el nombre de la tabla.
Introduce algunos registros con nombres de trabajadores, introduce también algunos registros de cargos. Pon los valores que quieras. El cargo que les pongas a los trabajadores será un número de la tabla cargos.
Vamos a crear una relación entre ambas tablas de modo que el programa entienda que el campo cargo de la tabla trabajadores corresponde a un campo ID de al tabla cargos.
Por ejemplo, el cargo 1 puede ser director. En la tabla trabajadores puede haber un registro cuyo cargo sea 1, entonces es director.
Para crear la relación pulsa en herramientas->relaciones. Selecciona del menú contextual( el que sale con el botón derecho del ratón) mostrar tabla, y añade las dos tablas que hemos creado.
Selecciona el campo cargo dentro de la tabla trabajador y arrástralo hasta el campo ID de la tabla cargos. Aparecerá un recuadro de diálogo y mostrará la opción tipo de combinación. Elige "Incluir todos los registros de trabajadores y sólo aquellos registros de cargos donde los campos combinados sean iguales". Pulsa crear. Graba la relación y cierra la ventana.
Pulsa en consultas y elige la opción crear consulta en vista diseño. En el menú mostrar tablas selecciona mostrar las dos tablas.
En las columnas de la consultas introduce trabajadores.nombre, trabajadores.apellidos, cargos.descripción y cargos->sueldo.
Graba la consulta. Pulsa en el icono superior izquierdo para mostrar la consulta.
FILTROS
En excell Crea una tabla con cuatro columnas. La primera tendrá como título nombre, la segunda apellidos, la tercera curso y la cuarta nota.
Rellena varias filas con nombres y apellidos inventados. En la columna curso pon a o b, y en la columna nota pon valores variados de manera que haya varios aprobados y suspensos en el a y en el b. Escribe al menos diez filas.
Se trata de crear una selección según los criterios que se desee. Por ejemplo, podemos crear una lista de aprobados del a, de suspensos del b, de sobresalientes de ambos cursos, etc.
Selecciona todos los datos y pulsa en Datos->Filtro ->Autofiltro. Como verás en cada título de cada tabla aparece un menú desplegable. Si por ejemplo en el menú de curso pones a, creará una lista del curso a.
Haz una lista de cada clase, y una lista de aprobados de cada clase. Para la lista de aprobados deberás elegir la opción personalizar para elegir la condición, y deberás poner mayor o igual que cinco. Pega cada lista a continuación de la anterior, colocándole un título.
Si quieres quitar la opción de filtro, pulsa igualmente Datos->Filtro ->Autofiltro.
hay una opción de ordenar. Si seleccionas una sola columna, te ordenará sólo los datos de esa columna y no los del resto, de manera que si ordenas las notas, no te cambiará el orden de los alumnos y ya las notas no corrersponderán con los alumnos correctos.
Por lo tanto, selecciona todos los datos y pulsa datos->ordenar. Te saldrá un recuadro de diálogo con varias opciones. Elige nota descendente.
Coloca una lista con todos los alumnos del a y del b ordenados por nota, con un título y debajo del resto de las tablas.
No pongas los mismos datos de este ejemplo.El resultado debe ser algo así:
Rellena varias filas con nombres y apellidos inventados. En la columna curso pon a o b, y en la columna nota pon valores variados de manera que haya varios aprobados y suspensos en el a y en el b. Escribe al menos diez filas.
Se trata de crear una selección según los criterios que se desee. Por ejemplo, podemos crear una lista de aprobados del a, de suspensos del b, de sobresalientes de ambos cursos, etc.
Selecciona todos los datos y pulsa en Datos->Filtro ->Autofiltro. Como verás en cada título de cada tabla aparece un menú desplegable. Si por ejemplo en el menú de curso pones a, creará una lista del curso a.
Haz una lista de cada clase, y una lista de aprobados de cada clase. Para la lista de aprobados deberás elegir la opción personalizar para elegir la condición, y deberás poner mayor o igual que cinco. Pega cada lista a continuación de la anterior, colocándole un título.
Si quieres quitar la opción de filtro, pulsa igualmente Datos->Filtro ->Autofiltro.
hay una opción de ordenar. Si seleccionas una sola columna, te ordenará sólo los datos de esa columna y no los del resto, de manera que si ordenas las notas, no te cambiará el orden de los alumnos y ya las notas no corrersponderán con los alumnos correctos.
Por lo tanto, selecciona todos los datos y pulsa datos->ordenar. Te saldrá un recuadro de diálogo con varias opciones. Elige nota descendente.
Coloca una lista con todos los alumnos del a y del b ordenados por nota, con un título y debajo del resto de las tablas.
No pongas los mismos datos de este ejemplo.El resultado debe ser algo así:
lunes, 19 de septiembre de 2011
NOTAS
Crea una hoja de cálculo con los siguientes títulos de columnas: nombre, apellidos, lengua, matemáticas, naturales, sociales. Introduce cuatro nombres de alumnos con sus respectivas notas. Crea otra columna para la nota media, que aparezca en rojo si está suspensa. Crea una celda con el número de alumnos usando la función contar Escribe =CONTAR() y entre paréntesis escribes el rango, es decir, las celdas que debe contar. Simplemente arrastra el ratón sobre las celdas que debe contar y se escribirá solo. Crea una celda con la media de las notas finales de todos los alumnos, considerando la nota final la media de las cuatro asignaturas.
Modifica los valores de las notas y añade alumnos y comprueba que los valores se modifican automáticamente.
Modifica los valores de las notas y añade alumnos y comprueba que los valores se modifican automáticamente.
domingo, 18 de septiembre de 2011
Representación de funciones
Intenta hacer los siguientes gráficos de representación de diferentes funciones. Los puntos que yo he utilizad van de 0,05 en 0,05, y van del 0,1 al 2,95. No empiezo en el cero porque está la función 1/x, y no se puede dividir por cero.
Diagramas de dispersión
Intenta hacer el siguiente diagrama. Es similar al anterior, lo único que tienes que tener en cuenta es que es un diagrama de dispersión, y tienes que seleccionar este tipo de diagramas en el primer paso del menú.
Gráficos
En este ejercicio crearás un gráfico sobre la tabla del ejercicio anterior igual que el de la imagen. Selecciona los datos de la tabla, solamente los nombres de las empresas y las ventas 2008 y 2009, y pulsa la opción insertar gráfico del menú.
Te aparecerá un recuadro de diálogo con una serie de opciones para crear el gráfico. Ve seleccionando las que creas que deben ser hasta el final, siguiendo las instrucciones que se escriben a continuación. Si al final ves que el gráfico no queda como debe quedar, sitúate encima de él y pulsa el botón derecho. aparecerán las diferentes opciones para modificarlo.
Estas son las instrucciones para crearlo:
Paso 1: Tipo de gráfico: Selecciona columna 3D.
Paso 2:Rango de datos, debe estar bien seleccionado si lo seleccionaste bien al principio. Corresponde a las celdas donde están los datos.Elige la opción datos en filas. Pulsa la pestaña serie, que corresponde al título que se le va a dar a cada columna. para cada serie, en el nombre pulsa el botón de la derecha y después pulsa la celda donde está el títilo ventas 2008 y ventas 2009.
Paso 3: Opciones de gráfico. Quita las líneas de división. Pon VENTAS como título del gráfico. En las opciones de leyenda, elige colocarla abajo.
Pulsa finalizar.
Una vez creado el gráfico, haz doble clic sobre el área del mismo y selecciona el color blanco de fondo. Haz doble clic sobre la columna de las cantidades y selecciona formato de moneda sin decimal, y selecciona un tamaño de letra más pequeño. También selecciona un tamaño de letra más pequeño para el rótulo donde se indica ventas 2008 y 2009 en el lateral del gráfico.
Te aparecerá un recuadro de diálogo con una serie de opciones para crear el gráfico. Ve seleccionando las que creas que deben ser hasta el final, siguiendo las instrucciones que se escriben a continuación. Si al final ves que el gráfico no queda como debe quedar, sitúate encima de él y pulsa el botón derecho. aparecerán las diferentes opciones para modificarlo.
Estas son las instrucciones para crearlo:
Paso 1: Tipo de gráfico: Selecciona columna 3D.
Paso 2:Rango de datos, debe estar bien seleccionado si lo seleccionaste bien al principio. Corresponde a las celdas donde están los datos.Elige la opción datos en filas. Pulsa la pestaña serie, que corresponde al título que se le va a dar a cada columna. para cada serie, en el nombre pulsa el botón de la derecha y después pulsa la celda donde está el títilo ventas 2008 y ventas 2009.
Paso 3: Opciones de gráfico. Quita las líneas de división. Pon VENTAS como título del gráfico. En las opciones de leyenda, elige colocarla abajo.
Pulsa finalizar.
Una vez creado el gráfico, haz doble clic sobre el área del mismo y selecciona el color blanco de fondo. Haz doble clic sobre la columna de las cantidades y selecciona formato de moneda sin decimal, y selecciona un tamaño de letra más pequeño. También selecciona un tamaño de letra más pequeño para el rótulo donde se indica ventas 2008 y 2009 en el lateral del gráfico.
Formato
A partir del ejercicio anterior intenta darle formato al cuadro tal como se ve en la siguiente imagen.
En primer lugar selecciona toda la página pulsando en la esquina superior izquierda, y con el botón derecho del ratón selecciona formato de celdas y le das a la trama color blanco. Así no se verán las líneas de división.
Luego vas seleccionando las diferentes celdas y le vas dando formato con el mismo menú de formato de celdas.
En la celda de la derecha no copies literalmente OBJETIVO SUPERADO. En esa celda lo que hay escrito es lo siguiente:
=SI((C3-B3)>1000;"OBJETIVO SUPERADO";" ")
O sea que si se aumentan las ventas en 1000, se escribirá objetivo superado, si no, se escribirá un espacio en blanco.
Prueba a cambiarlo de modo que si no se cumple el objetivo escriba objetivo no superado.
Recuerda que para el resto de las filas basta pulsar en le botón inferior derecho de la celda y arrastrar.
Donde pone OK, en realidad está escrito:
=SI(C10-B10=D10;"OK";"ERROR")
Es una manera de comprobar que no hay un error en la página.
Imagina que tienes que hacer una página de este tipo para entregérsela a tu jefe, y quieres hacer una comprobación de este tipo, pero no quieres que se vea el OK. Puedes hacer que se escriba en blanco. Intenta hacerlo.
En primer lugar selecciona toda la página pulsando en la esquina superior izquierda, y con el botón derecho del ratón selecciona formato de celdas y le das a la trama color blanco. Así no se verán las líneas de división.
Luego vas seleccionando las diferentes celdas y le vas dando formato con el mismo menú de formato de celdas.
En la celda de la derecha no copies literalmente OBJETIVO SUPERADO. En esa celda lo que hay escrito es lo siguiente:
=SI((C3-B3)>1000;"OBJETIVO SUPERADO";" ")
O sea que si se aumentan las ventas en 1000, se escribirá objetivo superado, si no, se escribirá un espacio en blanco.
Prueba a cambiarlo de modo que si no se cumple el objetivo escriba objetivo no superado.
Recuerda que para el resto de las filas basta pulsar en le botón inferior derecho de la celda y arrastrar.
Donde pone OK, en realidad está escrito:
=SI(C10-B10=D10;"OK";"ERROR")
Es una manera de comprobar que no hay un error en la página.
Imagina que tienes que hacer una página de este tipo para entregérsela a tu jefe, y quieres hacer una comprobación de este tipo, pero no quieres que se vea el OK. Puedes hacer que se escriba en blanco. Intenta hacerlo.
excell
Este es un ejercicio de hoja de cálculo. Abre el programa excell. Búscalo en inicio- todos los programas-office.
Se trata de que con el excell crees una hoja de cálculo como ésta. Haz doble clic en la imagen para verla más grande.
No se trata de que copies todos los datos. Sólo escribe los datos de las columnas cliente, ventas 2008 y ventas 2009, y escribe sólo los números. Para la columna incremento debes escribir una fórmula. En la primera celda de la columna incremento, escribe =C3-B3. Ni siquiera es necesario que teclees todo, sólo teclea = pulsa la celda c3, teclea - y pulsa b3.
Luego pones el cursor del ratón en el punto que aparece en abajo a la derecha de la celda y arrastras hacia abajo, y automáticamente se rellenan el resto de las celdas.
La fórmula de la siguiente columna es =D3/B3, porque es un porcentaje. Si lo multiplicamos por 100 nos da la fórmula del porcentaje. Arrástralo hacia abajo como el anterior.
Luego selecciona las columnas que están expresadas en euros y pulsa botón €, y les darás formato de euro. Selecciona la columna de porcentajes y pulsa % para darle formato de porcentaje.
Para la fila total, selecciona el signo suma, que es la letra griega sigma que está al lado de la fx en la barra de herramientas. Por defecto te selecciona las celdas que él cree que debe sumar, si no son correctas selecciona con el ratón las que deban ser.
Para que muestre en rojo los incrementos negativos, selecciona las columnas de incrementos y pulsa formato condicional. Deberás elegir la condición, que en este caso será que la cantidad sea menor que cero, y elegir el formato, que en este caso será el color rojo.
En openoffice se hace un poco diferente. En formato condicional, no da la opción de ponerlo en rojo,sino de elegir entre varios estilos de celda. Pulsa formato-estilo y formato, y en la lista que aparece, pulsa botón derecho- nuevo y añade un formato nuevo, llámalo por ejemplo negativo, y en efecto de fuente elige rojo.Ahora selecciona la columna de datos, y hazlo igual que en la explicación para excell pero eligiendo el formato negativo.
Se trata de que con el excell crees una hoja de cálculo como ésta. Haz doble clic en la imagen para verla más grande.
No se trata de que copies todos los datos. Sólo escribe los datos de las columnas cliente, ventas 2008 y ventas 2009, y escribe sólo los números. Para la columna incremento debes escribir una fórmula. En la primera celda de la columna incremento, escribe =C3-B3. Ni siquiera es necesario que teclees todo, sólo teclea = pulsa la celda c3, teclea - y pulsa b3.
Luego pones el cursor del ratón en el punto que aparece en abajo a la derecha de la celda y arrastras hacia abajo, y automáticamente se rellenan el resto de las celdas.
La fórmula de la siguiente columna es =D3/B3, porque es un porcentaje. Si lo multiplicamos por 100 nos da la fórmula del porcentaje. Arrástralo hacia abajo como el anterior.
Luego selecciona las columnas que están expresadas en euros y pulsa botón €, y les darás formato de euro. Selecciona la columna de porcentajes y pulsa % para darle formato de porcentaje.
Para la fila total, selecciona el signo suma, que es la letra griega sigma que está al lado de la fx en la barra de herramientas. Por defecto te selecciona las celdas que él cree que debe sumar, si no son correctas selecciona con el ratón las que deban ser.
Para que muestre en rojo los incrementos negativos, selecciona las columnas de incrementos y pulsa formato condicional. Deberás elegir la condición, que en este caso será que la cantidad sea menor que cero, y elegir el formato, que en este caso será el color rojo.
En openoffice se hace un poco diferente. En formato condicional, no da la opción de ponerlo en rojo,sino de elegir entre varios estilos de celda. Pulsa formato-estilo y formato, y en la lista que aparece, pulsa botón derecho- nuevo y añade un formato nuevo, llámalo por ejemplo negativo, y en efecto de fuente elige rojo.Ahora selecciona la columna de datos, y hazlo igual que en la explicación para excell pero eligiendo el formato negativo.
Suscribirse a:
Entradas (Atom)