Visita la Nueva Versión de ComoCrearTuWeb!!
Dreamweaver I CómoCrearTuWeb > DreamWeaver I > Un Poco de Estilo > Aplicando..
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.


Aplicando los Estilos

Vamos a escribir en "index.htm" un párrafo más largo que el que tenemos para comprobar lo de la primera línea (hemos dicho que tenía una sangria de 20px) y añadiremos un enlace para verificar que se muestra con los colores indicados.

1.- Abrimos la página index.htm desde el Dreamweaver (que saldrá ya con el fondo naranja).

2.- Escribimos un párrafo de varias líneas. Inventaos algo largo, de tres o cuatro líneas seguidas, sin salto de línea, es decir, sin apretar "intro".

3.- Una vez escrito un párrafo de varias líneas haced Vista Previa (o pulsad F12 si hacéis definido los Navegadores).

4.- La primera línea debería estar más a la izquierda, es así? Bien.

Como veis, los efectos de la Hoja de Estilo solo se ven con la vista previa, mientras que en la ventana de Dreamweaver quizas no. Así que para comprobar los estilos, pulsad F12 (Vista Previa).

Ahora vamos a aprender a meter un enlace y a la vez comprobaremos lo de los colores.

En la página "index.htm" poned el cursor justo al final del último párrafo y pulsad en Enter o Intro para crear otro párrafo. En esa nueva línea escribid "CreaTuWeb".

Ahora seleccionar toda esa palabra, por ejempo haciendo doble clic sobre ella. Se pondrá toda azul.

Sin que deje de estar seleccionada (de color azul) pulsad en "Modificar" + "Crear Vínculo".

Se abre una ventana. En donde pone URL poned lo siguiente: http://creatuweb.tripod.com No os confundáis y lo pongáis donde pone "Nombre de Archivo" que si no no funcionará!

Luego pulsad en "Seleccionar".

En ese momento habréis creado un enlace a mi página. (no os preocupéis que se puede quitar más tarde, je je) y saldrá subrayado.

Ahora pulsad en F12 para ver la "Vista Previa". Véis lo que os dije? El enlace ya no sale subrayado, sale en negrita y cambia de color al pasar el ratón sobre él. Esto lo hemos conseguido sin definir nada de nada (salvo la hoja de estilo, claro) pues el estilo de los enlaces estaba ya definido en "estilo.css" ¿No os parece interesante? Pues eso no es nada más que el principio. Aquí os dejo una imagen de como se ve la vista previa de la página "index.htm"con el Navegador Opera:

Vista Previa con Opera

Si si, ya se que el fondo naranja es horrible, je je je, pero pronto os comentaré como cambiar el color de fondo o meter una imagen de fondo. Paciencia.

Como yá sabréis, al crear ese párrafo y el enlace, el Dreamweaver traduce lo que nosotros queremos en código HTML, luego, es de esperar que el código que antes vimos haya cambiado, o mejor dicho, se haya ampliado. Vamos a verlo en la página siguiente.

 

¿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:56 "No hay libro tan malo del que no se pueda aprender algo bueno" (Cayo Plinio Cecilio Secundo)
Creada y diseñada por Jorgens