Todo-DreamWeaver
índice tutoriales utilidades descargas comunidad foros mapa
 

indice
   Índice
tutoriales
  Accesibilidad
  Básicos
  Capas
  Formularios
  Herramientas
  Interactividad
  Marcos
  Menús
  Multimedia
  Otros
  Plantillas
utilidades
  Faq's
  Links
  Artículos
  Biblioteca
 
descargas
  Descargar   DreamWeaver
  Manuales
  Extensiones
  Plantillas
  Otros
 
comunidad
  Foros
  Ofertas de Trabajo
Estilos CSS en DreamWeaver (3)
   

Realmente el código del archivo nuevo que generó el Dream es el siguiente:
.caprichoDeMiJefe { font-family: Arial, Helvetica, sans-serif; font-style: italic; cursor: wait; color: #FFFFFF; background-color: #FF0000}
Y en el archivo .htm fue el siguiente (eso sí, debes agregarselo a todos las páginas de tu sitio a través del Attach Style Sheet de la paleta de CSS):
<link rel="stylesheet" href="estilos.css" type="text/css"> Dentro del <HEAD>
Y la tabla queda con este código:
<table width="50%" border="0" cellspacing="2" cellpadding="2" class="caprichoDeMiJefe">
<tr>
<td>Hola amigos</td>
</tr>
</table>

Esto significa que el archivo ya está linkeado con el css y a su vez éste ya tiene definida las órdenes. Si el pelota de tu jefe, después de haber cambiado todas las 235 tablitas, se le ocurre "Siempre dije que el azul es el mejor color". Ja já, Shift+F11 > Editar Estilo > Elige el archivo > Elige el estilo > Background > Background Color > Color azul > ¡Toma!

Esto último también se puede editar directamente desde el archivo, a través del Notepad o Block de Notas

Volvamos atrás. Ahora queremos redefinir un tag HTML, esto quiere decir que todas las veces que aparezca un tag específico, tendrá las características que queramos. Al abrir la ventana Nuevo Estilo y elegir esta segunda opción, nos aparece una lista de tags a los cuales podemos agregarle características propias. Por ejemplo puedes decidir que desde ahora los <H1> van a tener letra de 18 pixeles. Ojo, estos tags no los muestra la paleta de CSS porque asume que no necesitas aplicarlos arbitrariamente (como las class), sino el 100% de las veces tendrán esas características (a excepción que forzadamente los cambies desde una selección). Si ya no te gustaron los 18 pixeles, solamente debes editarlos desde el Dream o el Notepad.

 
   
 
Pagina 1/4 - Pagina 2/4 - Pagina 3/4 - Pagina 4/4  

 

 
otras webs
 
  Todo-Photoshop
 
  WebTaller
 
  Plantillas Web
 

todo-dreamweaver