Duda con mi web

Hola tengo una duda que es como puedo hacer que el menu cuand yo le haga click me lleve en la misma pagina a otra seccion.
Es una pagina de un equipo en el menu estaran sus jugadores y cuando hagas click en uno te dira informacion , como hago para que haga click en uno y en la misma pagina me aparesca su informacion y lo mismo con los otros.

Pues debes crear otra página que sea igual (duplicas la anterior), pero le cambias el contenido, y luego para enlazarla usas el siguiente código:
rutadelarchivo.html"]Texto sobre el que dar clic
Saludos :wink:

Pues para eso se usa los frames

por ejemplo en una seccion donde va a salir la informacionde los jugadores le colocas un frame
<iframe width="450" height="750" id="contenido"></iframe>

Luego como dice jugoncan

Texto sobre el que dar clic

Eso hara q se cargue la pagina dentro del frame y no necesite q se abra otra ventana .. :wink:

Pero yo no te aconsejo los frames, aunque sea exactamente lo que pediste son peores para el posicionamiento, así que te aconsejo mejor la forma que te dije :wink:

Bueno esto eh conseguido acerca del posicionamiento ..aun no lo eh probado .. :D :

Enlaces:
- Google sólo sigue enlaces href y src.
- Los enlaces deben ser, en la medida de lo posible, una o varias palabras que contengan las palabras clave de la página que enlazamos, situando estas al principio del texto del enlace. Si el enlace debe ser una imagen, se utilizará la etiqueta ALT con las mismas palabras que si se hubiera usado un enlace de texto.

