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
miércoles, 6 de enero de 2010
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)