diseño web
Páginas: 5 (1230 palabras)
Publicado: 23 de febrero de 2014
CREACION DE PAGINA WEB
IMAGENES:
Poner imágenes en nuestra web produce unos resultados asombrosos de una manera muy fácil. Para colocar una imagen es "img". A diferencia de la gran mayoría de html, no necesita un cierre.
El atributo "src" es imprescindible para poder colocar una imagen. Este atributo es el que indica dónde se encuentra alojada la imagen que queremos mostrar. Se escribeasí: , siendo "x" la dirección o la url dónde se encuentra situada la foto.
La foto podemos alinearla en la página como queramos mediante "align", utilizando los atributos "left" para alinearla a la izquierda, "right" para alinearla a la derecha, "top" para alinearla arriba, "bottom" para alinearla abajo y "middle" para alinearla al centro.
También podemos poner una descripción de la imagendentro de la misma para que la gente pueda leerla al mantener el ratón encima de ella. Esta descripción podemos escribirla mediante el atributo "alt" y lo escribiríamos de la siguiente manera: alt= "x", siendo "x" la descripción que le gente leerá al pasar el ratón por encima.
Debemos aclarar que no con todos los navegadores podemos ver el "alt" de manera visual. Hay algunos que no lo representan.Atributos opcionales pero muy recomendables, son el height y el width. El height marca la altura de la imagen, mientras que el width marca la anchura. Son recomendables porque así ayudaremos al navegador a representar la imagen.
Y por último, también queremos mostrarte que le puedes adjudicar un borde a la fotografía. El atributo ya te lo sabes: "border". Después solo tendrás que definircuál quieres que sea el grosor del borde.
A continuación vamos a mostraros el código de los seis diferentes encabezados
TAREA:
Desarrolle la siguiente página web
ANIMACIONES:
La etiqueta marquee nos sirve para dar un efecto diferente a los texto de nuestra página Web. Gracias a ella podemos conseguir texto en movimiento. Para aplicar este efecto a los textos, éstos deben estar dentro de laetiqueta marquee, entre su inicio "" y su cierre "".
El movimiento, la dirección de desplazamiento, la velocidad del mismo,…todo es configurable gracias a los siguientes atributos:
Align: Este atributo nos indicará si el texto dentro de la etiqueta se alineará en la zona alta del marquee ("top"), en el medio ("middle") o en la parte baja ("bottom").
Bgcolor: Con este parámetro definiremos elcolor de fondo que le queremos dar a la marquesina donde está el texto en movimiento.
Height y width: El primero marca la altura que tendrá la marquesina y el segundo la anchura de la misma.
Scrollamount: Este atributo define la cantidad de píxeles que queremos que se desplace el texto en cada movimiento. Por ejemplo: significará que el texto que vaya dentro de esa etiqueta se moverá a razón detres píxeles por movimiento.
Scrolldelay: Éste nos define la velocidad del texto que está dentro de la marquesina. A menor numeración, mayor velocidad. Es decir, un texto irá más rápido si el scrolldelay es 5, que si el scrolldelay es 20.
Loop: Este atributo nos determina si el movimiento se repetirá o no. Si queremos que el movimiento sólo se repita unas veces determinadas debemos indicárselocon un número, que será el número de veces que se repita. Si queremos que se repita sólo 10 veces, su loop será el siguiente:
Si queremos que se repita debemos usar "infinite" o "-1". Si no especificamos nada, se repetirá constantemente.
Direction: Sirve para definir la dirección del movimiento: "left" para la izquierda, "right" para la derecha, "top" para arriba y "down" para abajo.
Behavior:Gracias a este atributo podemos dar nuevos efectos a la marquesina. Si no especificamos este atributo, el texto se moverá de forma circular en el sentido que le hayamos marcado. Con behavior="scroll" conseguiremos el mismo efecto: el texto se moverá circularmente.
Con behavior="slide" haremos que el texto se detenga al llegar al final de la marquesina. Y con el behavior="alternate" el texto...
IMAGENES:
Poner imágenes en nuestra web produce unos resultados asombrosos de una manera muy fácil. Para colocar una imagen es "img". A diferencia de la gran mayoría de html, no necesita un cierre.
El atributo "src" es imprescindible para poder colocar una imagen. Este atributo es el que indica dónde se encuentra alojada la imagen que queremos mostrar. Se escribeasí: , siendo "x" la dirección o la url dónde se encuentra situada la foto.
La foto podemos alinearla en la página como queramos mediante "align", utilizando los atributos "left" para alinearla a la izquierda, "right" para alinearla a la derecha, "top" para alinearla arriba, "bottom" para alinearla abajo y "middle" para alinearla al centro.
También podemos poner una descripción de la imagendentro de la misma para que la gente pueda leerla al mantener el ratón encima de ella. Esta descripción podemos escribirla mediante el atributo "alt" y lo escribiríamos de la siguiente manera: alt= "x", siendo "x" la descripción que le gente leerá al pasar el ratón por encima.
Debemos aclarar que no con todos los navegadores podemos ver el "alt" de manera visual. Hay algunos que no lo representan.Atributos opcionales pero muy recomendables, son el height y el width. El height marca la altura de la imagen, mientras que el width marca la anchura. Son recomendables porque así ayudaremos al navegador a representar la imagen.
Y por último, también queremos mostrarte que le puedes adjudicar un borde a la fotografía. El atributo ya te lo sabes: "border". Después solo tendrás que definircuál quieres que sea el grosor del borde.
A continuación vamos a mostraros el código de los seis diferentes encabezados
TAREA:
Desarrolle la siguiente página web
ANIMACIONES:
La etiqueta marquee nos sirve para dar un efecto diferente a los texto de nuestra página Web. Gracias a ella podemos conseguir texto en movimiento. Para aplicar este efecto a los textos, éstos deben estar dentro de laetiqueta marquee, entre su inicio "" y su cierre "".
El movimiento, la dirección de desplazamiento, la velocidad del mismo,…todo es configurable gracias a los siguientes atributos:
Align: Este atributo nos indicará si el texto dentro de la etiqueta se alineará en la zona alta del marquee ("top"), en el medio ("middle") o en la parte baja ("bottom").
Bgcolor: Con este parámetro definiremos elcolor de fondo que le queremos dar a la marquesina donde está el texto en movimiento.
Height y width: El primero marca la altura que tendrá la marquesina y el segundo la anchura de la misma.
Scrollamount: Este atributo define la cantidad de píxeles que queremos que se desplace el texto en cada movimiento. Por ejemplo: significará que el texto que vaya dentro de esa etiqueta se moverá a razón detres píxeles por movimiento.
Scrolldelay: Éste nos define la velocidad del texto que está dentro de la marquesina. A menor numeración, mayor velocidad. Es decir, un texto irá más rápido si el scrolldelay es 5, que si el scrolldelay es 20.
Loop: Este atributo nos determina si el movimiento se repetirá o no. Si queremos que el movimiento sólo se repita unas veces determinadas debemos indicárselocon un número, que será el número de veces que se repita. Si queremos que se repita sólo 10 veces, su loop será el siguiente:
Si queremos que se repita debemos usar "infinite" o "-1". Si no especificamos nada, se repetirá constantemente.
Direction: Sirve para definir la dirección del movimiento: "left" para la izquierda, "right" para la derecha, "top" para arriba y "down" para abajo.
Behavior:Gracias a este atributo podemos dar nuevos efectos a la marquesina. Si no especificamos este atributo, el texto se moverá de forma circular en el sentido que le hayamos marcado. Con behavior="scroll" conseguiremos el mismo efecto: el texto se moverá circularmente.
Con behavior="slide" haremos que el texto se detenga al llegar al final de la marquesina. Y con el behavior="alternate" el texto...
Leer documento completo
Regístrate para leer el documento completo.