02
set
Come ti divento webmaster: primi passi
Ieri sera una mia amica, designer in Philips, esperta di illuminazione e recentemente fotografa, m’ha chiesto quale programma poteva utilizzare per crearsi autonomamente un sito web dove raccogliere tutte le sue foto tenendo presente che non aveva la benché minima idea di come si costruisse un sito, ne’ degli eventuali linguaggi che vi fossero alle spalle (HTML, CSS, ecc, ecc).
Non mi dilungo sulla molteplicità di alternative fornite, dall’utilizzare un CMS, ovvero un Content Management System, fino al caricarle su un portale appositamente dedicato come Flickr.
Allo stesso modo qualche tempo prima un nostro lettore mi scriveva:
…vorrei provare a cimentarmi con la costruzione di siti per curiosità personale ma non so da dove cominciare tenete presente che posseggo un collegamento edge perciò reperire tutto in rete e scaricare non è sempre velocissimo.Quale programma e manuale anche cartaceo dovrei procurarmi per cominciare da autodidatta non ho velleità di guadagno ma voglia di conoscenza.
Da qui l’idea di spendere due parole sul tema articolate, illustrandovi in 7 punti i primi passi da percorrere per dirigersi verso l’hobby, o la professione, di webmaster.
1) La prima cosa che a mio giudizio si deve imparare per costruire pagine web è il linguaggio HTML, che non è un linguaggio di programmazione (come molti impropriamente dicono) bensì di marcatura. Ovvero esistono dei codici, o TAG, che inseriti ad inizio e fine di un testo permettono la visualizzazione dello stesso mediante browser (Internet Explorer, Firefox, Safari, ecc).
Per imparare da autodidatta l’HTML consiglio di leggerti la guida che si trova su HTML.it (http://xhtml.html.it/guide/leggi/51/guida-html/). Io ho iniziato proprio così.
2) Abbinato all’HTML è importante che studiate cosa siano i CSS, o fogli di stile o Cascading Style Sheet (ecco qui una valida guida http://css.html.it/). Questi vi permettono di attribuire proprietà al codice HTML quali il colore e la dimensione dei testi, gli effetti Mouse Hover (per esempio i link che cambiano stile quando ci si passa sopra con il puntatore del mouse), la struttura delle pagine (tabelle, riquadri, ecc) e molte altre cose. Da notare che molte di questi attributi sono manipolabili anche direttamente con l’HTML però sono ormai in disuso in quanto contravvengono alle indicazioni mondiali del W3C sull’accessibilità dei siti web.
3) A proposito di W3C, vi consiglio vivamente di documentarvi almeno sulle linee guida (http://www.w3c.it/wai/wcag10Guidelines.html). Sono davvero molto importanti e fanno la differenza tra un webmaster serio ed uno improvvisato; e comunque meglio partire bene e non prendere cattive abitudini che poi sono difficili a morire.
4) In ultimo, ma non meno importante, mi limiterei a suggere di documentarvi un pochino sui protocolli di trasmissione dell’informazione su internet, ovvero a studiarvi almeno le informazioni di base su HTTP e FTP (al momento possiamo lasciar perdere POP, IMAP, SMTP, ecc). Questo vi permetterà di capire un po’ cosa realmente avviene quando navigate e quando caricate online una pagina web.
Facendo questo dovreste anche inevitabilmente comprendere la differenza tra applicazioni lato server e lato client.
Per darvi una piccola prospettiva sul futuro
5) ad un livello AVANZATO, ma questo è solo un piccolo accenno visto che ci vorrà parecchio tempo, potrete iniziare mettere in cantiere l’idea di imparare una tecnologia/linguaggio di programmazione di tipo lato server come PHP, ASP, .Net, JSP, ecc. Il nostro sito per esempio è fatto interamente in Php. Importante anche il ruolo di linguaggi lato client quali il Javascript.
6) Le teconologie sopra descritte si basano quasi totalmente sul recupero dei
dati da database. Per questo motivo insieme ad uno di quei linguaggi dovrete
imparare a gestire un database come ad esempio MySql.
Design
7) C‘è poi tutto un discorso sulla Grafica per le quali dovreste per esempio imparare ad usare Photoshop (che tra l’altro attraverso un programma associato chiamato Image Ready ti permette di creare delle pagine web graficamente molto accattivanti), Flash per le animazioni ed il relativo linguaggio Actionscript per un livello avanzato (per esempio l’interfacciamento con database e pagine Php).
Programmi
Detto ciò, per quanto riguarda gli editor HMTL, vi consiglio Macromedia Dreamweaver, o altrimenti Microsoft Frontpage (ancora più semplice). Tenete però a mente che gli editor vi suggeriscono il codice da utilizzare e sebbene sia una comodità, per i principianti è un’arma a doppio taglio in quanto ostacolano la memorizzzazione del codice. Io ho iniziato da autodidatta e scrivevo pagine web su Notepad di windows, poi le salvavo e cambiavo l’estensione dei file da TXT a HTML. Questo mi ha permesso di imparare a menadito il linguaggio e di saper intervenire in un secondo momento lì dove gli editor di testo a volte sbagliano. Se non si conosce bene il codice, poi non lo si sa correggere.
Per caricare le vostre pagine online invece, avete bisogno di un client FTP, ovvero di un programma che gestisce il trasferimento di File e Cartelle su server. Vi suggerisco File Zilla, facile da usare e gratuito, in alternativa potete provare Cute FTP o Smart FTP. Di questi programmi se ne trovano a bizeffe.
Due consigli a conclusione di questa divina commedia:
- cercate sempre su Google (o altri motori di ricerca) le risposte alle vostre domande; troverete tutte le info di cui avete bisogno. Siate sempre curiosi e, se non trovate ciò che state cercando, scriverte su qualche Gruppo o Forum. C‘è sempre chi ha avuto il vostro stesso problema, dubbio o quesito prima di voi! Prima poi la risposta arriva.
- quando arriverete a creare dei siti, cercate sempre di utilizzare il princio del “non replicare l’informazione“ ovvero di fare in modo che pagine con elementi in
comune (grafici o testuali) peschino tali elementi da file unici esterni (o anche da database, che è meglio) in modo che cambiando un solo file si possano modificare tutte le pagine. Pensate al dover cambiare il colore dell’elemento X di un sito di centinaia di pagine agendo pagina per pagina… un suicidio!!!
Con queste ultime due perle ho concluso. A voi il divertimento di sperimentare. E se avete qualche dubbio o pensate abbia omesso qualche informazione importante per intraprendere la strada del webmaster, scrivete liberamente un commento a fondo pagina.
Se invece le mie parole vi hanno scoraggiato o se semplicemente siete dei pigroni, allora date un’occhiata a Jimdo e a Weebly, magari prossimamente parleremo anche di loro.
__
Segnala questo post sui social network:
02/09/2008
Giastar
Categorie:
Guide, Web Design
Invia per email
Torna su
Ti è piaciuto l'articolo? Aggiungici ai tuoi preferiti o clicca qui per abbonarti al nostro Feed RSS ed essere sempre aggiornato sulle ultime news. Non sai cos'è un Feed RSS? Leggi la nostra guida!
