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

Assicurati di avere a portata di mano:
  • 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 centrare header

Il linguaggio HTML si avvale di molti elementi complementari per rendere ancora più belli e godibili i siti internet. Tra questi esiste il linguaggio CSS ...
Internet

Come centrare header

Ecco una guida utile ed interessante, attraverso il cui aiuto, concreto ed anche molto e del tutto pratico, potremo essere in grado d'imparare come ...
Internet

Come creare e pubblicare un sito web

Generalmente quando si decide di creare e di pubblicare un sito web, ci si trova a dover fare due scelte iniziali: progettare un sito statico ...
Internet

Come Creare Un Sito web gratuitamente

Se abbiamo la necessità, sia che si tratti di lavoro sia invece per pura passione, di aprire un sito web, oggi come oggi non dobbiamo ...
Programmazione

Come progettare una pagina web

Hai deciso anche tu di tuffarti nella rete di internet?
Ecco come progettare la tua pagina web!
La prima cosa da fare è definire con ...
Mac

Come fare un sito web con Mac

Siete degli utenti Mac? Volete realizzare o modificare il vostro sito già esistente o crearne uno nuovo? Oggi tutto questo è possibile grazie alla tecnologia ...
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 ...
Internet

Come creare un sito web in flash in pochi minuti

Se anche tu sei un principiante e vuoi creare un sito web in flash dalla grafica accattivante, da oggi questo è possibile e in pochi ...
Internet

I 5 errori da evitare nella realizzazione del proprio sito web

Realizzare un sito web è molto importante se volete incrementare il vostro giro d'affari in presenza di un business e farvi conoscere dal maggior ...
Internet

Come Creare Un Sito

Il sito internet è un particolare servizio che ci consente di condividere tutte le informazioni che desideriamo con tutti gli utenti del web. Potremo infatti ...
Internet

Come alleggerire una pagina web

Importanti ricerche internazionali hanno mostrato che un utente spende mediamente su una pagina web 10 secondi e che in questo breve arco di tempo è ...
Internet

Come fare un sito web con Dreamweaver

Realizzare un sito internet richiede innanzitutto la conoscenza più o meno approfondita del linguaggio HTML, poi in seconda analisi un programma dove scrivere tale linguaggio ...
Windows

Come convertire le immagini in musica

Quello che sto per dirti è sicuramente un qualcosa che per te sarà sconvolgente: puoi ascoltare, letteralmente parlando, i tuoi ritratti o immagini, i panorami ...
Internet

Come Ridimensionare Le Immagini Direttamente Online

Spesso ci si ritrova dinnanzi alla necessità di ridimensionare un'immagine. Specialmente, infatti, se siamo titolari di un sito web, diminuire la grandezza di un ...
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 ...
Software

10 consigli per realizzare una presentazione in Power Point

A chiunque sarà capitato di dover realizzare una presentazione Power Point per presentare davanti a un pubblico un progetto.
PowerPoint è un programma grazie che ...
Internet

Come effettuare una ricerca con Bing

Come voi lettori e lettrici ben saprete, ormai Google non è più l'unico motore di ricerca che offre un valido servizio di surfing sulla ...
Internet

Come applicare i nuovi modelli di visualizzazione dinamica di blogger al tuo blog

Per creare un blog, dove poter dar sfogo liberamente ai tuoi pensieri o alle tue creazione, puoi usare, tra le tante piattaforme presenti, quella di ...
Internet

Come vendere oggetti su kijiji.it

Pubblicare un annuncio su Kijiji è utile quando vuoi mettere in vendita uno o più oggetti che non utilizzi più. Questa piattaforma è molto intuitiva ...
Internet

Come realizzare una landing page

Quello del web è un mondo fantastico e pieno di risorse per tutte le esigenze. Grazie ad esso negli ultimi anni è possibile anche guadagnare ...
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»”.