Tutorial

A estas alturas ya hemos empleado unas cuantas veces las paletas de color del Dreamweaver.

Si ninguno de estos colores nos gusta, pulsando en podemos crear nuestros propios colores:

Códigos de color.

Supongamos que quiero cambiar el color de esta palabra. La selecciono y la pongo de color más o menos azul.

Ahora voy a ver qué ha pasado en el código fuente:

El código del color está formado por 6 símbolos alfa-numéricos precedidos del símbolo #.

Los símbolos alfa-numéricos son las diez cifras numéricas y las seis primeras letras del alfabeto ordenadas de la siguiente forma:

0
1
2
3
4
5
6
7
8
9
a
b
c
d
e
f

Siendo 0 el valor mínimo y f el valor máximo.

A su vez los seis símbolos se dividen en tres grupos de dos símbolos:

  • El primero de dos símbolos indica la cantidad de rojo (00 es el mínimo y ff el máximo)
  • El segundo de dos símbolos indica la cantidad de verde (00 es el mínimo y ff el máximo)
  • El tercero de dos símbolos indica la cantidad de azul (00 es el mínimo y ff el máximo)

Las mezclas y combinaciones de cantidad van dando origen a los diferentes colores.

 
 
 
 
 
 
 
 
ffffff
000000
ff0000
00ff00
0000ff
ffff00
cccccc
ff00ff

Es el denominado código hexadecimal.

Este código también se puede sustituir por la palabra inglesa que define el color. Así red será lo mismo que #ff0000 o green será lo mismo que #00ff00. El problema viene cuando no es un color primario ni secundario. Por ejemplo, el color blanchedalmond se corresponde con el código hexadecimal #ffebcd y es el siguiente color

 

Observa que he rellenado la celda con el color escribiendo en el inspector de propiedades el código nombre del color:

 

25 diciembre, 2014
dreamweaver

Los Colores en DreamWeaver

A estas alturas ya hemos empleado unas cuantas veces las paletas de color del Dreamweaver. Si ninguno de estos colores nos gusta, pulsando en podemos crear […]
25 diciembre, 2014
dreamweaver

Puntos de Fijación, Anclas o Anchors, en DreamWeaver

Para colocar un enlace a otro punto de la misma página debemos primero colocar un ancla en el punto de destino del vínculo. Para ello, ubicamos […]
25 diciembre, 2014
dreamweaver

Crear un nuevo documento basado en una plantilla con DreamWeaver

1 Elija Archivo > Nuevo de plantilla. Aparecerá un cuadro de diálogo con las plantillas disponibles para el sitio actual. Deberá crear plantillas antes de crear […]
25 diciembre, 2014
dreamweaver

Automatizar tareas con DreamWeaver

Al crear documentos, es posible que desee realizar la misma tarea muchas veces. En esta sección se explica cómo utilizar el panel Historial para automatizar tareas […]
25 diciembre, 2014
dreamweaver

Repetir Pasos con DreamWeaver

Para repetir el último paso realizado, utilice el comando Edición > Repetir, o utilice el método abreviado de teclado Control+Y (Windows) o Comando+Y (Macintosh). El nombre […]
25 diciembre, 2014
dreamweaver

Copiar y pegar pasos entre documentos

Todos los documentos abiertos tienen su propio historial de pasos. Puede copiar los pasos de un documento y pegarlos en otro. Nota: Copiar pasos (un botón […]
25 diciembre, 2014
dreamweaver

Propiedades de la página en DreamWeaver

Utilice el cuadro de diálogo Propiedades de la página para especificar diversas opciones de la página. Para abrir el cuadro de diálogo Propiedades de la página, […]
25 diciembre, 2014
dreamweaver

Bases y Planificación de un Sitio Web

Pasos en el trabajo de desarrollo Web El trabajo de desarrollo de una página Web comienza con el proceso de definición de una estrategia y unos […]
25 diciembre, 2014
dreamweaver

Introducción a la disposición en DreamWeaver

La disposición de páginas es una parte fundamental del diseño Web. El término disposición de páginas hace referencia a la apariencia de las páginas en el […]
25 diciembre, 2014
dreamweaver

Uso del refresh en DreamWeaver

Con esta opción se podrá redirigir la página actual o simplemente actualizar el documento al transcurrir cierta cantidad de segundos, regularmente está opción se usa para […]
25 diciembre, 2014
dreamweaver

Estilos en Cascada (CSS) con DreamWeaver

Los Estilos en cascada, estilos css, nos permiten controlar los parámetros de estilo para todos los documentos que forman un sitio web. Esto es así cuando […]
25 diciembre, 2014
dreamweaver

Uso básico de las capas en DreamWeaver

Las capas no son más que unos recuadros, que pueden situarse en cualquier parte de la página, en los que podemos insertar contenido HTML. Dichas capas […]
25 diciembre, 2014
dreamweaver

Área de trabajo en DreamWeaver

Pantalla inicial de Dreamweaver El área de trabajo de Dreamweaver puede adaptarse a distintas formas de trabajar y a diversos niveles de experiencia. Cuando inicie Dreamweaver, […]
25 diciembre, 2014
dreamweaver

Las plantillas en DreamWeaver

Una plantilla es una estructura en la que hay partes no editables (que no se van a poder modificar) y otras que son modificables para llenarse […]
25 diciembre, 2014
dreamweaver

Introducción a la creación de formularios con DreamWeaver

Los formularios poseen campos que son enviados a una secuencia de comandos CGI que se encuentra en el servidor para su procesamiento. Los formularios nos permiten […]
25 diciembre, 2014
dreamweaver

Adaptar web a distintas resoluciones con DreamWeaver

Siempre que se crea una página web hay que tener en cuenta que va a ser vistada por usuarios con monitores de distintos tamaños y con […]
25 diciembre, 2014
dreamweaver

Tablas en DreamWeaver

Las tablas sirven para organizar datos e imágenes en un archivo HTML. Consisten de tres elementos básicos: filas, columnas y celdas (que surgen de la intersección […]
25 diciembre, 2014
dreamweaver

Línea de Tiempo en DreamWeaver

HTML dinámico se refiere ala capacidad de cambiar el estilo o propiedades de posicionamiento por medio de un lenguaje de script. Las líneas de tiempo utilizan […]
25 diciembre, 2014
dreamweaver

Trabajando con Capas en DreamWeaver

Es difícil definir qué es una capa. Una de las formas consistiría en imaginar que es una página web dentro de otra página web. En realidad […]
25 diciembre, 2014
dreamweaver

Notas en DreamWeaver

Es una herramienta de Dreamweaver muy útil cuando el sitio se construye entre varias personas o cuando queremos realizar alguna anotación que nos sirva para el […]
25 diciembre, 2014
dreamweaver

Mapas de Imágenes con DreamWeaver

Cada vez que usted inserta una imagen a su documento podrá observar en la parte inferior izquierda del panel Propiedades algo similar a lo siguiente: Lo […]
25 diciembre, 2014
dreamweaver

Inserción de etiquetas meta con DreamWeaver

Las etiquetas meta suministran información sobre la página web, esta información puede ser sobre el autor del documento, la descripción de la página, palabras claves o […]