11.07.2015 Views

el tutorial de Dreamweaver

el tutorial de Dreamweaver

el tutorial de Dreamweaver

SHOW MORE
SHOW LESS

Create successful ePaper yourself

Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.

También es posible importar archivos <strong>de</strong> hojas <strong>de</strong> estilos (<strong>de</strong> extensión .css) que hayamoscreado. Como ya hemos visto esta opción es mucho mejor porque así po<strong>de</strong>mos aplicarla sobre variaspáginas a la vez sin la necesidad <strong>de</strong> escribir <strong>el</strong> código en cada una <strong>de</strong> <strong>el</strong>las.En este caso <strong>de</strong>beremos crear un archivo CSS (Archivo → Nuevo y s<strong>el</strong>eccionando CSS) don<strong>de</strong>escribiremos las reglas <strong>de</strong> estilo d<strong>el</strong> mismo modo en <strong>el</strong> que hemos visto más arriba pero <strong>el</strong>iminado <strong>el</strong>componente HTML:body {font-family: Verdana, Arial, H<strong>el</strong>vetica, sans-serif;font-size: 12px;text-align: center;background: url('imagenes/fondo.gif') repeat-x bottom;}Luego <strong>de</strong>beríamos vincularlo en la página HTML utilizando la etiqueta link:Una página pue<strong>de</strong> contener ambos tipos <strong>de</strong> estilos CSS, como por ejemplo, tener un archivovinculado y luego un bloque <strong>de</strong> estilo incrustado. O incluso tener varias hojas <strong>de</strong> estilo asociadas.La organización <strong>de</strong> los estilos <strong>de</strong>bes <strong>de</strong>cidirla tú. Pero recuerda que cuanto menos código repitasen tus páginas, más fácil será luego <strong>de</strong> modificar o exportar.También es posible <strong>de</strong>clarar <strong>el</strong> estilo en línea. Es <strong>de</strong>cir, tal y como se van creando las etiquetasHTML, para <strong>el</strong>lo <strong>de</strong>berás utilizar <strong>el</strong> atributo style:Este texto está en rojo y con un tamaño <strong>de</strong> 30píx<strong>el</strong>esEl estilo en línea es más <strong>de</strong>saconsejado porque es más difícil <strong>de</strong> modificar al tener que buscarlopor <strong>el</strong> texto y modificándolo uno a uno.Para practicar realiza <strong>el</strong> Ejercicio Paso a Paso <strong>de</strong> Creación <strong>de</strong> una Hoja <strong>de</strong> Estilo.

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

Saved successfully!

Ooh no, something went wrong!