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
domingo, 14 de febrero de 2010
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)