Al utilizar el inspector de propiedades de CSS, Dreamweaver aplica formato al texto mediante hojas de estilos en cascada. Los estilos CSS ofrecen un mayor control sobre el diseƱo de la pƔgina Web y reducen el tamaƱo del archivo.
Selecciona la primera lĆnea. En Regla de destino selecciona <Nuevo estilo en lĆnea>, para aplicar el formato solo al texto seleccionado. TambiĆ©n aplica el estilo de Fuente Ghotam, Helvetica Neue, Helvetica, Arial, sans-serif, , color azul #009 y centra el texto con el segundo botĆ³n de la parte derecha , tal y como muestra la imagen siguiente:
Selecciona la segunda lĆnea de texto, y seleccionando como antes <Nuevo estilo en lĆnea>, selecciona de las listas desplegables que estĆ”n a la derecha de Fuente para ponerlo en cursiva y negrita respectivamente.
Vamos a centrar tambiĆ©n la imagen. Para ellos selecciĆ³nala. Lo que hay que centrar es el contenido del pĆ”rrafo que la contiene. Para hacerlo, en la barra de estado, encima de las propiedades nos aparece la jerarquĆa de etiquetas. Haz clic sobre p.
Ahora, en Regla de destino selecciona <Nuevo estilo en lĆnea> y centra el pĆ”rrafo como hemos visto hasta ahora, pulsando en .
Por Ćŗltimo vamos a crear el enlace. Selecciona el texto de la Ćŗltima lĆnea, y cambia el panel de Propiedades a las propiedades de HTML.
En el campo VĆnculo, escribe la URL de la pĆ”gina a enlazar, como se ve en la imagen:
Puedes llamar al documento como lo desees, pero la extensiĆ³n ha de ser htm o html. Por ejemplo, lo hemos llamado miprimerapagina.htm, y la hemos guardado en la misma carpeta que la imagen descargada.
Ahora, puedes ver cĆ³mo se ve en tu navegador pulsando la tecla F12.
No hay comentarios:
Publicar un comentario