Ti trovi su Risorse Webmaster > Il web-developer e la grafica
Il web-developer e la grafica
- Pubblicato da Stefano Cutello su WebDev -
Lavorare per il web non vuol dire solo programmare e scrivere algoritmi, procedure e funzioni.
Un web-developer completo deve saper curare anche gli aspetti grafici di un’applicazione che sta sviluppando in quanto a volte capita che si debba seguire direttamente (e autonomamente) un intero progetto web che comporta non solo database e logica, ma anche -per fortuna- grafica, design e usabilità!
Al contrario di quanto si possa pensare, grafica non vuol dire necessariamente usare Photoshop o qualunque altro tool grafico; oggi gran parte (se non la totalità) del layout di un buon sito web è ‘programmato’ via CSS (Cascading Style Sheets - Fogli di stile a cascata).
Lasciando stare -per questa volta- il discorso browser e compatibilità, i CSS sono arrivati ad essere un vero e proprio linguaggio di programmazione complesso (non nel senso di ‘difficile’!) oramai indispensabile per un buon web-developer.
L’HTML è infatti un linguaggio strutturale che dovrebbe occuparsi di tutto tranne che dell’aspetto estetico del documento per il quale sono appunto nati i CSS come naturale complemento ad esso.
L’utilizzo appropiato dell’accoppiata HTML+CSS permette così una totale separazione tra quello che sono i contenuti (testi, dati, tabelle, div, etc.) dalla decorazione grafica (colori, allineamenti, posizionamenti, bordi, etc.) in modo da diminuire i punti di intervento aumentando gli effetti generati.
Purtroppo, si sa, le specifiche sono una cosa, le usanze un’altra… l’HTML permettere di definire direttamente al suo interno anche informazioni riguardo l’aspetto grafico, ma questa è una tecnica (se così si può definere) altamente sconsigliata: pensate se avete realizzato un sito web di 100 pagine definendo direttamente nel body il colore di sfondo e, dopo qualche tempo, decidete di cambiarlo.. che fate? Vi mettete a modificare uno ad uno 100 file? Pazzi!
Utlizzando i CSS vi basterà abbinare al tag body la dichiarazione del suo ‘aspetto estetico’ ed il gioco è fatto, ogni volta che avrete necessità di modificare la grafica del corpo della pagina dovrete solamente intervenire su tale dichiarazione nel vostro file css ed avrete aggiornato -in una volta sola- 100 pagine!
Non pensate quindi che programmare per il web vi sollevi da qualunque incarico/responsabilità inerente alla grafica: molto spesso sarete coinvolti in progetti nei quali ci sarà un web-designer incaricato dell’impaginazione e dell’aspetto grafico (con il quale dovrete comunque saper dialogare e conoscere le esigenze), ma altrettanto spesso vi potrà capitare di dovervi occupare voi direttamente di ogni aspetto.
Troppo frequentemente vedo ottimi programmatori (lato server) realizzare la parte di frontend in maniera orrenda sia dal punto di vista tecnico che, soprattutto, visuale ed estetica!
Io di lavoro realizzo siti Internet e vi voglio far notare che il 99% dei clienti se ne frega di tutto quello che sta dietro l’aspetto puramente grafico/funzionale, gli interessa solo che sia bello e che funzioni!
Se volete un consiglio, quindi, sotto con qualche buona guida sui fogli di stile!
