Come realizzare un sito web adatto agli smartphone

tramite: O2O
Difficoltà: difficile
19

Introduzione

Ci sono due cose di cui non possiamo più fare a meno nei tempi in cui stiamo vivendo, il cellulare e internet con i suoi milioni di siti. Se poi mettiamo insieme le due cose, possiamo dare origine ad un bel sito adatto al nostro smartphone che potrà essere visualizzato con semplicità ed efficacia, ottimizzato proprio per i nostri cellulari.
Stai avviando un'attività e vuoi il massimo impatto mediatico che internet può fruttarti nel realizzare un sito web? Oppure, stai sviluppando un software online da portare ovunque con te, comodamente, sul tuo smartphone? Ormai la maggior parte del tuo pubblico accede ad internet con un dispositivo mobile e tu stesso sei infastidito a furia di zoommare su una pagina per leggere una parola. La soluzione a questo problema non è dietro l'angolo, ma bastano alcuni passi ed avrai il tuo sito perfettamente compatibile e visibile senza troppe seccature su uno schermo piccolo come quello di uno smartphone. Mettiamoci quindi all'opera e vediamo come fare con i pochi e semplici passaggi di questa guida.

29

Occorrente

  • CMS, temi responsive
39

Molto spesso si rischia di reinventare ciò che già esiste, lavorando o pagando lavoro inutilmente. Per indicare un tema che si autoadatta alla dimensione del dispositivo con cui si visualizza si usa il termine inglese "responsive" ed in rete ne possiamo trovare a bizzeffe. Ricordiamoci questo termine perché sarà una delle chiavi di ricerca per il nostro tema.

49

Se stiamo cercando un tema adatto ai dispositivi mobili, quasi sicuramente il nostro sito è in costruzione o il nostro vecchio sito non risponde più alle nostre esigenze. Una delle soluzioni meno costose è quella di affidarsi ad un CMS come ad esempio (ma ne esistono moltissimi) Drupal. Scaricato il pacchetto ed installato (è sempre meglio testare il design in locale con sofware come WAMP o simili) basterà aprire google e ricercare "drupal responsive theme" e troveremo temi a volontà. Gratuiti o a pagamento.

Continua la lettura
59

Ma passiamo al secondo caso, il più elaborato. Se stiamo sviluppando un'applicazione è molto consigliato lavorare su un framework. Tematizzare un'applicazione web sviluppata su framework non è un problema, poiché le vostre pagine saranno comunque composte da viste e sottoviste scritte in html.

69

Anche in questo caso non occorre ricercare soluzioni troppo complesse. Esistono svariati siti che offrono moltitudini di templates per tematizzare il vostro sito. Tra i più popolari a pagamento c'è Theme Forest, ma basterà scrivere su google "website templates" oppure "free website templates" e troveremo sicuramente quello che fa per noi!
Scelto il template scaricheremo il pacchetto (quasi sempre compresso) con al suo interno tutti i file necessari.

79

Il file che ci interessa maggiormente è l'index. Html. Apriamolo con un editor di testo come Notepad++. Possiamo vederlo come un riassunto di tutti gli elementi che compongono il nostro template e per personalizzare le nostre pagine basterà di volta in volta copiare la parte di codice interessata che quasi sempre è contrassegnata da un commento che ne indica la funzione e personalizzarne i sottoelementi come meglio si abbinano al nostro caso (ad esempio un menù).

89

Infine, se ci piace il template, ma ad esempio vogliamo cambiare il colore del menù, basterà visualizzare il sito con un browser e cliccare col destro sull'elemento. Dal menù a tendina selezioneremo "Analizza/Ispeziona Elemento" e nella console in basso ci verrà fornito il file CSS e la linea in cui compare l'id o la classe dell'elemento e con una piccola conoscenza dei fogli di stile il gioco sarà fatto.
Realizzare un sito internet adatto alla visualizzazione su smartphone è un'operazione piuttosto fattibile, ci vorrà solo un po' di pratica ma seguendo le istruzioni di questa guida sarete in grado di realizzarlo in pochissimo tempo, dando così ancora più visibilità al vostro sito. Non mi resta che augurarvi buon lavoro e buona fortuna.
Alla prossima.

99

Consigli

Alcuni link che potrebbero esserti utili:

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

Programmazione

Come realizzare un sito usando Java

Con la navigazione in internet si possono visitare di continuo delle serie infinite di siti e pagine. Tanti utenti, per varie necessità, hanno infatti bisogno di realizzare un sito internet. Magari per pubblicizzare la propria attività lavorativa. Oppure...
Programmazione

Come creare una pagina web responsive

Oggi la navigazione in internet è alla base di tantissimi servizi e fa ormai parte del nostro quotidiano. Qualunque sia il tipo di ricerca che vogliamo effettuare, il tipo di informazione che desideriamo ottenere, il web ha la risposta che fa per noi....
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...
Programmazione

Come creare un sito dinamico con Joomla

Per sapere come realizzare un sito dinamico con Joomla non occorre essere in possesso di determinate competenze a riguardo della programmazione. Infatti Joomla permette anche agli utenti meno esperti di imbattersi nella costruzione di un sito web partendo...
Programmazione

Come progettare un sito in ASP.NET

In questa guida vi parlerò di come progettare un sito in ASP.NET. Nell'epoca in cui viviamo creare siti è diventato ormai molto semplice grazie ai molteplici strumenti che la tecnologia ci offre. Uno dei migliori modi di creare un sito è utilizzare...
Programmazione

5 regole importanti durante la creazione di un sito

Creare oggi un buon sito web significa realizzare un progetto finalizzato al successo. Per eseguire un lavoro professionale e molto interessante è bene seguire alcune regole o consigli che rappresentano la base del sito. Anche in rete si può trovare...
Programmazione

Come creare un'applicazione per il web

Nell'era dell'internet 2.0 avere un'applicazione web è fondamentale, soprattutto se si ha un'attività commerciale.Un applicazione web può essere un semplice sito web o un servizio apposito, un software che elabora dati su un sistema remoto.Vediamo...
Programmazione

Creare un sito con Muse

Muse è uno dei tanti programmi, o app che dir si voglia, creati da Adobe a beneficio degli aspiranti creatori di siti web. Con esso è possibile creare siti in maniera semplice senza dover scrivere alcuna riga di codice di proprio pugno. Un altro vantaggio...
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 »”.