Que os parece la web que estoy diseñando?

  • Autor Autor Soyrek
  • Fecha de inicio Fecha de inicio
S

Soyrek

Beta
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Buenas, un amigo me ha pedido que le diseñe una página web para su Asociación y en ello estoy manos a la obra.

La web está casi terminada al 100%, solo faltaría añadirle algunas mejoras y añadirle el contenido.

La he subido a un host gratuito para así poder enseñarosla.

La dirección de la web es esta: Suresport-index y su actual pagina web es ésta: http://www.suresport.es (No realizada por mi).

Que os parece? Sabeis porque algunas imagenes se ven y otras no? En mi servidor XAMPP si se ve todo correctamente.

Toda crítica y/o ayuda será bien recibida.

Gracias!!🙂
 
Última edición:
Falta poner un fondo blanco.

Y si quieres que te diga un consejo, las webs no se centran con etiquetas <center>

Hazlo mejor con margin:0 auto;

Un saludete!
 
Fondo blanco a la web o al contenido? (donde se ponen los textos)

Buscaré cómo se hace lo que comentas de centrar el texto en dreamweaver!

Así es como comentas? Es otro diseño que tenia realizado.



Enviado desde mi Sony Xperia Z1 usando tapatalk.
 
Lo de centrar es para centrar todo el contenido de la página. Los textos se centran con text-align: center;

Sí, con un contenedor en blanco queda mejor que no un fondo transparente... Más o menos como el blanco del cuerpo de esta página. (Foro).
 
hola. soy nuebo en esto pero tedigo que lo que estas asiendo es ta bien
 
Me parece de aspecto "viejo". Cambiaría completamente el diseño, algo más fresco y actual
 
miferia dijo:
Me parece de aspecto "viejo". Cambiaría completamente el diseño, algo más fresco y actual
Hacer clic para expandir...


Ahí tienes toda la razón, pero comparando la antigua que pinta de los años 2000, esta al menos parece del 2008... por poner una fecha!

Ahora se estila mucho las páginas más interactivas y con mas efectos de transiciones entre estas. Pero tendrías que usar otros lenguajes que posiblemente no manejes.
 
Pues como te dicen, quedaría mejor ponerle un fondo blanco a la parte en la que va ubicado el texto. De igual manera no es que se van muy bien el fondo. De resto, parece que esta quedando bien, no absolutamente moderno, pero si aceptable.
 
Hola, no voy a ser muy duro...

Fondo blanco en el contenido o blanco roto (#fefefe) para que no brille tanto
Fuentes de google fonts busca una open sans o algo así mas actual
El efecto del menú hace que no quiera pinchar
ese center esta desactualizado como bien te han dicho margin: 0 auto;
En el header mejor pon una fuente bonita y yo no pondría ese efecto reflejo en el título


Esto es mi opinión que seguro otros tendrán la suya.

Un saludo.
 

¡Hola, Soyrek!

Te cuento que el diseño de tu página no estaría fuera de lugar en un webring de finales de los años 90. Te imploro que visites galerías de diseños modernos y te inspires en ellos, porque si entrara a un sitio web y me topara con ese diseño, lo primero que haría sería preguntarme si esta gente sigue en el negocio después de no actualizar su sitio web durante 15 años.

Un punto de partida tan bueno como cualquier otro es este: Webdesign-Inspiration.com: Best web designs inspiration gallery

Ese sitio web tiene ejemplos de diseños modernos, y algunos de ellos no requieren mayor esfuerzo de implementación.
 
Muchas gracias por todas las respuestas las tendré en cuenta, pero una duda. Donde debería de poner el "margin: 0 auto;" que habláis? Directamente en ese estilo en la hoja de estilos o en que apartado? Es que me pierdo!!

Seguiré mejorando el diseño y demás.

Enviado desde mi Sony Xperia Z1 usando tapatalk.
 
Pareciera que lo estas haciendo en Dreamweaver o en esas herramientas de "crea tu pagina en un solo clic", si es algo serio deberías echarle mas ganas
 
Dreamweaver más modificación manual con html y css

Enviado desde mi Sony Xperia Z1 usando tapatalk.
 
Pienso igual. Primero miré la web antigua y al abrir la nueva mis espectativas se perdieron. Realmente es lo que te comentan, la web parece un tanto antigua y sencilla, la típica de crear en 1 hora con 4 tablas (como se hacia hace muchos años).

Te recomendaría degradados, quizás sin usar tantas esquinas ni bordes porque da la sensación de ser muy plana. El menú es demasiado alto y el inicio está descentrado, por ejemplo. Yo, en caso que no sepas mucho de diseño, te recomendaría que mirases plantillas gratuitas que hay miles y te guiases en lo que te vaya gustando o directamente la uses.


 
Puedes pasarme esas plantillas y demás? Quizá lo mejor sea descargar alguna y editarla no creéis? Y así ir empezando hasta que pueda crear mis propios diseños desde 0.

El problema que tengo (que quizá no sea tanto) es que quieren algo parecido a lo que tenían con su contenido y que se va a actualizar constantemente y no se como enfocarlo 🙁

Enviado desde mi Sony Xperia Z1 usando tapatalk.
 
Última edición:
Esto es HTML de los 90:

Insertar CODE, HTML o PHP: 
<center><img src="imagen.jpg" /></center>

Esto es HTML moderno:

En el HTML:
Insertar CODE, HTML o PHP: 
<img id="fotito" src="imagen.jpg" alt="La propiedad alt es obligatoria" />

En la CSS:
Insertar CODE, HTML o PHP: 
#fotito {
    margin:0px auto;
}

