11.07.2015 Views

el tutorial de Dreamweaver

el tutorial de Dreamweaver

el tutorial de Dreamweaver

SHOW MORE
SHOW LESS

You also want an ePaper? Increase the reach of your titles

YUMPU automatically turns print PDFs into web optimized ePapers that Google loves.

carpeta raíz d<strong>el</strong> sitio.Si se inserta un BMP en un documento, este no aparece correctamente en <strong>Dreamweaver</strong>, aunquesí en <strong>el</strong> navegador. En <strong>Dreamweaver</strong> aparecerá <strong>de</strong> la siguiente forma:Esa misma imagen es la que aparece en <strong>Dreamweaver</strong> cuando no se encuentra una imagen quehabía sido insertada. Esto pue<strong>de</strong> ocurrir si se ha modificado <strong>el</strong> nombre <strong>de</strong> la imagen, o si se hamovido <strong>de</strong> directorio, <strong>de</strong>s<strong>de</strong> fuera <strong>de</strong> <strong>Dreamweaver</strong>. En ese caso, la imagen que aparecerá en <strong>el</strong>navegador será similar a esta:Aparece un recuadro blanco con una X roja, junto con <strong>el</strong> nombre <strong>de</strong> la imagen o <strong>el</strong> contenido d<strong>el</strong>campo Alt d<strong>el</strong> inspector <strong>de</strong> propieda<strong>de</strong>s, que explicaremos a continuación.Para practicar pue<strong>de</strong>s realizar <strong>el</strong> Ejercicio paso a paso Insertar una imagen.Propieda<strong>de</strong>s <strong>de</strong> una imagenCuando s<strong>el</strong>eccionamos una imagen <strong>el</strong> Inspector <strong>de</strong> propieda<strong>de</strong>s muestra esta apariencia:Des<strong>de</strong> aquí podrás acce<strong>de</strong>r a distintas propieda<strong>de</strong>s:Des<strong>de</strong> <strong>el</strong> campo Alt podrás asignarle una ayuda contextual a la imagen, esta se mostrará cuando coloques<strong>el</strong>la, y es muy útil <strong>de</strong> cara a hacer páginas accesibles ya que <strong>el</strong> texto que se escribe será leído por los prograpara invi<strong>de</strong>ntes. También es muy útil, como ya hemos visto, si la imagen por alguna razón no pue<strong>de</strong> mostrarseEn Clase podrás asignarle un estilo que hayas creado anteriormente, así podrás darle alineación, bortamaño con sólo un clic.Si le damos un valor al campo Vínculo convertiremos al imagen en un link a otra página. Para enlaces exteque <strong>de</strong>be empezar siempre por HTTP:// y si <strong>de</strong>seas crear un vínculo a un enlace <strong>el</strong>ectrónico <strong>de</strong>berá empezar pEn caso <strong>de</strong> que le hayas asignado un vínculo podrás <strong>de</strong>cidir en qué ventana quieres que se abra s<strong>el</strong>ecionen <strong>el</strong> campo Destino.Pue<strong>de</strong>s asignarle un tamaño <strong>de</strong> bor<strong>de</strong> <strong>de</strong>s<strong>de</strong> <strong>el</strong> campo Bor<strong>de</strong>.Y pue<strong>de</strong>s s<strong>el</strong>eccionar su alineación con respecto al texto <strong>de</strong>s<strong>de</strong> <strong>el</strong> campo Alinear.Por último las opciones Espacio V y Espacio H te serán muy útiles para separar la imagen d<strong>el</strong> texto y a

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!