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. Un script puede escribirse en diferentes lenguajes. Nosotros vamos a aprender un poco de un lenguaje llamado javascript.
Para escribir un script primero hay que escribir:
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
domingo, 28 de febrero de 2010
domingo, 21 de febrero de 2010
LISTAS
El siguiente ejercicio consiste en crear una página web con la siguientes características.
1. Debe tener una hoja de estilos.
2. Debe estar formada por las siguientes cajas: Una principal que contiene a toda la página web, una cabecera que ocupe todo el ancho de la página en la parte superior, una caja lateral con un menú, otra central con el texto de la página, otra lateral con otro menú y un pie de página.
2. la cabecera deberá tener una imagen de fondo y las cajas laterales deberán tener un color, mientras que la central deberá ser blanca. La imagen de fondo de la cabecera puede ser un degradado de color, no necesariamente una fotografía o dibujo.
3. Todas las letras de la página deberán ser verdana.
4. Los menús deben elaborarse como listas según el tutorial que aparece más abajo. No es necesario que comprendas todo lo que se dice en el tutorial, hay cosas que no vas a entender, pero sí entenderás lo que son las listas, cómo se crean y para qué sirven.
5.Debe haber tres tipos de letras de cabecera: h1,h2 y h3. h1 para el título de la página, que estará en la caja de cabecera, y los otros dos para los subtítulos, que tendrán colores de letras diferentes entre sí y diferentes a los del párrafo.
6.Los elementos de los menús laterales deberán ser enlaces con otras páginas.
7. En el cuerpo central de la página debe aparecer por lo menos una imagen.
Tutorial sobre listas:
http://www.cristalab.com/tutoriales/crear-menus-de-navegacion-en-css-usando-listas-c130l/
1. Debe tener una hoja de estilos.
2. Debe estar formada por las siguientes cajas: Una principal que contiene a toda la página web, una cabecera que ocupe todo el ancho de la página en la parte superior, una caja lateral con un menú, otra central con el texto de la página, otra lateral con otro menú y un pie de página.
2. la cabecera deberá tener una imagen de fondo y las cajas laterales deberán tener un color, mientras que la central deberá ser blanca. La imagen de fondo de la cabecera puede ser un degradado de color, no necesariamente una fotografía o dibujo.
3. Todas las letras de la página deberán ser verdana.
4. Los menús deben elaborarse como listas según el tutorial que aparece más abajo. No es necesario que comprendas todo lo que se dice en el tutorial, hay cosas que no vas a entender, pero sí entenderás lo que son las listas, cómo se crean y para qué sirven.
5.Debe haber tres tipos de letras de cabecera: h1,h2 y h3. h1 para el título de la página, que estará en la caja de cabecera, y los otros dos para los subtítulos, que tendrán colores de letras diferentes entre sí y diferentes a los del párrafo.
6.Los elementos de los menús laterales deberán ser enlaces con otras páginas.
7. En el cuerpo central de la página debe aparecer por lo menos una imagen.
Tutorial sobre listas:
http://www.cristalab.com/tutoriales/crear-menus-de-navegacion-en-css-usando-listas-c130l/
domingo, 14 de febrero de 2010
cajas
El siguiente ejercicio consiste en hacer una página web que contenga una cabecera, un cuerpo formado por tres columnas y un pie de página. Utiliza el texto y los tutoriales que aparecen a continuación o los de las anteriores entradas.
La página debe cumplir las siguientes condiciones:
1. El fichero html se llamará cajas1.html y el cajas1.css, y estará en la carpeta css.
2. La columna 1 será roja, la columna 2 amarilla, la 3 azul y el pie verde.
3. debe haber texto azul en todas las cajas salvo la columna 3 que tendrá el texto blanco.
4. El texto será arial tamaño 12 en todas las cajas salvo en la cabecera que será 15 y en el pie 8.
La cabecera tendrá una imagen de fondo
cajas
Enlace 1 Este enlace puedes usarlo para el ejercicio anterior
Enlace 2
La página debe cumplir las siguientes condiciones:
1. El fichero html se llamará cajas1.html y el cajas1.css, y estará en la carpeta css.
2. La columna 1 será roja, la columna 2 amarilla, la 3 azul y el pie verde.
3. debe haber texto azul en todas las cajas salvo la columna 3 que tendrá el texto blanco.
4. El texto será arial tamaño 12 en todas las cajas salvo en la cabecera que será 15 y en el pie 8.
La cabecera tendrá una imagen de fondo
cajas
Enlace 1 Este enlace puedes usarlo para el ejercicio anterior
Enlace 2
miércoles, 10 de febrero de 2010
Modelo de cajas II
Haz una página que esté dividida en encabezado, barra lateral, contenido y pie lat como el ejemplo del siguiente enlace:
http://www.disenorama.com/articulos/el-modelo-de-cajas-en-CSS
http://www.disenorama.com/articulos/el-modelo-de-cajas-en-CSS
domingo, 7 de febrero de 2010
Modelo de cajas
lunes, 1 de febrero de 2010
ejercicio 3
Para este ejercicio puedes usar este tutorial:
http://www.w3c.es/divulgacion/guiasbreves/HojasEstilo
crea una hoja de estilos llamada estilo3.css y otra llamada estilo4.css y colócalas dentro de la carpeta css.
Luego una página web llamada ejercicio3.html
En la cabecera de ejercicio3.html indica que su página de estilo es estilo3.css.
La página web debe tener un titulo en azul de tamaño 12 y tipo de letra arial. Los subtítulos deben ser rojos letra arial y el párrafo de tamaño 7 y color azul y arial.
Graba la página con el nombre ejercicio4.html y cambia solamente el código que indica la hoja de estilos, que va a ser estilo4.css
Crea el estilo en estilo4.css de modo que el tipo de letra sea toda verdana, el título de tamaño 14 y color verde, los subtítulos en azul y el párrafo negro de tamaño 8.
http://www.w3c.es/divulgacion/guiasbreves/HojasEstilo
crea una hoja de estilos llamada estilo3.css y otra llamada estilo4.css y colócalas dentro de la carpeta css.
Luego una página web llamada ejercicio3.html
En la cabecera de ejercicio3.html indica que su página de estilo es estilo3.css.
La página web debe tener un titulo en azul de tamaño 12 y tipo de letra arial. Los subtítulos deben ser rojos letra arial y el párrafo de tamaño 7 y color azul y arial.
Graba la página con el nombre ejercicio4.html y cambia solamente el código que indica la hoja de estilos, que va a ser estilo4.css
Crea el estilo en estilo4.css de modo que el tipo de letra sea toda verdana, el título de tamaño 14 y color verde, los subtítulos en azul y el párrafo negro de tamaño 8.
Suscribirse a:
Entradas (Atom)