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.
miércoles, 28 de abril de 2010
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.
jueves, 15 de abril de 2010
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
domingo, 11 de abril de 2010
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.
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.
lunes, 5 de abril de 2010
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.
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.
domingo, 14 de marzo de 2010
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.
lunes, 1 de marzo de 2010
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:
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:
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, 28 de febrero de 2010
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
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, 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.
miércoles, 6 de enero de 2010
HOJAS DE ESTILO
La anterior página web, la has hecho de una forma en la que no trabaja ningún profesional de la edición web. ¿Por qué? Porque para cada cosa que escribes, tienes que estar tecleando una serie de códigos para el estilo, y como hay mucho códigos que se repiten, tienes que estar tecleando una y otra vez lo mismo.
Hay una manera de decirle al ordenador por ejemplo que todos los títulos van en tal color, con tal tipo de letra, con tal tamaño, etc. de manera que una vez definido cómo van los títulos, ya no tienes que teclear más el estilo, simplemete decir que es un título, y ya te pone el formato automáticamente. La técnica para hacer esto se llama css (hojas de estilo en cascada)
Lee el siguiente tutorial.
http://www.webestilo.com/css/index.phtml
Y haz unapágina igual que que la que ya habías hecho pero con una hoja de estilo en un fichero independiente llamado estilo1.css, que esté guardado en una carpeta dentro de la carpeta web que se llame css.
La página web se llamará ejercicio2.html
Ahora dentro de la carpeta web debe haber dos ficheros: ejercicio1.html y ejercicio2.html, y una carpeta llamada css con un fichero llamado estilo1.css
Hay una manera de decirle al ordenador por ejemplo que todos los títulos van en tal color, con tal tipo de letra, con tal tamaño, etc. de manera que una vez definido cómo van los títulos, ya no tienes que teclear más el estilo, simplemete decir que es un título, y ya te pone el formato automáticamente. La técnica para hacer esto se llama css (hojas de estilo en cascada)
Lee el siguiente tutorial.
http://www.webestilo.com/css/index.phtml
Y haz unapágina igual que que la que ya habías hecho pero con una hoja de estilo en un fichero independiente llamado estilo1.css, que esté guardado en una carpeta dentro de la carpeta web que se llame css.
La página web se llamará ejercicio2.html
Ahora dentro de la carpeta web debe haber dos ficheros: ejercicio1.html y ejercicio2.html, y una carpeta llamada css con un fichero llamado estilo1.css
EDICIÓN WEB
Este es el primer ejercicio de la segunda evaluación. Recuerda que para empezar este ejercicio debes haber terminado todos los de la primera evaluación.
Se trata de hacer una página web. Recuerda que ya hicimos una en la primera evaluación con el bloc de notas. En este caso no es necesario que colguéis las páginas en iternet, aunque si queréis lo podéis hacer con la cuenta de miarroba.
Crea un directorio en mis documentos y llámalo web. Allí vas a guardar todos los ficheros de la página web.
Para hacer este ejercicio utiliza el siguiente tutorial:
http://www.programacion.com/html/tutorial/curso/
No hace falta que lo leas entero, simplemente busca la información necesaria para lo que necesites. Puedes ir avanzando páginas pulsando las flechas en la parte inferior. No pierdas tiempo tecleando el texto de la página, copia texto de cualquier otra página. Simplemente oraniza la página siguiendo las instrucciones siguientes.
La página cumplir las siguientes condiciones:
El título que aparece en la cabecera debe ser ejercicio de informática.
Dentro del cuerpo de la página habrá un título principal que debe estar centrado, ser grande (size 7), arial y de color azul oscuro. Busca en el índice la parte del color porque no está en la primera página. En general tendrás que buscar en el índice cada cosa, porque no van a estar en el orden en que las vayamos usando. Para ver el código del color necesitarás esta página:
http://es.wikipedia.org/wiki/Modelo_de_color_RGB
Puedes ver el código de cada color utilizando el word. Al elegir el color de cualquier elemento, por ejemplo la letra, eliges más colores->personalizado, y puedes elegir cualquier color y ver cuál es el código que le corresponde.
Los títulos de los diferentes apartados deberán tener un tamaño inferior al título central (size 5) y un tono de azul algo más claro que el título principal. Tipo de letra arial, y deben estar a la izquierda.
El texto de los párrafos debe ser arial, más claro que los títulos, size 2.
La página debe tener varios enlaces a otras páginas. Al menos uno de los enlaces debe ser a otra página hecha por tí de con las mismas condiciones que se han descrito antes.
Deben aparecer varias imágenes en la página.
El color de fondo de la página debe ser gris muy claro. Creo que esto no viene explicado en este tutorial así que busca en google html color de fondo y encuentra el código para hacerlo. En general puedes hacer esto cuando no encuentres algo en el tutorial.
Guarda el fichero en la carpeta web y llámalo ejercicio1.html
Se trata de hacer una página web. Recuerda que ya hicimos una en la primera evaluación con el bloc de notas. En este caso no es necesario que colguéis las páginas en iternet, aunque si queréis lo podéis hacer con la cuenta de miarroba.
Crea un directorio en mis documentos y llámalo web. Allí vas a guardar todos los ficheros de la página web.
Para hacer este ejercicio utiliza el siguiente tutorial:
http://www.programacion.com/html/tutorial/curso/
No hace falta que lo leas entero, simplemente busca la información necesaria para lo que necesites. Puedes ir avanzando páginas pulsando las flechas en la parte inferior. No pierdas tiempo tecleando el texto de la página, copia texto de cualquier otra página. Simplemente oraniza la página siguiendo las instrucciones siguientes.
La página cumplir las siguientes condiciones:
El título que aparece en la cabecera debe ser ejercicio de informática.
Dentro del cuerpo de la página habrá un título principal que debe estar centrado, ser grande (size 7), arial y de color azul oscuro. Busca en el índice la parte del color porque no está en la primera página. En general tendrás que buscar en el índice cada cosa, porque no van a estar en el orden en que las vayamos usando. Para ver el código del color necesitarás esta página:
http://es.wikipedia.org/wiki/Modelo_de_color_RGB
Puedes ver el código de cada color utilizando el word. Al elegir el color de cualquier elemento, por ejemplo la letra, eliges más colores->personalizado, y puedes elegir cualquier color y ver cuál es el código que le corresponde.
Los títulos de los diferentes apartados deberán tener un tamaño inferior al título central (size 5) y un tono de azul algo más claro que el título principal. Tipo de letra arial, y deben estar a la izquierda.
El texto de los párrafos debe ser arial, más claro que los títulos, size 2.
La página debe tener varios enlaces a otras páginas. Al menos uno de los enlaces debe ser a otra página hecha por tí de con las mismas condiciones que se han descrito antes.
Deben aparecer varias imágenes en la página.
El color de fondo de la página debe ser gris muy claro. Creo que esto no viene explicado en este tutorial así que busca en google html color de fondo y encuentra el código para hacerlo. En general puedes hacer esto cuando no encuentres algo en el tutorial.
Guarda el fichero en la carpeta web y llámalo ejercicio1.html
Suscribirse a:
Entradas (Atom)