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.

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.

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.

Notas

Haz un formulario que pida el nombre y apellidos y tres notas, y muestre el nombre y los apellidos y la media de las tres notas.

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

Recibir los datos del formulario

Ahora 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 GET 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.

Busca un tutorial y crea una página web con un formulario para recoger los siguientes datos: nombre, apellido1,apellido2, nota1, nota2, nota3.