Documenti di Didattica
Documenti di Professioni
Documenti di Cultura
MENU:
Para el men de navegacin debo ubicar la solapa biblioteca de widgets (en la barra lateral
que nos muestra las capas y las ventanas de operacin), y all puedo elegir men horizontal o
vertical, para arrastrar en el rea de trabajo. El men creado tendr tantos botones como
pginas haya creado. Si quiero ignorar esto, en las opciones, en tipo de men, selecciono
manual, all tambin tengo la opcin de editar conjuntamente, para que cada cambio se
refleje en todos los botones, o no.
Si quiero que mi men sea esttico, es decir, siempre visible a pesar de que baje por la pgina,
debo seleccionar el elemento (o grupo de elementos en el caso del men) y dirigirme a la barra
superior de Muse, donde sobre la derecha encontrar la opcin fijar, donde tengo 6 puntitos que
componen un cuadrado; en este caso de fijar el men selecciono el punto superior central.
Tambin puedo habilitar la opcin de ajustar al ancho de pgina, en el botn que est junto a
las dimensiones de la barra de navegacin, en la barra superior de Muse.
Sea en los botones de mi men, o en cualquier otro elemento, puedo configurar el
comportamiento cuando pose la flecha del mouse encima del elemento, o cuando haga clic. Esto
lo modifico arriba a la derecha, en la primer opcin de la barra superior de Muse. All est la
opcin del estado, donde por defecto trabajamos en normal, pero podemos establecer
diferentes apariencias en rollover, ratn pulsado o activo.
Muse tiene opciones grficas similares a las de photoshop, por lo que me permite dibujar formas
con una herramienta interna. Con ella puedo hacer desde lneas de un pixel de grosor, hasta
cuadrados, figuras con bordes redondeados, o crculos. Con la instalacin de widgets adicionales,
puedo realizar otro tipo de figuras poligonales.
Para editar las fuentes, voy a la solapa texto y all puedo elegir fuentes o utilizar unas en lnea
(sino se descargan, pero sern utilizadas como imagen).
Para cambiar los colores de los botones voy a la solapa estados (con el men seleccionado).
Cada color que elijo de la paleta puede ser guardado con el botoncito que est al lado del tacho
(abajo a la izquierda en el recuadro). Si quiero que mis botones sean diferentes formas, agrego
la imagen que quiero en cada botn, desde las opciones de relleno, habiendo deshabilitado
previamente la opcin de editar conjuntamente en las opciones del men. O bien puedo cargar
las imgenes una por una, y crear el men de forma completamente manual.
OPCION DE ANCLA:
Nos permite marcar puntos dentro de una pgina (sobre todo si es extensa), para dirigirnos
mediante un clic. El ejemplo ms conocido es el del final de una pgina, en el que agregamos un
botn o texto ofreciendo ir arriba del todo. Sin tener seleccionado ningn elemento,
encontramos el icono de ancla en la barra superior del programa. Luego de marcar un ancla y
asignarle un nombre, podemos seleccionar un botn o imagen en cualquier lugar de la pgina, y
en la misma barra superior donde se encuentra el icono de ancla, asignar un vnculo hacia una
de las anclas que hayamos creado. Las anclas creadas se pueden copiar de una pgina a otra.
<style>
.cuadrado{
transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
}
</style>
Previsualizo y compruebo que funcione el fundido de transparencia. A continuacin, creo una
caja de texto dentro de los lmites de la imagen, e ingreso todo el texto deseado, en color blanco
(ese texto es el que vinculo a la pgina que yo desee, en la opcin Hipervnculos, en la parte
de arriba de Muse). A esa caja de texto le doy transparencia (opacidad) 1%, y luego voy a
estilos grficos y creo uno nuevo, al cual le doy doble clic y lo llamo ttulos. Ntese que en el
cdigo que les deje arriba aparecen las palabras cuadrado y ttulos, porque son los nombres
que puse en estilos grficos; si hubiera puesto otro nombre a esos estilos, deber modificarlo
en el cdigo cambiando el que tena por este:
<style>
.cuadrado, .titulos{
transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
}
.cuadrado:hover .titulos{
opacity:1;
}
</style>
Ya podremos ver nuestro efecto en funcionamiento. Para copiarlo, selecciono el cuadrado de
transparencia y la caja de texto (con la tecla shift en vez de control), y pulsando la tecla Alt y
arrastrando, estar generando una copia, a la que solo me restar cambiarle el contenido del
texto.