La propiedad margin, cuando le das dos valores, se los asigna a los márgenes verticales y horizontales respectivamente. Estos dos estilos son equivalentes:

Insertar CODE, HTML o PHP: 
#estilo1 {
    margin:0px auto;
}

#estilo2 {
    margin-top:0px;
    margin-left:auto;
    margin-down:0px;
    margin-right:auto;
}

Darle auto a ambos márgenes horizontales hace que se repartan todo el espacio disponible de forma equitativa, lo que tiene como consecuencia que el elemento quede centrado.

¿Por qué esto es importante?

La etiqueta <center> define el estilo visual de un elemento, centrándolo. Sin embargo, se considera que HTML debe definir únicamente el contenido de una página, no su estilo visual. El estilo visual debe estar contenido en una hoja de estilo CSS.

¿Por qué esto es importante?

Por varias razones. Por un lado, velocidad de carga. Tu sitio puede tener mil páginas, pero sólo una hoja de estilo. Eso significa que toda la configuración visual se carga una sola vez, ahorrando ancho de banda, y agilizando la carga de cada página.

Por otro, comodidad. Si tenés mil páginas con un elemento centrado, y un día decidís que querés alinearlo a la derecha, tenés que modificar mil archivos HTML. Con CSS, sólo tenés que modificar una línea.

Por último, responsividad. Hoy en día tenés usuarios entrando a tu sitio con monitores de 1920x1080, y usuarios entrando con celulares de 480x800. Cada vez es más importante ofrecer distintos aspectos visuales para diferentes resoluciones. Si tenés toda la configuración visual del sitio en CSS, se hace extremadamente fácil usar una hoja de estilo en celulares, otra en tablets, y otra en máquinas de escritorio.
 
Última edición:
Mmmm bastante interesante, una cosa que he aprendido hoy. Y eso se aplica a todos los estilos o solo a los de imágenes?

Por ejemplo a los de carácter <p> <h1> etc también sirve no?

Enviado desde mi Sony Xperia Z1 usando tapatalk.
 
Bueno ya he realizado algunos cambios aunque seguiré haciendolos y dejando una web aceptable, aunque aún me quedan unas preguntas:

1- Sabeis de algún sitio donde pueda mirar plantillas con bonitos diseños actuales y demás y si es posible poder aplicarlos? Me encantaría.
2- También he arreglado lo de los margenes respecto al center como me decíais aunque no me ha quedado del todo claro, creo que lo he realizado correctamente (aunque en no todos lados)
3- Como se aplicaría lo de las fuentes google? (Que hay que descargarlas a la carpeta fonts o como va?

La web ya está subida podeis verla aquí
 
Última edición:
sigue estando muy feito tu diseño, pero me gusta la disposición que tienes para aprender.

1.- en esta pagina puedes encontrar muchos diseños en los cuales inspirarte ---> WordPress Themes | Website Templates | Create a Website | ThemeForest

2.- para los diseños olvídate de usar dreamweaver, si quieres aprender en serio usa firefox con el plugin Enlace eliminado, de la pagina de themeforest escoge algun diseño que te haya gustado y ponte a inspeccionarlo con firebug, muevele a todo el css y mira que es lo que pasa si cambias las propiedades del css, yo asi aprendi css y css3

3.-(opcional) investiga algo de wordpress.org , si es que quieres que tus paginas sean mas dinamicas, ademas que hay muchos temas para wordpress gratis y ni siquiera tendrias que diseñar algo para que tu pagina se vea bien.

éxito!!! 😀
 
Hay que estar conectado o registrado para responder aquí.

Temas similares

¿Que les parece mi web hecha desde 0 con GPT4? (Totalmente automática)
2
Respuestas
23
Visitas
873
olearyfel
Que te parece mi Web?
Respuestas
13
Visitas
324
Elizabeth23
Mi nueva web en un nuevo nicho ¿qué te parece?
Respuestas
17
Visitas
674
redactorweb
Que les parece mi web
2
Respuestas
27
Visitas
703
ALCED
Que les parece mi web XXX
2 3
Respuestas
51
Visitas
3K
Gatoh
Menú
Acceder
Registro