Resolución de pantalla

Hola,

Soy nuevo en diseño de sitios web y me pregunto cómo una resolución de pantalla de cómo afectará a mi página se ve en otros pueblos ordenadores.

Este es mi primer sitio que es de cero (no una plantilla como de costumbre). Estoy utilizando Adobe Photoshop y sitespinner v2 para poner el sitio. Hice el diseño básico de adobe y luego longitudinalmente las imágenes, cargadas en sitespinner, y arrastrado y cayó en las imágenes hay lugares apropiados. Sitespinner es un editor wysiwyg. En cualquier caso, en adobe, y en sitespinner, estoy todo el diseño como si everybodys resolución de pantalla es de 800x600. Hace unos minutos la realidad golpeó y me di cuenta de que no todo el mundo usa la misma resolución que yo.

En cualquier caso, sé los ordenadores en el trabajo uso una resolución más baja de 800x600, y se ponen barras de desplazamiento para que puedan ver en todo el sitio. No se trata de un problema en mi opinión, creo que hay pocos las personas que todavía utilizan resoluciones de esta baja. (Mi compañía fue ejecutado por un cheapskate )

Ahora, cuando se trata de la mayor resolución de 800x600 No tengo ni idea de cómo mi sitio u otros sitios que ver (sí soy un cheapskate demasiado). Mayor resolución en mi monitor no se ven derecho por cualquier medio, por lo que su no es una buena comparación de lo que mi sitio sería similar a alguien con un monitor que soporta resoluciones más altas. Básicamente me pregunto si van a ver todo mi sitio, alineados a la izquierda del navegador, y un gran espacio en blanco a la derecha del navegador. O si una resolución más alta se extenderá mi sitio para caber la pantalla completa (es decir. Existe la plena resolución).

Quisiera unas pocas personas con más alta que las resoluciones de 800x600 para verificar mi sitio y después aquí y me dicen lo que ocurre a mayor resolución, y si el sitio todavía se ve bien. No estoy realmente buscando críticas sobre este sitio, ya que no va a ser un verdadero sitio, su justa mí aprender a hacer el diseño del sitio. Aunque si usted piensa que yo lo hice un buen trabajo para mi primera desde cero * * sitio, hágamelo saber Este sitio no es en modo alguno, ya sea completa, por lo que realmente no hay contenido en él, sólo un logotipo, botones que no funcionan, y una bonita gráfica de un servidor.

Después de ver el sitio, si es superior resoluciones no lucir bien, por favor, puesto algunos consejos sobre la forma de solucionarlo por lo que se mostrarán correctamente en todas las resoluciones.

Puede ver la web en: http://discount-pc-parts.com/test/

Mi resolución que estoy usando es 1280x1024 y de hecho hay un gran espacio en blanco a la derecha de la pantalla. También hay un enorme espacio en blanco a continuación. Su sitio, básicamente, se llena la esquina superior izquierda de mi pantalla con el resto podrá ser de color blanco. Si se llena el sitio con contenido estoy adivinando wouldnt existe un gran espacio en blanco ya continuación, aunque no positivos.

Por lo que respecta a la fijación de que yo recomendaría hacer una parte de su cabecera "alargables", de manera que, como la resolución de pantalla cambios, por lo que su cabecera. Usted puede ajustar fácilmente el resto de su sitio a strech también. I wouldnt estirar la imagen, como si fuera distorsionar, pero yo tramo forma parte de la imagen que cuando se estira no se ve distorsionada. ¿No está seguro de que si del todo tiene sentido.

Otro que podría hacer es poner algún tipo de fondo suave para el sitio que llenar todos los blancos y luego el centro el resto del sitio (que actualmente se encuentra alineado izquierda), lo que reduciría la cantidad de espacio vacío que se encuentra a un lado. Esto podría hacer que el sitio ver mejor lo que realmente han wouldnt para estirar nada si no quería ir esa ruta.

Gracias por los consejos!

Voy a aplicar algo morining mañana, por lo que si podría comprobar de nuevo mañana por la tarde y quiero saber si se ve mejor. Voy a publicar, cuando los cambios se producen. Gracias por ayudarnos!

Mi resolución está 1152x864. Aquí hay casi un screeny de lo que veo. <a href="http://www.neogoddess.com/tempimages/screeny.jpg" target="blank"> [Haga clic] </ a>

Como se puede ver es nudged a un lado y deja un montón de espacio en blanco. Para hacer esto un poco mejor que usted podría siempre el centro de todo esto, por lo que es feliz en medio y parece que hay menos espacio en blanco que lo rodean. Además, como se puede ver, su borde negro parece detenerse, mientras que el fondo sigue adelante.

