Visita la Nueva Versión de ComoCrearTuWeb!!
Dreamweaver I CómoCrearTuWeb > DreamWeaver I > Un Poco de Estilo > Centrado
Introdución Donde Conseguirlo Como Descargarlo Como Instalarlo

 

El Comienzo :

Ideas Claras Organización Definir Sitios Alta en iEspana Definir Sitios II Página Principal Un poco de HTML Vista Previa Subir index.htm

 

Un poco de Estilo :

Con Estilo NotePad para Estilos Link a estilo.css La Hoja de Estilo Estilizando Carácteres Especiales Enlaces Fondo de Página Centrar Textos HTML de Centrado

 

Más cosillas :

Preferencias Buzón E-Mail Las Imágenes Hasta Ahora...

 Siguiente Menú 


Foro Dreamweaver

Volver al Menú


Página Anticuada. Visita la nueva versión.


Centrando un Párrafo

Vamos a aprender ahora como centrar un texto. Utilizaremos, como no, los estilos.

En muchas ocasiones os convendrá que cierto párrafo aparezca centrado. Nuestros párrafos aparecen, por defecto (es decir, si no le indicamos otra cosa distinta) de modo "justificado".

Ahora vamos a crear un nuevo estilo llamado "centrado" que aplicaremos a los párrafos que deseemos que aparezcan de ese modo.

Para ello abrid el arhivo "estilo.css" e inlcuid la siguiente línea de código:

p.centrado { text-indent:0px ; text-align:center ; }

Los párrafos los teniamos antes definidos con la línea que empezaba por "p {...". Esa es la forma que tomarán todos nuestros párrafos a menos que le digamos lo contrario.

Con la nueva línea que hemos insertado hemos definido el estilo de párrafo "centrado". Ahora guardad el archivo "estilo.css" y seguimos con la explicación.

Abrid ahora el archivo "index.htm". Vamos a centrar la línea del vínculo de CreaTuWeb.

Para ello realizad antes los siguiente pasos:

 

1.- Pinchad en "Texto" + "Estilo CSS" + "Editar hoja de estilos..."

2.- Escojed la unica que sale, llamada "estilo.css" pinchando dos veces sobre ese archivo. Después haced clic en y "Guardar" y luego en "Listo".

Esto era para que se reconocieran los estilos definidos en "estilo.css", Eso ya no hay que hacerlo más veces.

Ahora vamos a centrar la línea donde está el enlace a CreaTuWeb.

1- Pinchad una sola vez sobre el enlace de CreaTuWeb.

2.- Ahora pinchad sobre "Texto" + "Estilos CSS" y encontraréis el estilo antes creado llamado "centrado".

3.- Haced clic sobre el estilo "centrado" y veréis como la línea donde está el enlace de CreaTuWeb sale ahora en el centro.

Eso está muy bien, si que si. Ahora haced lo mismo con la primera línea, donde pone "Esta es mi página principal". Se hace de la misma manera, de modo que os dejo hacerlo solos, je je je.

La página ahora queda así:

Vista Previa con Internet Explorer

 

¿Sabias que..?

Dinos Algo..

Entra en el nuevo Foro CCTW


Esta versión es antigua. Visita la nueva web de: ComoCrearTuWeb


Entra en el nuevo Foro CCTW


Mas Cosillas..

Acerca de CCTW

Foro de Posicionamiento en Buscadores
ChatCCTW  Actualizaciones  Recomendar  Colabora  Errores?  Agradécemelo  Escríbeme
Actualizada el Jueves, 11-Ago-2005 21:57 "Si no puede explicar lo que ha estado haciendo, su trabajo carecerá de valor" (Erwin Schodinger)
Creada y diseñada por Jorgens