Otra web a criticiar

:arrow: Artes marciales
:arrow: ADVERTENCIAS: Ninguna, para todos los públicos.
:arrow: Quisiera que me dierais vuestra opinión acerca del diseño de la página, Los colores que he escogido y la posición de menús. facilidad para navegar, de todo lo que se os ocurra

Hola. Acabo de terminar la web y me gustaría que la criticaseis (constructivamente, claro) y de paso comentaros algunas dudas que me surgieron sobre la marcha, la solución que adopté y mejoras que me digais.

Bueno, antes de todo quiero agradecerle a Jorgens por el tutorial de crear la web paso a paso. Me he basado en su tutorial para crearla.

Como veis, estructuralmente tiene un menú horizontal arriba y otro submenú vertical a la izquierda (el papiro) al entrar en el apartado historia. Para crearla, usé 4 capas: el encabezado, menú horizontal, contenido y otra capa anidada dentro de contenido para el submenú vertical (el papiro).
Me hubiera gustado que la capa de contenido fuera lo correspondiente al color marrón oscuro, pero al tratar de poner la capa del menú vertical medio dentro y medio fuera de la capa de contenido no pude. ¿cómo podría hacerlo?
La solución que tomé es crear la capa contenido con el ancho total de la web, asignarle el color marrón oscuro a la derecha, y en la izquierda, aplicarle una imagen que se repite en el eje "y" con el color marrón claro. Entonces sí que me deja poner la capa del menu vertical entre ambos colores, el marrón claro y el oscuro.
Para que el texto unicamente esté en la zona marrón oscura, lo que hice fue asignarle en la hoja de estilos a la capa contenido un margin de 170 por la izquierda. El problema es que las líneas de título no me las centra con respecto a la zona marrón oscura, sino al total de la capa y queda un poco desplazado a la izquierda. ¿Cómo podría resolverlo para que se vean centrados los títulos?
En cada menú que se selecciona, queda subrayado el apartado en el que estás. Para subrayar esto, lo hice en la página del html, no en la de estilos. ¿debería crear un tipo de texto con subrayado en estilos y asignarlo a esa palabra?
En historia, en los distintos apartados he añadido unas fotos, pero me gustaría añadir un pequeño margen de color a la foto y un texto en pequeño debajo de la foto comentándola. ¿sabeis la forma de hacerlo?
Por último, en contacto, he añadido el google maps, pero la línea de abajo, donde dice "ver mapa más grande" no sé como centrarlo con respecto a la imagen. ¿sabeis cómo?

Bueno, esto es todo por el momento, muchísimas gracias por vuestra paciencia y más aún si me echais un cable.
siempre se pueden mejorar las webs si supiera mas te ayudaria pero todavía estoy un poco verde me gusta mucho tu web si fuera mia no le cambiaria nada mas un saludo
Hola:
Como dice francisco1, tu web en general se ve bastante bien, pero siempre se puede mejorar.
Para empezar, a mi se me sale de la pantalla.(Tengo una resolución de 1024x768) Y a algunas personas le puede resultar molesto tener que mover la barrita, para poder leler, yo la encogeria un poco.
El menú lateral me gusta bastante, ¿pero podrias poner la imagen con un poco mas de resolución?. Que se note tanto el dentado al papiro lo afea un poco.
En el apartado Bulinkan, añadiria alguna foto, (aunque solo sea una silueta de algun karateka)eso haría mas amena la lectura.
En cuanto al codigo: Repasa el tema del SEO.
Un <title> como por ejemplo "Clases de Ninjutsu", ayudaria a posicionarte mejor en los buscadores.
Tambien te has olvidado del "meta Keiboard" y el "meta description", hay buscadores que nisiquiera te indexan si no los llevas.
Mas texto con palabras clave en la pagina de Inicio, tambien te seria útil.
Tampoco has puesto favicon, no es imprescindible, pero da seriedad a una web, eso es a gustos, pero si quieres ponerle uno en mi web hago una breve explicación de como hacerlo. Y en la web de jorgens también encontraras una explicación sobre ese tema mas exaustivo.
El estilo y los colores me parecen perfectos, animo. :D
P.D. Y que tal si le pusieras un pie de pagina.
Muchas gracias por las críticas.
Lo del ancho de página no me había dado cuenta. Es más, se supone que estaba a 1024 de ancho. Esto es lo que puse en la hoja de estilos respecto al ancho:

#global {width:1024px;
margin: auto;
overflow: hidden }

¿Me falta algo por poner para que respete el ancho de 1024?

De lo demás, lo voy a mirar:
- El menú lateral. Tienes razón, se ve dentado en los bordes.
- Quizás dividir el apartado de bujinkan en 2 apartados para que no sea tan largo.
- Del SEO estoy en ello, mirando de inscribir la página en sitios y tal.
- Los metakeyboard y metadescription ni sabía que exisían (qué horror, estoy más verde, ...). Voy a investigar un poco y ponerlos. Grácias.
- El favicon, ya lo estoy creando.
- Sí, el pie de página. Creo que lo pondré poniendo la fecha de creación, las estadísticas, ...

