Come realizzare la grafica di un sito web

tramite: O2O
Difficoltà: media
16

Introduzione

L' aspetto grafico di ogni sito web che si rispetti riveste un ruolo importante, dal momento che rappresenta il primo approccio di un visitatore con esso. Ovviamente, oltre alla grafica si dovrà anche porre attenzione alla stesura dei contenuti, che dovranno essere estremamente chiari in modo che la pagina sia correttamente visualizzabile. In questa guida avrete modo di imparare come realizzare la grafica di un sito web senza troppa fatica.

26

Occorrente

  • Software di grafica
36

Prima di tutto andate ad analizzare sia gli scopi che intendete raggiungere tramite la creazione della pagina, sia il tipo di pubblico a cui volete rivolgere il messaggio. Fatto questo, ricordate che per realizzare un sito che abbia successo, occorrono alcuni requisiti quali semplicità, sobrietà, facilità di navigazione ed un veloce accesso ai contenuti. Per creare una giusta grafica dovete tener conto di alcuni requisiti: 1) lo sfondo, il quale deve essere preferibilmente chiaro;2) il titolo, che è un elemento di informazione utile per ogni visitatore;3) la barra di navigazione, con le svariate categorie caratterizzanti la struttura della pagina;4) le immagini, che devono essere scelte opportunamente in modo che non siano fuori tema;5) i bottoni, che devono consentire di navigare all'interno del sito stesso o di accedere tramite link ad altri siti.

46

Per fare tutto questo vi occorrerà un programma di grafica, che andrete in seguito ad installare. Una volta aperto, impostate il layout del foglio di lavoro fino ad un massimo di 960 pixel, dimensione standard per un sito web. Scegliete lo sfondo che desiderate, utilizzando un gradiente che sia il più possibile neutro, in maniera tale da non risultare troppo in contrasto con gli elementi che introdurrete in un secondo momento.

Continua la lettura
56

A questo punto, stabilite le dimensioni che dovranno avere le varie componenti ossia il titolo, la barra di navigazione orizzontale e il contenuto. Grazie all'aiuto dei righelli laterali del software che state adoperando, realizzate le varie misurazioni. Vi suggerisco di impostare la lunghezza del titolo a 200 pixel e la successiva barra di navigazione a 50 pixel. Sopra sull' intestazione potrete aggiungere il nome del sito, scegliendo poi la formattazione e il colore attraverso gli opportuni comandi.

66

Prima di procedere con l'introduzione delle immagini, badate bene al loro peso. Vi conviene utilizzare immagini piccole ma che siano di ottima qualità. Tra i vari formati di un'immagine vi sono: gif che è ottimo per il web in quanto è molto leggero ed è supportato dai browser più obsoleti, jpg, invece garantisce un ottimo rapporto tra peso dell’immagine e qualità, poi vi è png che offre ottime prestazioni ma possiede un peso eccessivo. Vi consiglio di adoperare png per il layout del sito, jpg per l’inserimento di immagini, gif per le piccole icone ed i bottoni. In tal modo, realizzerete un sito migliore e che non pesa molto. Una volta creata la vostra pagina web, non dimenticate di aggiornarla frequentemente, tramite argomenti interessanti e comuni a tutti in modo da favorire l'aumento dei visitatori.

Potrebbe interessarti anche

Segnala contenuti non appropriati

Tipo di contenuto
Devi scegliere almeno una delle opzioni
Descrivi il problema
Devi inserire una descrizione del problema
Si è verificato un errore nel sistema. Riprova più tardi.
Verifica la tua identità
Devi verificare la tua identità
chiudi
Grazie per averci aiutato a migliorare la qualità dei nostri contenuti

Guide simili

Internet

Come personalizzare la pagina di login di Facebook con FB Refresh

FB Refresh è un'estensione di Google Chrome che permette di personalizzare la pagina di login di Facebook: attraverso di esso si possono cambiare lo sfondo della pagina, il colore delle textbox e delle label ed inoltre sono disponibili due versioni del...
Elettronica

Come scegliere un TV LED

La tecnologia mette quotidianamente a disposizione degli utenti prodotti sempre più avanzati. Se ciò è molto proficuo, può contestualmente indurre in confusione i meno esperti nel settore. Tale situazione può accadere anche nel momento in cui si...
Programmazione

Come creare un sito internet ottimizzato per Android

Ad oggi molto spesso internet viene consultato dai cellulari o dai tablet piuttosto che direttamente dal computer. Sicuramente è molto comodo poter leggere il proprio sito web preferito mentre si è in coda alla posta o mentre si è fuori casa. Non sempre...
Windows

Come creare un pattern a righe diagonali

Molto spesso, per creare sfondi di siti web, o per arricchire e personalizzare i propri lavori di grafica, utilizzando il programma Photoshop, è possibile realizzare dei pattern a righe diagonali. Creare un pattern del genere non è per niente un'operazione...
Internet

Come creare una copertina personalizzata per Facebook

Chi si accinge a visitare il nostro profilo per la prima volta, la prima cosa che nota è sicuramente la copertina. Per cui dipenderà da noi renderla il più possibile interessante ed originale. Nelle righe che seguono ci saranno forniti degli utili...
Elettronica

Guida alle caratteristiche della Canon EOS 70D

Scegliere la fotocamera giusta è un duro lavoro. Si desidera vedere concretizzarsi in un unico modello la giusta qualitá prezzo. Con la Canon EOS 70D questo è possibile! Essa dispone di un sensore CMOS da 20,2 milioni di pixel accoppiato con un processore...
Internet

Come modificare il layout delle pagine web in Mozilla Firefox

Fondato nel novembre del 2004 dalla Mozilla Foundation, Mozilla Firefox è oggi uno dei browser più sfruttato al mondo. Il suo enorme successo è sicuramente dovuto alle sue caratteristiche che lo rendono più sicuro e più veloce rispetto ad altri disponibili....
Windows

Come riparare i pixel stuck di uno schermo Lcd

Capita purtroppo che i pixel degli schermi LCD si rompano. Gli stuck pixel sono quei pixel che restano accesi su una determinata combinazione di colore, che sia di rosso, di verde, di blu o di tutti e tre i colori insieme, che disturbano la visuale complessiva....
I presenti contributi sono stati redatti dagli autori ivi menzionati a solo scopo informativo tramite l’utilizzo della piattaforma www.o2o.it e possono essere modificati dagli stessi in qualsiasi momento. Il sito web, www.o2o.it e Arnoldo Mondadori Editore S.p.A. (già Banzai Media S.r.l. fusa per incorporazione in Arnoldo Mondadori Editore S.p.A.), non garantiscono la veridicità, correttezza e completezza di tali contributi e, pertanto, non si assumono alcuna responsabilità in merito all’utilizzo delle informazioni ivi riportate. Per maggiori informazioni leggi il “Disclaimer »”.