Ventana de Herramientas

En esta página se comentan algunas características particulares de Amaya:

Herramienta "Aplicar clase"

La herramienta "Aplicar clase" permite aplicar de una forma rápida una clase definida en la hoja de estilo a cualquier elemento de la página.

El primer paso es definir la clase en la hoja de estilo.

Todas las clases definidas en la hoja de estilo se muestran en la herramienta "Aplicar clase". Para aplicar una clase a un elemento primero hay que seleccionar el elemento (con la tecla F2) y después hacer doble en clic en la clase que aparece en la herramienta "Aplicar clase".

Amaya aplica inmediatamente las propiedades de la clase. Además, en el código fuente puede comprobarse que la clase se ha aplicado a la etiqueta.

Esta herramienta permite aplicar varias clases al mismo elemento, seleccionando el elemento y haciendo clic en cada una de las clases.

Esta herramienta permite eliminar las clases, seleccionando el elemento y haciendo clic en (no_class).

Volver al principio de la página

Herramienta "Atributos"

La herramienta "Atributos" permite establecer cualquier atributo a cualquier etiqueta.

El primer paso es seleccionar el elemento (con la tecla F2) y a continuación desplegar la lista desplegable de la herramienta "Atributos", que mostrará todos los atributos que pueden establecerse al elemento seleccionado.

A continuación hay que elegir el atributo que se quiere establecer (en el ejemplo, el atributo class).

Inmediatamente, se mostrará el atributo elegido en la ventana de la herramienta y el cursor se situará en una caja de texto en la que se puede establecer el valor.

Tras escribir el valor del atributo (en el ejemplo, se da el valor grande al atributo class), hay que pulsar Intro o hacer clic en el botón Aplicar ().

Nota: Un error bastante común consiste en escribir el nombre de la etiqueta en el nombre de la clase, es decir, escribir "p.grande" en vez de "grande", o en escribir el punto, es decir, escribir ".grande" en vez de "grande". En el campo class hay que escribir únicamente el nombre de la clase. Si se comete este error, el navegador no aplicará las propiedades. Para corregir el error, hay que modificar el valor del atributo.

Posteriormente, si se selecciona el elemento con F2, la ventana de la herramienta "Atributos" muestra los atributos del elemento y sus valores, que también pueden verse en el código fuente.

La herramienta "Atributos" también permite modificar un atributo o eliminarlo. Para ello, primero hay que seleccionar el elemento con la tecla F2, y después hacer clic en el atributo que se quiere modificar o eliminar.

Para eliminar el atributo hay que hacer clic en el botón Borrar ().

Para modificar el valor del atributo, se debe utilizar la caja de texto en la que se muestra el valor actual del atributo. Una vez modificado, hay que pulsar Intro o hacer clic en el botón Aplicar ().

Volver al principio de la página

Esta obra está bajo una licencia de Creative Commons Reconocimiento-CompartirIgual 3.0 España.