|
|
Visto che in molti ora e in passato mi hanno chiesto come si sviluppa un forum, apro questo topic che può essere utile ad alcune persone. Ci sono alcuni strumenti utili che possono essere utilizzati sia per creare, sia per testare il sito. Naturalmente il topic è rivolto a coloro che non hanno mai fatto un sito: premetto che il livello del discorso sarà basilare e chi è già esperto non ci troverà nulla di nuovo ^^" E dopo il disclaimer partiamo!
I linguaggi Parlando di forum e blog, in particolare del circuito ForumFree&Co., vi basta saper padroneggiare l'HTML (per la struttura, le tabelle ecc.) e il CSS (per la veste grafica). Per delle guide su questi due linguaggi visita i links pecedenti.
Se avete dubbi sui codici, se non sapete qualcosa sulla sintassi, c'è il W3schools, nella sezione CSS e HTML. Introduzione brevissima: è stato recentemente introdotto l'HTML 5, ma attualmente i forum e blog della piattaforma utilizzano ancora l'HTML 4. Ve li linko entrambi, perché sebbene il 5 non abbia ancora preso piede, ce lo aspettiamo in un prossimo futuro. Blogger per esempio utilizza già l'HTML 5.
Il programma di elaborazione grafica Il programma di elaborazione grafica per eccellenza è Photoshop, uno strumento professionale potentissimo. Ma ha due svantaggi principali: costa un'occhio della testa e non è per niente facile da usare all'inizio. L'alternativa gratuita è Gimp, che potete scaricare dal link precedente. Per usare Gimp, ecco una guida online. Se non avete voglia di spararvi la guida, in YouTube ci sono alcuni utenti che hanno caricato dei tutorial
Strumentini utili - Creare gradienti in CSS (con ColorZilla) ha un vantaggio rispetto ad usare le immagini: per il browser è più rapido caricare del codice, piuttosto che richiamare un'immagine hostata su un sito esterno. Utilizzare il CSS per fare i gradienti non appesantisce il caricamento della pagina. Nel link c'è un sito comodissimo: permette di creare facilmente i gradienti offrendo un'anteprima. Ci sono anche dei gradienti già impostati!
- Ottenere il codice Hex o RGB di qualsiasi colore (con ColorBug) troviate in giro, anche su internet, è facilissimo con il programma nel link! Il programma si scarica e installa gratuitamente. Trascinando l'icona della fotocamera in qualsiasi punto del vostro schermo potrete catturare il colore e ottenerne il codice Hex o RGB da utilizzare sul sito!
- Testare la grafica su diverse risoluzioni dello schermo (con TestSize) (segnalato da Kaleela): Come saprete, ogni monitor ha la sua risoluzione e quindi la vista del sito non è la stessa da parte di tutti gli utenti. Con il sito nel link potete testate come viene visualizzato il vostro forum, blog o sito a diverse risoluzioni. Basta inserire il vostro link in alto nella pagina e provare le varie risoluzioni.
- Testare la grafica su diversi browser (con Browserling) è fondamentale! Vi accorgerete ben presto che Internet Explorer vi darà un sacco di problemi! IE non rispetta alcuni standard e, dove gli altri browser leggono perfettamente il vostro codice, IE non ci riesce e restituisce un sito pietoso! Il dramma è che la metà degli utenti di internet usa IE e quindi dovrete perdere delle ore a sistemare delle cavolate che su IE non vanno. Lo odio! È il terrore dei webmaster! Comunque, tornando composti, nel link c'è un sito che vi permette di testare la vostra grafica da vari browser di diverse versioni. Il sito serve giusto per darvi un'idea, ma la cosa migliore è sempre fare i test sui browser veri: dovrete scaricarveli tutti, installarveli tutti e avere la pazienza di fare passare il vostro sito su ciascun browser, per vedere che sia tutto a posto.
- Testare la velocità di caricamento della pagina (con Pingdom) è semplicissimo! Inserite il vostro link nel sito e potrete vedere quanto la pagina ci mette a caricarsi, mostrandovi il tempo di ciascun elemento. Potrete capire se e cosa rallenta la pagina ed eventualmente modificare l'elemento che crea il tappo.
So che molti di voi sono pratici di creazione di forum, blog e siti. Se utilizzate degli strumenti utili, sarebbe bello che li condivideste qui
Edited by =Kiara= - 22/3/2013, 11:15
|
|