Cómo hacer un menú en línea

Smashing Magazine, una de las principales autoridades de diseño Web, dice: "La navegación es el elemento más importante en el diseño Web." los desarrolladores web crear menús en una variedad de estilos. menús horizontales fluyen a través de la página, mientras que los menús verticales aparecen en el lado. El estilo que elija depende de sus objetivos de diseño. Puede utilizar Flash, CSS o JavaScript para crear menús o generarlos en línea en cuestión de minutos.

Instrucciones

Usar CSS Menu Maker

1 Visita el sitio web del fabricante del menú CSS. Verá la muestra desplegable, horizontales y verticales menús.

2 Haga clic en uno de los menús y haga clic en "Personalizar". La página de la estructura Crear menú se abrirá.

3 Haga clic en "Añadir botón." Introduzca un título para el botón en el cuadro de texto Título. Introduzca una URL en el cuadro de texto Vínculo. El título que escriba aparecerá en el botón. Al hacer clic en el botón, el navegador le llevará a la URL que introduzca en el cuadro de texto Vínculo.

4 Haga clic en el cuadro desplegable "Destino" y seleccione "la misma ventana" para que el enlace se abre en la misma ventana del navegador. De lo contrario, seleccione "Nueva ventana". Haga clic en "Vista previa" para previsualizar el menú.

5 Haga clic en "seguir editando Mi Menú" y continuar añadiendo botones de menú adicionales si los necesita.

6 Haga clic en "Vista previa" cuando haya terminado y hace clic en "Descargar ahora". El sitio descargará un archivo ZIP en su disco duro y abrir una ventana de Windows Explorer.

7 Haga clic en el botón "Extraer todos los archivos" en la parte superior del Explorador de Windows y haga clic en "Extract". Explorador de Windows va a extraer los archivos en el disco duro y los muestra en una carpeta. Estos archivos incluyen imágenes, código CSS e instrucciones de instalación.

8 Haga clic en el archivo HTML "Installation_Instructions". Su navegador se abrirá y mostrará cómo agregar el menú de su sitio web.

uso IzzyMenu

9 Visita el sitio web IssyMenu y haga clic en "Mi Menús". Aparecerá un menú de registro.

10 Introduzca un nombre de usuario y la contraseña de su elección para crear una cuenta gratuita. Haga clic en "Registro".

11 Introduzca su nombre de usuario y contraseña en los cuadros de texto de sesión y haga clic en "Acceder". Haga clic en el botón "X" en la parte superior de la página para mostrar la página de inicio.

12 Haga clic en "Estilos de menú." La página de catálogo de menú se abrirá y mostrará una lista de estilos de menú. Navegar por los menús y haga clic en uno que te guste. El sitio mostrará el menú de la ventana de edición. El lado izquierdo de la página contiene propiedades del menú, como el tipo de menú, la fuente, el ancho y el color.

13 Busque la propiedad Tipo de menú y haga clic en "Vertical" u "Horizontal" para elegir un tipo de menú.

14 Usa las flechas desplegables para establecer la fuente, el ancho, el color de fondo y otras propiedades del menú. Si no realiza ningún cambio, el sitio utilizará los valores predeterminados de la propiedad.

15 Haga clic en el botón "Enlace". El sitio mostrará propiedades del vínculo, como el color, altura de la línea y de la frontera. Usa las flechas desplegables para establecer las propiedades o dejar los valores por defecto.

dieciséis Haga clic en el botón "Hover". Podrás ver las propiedades de enlace de la libración como el color y el color de fondo. Estas propiedades definen cómo se ven los enlaces cuando se pasa el ratón sobre ellos. Seleccionar valores de estas propiedades si desea cambiar los valores por defecto.

17 Haga clic en "Estructura de los menús". La página de la estructura del menú se abrirá y mostrará la estructura de menú actual. Por defecto, verá artículos para "Inicio", "con" y "Contacto". Aparece una URL junto a cada elemento. Por ejemplo, la URL del elemento principal es "home.html".

18 Haga clic en "home.html" y escriba la dirección URL de la página principal real.

19 Haga clic en las direcciones URL "about.html" y "contact.html" y reemplazarlos con las URL de sus páginas web acerca de Contactos. Si no desea utilizar uno de los elementos de menú existentes, haga clic en el botón "menos" junto al elemento que desea eliminar.

20 Haga clic en el botón "más" para añadir un nuevo elemento de menú. El elemento aparecerá en la lista. Haga clic en el nuevo elemento, mantenga pulsado el botón izquierdo del ratón y arrastre si desea cambiar su posición.

21 Haga clic en "Descargar". El sitio descargará un archivo ZIP en su disco duro y abrir una ventana de Windows Explorer.

22 Haga clic en el botón "Extraer todos los archivos" en la parte superior del Explorador de Windows y haga clic en "Extract". Explorador de Windows va a extraer los archivos en el disco duro y los muestra en una carpeta. Estos archivos incluyen imágenes, código CSS e instrucciones de instalación.

23 Haga doble clic en el archivo llamado "IzzyMenu.html." Su navegador se abrirá y mostrará su menú.

Usar CSS Menu Builder

24 Visita el sitio web del constructor Menú CSS. Verá una lista de estilos de menú horizontales, verticales y pan rallado.

25 Haga clic en el botón que corresponde al estilo que desea utilizar. Por ejemplo, para crear un menú horizontal, haga clic en "Crear menú horizontal". La página de diseño se abrirá y mostrará diversos estilos de botón.

26 Haga clic en uno de los estilos de botón y haga clic en "Siguiente". El sitio mostrará cinco secciones de color.

27 Seleccione los valores de color en la sección Colores puntero para configurar el color del puntero del ratón.

28 valores de color establecidos en la sección Colores de la libración para ajustar la forma en que aparece un botón cuando se pasa el ratón sobre él. Por ejemplo, si se elige el rojo como color de la libración, botones de menú se pondrán en rojo mientras se mueve el puntero del ratón sobre ellos.

29 Definir los valores de color de los colores inactivos sección para configurar la forma en que un botón aparece cuando no se ha seleccionado.

30 Seleccione los valores de color en la sección Colores activos para ajustar la forma en que un botón aparece cuando se selecciona.

31 Busque la sección Ajustes de menú y seleccionar valores para la alineación de contenedores, ancho de menú y texto. Ponga una marca al lado de "esquinas redondeadas" si desea crear un menú con las esquinas redondeadas.

32 Haga clic en "Siguiente" para mostrar la página de enlaces. Por defecto, verá los elementos de menú muestra la casa, servicios, y acerca del contacto. Haga clic en el botón "Eliminar vínculo" al lado de cada elemento del menú para eliminarlo.

33 Escriba un nombre para un artículo que desea que aparezca en el menú en el cuadro de texto Nombre de vínculo. Introduzca la URL asociada con ese nombre en el cuadro de texto URL. Haga clic en "Añadir enlace". El nuevo elemento aparecerá en el lado izquierdo de la página.

34 Repita este proceso para agregar elementos adicionales a su menú. Para cambiar el orden de los elementos, haga clic y arrastre a nuevas ubicaciones en el menú.