Está usted en Indice > Programas > Editores > DreamWeaver > Lecciones y Paso a Paso > Manejo de Hojas de Estilo CSS con Dreamweaver CS3
Construcción
Maletín
Utilidades
Cursos
Promoción
Rentabilidad
Zona Novatos
Foros
Acceso a tu cuenta

Manejo de Hojas de Estilo CSS con Dreamweaver CS3

En este tutorial, veremos el uso de Hojas de Estilo CSS, para dar forma y color a nuestras web, utilizando código y/o menú de Dreamweaver sin usar código.

El CSS permite dar forma, color, y posicion a los elementos HTML de nuestras paginas web, la siguiente es una pequeña guuia de, manejo de CSS utilizando Dreamweaver CS3. Tambien es posible con versiones anteriores.

Supongamos que hemos creado el siguiente CSS:

.letragrande a:link {
color: #FF9900;
background-color: #FFFFFF;
}

.letragrande a:hover {
color: #FFFFFF;
background-color: #FF9900;
}

.letragrande a:active {
color: #CCCCCC;
background-color: #FFCC66;
}

.letragrande a:visited {
color: #FF9900;
background-color: #FF9900;
}

Esto define un estilo, llamado .letragrande que tendra diferentes colores para los enlaces, segun sean, enlace comun (link), un enlace con el mouse encima (hover), un enlace activo (active), un enlace visitado (visited), de esta forma le damos un color a cada tipo de enlace con solo aplicar esto asi:

<a href="cualquiera.html" class="letragrande">ir a cualquier lado</a>

Esta es para quienes comienzan, una de las formas mas utiizadas, o sea colorear links o enlaces, la siguiente es la forma en que se podrian colorear otros elementos, como veremos esto aplicado a una tabla.

Comenzaremos utilizando el Menu de Dreamweaver, para en principio no utilizar codigo, y seria asi:

1) Insertamos una tabla, con Insert (insertar), Table (tabla) o bien con el Icono de Tablas si lo tenemos activo en Dreamweaver

Insertar Tabla 3 x 3



Usuarios que han visto este tema también han visto...

- Todo sobre las Capas en DreamWeaver
- Comportamientos en DreamWeaver
- Conexión FTP desde DreamWeaver
- Creando tablas con esquinas redondeadas en Dreamweaver
- Crear y editar marcos con dreamweaver


Versión imprimible - Versión imprimible de este documento
Enviar e-mail - Enviar por e-mail este documento
Publicidad






Publicidad








Información legal | Política de Privacidad | Contacte con nosotros

Otro proyecto de Factoría de Internet. Copyright© 2003-2011 Factoría de Internet S.L.. Todos los derechos reservados.


Página generada el 21-01-2017 a las 13:29:12