Mi primera web profeional

El Lugar De Tu Milagro
http://el-lugar-de-tu-milagro.mywebcommunity.org/
La pagina es sobre una iglesia en la que soy miembro
Opinen sobre el diseño, facilidad de navegación, rapidez de carga y cualquier otra cosa.

la web fue probada en (google chrome, safari, firefox, opera) en sus ultimas versiones y IE9
y se ve prácticamente igual
algunas diferencias en google chrome, safari:
donde esta el menú lateral uno de los bordes se ve mal no se porque.
en safari:
en la sección de audios se sale el contenido del iframe.
en IE9:
los bordes son cuadrados a menos que habilite una opción en el navegador pero al dar reload o cambiar de sección se ponen cuadrados de nuevo.

ningunos de estos problemas me molestan pero si hubiera una forma de resolverlos, mejor para lograr igualdad en todos los navegadores.

Nota: no he podido probar IE8, IE7, IE6 a mi en lo personal no me importa esos navegadores pero lamentablemente todavía hay gente que los usa así que si le pueden dar un vistaso en esos navegadores para ver los defectos que hay y así me digan como resolverlos.

Y necesito ayuda en par de cosas:
hay un pequeño problema con todos los navegadores y es que si el monitor es mas pequeño que la pagina o si agrandan la pagina con Ctrl+ o si encogen el navegador a un tamaño menor que el de la pagina (básicamente si a párese la barra de desplazamiento horizontal) es que a párese el problema el fondo del logotipo(azul con la luz), el fondo del área de navegación(de gris a negro) y el fondo del contenido (azul y negro) se pegan a la izquierda y se quedan sin el fondo de imagen y solo se ve el color de fondo que se supone que esta detrás de la imagen.
no se porque ocurre eso ni se como arreglarlo espero y me hayan entendido.

En el pie de pagina no se ni que poner por ahora solo hay tres opciones se aceptan sugerencias que tengan que ver con la pagina.


nota: la sección aportaciones sera cambiada por otra mas adelante así que ignoren esa sección.
para lo de que no se puede ver bien en IE8 y las demas te recomiendo usar este

<head>
<!--[if lt IE 8]><link rel="stylesheet" href="css/iestyle.css" type="text/css" media="screen, projection"><!-->
</head>

que si el visitante usa internet explorer 8, la hoja de estilos que lea sea la destinada solo para ese navegador, asi editas lo que quieras para que se vea bien en IE pero no mal en los demas, yo lo uso para CSS3, porq IE no lo lee y con esto me libro de eso.

el-lugar-de-tu-milagro.com se me hace muy dificil de escribir, esto a mi parecer podria reducir las visitas a tu web, nomas mira a youtube.com, google.com, facebook.com, sencillas de escribir.

En el diseño de la pagina pues me peso mucho y tardo en cargarla, trata de no usar tantas imagenes, en el fondo 1 pesa 1.1mb, en la foto presentacion.jpg pesa 549kb, y en el fondo principal 181kb, lo cual me parece bien pero en las otras 2 si sacrificas bastante peso.

En la navegacion, por lo menos a mi no me gusta el color negro, a mis ojos no les cae bien esa combinacion de colores, de negro a gris y despues a azul.

Veo que usas times new roman, te recomendaria usar una fuente diferente como Verdana o arial, además de que estas son mas faciles para los navegadores leerlas porq no tienen sans-serif y ademas a mi parecer da un mejor aspecto a la web.

en el pie de pagina, no vendria mal una pequeña separacion entre la caja del cuerpo y el pie de pagina.

Tambien te recomiendo que hagas como un logo, algo caracteristico de El Lugar De Tu Milagro, para cuando yo vea tu logo, saber que es de la web. Tambien en donde se ve en nuestro navegador las pestañas, enseguida del titulo de la pagina, poner una pequeña imagen que caracterize a tu pagina, yo uso mucho esas para andar navegando en diferentes paginas en mi navegador, si no sabes como..

<head>
<link rel="shortcut icon" href="../images/e.png" type="image/x-icon">
</head>

e.png es la foto que yo uso para mi pagina, tiene que ser 16x16 para que se vea.


hiciste un buen trabajo con la barra de navegacion, dando al hover un diferente fondo, ademas me gusta el fondo del cuerpo de la pagina, a mi gusto esta entre regular y bien la pagina, pero con un poco mas de trabajo quedara estupenda, sigue trabajando[:D]
Te la probaré con la versión 6 de IE que es la que tengo instalada por aquí
y comentaré.
Algunos links aparecen rotos en la imagen desde firefox última versión.

Yo cambiaría las letras danzarinas. El público objetivo puede tener cualquier edad y no me parece buena idea ponerlas.
La web está muy bien en muchas otras cosas.

Ahora con IE6

No parece darme errores aunque cuando salí ya me saltó una ventana de un plugin de Adobe faltante. El flash o algo así.
Y el audio que escuché no era correspondiente.
En la sección de vídeos no ví nada. Tampoco se que es lo que espero.

La web está muy decente, pero cambiaría sin dudarlo las letras cabalgantes que además resulta ser cansado para una persona de mi edad cuando llevas un ratito en la página....