Vale,

I aniquilado las barras de negro completamente. No puedo llegar a hacer lo que quiera. He dejado de utilizar sitespinner no me gusta cómo se hace todo en una posición absoluta, que hace que sea muy difícil de editar cosas.

En cualquier caso, he creado las tablas y poner mi gráficos en él, y centrado todo. Yo no se exactamente centro perfecto en IE6 en 800x600 de resolución, pero estamos hablando pequeña diferencia por lo que su no un gran negocio.

Por favor, hágamelo saber cómo se ve a resoluciones más altas ahora!

http://discount-pc-parts.com/test/

Se ve mejor, sino que tipo de disorientates usted. Puede parecer con mejor contenido dentro de ella, pero tengo la sensación de que va a tener un efecto flotante que puede no ser todo lo que apela (Pero lo pruebe primero de todos modos)

Puesto que usted está usando Photoshop, ¿por qué no cortar de modo que el negro bares están en su propia celda de la tabla? (En caso de que ya no se, me olvidé de ver en el anterior diseño del código) Entonces todo lo que tiene que hacer es hacer que el cuadro de células de fondo negro la barra y, por lo que luego voy a estirar con el navegador.

(Yo también creo que no es necesario cortar su imagen bastante superior que mucho. Troceado más grandes en muchas pequeñas plazas será de gran ayuda. Pero cuando usted tiene algo más pequeños que no ayuda mucho que todos, y deja un margen para más errores.

Ah bien, buena suerte. (Heres otro <a href="http://www.neogoddess.com/tempimages/screeny2.jpg" target="_blank"> screeny2 </ a>)

gracias por otro screeny .. Por lo menos ahora la página se mostrará mejor en resoluciones más altas, por lo que ahora estoy pasado ese obstáculo. La imagen de fondo puede cambiar, para deshacerse del efecto flotante. No estoy seguro todavía, me lío un rato con él una vez más me da algunos contenidos de la página.

I do plan para que todos mis contenidos dentro de un cuadro con un fondo blanco, y la imagen de fondo sólo se mostrará a los lados (unos 10 píxeles de cada lado) en modo 800x600. Un concepto más amplio de las resoluciones que todavía ver el fondo en zonas fuera de la página.

¿Hay algún script de java o php que detectará automáticamente resoluciones de pantalla y mostrar la página apropiada? Si es así se me permite crear varias páginas diferentes todos con diferentes resoluciones.

Howdy,

En primer lugar me di cuenta en su página de prueba fue la gráficos son realmente malas. Todavía puede hacer una imagen de menor tamaño sin perder mucho de su calidad - sólo es necesario poner a prueba el ahorro como un jpg en diversos niveles de calidad o como un gif.

La otra cosa que quería decir es tal vez una manera más fácil de poner juntos el sitio es hacer que el sitio en Photoshop a continuación, guárdelo como un archivo. DSP y abrirlo en Ulead Photoimpact.

Usted puede simplemente hacer clic en la sección en rodajas y ponerlas a enlaces, etc, solo tienes que seleccionar Guardar para web> Guardar como HTML - le da un montón de toda opciones para guardarlo como JPG o GIF, así como ser capaz de añadir un montón de Page cosas como Título / Autor / Decriptions / Añadir favoritos Icono, fondos y mucho más.

A continuación, se produce su imagen en una contabilidad archivo HTML todo lo que tiene que hacer es ir a pellizcar y un par de cosas como <div align="center"> para hacer la página sentarse en el centro no importa qué navegador opiniones. Usted tendrá un montón de espacio perdido a uno y otro lado, si el sitio ha sido vista en algo superior a 800x600.

--

Ahora la mejor manera de crear la página anchos flexible es utilizar en lugar de porcentajes específicos de píxeles de ancho. Este método de trabajo si usted está utilizando el diseño de tablas o divs. Y no importa si usted está usando Dreamweaver, Front Page, o manualmente editando su código.

Lo que hace es cambiar el tamaño de su página a cualquiera que sea el tamaño de la ventana del navegador. Yo no recuerdo bien si esto es lo que es, pero tengo algunos consejos:

En lugar de utilizar constantes de su ancho, utilice los valores de las variables. Ejemplo
En lugar de
<table width="700">

usted debe poner

<table width="80%">

Esto asegurará que cualquiera que sea el tamaño de la pantalla, es decir, la tabla será el 80% de que el tamaño de la pantalla.

CSS es básicamente el mismo concepto! Hay algunas buenas css tutoriales aquí: http://glish.com/css/

Espero que ayude,
Rose