PANIKE NET | PANIKE.COM | NUESTRO DEPORTE | PIHUAMO | TUTORIALES VARIOS LA COMUNIDAD |
     
Top
                      Envía tus mensajes a: tutorialesvarios@groups.msn.com                                        Unete a Tutoriales Varios aquí

FRONT PAGE

Página menú
PANIKE
Borrar registro
Cool Edit Pro
Front Page
MI Arroba
MSN
Outlook Express
PSP 7
Top
Windows Media Player

 

Tutoriales Varios - Panike

Front Page Página menú
Mi @rroba Webs Crear Cuenta | Cargar archivos 1 | Cargar archivos 2 | Cargar archivos 3 | Cargar archivos (Para imprimirse)
MSN Grupos Organizar Paneles | Quiniela | Tabla 01
Outlook express Hotmail.com | Panike.com
PSP 7 Redimensionar Animación
Varios Reproductor de windows media

Tuto Página Menu

Se inicia Front Page (FP) y de abre una página nueva, la cual estará en blanco y tendrá automáticamente como nombre "new_page_1.htm"

Se hace click en "File" y se abre un menu, se busca "Save as" y se da click, como se muestra en la figura de la derecha.
 

Saldrá una ventana como la siguiente, y eligirás la carpeta donde la vas a guardar (por regla general, en la misma carpeta donde el menu servirá como tal) donde podrás cambiarle el título de la página (esto es el nombre que sale en la barra superior de la pantalla en cualquier página web al ser vista por los usuarios) dando click donde lo muestra la manita.

Y te saldrá una ventanita como la siguiente, donde le podras poner el nombre que gustes (en este caso es "Tutoriales Varios") y despues haces click en OK.

Y ahora podras cambiarle el nombre a la página así: en este caso fue "menututo" y de ahora le das en Save

Ahora estamos listos para crear nuestro menu. La página se verá como en la imagen a la izquierda, y en la esquina izquierda abajo, le damos en HTML.

En el "body" tag (tag se le llama a el texto en HTML que esta encerrado entre los simbolos < >) donde lo señala la manita, dice <body> y se le añade el siguiente texto: topmargin="0" leftmatgin="0".

Quedará así: <body topmargin="0" leftmargin="0"> como lo muestra la imagen de abajo.

Enseguida, regresamos a "normal" como lo muestra la manita abajo, y así podremos continuar creando nuestro menu.

Ahora vamos a crear una tabla, en el menu de arriba damos click, en el menu que sale vamos a Insert, y de allí a Table y le damos click.

Nos saldrá una ventana así, y le marcaremos los parámetros que muestra la imagen. Se comprende que los "Rows" usaremos dos en esta tabla en particular, despues se pueden aumentar o borrar, de acuerdo a como sea necesario. Las columnas solo necesitaremos una.

Este será el resultado

Luego le damos click derecho en la tabla recien hecha y sale el menu que se muestra en la imagen, y eligiremos Table Properties y le damos click.

Nos saldrá una ventana como esta, donde dejaremos todos los parámetros como estaban y solo iremos cambiar el color de fondo y para ello vamos abajo a "Background" y a "Color" y dándole en la flechita saldrá para seleccionar los colores, donde en este caso eligiremos "Silver" (Si se quiere usar un fondo de imagen, también se puede hacer, y para ello se hace como se pondría fondo a cualquier tabla, cabe mencionar que también se puede dejar el fondo en "Automatic" lo cual provocará que adopte el color del fondo de las paginas donde despues insertaremos el menu)

Despues le damos en "Apply" y en OK
Y nos quedará la tabla del menu como se muestra abajo.

En seguida sombrearemos SOLAMENTE las celulas (celdas) de la tabla, despues le damos click derecho y en el menu eligiremos "Cell Properties".

Saldrá esta ventana, donde dejaremos todos los parámetros como estaban, excepto en el fondo (Background) algo mas o menos parecido a lo que hicimos en la tabla, solo que ahora es solo en las celulas. Vamos a la flechita para que salga la paleta de colores. En esta ocasión, eligiremos un color diferente de tono para que contrasten un poco y elegimos "Gray" (Gris), luego le damos en "Apply" y "OK"

Nos quedará algo así: Allí, le escribiremos los nombres de las páginas que queremos enlazar, en este caso elegimos "INICIO" y "Menu Tuto" (Si se quieren usar imágenes o botones para ello, también se puede, sin olvidar que estamos usando unas medidas pequeñas, de 120 de ancho, y tenemos que tomar en cuenta los 3 pixeles usados para separar celulas (Cell Spacing) y los 6 usados para que las letras no queden tan cerca de la orilla de la celula (Cell Padding), (Tomando en cuenta que esto es en ambos lados, eso significa que se usan 18 pixeles en ello) por lo tanto, en este caso se podrian cambiar esos parametros o usar imagenes de 120 - 18, lo cual sería un máximo de 102 pixeles de ancho.)

Para enlazar las páginas, sera como cualquier otra cosa que quieramos enlazar, pero continuamos con los siguientes pasos: Sombreamos las letras que queremos usar para enlazar las páginas y luego vamos a la herramienta de Insertar enlaces (Insert Hyperlink) mostrado en la imagen abajo.

Nos saldrá una ventana como la de la imagen, donde buscaremos en la carpeta apropiada y elegimos la pagina que queremos enlazar dando un click en el nombre, y podremos apreciar en la barra inferior el nombre de dicha página, despues, damos en OK.

Ahora podemos apreciar que ya tenemos listo el enlace. Se repite la acción cuantas veces sea necesario buscando sombreando las letras y buscando la página apropiada. Si se necesitan mas de 2 celulas, se da un click en la celula de abajo y se presiona la tecla "tab" (lado izquierdo del teclado, a la izquierda de la Q) y se repite el proceso tantas veces como sea necesario.

Ya tenemos listo nuestro menu, el cual guardaremos dando en "Save"

Todos los tutoriales en estas páginas son propiedad de Panike Sánchez. Prohibida su reproducción total o parcial, su copia, impresión, o cualquier uso con fines de lucro sin el debido consentimiento por escrito del autor.

© Panike Sánchez 2001 - 2007. Todos los derechos reservados