Frames:
- A Google NO le gustan los frames. Lo único que se consigue con los frames es que Google se encuentre un archivos en blanco nada más llegar a un sitio, y eso no le causa buena impresión.
- Siempre que se usen frames se debe utilizar a continuación la etiqueta <noframes>. Esto es lo que verá Google cuando acceda a la página, incluidos posibles enlaces.
- Esto se aplica también a los iframes. La etiqueta sigue siendo <noframes> (nada de inventarse la etiqueta <noiframes>

Flash:
- Google no indexa Flash.
- El Flash no se debe usar para hacer los sitios, sino para añadirles interactividad y pequeños gráficos animados.
- Si se desea hacer una versión del sitio en Flash, se deberá crear otra versión en html. El enlace para ir a una versión o a otra deberá estar en la página de inicio.
- Poner la intro en Flash en una capa que ocupe el 100% de la pantalla, y de forma que el botón de saltar intro oculte la capa. De esta forma la información principal y la intro se encontrarán en el index.html
- Igual que para los frames, existe una etiqueta <noembed> para ayudar a Google cuando se encuentra un archivo Flash.
- Si se hacen las barras de navegación en Flash, se deberán poner los enlaces con texto al pie de la página (o al menos con la etiqueta <noembed>.

Javascript:
- Google tampoco lee Javascript. Esto incluye los Show-HideLayer, OpenBrowserWindow, SwapImage…
- En la medida de lo posible se deben evitar los enlaces con javascript, de forma que Google sea capaz de indexar TODAS nuestras páginas. Si usáramos javascript, no lo reconocería como un enlace y no indexaría esa página.
- Al igual que con los Frames y con Flash, existe una etiqueta <noscript> que se debe usar cuando se haya añadido código javascript, y deseemos que Google siga un enlace o algo similar. Hay que tener en cuenta que para Google es mejor un enlace de texto normal que un enlace dentro de una etiqueta <noscript>.

Otras cosas que no le gustan:
- Tampoco le gustan los Quicktime, para los que se debe usar también la etiqueta <noembed>.
- Ni las redirecciones ni los menús Pull-down.
- Debe haber un equilibrio entre código y contenido (lo que verá el usuario), así que mejor poner los javascript y los estilos css en archivos externos.
- Siempre es bueno poner un mapa del sitio, de forma que Google indexe TODAS las páginas, incluso aunque hayamos tenido el desliz de usar enlaces con javascript o Flash sin las pertinentes etiquetas <no.....>.

El Pagerank:
- El Pagerank es como la popularidad. Si tú eres muuuuuy popular y sales con una persona, esta se hace más popular, pero si sales con muchas cada una se hace solo un poco más popular.
- De esta forma funcionan también los sitios web para Google. Si una web te da su enlace, considera que tu página es lo suficientemente importante como para que alguien te enlace, y esa página te ayuda a ser un poco más popular. Google piensa que la popularidad (el Pagerank) es muy importante, así que es uno de los factores que más tiene en cuenta en una búsqueda.
- Por lo tanto, cuantos más sitios web te enlacen, más popularidad tendrás.
- Esto se aplica también a las páginas individuales dentro de un sitio. A esto se le llama el Pagerank interno. Lo que significa esto es que, si tienes una página muy visitada, con un contenido muy interesante y bien optimizado, puedes enlazar a otra página de tu sitio de forma que esta otra página sea un poco más popular.
- Al enlazar sitios o páginas, no se pierde Pagerank (PR). La cosa funciona de la siguiente manera: si tu sitio tiene PR 8 y das un enlace a otro sitio, este recibe todo tu PR (no significa que sume 8 a su PR, pero sí sube mucho). Sin embargo, si enlazas ese sitio y otro más, cada uno recibe la mitad de tu PR, y así sucesivamente.


sacado de foros invision power.

Pero como tu dices jugoncan , se me abrira otra ventana?

No, se te abre otra página en la misma ventana, pero como la páginaes igual con contenido distinto noda la impresión de que te salgas :wink:

jajaja Lindo truco , yo ya hize una pagina que se llama jugadores igual a la plantilla.
Y ahora hago otras paginas con los nombres de los jugadores?

Pues sí, si quieres dedicar una página a cada jugador. La mayoría de páginas webs están hechas así, si te fijas en cctw o en una de las mías cuando das clic a un enlace para ir a otra parte de la web cambia la dirección de arriba, te vas a otra página distinta :wink:

Como puedo agrandar mi menu y que todo quede igual , osea ponerle mas Enlaces

Agrandarlo como? Sólo tendrías que añadir otro enlace y ya se agranda sólo :?

pero se me deforma el pie de la web, y se me va lo gris del fondo :S

Cuál es la url o los códigos?

El Codigo de jugadores.html:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Page title</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
<link rel="stylesheet" href="estilo-menu-desplegable.css" type="text/css" media="all">
<script language="javascript" src="no-tocar.txt" type="text/javascript"></script>
<script language="javascript" src="numero-de-menus.txt" type="text/javascript"></script>
</head>
<body onload="init();">
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">
<div id="publicidad">Jugadores del Plantel</div>
</div>
<div id="navegacion">
<ul>

Sección 1

Sección 2

Sección 3

</div>
<div id="contenido">
<div id="menu">
<h1>Título de Sección 1</h1>
<ul>

Enlace 1

Enlace 2

Enlace 3

Enlace 4
</div>
<h1>Esta será la zona principal de la web</h1>


Este es mi segundo párrafo. Acabo de poner un punto y en cambio sigue siendo un párrafo
pues no le he colocado aún la etiqueta de cierre. Voy a ponersela justo aquí.</p>
<h2>Y este es el tercer párrafo.</h2>


En pocas lecciones aprenderé a darle margenes para
separarlos unos de otros, e incluso hacerles sanguias por la izquierda a la primera línea,
que queda mucho mejor.</p>


Anda, fijate! Salen todos centrados, que cosa. Espero que Jorgens nos enseñe a ponerlos
alineados a la izquierda, o justificados. Así esto parece una poesia! je je je.</p>
</div>
<div id="pie">
<div id="pieuno">
<ul>

Foro ejemplo

Contactos

Nos enlazan

</div>
<div id="piedos">pie dos</div>
<div id="pietres">
<ul>

Directorio

TopSite

Mapa de la web

</div>
</div>
<div id="curva-inferior"></div>
</div>
<script language="javascript" src="definir-menus.txt" type="text/javascript"></script>
</body>
</html>


Y el estilo-general.css:
* {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
p {text-align: justify}
body{text-align:center;background-color:#1E90FF}
h1 {font-size: 1.2em; color:blue ; font-weight: bold ; text-decoration: underline ;
text-align: center}
h2 {font.size: 1.1em; color:blue ; font-weight: bold ; text-decoration: none ;
text-align: center}
body {text-align: center }
#global {width:800px ; margin:4px auto }
#curva-superior { background-image: url(objetos/curva-superior.gif) ;
background-repeat: no-repeat ;
width: 800px ;
height:12px ;
overflow: hidden }
#cabecera {background-color: white ; border-left: black 1px solid ;
border-right: black 1px solid ; height:85px}
#logotipo {width:280px ; float:left }
#publicidad {width:518px ; float:right ; margin-top:25px ; font-size: 16px }
#navegacion {background-color: gray ; border: black 1px solid ; height:20px}
#navegacion li {float:left ; list-style:none ; margin: 0px 20px 0px 20px }
#navegacion ul { margin-left: 180px }
#contenido {background-color: white ; border-left: black 1px solid ;
border-right: black 1px solid }
#contenido p {margin: 5px 10px 0px 10px ; text-indent: 15px}
#menu {background-color: lorange ; width: 150px ; float:left ;
text-align:left ; margin: 3px 10px 3px 3px ;
background-image: url(objetos/menu-parte-inferior.gif);
background-position: bottom ;
padding-bottom:5px }
text-align:left ; margin: 3px 10px 3px 3px}
#menu li {list-style:none ; margin: 4px 0px 4px 6px }
#menu li { list-style:none }
#menu h1{text-decoration:none;font-size:12px;background-image:url(objetos/menu-parte-superior.gif);padding-top:12px}
#pie{background-color:white;
border-left:black 1px solid;
border-right:black 1px solid;
border-top:black 1px solid;
height:60px;}
#curva-inferior{background-image:url(objetos/curva-inferior.gif);
background-repeat:no-repeat;
width:800px;
height:12px;
overflow:hidden}
#curva-inferior { background-image: url(objetos/curva-inferior.gif) ;
background-repeat: no-repeat ;
width: 800px ;
height:12px ;
overflow: hidden }
#pie li{list-style:none;font-size:12px}
#pieuno{background-color:white;float:left;width:150px}
#piedos{background-color:white;float:left;width:498px}
#pietres{background-color:white;float:left;width:150px}
a {color:brown;text-decoration:none;display:block}
a:link{}
a:visited{}
a:hover{color:red;text-decoration:underline;background-color:silver}
a:active{}
#pie a {color:blue;text-decoration:none;display:block}
#pie a:link {}
#pie a:visited {}
#pie a:hover {color:black;text-decoration:undeline;background-color:yellow}
#pie a:active {color:black}
h1 {font-size: 1.2em; color:blue ; font-weight: bold ; text-decoration: underline ; text-align: center}
#menu h1{text-decoration:none;font-size:12px;background-image:url(objetos/menu-parte-superior.gif);padding-top:12px}