Gracias por tus críticas, icocelebes.
P.D. ¿cómo soluciono el centrado de los títulos?
Hola otra vez :wink: ,
¿Has puesto en tu hoja de estilos lo siguiente?
* {margin:0px ; padding:0px ; border: 0px ; font-size: 100%}
Esto es para que en todos los navegadores las cantidades partan de 0, ya que cada navegador asigna unas cantidades por defecto, si no lo pusiste, la cantidad 1024 se aumentara segun cada navegador.
Pero no me hagas mucho caso, yo soy tan novato como tu, o mas. Lo mejor es que pruebes con diferentes cifras a ver que pasa.
Otra cosa: Si entras en Herramientas para webmasters de Google y pones su codigo en tu index.htm, Google y sus afiliados te indexaran antes.
Sí, lo tengo puesto.
Probando, he visto que se va el scroll en 1007 pixeles de ancho. Pero teoricamente (y con mis pocos conocimientos) debería verse bien.

Esta es la hoja de estilos:
* { text-indent:0px;
margin:0px;
padding:0px;
border:0px;
font-size:100%}
p {font-size: 1em; color:#ECBE95; text-decoration: none ;
text-align: justify}
h1 {font-size: 2em; color:#ECBE95; font-weight: bold ; text-decoration: none ;
text-align: center}
h2 {margin: 1px 20px 0px 170px; font-size: 1.5em; color:#ECBE95 ; font-weight: bold ; text-decoration: none ;
text-align: left}
body {background-color:#906E41;
text-align: center }
#global {width:1024px;
margin: 0 auto;
overflow: hidden }

#cabecera {background-image: url(objetos/cabecera.jpg) ;
background-position:center;
background-repeat: no repeat ;
width: 1024px ;
height:150px ;
overflow: hidden }
#navegacion {background-image: url(objetos/navegacion.jpg);
background-position:center;
background-repeat: no-repeat;
width: 1024px;
height:75px;
overflow: hidden;
font-family: Papyrus;
font-size: 18px;
font-weight: bold;
font-style: normal;}
#navegacion li {float:left ; list-style:none ; margin: 25px 25px 0px 40px }
#navegacion ul { margin-left: 210px }
#contenido {width: 1024px ;
background-image: url(objetos/izq.gif);
background-position: left;
background-repeat: repeat-y;
background-color:#832200 ;
overflow: hidden}
#contenido p {margin: 1px 20px 0px 170px ; text-indent: 5px}
#contenido img {border-style: none;
margin: 5px 10px 5px 10px}
#menu {
width: 317px;
height:317px;
float:left;
text-align:center;
margin: 3px 10px 3px 3px;
background-image: url(objetos/papiro-esc.gif);
background-position: center;

padding-bottom:5px
overflow: hidden;
font-family: Papyrus;
font-size: 16px;
font-style: normal;
font-weight: bold;
}
#menu li {list-style:none ; margin: 15px 8px 4px 8px}
#menu ul { margin-top:90px}
a {color: #832200 ; text-decoration:none }
a:link {}
a:visited {}
a:hover {color: #BC4B4F }
a:active {}
Je je, que rapidez en contestarme, te he devido de pillar, lellendolo.
Bueno he visto tu .ccs, y lo único que se me ocurre es que quizas el logotipo de la cabezera exceda el tamaño de la pantalla, o que el menu del papiro empuje el resto ensanchando la pagina.
A mi me sucedia algo parecido, si la linea de comando que ponia de ejemplo era mas ancha que el body y no se podia separar, o cuando ponia palabras en cursiva al final de linea.
Prueba todo lo que te se ocurra como quitar el menu a ver que pasa o cosas asi, pero en tu pc, no en la web.
Vale, ya he descubierto por qué con 1024 de ancho me sale scroll horizontal.
Vaya chorrada. Es que no había contado con que el navegador tiene scroll vertical y claro, eso le quita ancho a la web que muestra.
El scroll vertical ocupa 17 pixeles. Por lo que le debería dar un ancho de 1007 pixeles para que mi página mas el scroll vertical de los 1024 que quiero.

¿es así como se suele hacer?

Gracias nuevamente.

Por cierto, ya he añadido los metatags. Grácias a los dos.
Igual a mi se me descuadra con mi resolucion 1024.

si te fijas el pergamino tiene partecitas blancas que me imagino quedaron luego de tocar con el photoshop, las tiene en el contorno..
Hola amigo, felicitaciones por seguir las reglas, muy pocos las leen xD
Y tu web me gusta, lo que noto es que puedes mejorar el papiro para que tenga mas resolución y limpiarle mejor los bordes.
También me parecería bien un borde en negro a los lados del div "global".
La web no se me descuadra y me aparece completa en la pantalla (tengo 1300 y algo de resolución horizontal)
Exitos con tu web.

¡Saludos!