Pasando a la práctica y una vez tengamos instalada la extensión en el navegador Google Chrome, nos mostrará en la barra de extensiones un botón parecido a una regla.
Haga clic sobre el botón de Page Ruler, nos muestra una serie de datos referente a comienzo, fin y dimensiones del área seleccionada, en este momento estará a cero.
Observe que el puntero del ratón ha modificado su aspecto a una cruz. Haga clic sobre el un punto de la pantalla y arrastre, hasta marcar el área a seleccionar. Observe que las cantidades han cambiado, hacen referencia al área seleccionada.
Si desea modificar el color del área seleccionada haga clic en el botón Color, le mostrará un selector de color, marque el color que desea y haga clic en el botón Aceptar.
En el caso que quiera trasladar el área definida, sitúe el puntero del ratón sobre esta, su aspecto se modificará a una flecha de cuatro puntas, haga clic y arrastre el área hasta donde desee.
Puede modificar las dimensiones del área, sitúe el ratón sobre uno de los bordes, su aspecto se modificará, a una flecha de dos puntas, haga clic y arrastre para definir las nuevas dimensiones del área.
Observe la líneas que van desde las esquinas del área seleccionada, se puede eliminar haciendo clic en el botón Show Guides o Mostrar guías.
En izquierda de la barra de cantidades, encontramos un botón con los signos menor y mayor, <>, sitúe el cursor sobre este botón.
Al hacer clic sobre el botón Activar el modo de elemento, pone en marcha una utilidad que para los programadores y diseñadores de páginas Web es de un valor incalculable.
Sitúe el puntero del ratón sobre cualquier elemento de un elemento de alguna página Web, comprobará que este elemento se activa, mostrando su medidas y posición en la barra de Page Ruler.
0 comentarios:
Publicar un comentario