Aquí tienes dos fallos:

#menu {background-color: lorange ; width: 150px ; float:left ;
text-align:left ; margin: 3px 10px 3px 3px ;
background-image: url(objetos/menu-parte-inferior.gif);
background-position: bottom ;
padding-bottom:5px }
text-align:left ; margin: 3px 10px 3px 3px}

Saludos :wink:

Y que hago con ellos :shock:

Otra cosa esque la esto haciendo ahora, como hago para poner otro menu desplegable? ya lo eh puesto pero los sub menus no me salen

lo de lorange está mal escrito, seguro que no lo ves naranja. No te aconsejo que lo escribas así, si no que escribas el código html.
Lo otro debes borrar el } y poner un ;
Saludos :wink:

Es increible de tu conocimiento :)

Y con respecto a los menus desplegables?

Pues el menú desplegable es que nunca me interesé por ellos, entonces no los he aprendido. A ver Yaneth, que ella si sabe :wink:

Y yaneth se durmio.. jeje

Tengo estos problemas:
Porque cuando pongo Red en vez de lorange no me aparece en rojo :(
El de poner mas sub menus.
Y que cuando pongo algo en el dezplegable para mi pagina de jugadores, tmb se me modifica en la plantilla.
Otro problema en mozila se ve mal pero en IE se ve bn :(
Esto me estresa :(

No escribas los colores, pon sus códigos. Por ejemplo, en vez de red pon #FF0000
Los códigos los tienes aquí: http://www.mxstudio.com.br/Conteudos/Dreamweaver/Cores.htm

Hola

ya lleguéeee jejejeje

Oops, dame la url de tu página para checarlo

saludos

Ya lo eh arreglado gracias :D

Ok, jeje