Mucha suerte
eKoh escribió:hiciste un buen trabajo con la barra de navegacion, dando al hover un diferente fondo, ademas me gusta el fondo del cuerpo de la pagina, a mi gusto esta entre regular y bien la pagina, pero con un poco mas de trabajo quedara estupenda, sigue trabajando

buenas, gracias por tu comentario
en ves de IE 8 se puede hacer lo mismo con IE 6 por que verificando en una pagina que le tira una foto en los diferentes navegadores de como se ve tu pagina aparentemente en IE 8 y IE 7 se ve bien pero en IE 6 el menú se sale de lugar y las imágenes png con transparencias se ven mal haber si haciendo el truco que me comentas funcionara.

sobre el nombre si ya me habían dicho que era difícil de escribir pero vamos a cambiarlo por otro que que va hacer lo mismo pero sin los menos(-) le haré el comentario haber si consiguen otro nombre mas corto.

sobre el peso de las imágenes no me había dado cuenta que era muy grande 2560x1600 y solo estaba utilizando un pedazito así que le pique el canto que necesitaba y ahora pesa 143kb y la imagen de presentacion.jpg voy a tratar de que no pese mas de 200kb ya que esa imagen sera cambiante todos los meses

en la navegación la idea que tenia era que pareciera parte de la imagen de abajo y estoy pensando cambiar el color amarillo de las letras cuando estoy sobre ellas por otro (no se cual todavía)

sobre times new roman no fue apropósito tubo que ser que no le había puesto ningún tipo de fuente:
le puse verdana a los <p> pero lo vi estraño y se la cambie por arial que creo que se ve mejor
lo de el tipo de fuente te referías a todos los textos (h1, h2, h3, p, etc) o solo a lo <p>

en el pie de pagina le puse una separación con un <br/> solo al index para ver si es eso a lo que te referías.
esta bien de ese tamaño o menos?

para lo del mini logo
yo tenia esto
<link rel="shortcut icon" href="objetos/icono.ico">
y estaba esperando que me dieran el logo para ponerlo, pero este codigo con lleva a un programa para pasar la imagen a .ico
y con el código que me diste
<link rel="shortcut icon" href="../images/e.png" type="image/x-icon">
puedo usar imágenes en .png 16x16
voy a poner una imagen provisional a lo que llega la imagen real usando este código por el momento en el index
Esgrimidor escribió:... Mucha suerte

gracias por tu comentario
cuales links aparecen rotos y en cual imagen para arreglarlos

sobre las letras danzarinas a veces también siento que cansan un poco pero por el momento no se porque otra cosa cambiarlas por que quiero algo que llame la atención pese en poner texto con algún tipo de fuente estraña grande o alguna imagen estática con el nombre escrito no se todavía no me llegan ideas.

el plugin de Adobe faltan te de vio de ser en la sección de vídeo y por eso no se vio nada creo que eso es por el navegador que no lo tiene instalado
se supone que en la secciones de audio y vídeo haya y cuadro blanco y una lista de reproducción a la derecha del cuadro y al hacer clic el nombre del vídeo o audio que esta en la lista de reproducción aparezca en el cuadro blanco el vídeo o el audio correspondiente de no ser así algo esta mal en la pagina con el IE6

seguro que se ve bien en IE6?
porque se supone que el contenido (texto e imágenes) deben ir a la izquierda y un menú(link e información)debe ir a la derecha del contenido

porque en un programa online que tira foto en los diferentes navegadores en IE6 el menu sale en la parte de abajo donde no deberia de ir.
La verdad que esta vastante bien.
Yo lo unico que haria seria cambiar el tamaño de los link que en el hover se ve el fondo enorme.
Y terminaria los link del footer.
Revisa tambien algun link que hay roto.
Un saludo
bastante decente tu pagina felicitaciones, las letras que se mueven me cansaron, dejalas sin movimiento, quizas el logo podrias hacerlo mas vistoso, un tipo 3D seria excelente, la barra lateral me gusto bastante
Gracias a todos por los comentarios creo que hice casi todo lo que me dijeron.

Tengo otra pregunta como o en que criterios me baso para saber cuanto debo cobrar por una pagina web.
Si quieren tomen como ejemplo la pagina web que esta en el titulo, así tengo alguna referencia para poder cobrar en mis próximos proyectos
Yo creo que el precio siempre es negociable.
Por ahí lo que más veo es de 180 a 250 euros por montar una web normalita.
Es decir sin tienda online, sin foro, sin página de descargas complicadas.
De todas formas yo soy de los que creo que si te dedicas a esto - yo soy un mero aficionado que hace sus propias webs - tienes que tratar de vender el paquete completo. Realización de la web más el mantenimiento de la web.
Aunque sí sólo eres diseñador gráfico pues entonces sólo el diseño claro.
No se si las personas que tienen dominio propio tienen quien les asista en el posicionamiento - probablemente el que les cobra el hosting ... - , pero me parece una buena idea.
Es más. Seguramente ofrecerán el servicio completo al cliente : dominio-hosting más diseño de la web porque el cliente no sabe.
A ver lo que te dicen los compañeros de foro.
Suerte