-
Cómo hacer una página web Ajuste para resoluciones más grandes
-
A medida que diseña sitios web para la exhibición pública, puede ser difícil para crear páginas que se ajustan a todas las resoluciones de pantalla (píxeles en la pantalla) porque los espectadores pueden maximizar sus ventanas del navegador web y algunas pantallas son tan grandes que su sitio puede mostrar con más espacio a su alrededor eso. Utilice Cascading Style Sheets (CSS) en conjunto con su HyperText Markup Language (HTML) para hacer que su sitio flexible, de modo que se ajuste a las resoluciones más grandes, manteniendo sus proporciones.Instrucciones
1 Lanzar un editor de texto HTML y comenzar una nueva página.
2 Introduzca un estilo "cuerpo" con un atributo de "ancho" para hacer una regla que controla el ancho de sus páginas. Por ejemplo:
ancho del cuerpo: }
3 Escriba un valor de 100 por ciento (%) tras los dos puntos para permitir la página para ajustar con cualquier tipo de resolución del monitor. Por ejemplo:
body {width: 100%; }
4 Guarde el archivo con la extensión CSS y colocarlo en su sitio de acogida en el mismo directorio que guarde sus archivos web. Asegúrese de anotar la ubicación para que pueda enlazar con él.
5 Abrir todas las páginas de su sitio web y localizar el "</ head> <head>" porción en la parte superior del código. Añadir un enlace a su archivo CSS (Paso 4) entre estos elementos y repetir esta operación para todas las páginas de su sitio web. Para ilustrar:
<Head>
<Link href = "http://www.yourdomain.com/example.css" rel =" "type =" hoja de estilo css / "media =" texto en pantalla ">
</ Head>6 Guarde el archivo y colocar todas las páginas web de nuevo en su sitio de acogida. Si decide cambiar este ancho después, editar el archivo CSS y colocarlo de nuevo en su huésped de modo que todas las páginas web se actualizan automáticamente.
Consejos y advertencias
- Si no ve los cambios CSS en la ventana del navegador, prueba a actualizar la página y luego mirar de nuevo.