Come creare una pagina Web Visto attraverso diverse risoluzioni del monitor

June 23

Come creare una pagina Web Visto attraverso diverse risoluzioni del monitor


Una risoluzione è la quantità totale di pixel che possono essere visualizzati in orizzontale e in verticale sul monitor del computer e, secondo il "Browser visualizzare le statistiche" di W3Schools.com pagina; la maggior parte delle persone usano una risoluzione del monitor con risoluzione di 1024 x 768 pixel, anche se altri formati possono essere utilizzati. Ci si potrebbe chiedere come correggere queste differenze in modo che tutte le risoluzioni ricevono una presentazione web ideale. Fortunatamente, è possibile utilizzare un metodo per creare una pagina web visto attraverso diverse risoluzioni del monitor in modo che tutti gli utenti incontrano la migliore visualizzazione possibile.

istruzione

1 Avviare un editor di testo HyperText Markup Language (HTML), come ad esempio Dreamweaver o CoffeeCup, e creare una nuova pagina. Selezionare l'opzione "Nuovo" nel menu "File", o utilizzare il metodo di un editor di testo di fare questo.

2 Impostare la larghezza dimensioni dello schermo al 100 per cento per consentire il monitoraggio e il browser per regolare automaticamente le impostazioni dell'utente in modo che essi non hanno bisogno di scorrere o vedere troppo spazio bianco. Se si utilizza un Cascading Style Sheet (CSS) per controllare la pagina (consigliato), questi dati sono in genere inserito in una regola di stile ID o classe che controlla il layout della pagina di contenuto. Con le tabelle, questa misura viene inserito nel tag principale "<table>" che segue l'attributo "larghezza". Per esempio: <table width = "100%">

3 Formattare le immagini digitali in modo tale che queste immagini non si estendono al di là del, comune risoluzione minima di 800 x 600. Utilizzare un'applicazione grafica o editor di immagini gratuito per aprire il file, selezionare l'immagine e utilizzare la funzione di dimensioni dell'immagine / editore di verificare che il formato di dimensione si inserisce all'interno del confine risoluzione. In caso contrario, selezionare un'impostazione "vincolare le proporzioni" e digitare la misura ridotta. Una grafica più grande di 800 x 600 getta via l'impostazione della percentuale e provoca la necessità di alcuni utenti per scorrere la pagina per visualizzare tutti i contenuti.

4 Prova la tua pagina web su diverse risoluzioni per vedere come le tariffe. È possibile fare clic in basso a destra del browser e trascinarlo in diagonale verso sinistra per la produzione di uno schermo più piccolo; tuttavia, è meglio accedere a un computer con una risoluzione diversa e / o il browser per testare in modo efficace il vostro web design.

5 Visualizzare in anteprima la pagina web utilizzando la funzione "Preview" del vostro editor di testo e quindi salvare il file quando fatto.

Consigli e avvertenze

  • È possibile utilizzare un editor di testo HTML avanzate, come Dreamweaver, ad utilizzare i modelli già pronti che sono già ottimizzati per diverse risoluzioni del monitor.
  • Se non si ha accesso a computer con diverse risoluzioni e / o browser web, mobilitare l'aiuto di un amico, o di utilizzare un computer in una biblioteca pubblica.