Visualizzazione post con etichetta web. Mostra tutti i post
Visualizzazione post con etichetta web. Mostra tutti i post
giovedì 14 luglio 2011
Web marketing hotel
10D propone un minisito dedicato esclusivamente a servizi specifici per il web marketing turistico, con servizi targetizzati sui motori di ricerca, social media, pay per click, pay per view e pay per lead.
giovedì 4 febbraio 2010
E’ di moda richiedere prestiti e finanziamenti sul web
Prestiti veloci online sempre più richiesti. Cresce il numero di coloro che sempre di più utilizzano il loro tempo cliccando sui siti che offrono servizi bancari via internet, come dimostrano anche i dati del 2009.
Sono stati 4,8 milioni nel 2008 contro i 5,2 milioni del 2009, coloro che si sono collegati sui vari portali che offrono prestiti in tempi veloci senza doversi muovere da casa.
Non c’è dubbio che il web sta diventato sempre di più una presenza importante nella vita mediatica di noi tutti.
Basti pensare che nell’ottobre del 2008, la nostra attenzione al modo di internet è stata in media ventisei ore al mese e trenta minuti di navigazione, diversamente è stato l’anno 2009 dove si è passati a trentuno ore e quaranta minuti.
Molto spesso si tratta di un momento assai produttivo, che va a sottrarsi alle attività off-line, come quella indirizzata all’amministrazione via web del denaro: un’attività che effettuata sul web semplifica completamente il rapporto diretto con gli sportelli bancari delle banche e delle finanziarie.
Per maggiori informazioni consultare il sito:
http://www.prestitivelocionline.it/crisi-economica/cresce-il-popolo-di-internet-banking/
Sono stati 4,8 milioni nel 2008 contro i 5,2 milioni del 2009, coloro che si sono collegati sui vari portali che offrono prestiti in tempi veloci senza doversi muovere da casa.
Non c’è dubbio che il web sta diventato sempre di più una presenza importante nella vita mediatica di noi tutti.
Basti pensare che nell’ottobre del 2008, la nostra attenzione al modo di internet è stata in media ventisei ore al mese e trenta minuti di navigazione, diversamente è stato l’anno 2009 dove si è passati a trentuno ore e quaranta minuti.
Molto spesso si tratta di un momento assai produttivo, che va a sottrarsi alle attività off-line, come quella indirizzata all’amministrazione via web del denaro: un’attività che effettuata sul web semplifica completamente il rapporto diretto con gli sportelli bancari delle banche e delle finanziarie.
Per maggiori informazioni consultare il sito:
http://www.prestitivelocionline.it/crisi-economica/cresce-il-popolo-di-internet-banking/
giovedì 7 gennaio 2010
Siti internet accessibili: uso semantico del codice di marcatura
Il primo passo verso la realizzazione di siti internet accessibili consiste nel comprendere in che modo debbano essere organizzati i documenti da pubblicare sul Web, ovvero come strutturare e presentare le informazioni all’interno delle pagine di un sito.
A tal fine, è fondamentale conoscere bene il significato dei concetti di contenuto, struttura e presentazione, che sono essenziali per poter lavorare in modo accessibile sugli stili grafici delle pagine web e sull’organizzazione logica delle informazioni in esse contenute.
Il contenuto è rappresentato dalle informazioni fornite da un documento: testi, immagini, suoni, animazioni, grafici, ecc.
La struttura è la rappresentazione semantica del contenuto mediante un linguaggio di marcatura strutturale (es. HTML).
La presentazione è l’insieme delle informazioni che definiscono lo stile e la formattazione dei contenuti strutturati: allineamento del testo, colore e sfondo degli elementi, dimensione dei caratteri, ecc.
I principi dello sviluppo accessibile dei siti web prevedono che la realizzazione di un sito internet segua il seguente iter:
1. definizione dei contenuti delle pagine;
2. scrittura del codice di marcatura che descriva in maniera strutturata i contenuti eliminando qualsiasi caratteristica di presentazione, o quasi;
3. presentazione dei documenti mediante fogli di stile CSS.
Il punto 2 è cruciale ai fini dell’accessibilità siti web: un codice di marcatura ridotto a contenuto strutturato privo di presentazione consente una fruizione ottimale dei contenuti con browser testuali, screen reader e dispositivi con schermo piccolo; permette, inoltre, di applicare al documento un proprio foglio di stile personalizzato, in modo da ottenere una presentazione accessibile, conforme alle proprie esigenze.
Per ottenere questo, però, è fondamentale che si faccia un uso semantico del codice di marcatura.
Utilizzare il codice di marcatura in modo semantico significa descrivere i contenuti mediante gli elementi strutturali appropriati previsti dal linguaggio utilizzato (HTML, XHTML, ecc.): <h1>..<h6> per i titoli, <p> per i paragrafi, <ul> o <ol> per gli elenchi, <q> o <cite> per le citazioni, <abbr> per le abbreviazioni, <acronym> per gli acronimi, <address> per le informazioni relative ai recapiti, e così via.
Gli elementi strutturali sono riconosciuti nativamente dai browser anche se non vi sono fogli di stile associati; per esempio, i titoli vengono rappresentati con caratteri più grandi rispetto ai paragrafi, le voci di elenco sono segnate con opportuni marcatori, ecc.)
Ai fini dell’accessibilità, è importante, perciò, che gli sviluppatori delle web agency applichino informazioni strutturali ai contenuti, in modo che, anche se si elimina del tutto la presentazione affidata ai fogli di stile, gli elementi essenziali della struttura rimangano visibili e comprensibili per il lettore.
Sul Web sono numerosissimi i casi di utilizzo scorretto del codice di marcatura nei siti internet; quelli più comuni riguardano l’uso improprio della formattazione per simulare graficamente l’aspetto di determinati elementi strutturali, come intestazioni (titoli e sottotoli), liste (elenchi puntati e numerati), citazioni, e nell’uso improprio di tabelle a scopo di impaginazione.
Nel caso dei titoli, ad esempio, capita spesso di trovare siti web in cui le intestazioni sono realizzate mediante semplici paragrafi formattati in grassetto e con una dimensione maggiore dei caratteri; visivamente si ottiene “l’effetto titolo” ma semanticamente restano paragrafi e ciò si può notare disabilitando i fogli di stile. Per i titoli andrebbero invece utilizzati i tag di intestazione h1, h2, h3, h4, h4, h5 e h6, rispettando le opportune gerarchie secondo cui un titolo di livello inferiore deve essere preceduto necessariamente da uno di livello superiore.
Nel caso delle tabelle a scopo di impaginazione, invece, viene snaturato il ruolo per il quale le tabelle sono state create, ovvero impaginare i dati tabellari. I layout dei siti internet andrebbero realizzati senza l’uso tabelle (layout tableless), ricorrendo ai giusti marcatori per i contenitori, ovvero i tag <div>, ed alle informazioni di stile, come float e position, per disporli sullo schermo in maniera opportuna.
In questi casi il contenuto delle pagine web risulta privo di struttura logica e di semantica e diviene di fatto inaccessibile a tutti quegli utenti che non navigano in modalità grafica, facendo uso, ad esempio, di browser testuali, di screen reader o di altre tecnologie assistive.
Conoscere bene gli elementi strutturali del codice di marcatura che si utilizza e farne un uso semantico diviene, quindi, un presupposto indispensabile per realizzare siti internet accessibili, moderni e di qualità, il cui contenuto sia davvero usabile da tutti e correttamente interpretato da qualsiasi browser o tecnologia.
A tal fine, è fondamentale conoscere bene il significato dei concetti di contenuto, struttura e presentazione, che sono essenziali per poter lavorare in modo accessibile sugli stili grafici delle pagine web e sull’organizzazione logica delle informazioni in esse contenute.
Il contenuto è rappresentato dalle informazioni fornite da un documento: testi, immagini, suoni, animazioni, grafici, ecc.
La struttura è la rappresentazione semantica del contenuto mediante un linguaggio di marcatura strutturale (es. HTML).
La presentazione è l’insieme delle informazioni che definiscono lo stile e la formattazione dei contenuti strutturati: allineamento del testo, colore e sfondo degli elementi, dimensione dei caratteri, ecc.
I principi dello sviluppo accessibile dei siti web prevedono che la realizzazione di un sito internet segua il seguente iter:
1. definizione dei contenuti delle pagine;
2. scrittura del codice di marcatura che descriva in maniera strutturata i contenuti eliminando qualsiasi caratteristica di presentazione, o quasi;
3. presentazione dei documenti mediante fogli di stile CSS.
Il punto 2 è cruciale ai fini dell’accessibilità siti web: un codice di marcatura ridotto a contenuto strutturato privo di presentazione consente una fruizione ottimale dei contenuti con browser testuali, screen reader e dispositivi con schermo piccolo; permette, inoltre, di applicare al documento un proprio foglio di stile personalizzato, in modo da ottenere una presentazione accessibile, conforme alle proprie esigenze.
Per ottenere questo, però, è fondamentale che si faccia un uso semantico del codice di marcatura.
Utilizzare il codice di marcatura in modo semantico significa descrivere i contenuti mediante gli elementi strutturali appropriati previsti dal linguaggio utilizzato (HTML, XHTML, ecc.): <h1>..<h6> per i titoli, <p> per i paragrafi, <ul> o <ol> per gli elenchi, <q> o <cite> per le citazioni, <abbr> per le abbreviazioni, <acronym> per gli acronimi, <address> per le informazioni relative ai recapiti, e così via.
Gli elementi strutturali sono riconosciuti nativamente dai browser anche se non vi sono fogli di stile associati; per esempio, i titoli vengono rappresentati con caratteri più grandi rispetto ai paragrafi, le voci di elenco sono segnate con opportuni marcatori, ecc.)
Ai fini dell’accessibilità, è importante, perciò, che gli sviluppatori delle web agency applichino informazioni strutturali ai contenuti, in modo che, anche se si elimina del tutto la presentazione affidata ai fogli di stile, gli elementi essenziali della struttura rimangano visibili e comprensibili per il lettore.
Sul Web sono numerosissimi i casi di utilizzo scorretto del codice di marcatura nei siti internet; quelli più comuni riguardano l’uso improprio della formattazione per simulare graficamente l’aspetto di determinati elementi strutturali, come intestazioni (titoli e sottotoli), liste (elenchi puntati e numerati), citazioni, e nell’uso improprio di tabelle a scopo di impaginazione.
Nel caso dei titoli, ad esempio, capita spesso di trovare siti web in cui le intestazioni sono realizzate mediante semplici paragrafi formattati in grassetto e con una dimensione maggiore dei caratteri; visivamente si ottiene “l’effetto titolo” ma semanticamente restano paragrafi e ciò si può notare disabilitando i fogli di stile. Per i titoli andrebbero invece utilizzati i tag di intestazione h1, h2, h3, h4, h4, h5 e h6, rispettando le opportune gerarchie secondo cui un titolo di livello inferiore deve essere preceduto necessariamente da uno di livello superiore.
Nel caso delle tabelle a scopo di impaginazione, invece, viene snaturato il ruolo per il quale le tabelle sono state create, ovvero impaginare i dati tabellari. I layout dei siti internet andrebbero realizzati senza l’uso tabelle (layout tableless), ricorrendo ai giusti marcatori per i contenitori, ovvero i tag <div>, ed alle informazioni di stile, come float e position, per disporli sullo schermo in maniera opportuna.
In questi casi il contenuto delle pagine web risulta privo di struttura logica e di semantica e diviene di fatto inaccessibile a tutti quegli utenti che non navigano in modalità grafica, facendo uso, ad esempio, di browser testuali, di screen reader o di altre tecnologie assistive.
Conoscere bene gli elementi strutturali del codice di marcatura che si utilizza e farne un uso semantico diviene, quindi, un presupposto indispensabile per realizzare siti internet accessibili, moderni e di qualità, il cui contenuto sia davvero usabile da tutti e correttamente interpretato da qualsiasi browser o tecnologia.
sabato 2 gennaio 2010
Accessibilità siti web: come migliorare la navigazione dei siti internet
Progettare e realizzare siti internet di qualità richiede conoscenze e capacità che non possono non includere due aspetti fondamentali del web design moderno: accessibilità siti web ed usabilità.
I siti internet accessibili ed usabili risultano ben strutturati ed organizzati, con meccanismi di navigazione chiari ed efficienti. Questo migliora la fruizione dei contenuti, rendendo l'esperienza dell'utente piacevole e soddisfacente.
Un meccanismo di navigazione è qualsiasi strumento tramite il quale un utente può navigare una pagina o un sito web. Alcuni esempi di meccanismi sono le barre di navigazione, le mappe del sito, i sommari.
Implementare un modello di navigazione chiaro e coerente è fondamentale per migliorare l’accesso ai contenuti da parte delle persone affette da disabilità cognitive, motorie e da cecità, ma risulta vantaggioso anche per gli utenti normodotati.
In questo articolo vengono forniti alcuni suggerimenti su come progettare la navigazione di un sito internet utilizzando i principi dello sviluppo accessibile.
Partiamo dai link, ovvero i collegamenti ipertestuali, che rappresentano lo strumento base della navigazione in quanto consentono di spostarsi all’interno della pagine e tra le pagine. E’ fondamentale che i link siano autodescrittivi, ovvero che il testo usato come ancora sia auto esplicativo e chiarisca da solo la destinazione del collegamento; in pratica il significato di un link deve essere indipendente dal contenuto del testo in cui è immerso. Questo vuol dire che non ha senso utilizzare un link del tipo “Clicca qui” in quanto non chiarisce da solo la destinazione ma è necessario desumerla dal testo che precede o segue. Ciò diviene un problema notevole per gli utenti che fanno uso di screen reader e che navigano saltando di link in link: giungendo su un collegamento non autodescrittivo non hanno modo di capire dove punta, rendendo inagevole, di fatto, la navigazione.
Poi ci sono le barre di navigazione costituite da un insieme di link che definiscono i menu principali e secondari dei siti web. Innanzitutto è importante che mantengano la coerenza visiva e funzionale, ovvero che compaiano sempre nella stessa posizione all’interno delle pagine dello stesso sito e che i collegamenti uguali puntino alle stesse pagine. Poi è necessario che i menu siano strutturati come elenco e non semplicemente come un insieme di link e che ogni gruppo di collegamenti sia preceduto da un link che ne consenta il salto diretto.
Quello dei link di salto è un discorso che va esteso a tutti i gruppi di contenuti ripetitivi; permettere il salto di contenuti che si ripetono sempre nelle varie pagine di un sito agevola la navigazione e la rende più veloce e diretta, soprattutto per gli utenti che non fanno uso del mouse o navigano con screen reader e che sono costretti, quindi, a scorrere il contenuto delle pagine in maniera sequenziale. Oltre ai link di salto, sono opportuni anche i collegamenti che permettono di tornare all’inizio della pagina o a determinate sezioni della stessa (per esempio form della ricerca, indici e sommari, ecc.).
Un altro utile sistema di navigazione consiste nell’impiego di un sommario dei contenuti posto all’inizio della pagina e contenente un elenco di link interni che puntano alle sezioni principali. Questo permette di semplificare la ricerca dei contenuti di interesse nella pagina rendendone più immediata la fruizione.
Esistono poi numerosi altri meccanismi di navigazione il cui utilizzo è raccomandato in base alle dimensioni del sito ed alla quantità di contenuti.
Tra di essi trovano posto la mappa del sito, necessaria per rintracciare i contenuti principali in siti internet con molte pagine, i motori di ricerca interni, per reperire particolari informazioni nella pagina, le briciole di pane (breadcrumbs), ovvero la sequenza di link, in genere posta ad inizio pagina, che riassume il percorso logico che porta dalla home page alla sezione attualmente visitata, i tasti di accesso rapido (accesskey) che permettono, tramite opportune combinazioni dei tasti della tastiera, di accedere direttamente a sezioni del sito.
Le informazioni fornite in questo articolo, senza nessuna pretesa di completezza od esaustività, possono servire come valido spunto per tutte quelle web agency che decidono di avviare un progetto web moderno e che intendono approfondire i temi dell’accessibilità siti web e dell’usabilità delle interfacce dei siti internet.
I siti internet accessibili ed usabili risultano ben strutturati ed organizzati, con meccanismi di navigazione chiari ed efficienti. Questo migliora la fruizione dei contenuti, rendendo l'esperienza dell'utente piacevole e soddisfacente.
Un meccanismo di navigazione è qualsiasi strumento tramite il quale un utente può navigare una pagina o un sito web. Alcuni esempi di meccanismi sono le barre di navigazione, le mappe del sito, i sommari.
Implementare un modello di navigazione chiaro e coerente è fondamentale per migliorare l’accesso ai contenuti da parte delle persone affette da disabilità cognitive, motorie e da cecità, ma risulta vantaggioso anche per gli utenti normodotati.
In questo articolo vengono forniti alcuni suggerimenti su come progettare la navigazione di un sito internet utilizzando i principi dello sviluppo accessibile.
Partiamo dai link, ovvero i collegamenti ipertestuali, che rappresentano lo strumento base della navigazione in quanto consentono di spostarsi all’interno della pagine e tra le pagine. E’ fondamentale che i link siano autodescrittivi, ovvero che il testo usato come ancora sia auto esplicativo e chiarisca da solo la destinazione del collegamento; in pratica il significato di un link deve essere indipendente dal contenuto del testo in cui è immerso. Questo vuol dire che non ha senso utilizzare un link del tipo “Clicca qui” in quanto non chiarisce da solo la destinazione ma è necessario desumerla dal testo che precede o segue. Ciò diviene un problema notevole per gli utenti che fanno uso di screen reader e che navigano saltando di link in link: giungendo su un collegamento non autodescrittivo non hanno modo di capire dove punta, rendendo inagevole, di fatto, la navigazione.
Poi ci sono le barre di navigazione costituite da un insieme di link che definiscono i menu principali e secondari dei siti web. Innanzitutto è importante che mantengano la coerenza visiva e funzionale, ovvero che compaiano sempre nella stessa posizione all’interno delle pagine dello stesso sito e che i collegamenti uguali puntino alle stesse pagine. Poi è necessario che i menu siano strutturati come elenco e non semplicemente come un insieme di link e che ogni gruppo di collegamenti sia preceduto da un link che ne consenta il salto diretto.
Quello dei link di salto è un discorso che va esteso a tutti i gruppi di contenuti ripetitivi; permettere il salto di contenuti che si ripetono sempre nelle varie pagine di un sito agevola la navigazione e la rende più veloce e diretta, soprattutto per gli utenti che non fanno uso del mouse o navigano con screen reader e che sono costretti, quindi, a scorrere il contenuto delle pagine in maniera sequenziale. Oltre ai link di salto, sono opportuni anche i collegamenti che permettono di tornare all’inizio della pagina o a determinate sezioni della stessa (per esempio form della ricerca, indici e sommari, ecc.).
Un altro utile sistema di navigazione consiste nell’impiego di un sommario dei contenuti posto all’inizio della pagina e contenente un elenco di link interni che puntano alle sezioni principali. Questo permette di semplificare la ricerca dei contenuti di interesse nella pagina rendendone più immediata la fruizione.
Esistono poi numerosi altri meccanismi di navigazione il cui utilizzo è raccomandato in base alle dimensioni del sito ed alla quantità di contenuti.
Tra di essi trovano posto la mappa del sito, necessaria per rintracciare i contenuti principali in siti internet con molte pagine, i motori di ricerca interni, per reperire particolari informazioni nella pagina, le briciole di pane (breadcrumbs), ovvero la sequenza di link, in genere posta ad inizio pagina, che riassume il percorso logico che porta dalla home page alla sezione attualmente visitata, i tasti di accesso rapido (accesskey) che permettono, tramite opportune combinazioni dei tasti della tastiera, di accedere direttamente a sezioni del sito.
Le informazioni fornite in questo articolo, senza nessuna pretesa di completezza od esaustività, possono servire come valido spunto per tutte quelle web agency che decidono di avviare un progetto web moderno e che intendono approfondire i temi dell’accessibilità siti web e dell’usabilità delle interfacce dei siti internet.
domenica 27 dicembre 2009
Creazione siti internet in XHTML e CSS
La realizzazione di un sito internet parte dalla definizione dei contenuti che esso dovrà avere e che saranno presentati sul Web per raggiungere gli utenti.
L’informazione, quindi, è il punto di partenza ed è di fondamentale importanza comprendere come questa sia indipendente dal mezzo e dalla forma con cui sarà veicolata in rete.
In altre parole, una volta definito il contenuto di un sito – testo, immagini, suoni, video -, dovrebbe essere possibile scegliere di presentarlo a proprio piacimento e, soprattutto, si dovrebbe essere in grado di modificarne la presentazione in qualsiasi momento senza alterare la natura dell’informazione.
Allo stesso modo dovrebbe essere possibile modificare i contenuti, aggiornarli o sostituirli in maniera indipendente dalla loro presentazione.
Gli esperti in creazione siti internet sanno bene quanto sia importante l'adozione di tecniche, approcci e tecnologie capaci di semplificare la manutenzione di un sito web e di offrire un'alta flessibilità, al fine di creare pagine facilmente modificabili, adattabili a diverse modalità di visualizzazione, con la possibilità di cambiare l'aspetto grafico senza intaccare i contenuti
Soprattutto considerando che, in progetti di grandi dimensioni, confluiscono il lavoro e le competenze di diverse figure professionali – grafico, copywriter, programmatore, ecc – e che ciascuna di esse ha la necessità di agire su una o più parti dell’applicazione per conto proprio.
Ci si rende conto, quindi, dell’importanza di separare in maniera logica i diversi strati che compongono un sito internet in modo tale da rendere indipendente la costruzione, la modifica e la gestione di ognuno di essi.
Il primo fondamentale passo verso una realizzazione siti web moderna e professionale consiste nella totale separazione fra struttura e presentazione.
La struttura è il livello nel quale i contenuti sono rappresentati in maniera semantica mediante un linguaggio di marcatura strutturale (es. HTML). I linguaggi di marcatura servono per descrivere i diversi elementi che fanno parte del contenuto di un sito internet: titoli, paragrafi, immagini, elenchi, collegamenti ipertestuali, contenitori, tabelle, ecc. L’informazione viene, quindi, strutturata in maniera semantica attraverso opportuni descrittori, denominati tag, che vanno a comporre le pagine web.
La presentazione, invece, è costituita dall’insieme delle direttive che definiscono l’aspetto che i diversi tag, e di conseguenza le diverse parti di contenuto, dovranno avere, ovvero determinano la veste grafica delle pagine web. E’ possibile, quindi, assegnare uno stile a ciascuna porzione del contenuto di un sito in modo tale da definirne caratteristiche e proprietà quali: colore, bordi, sfondo, dimensione, posizione, allineamento, ecc.
Il sistema migliore di procedere alla costruzione di siti internet di qualità, adottato dalle web design agency moderne, consiste nel realizzare la struttura mediante il linguaggio di marcatura XHML ed affidare la presentazione ai fogli di stile CSS esterni.
L’XHTML (Extensible HyperText Markup Language) è un’estensione dell’HTML ed è un linguaggio di descrizione dei contenuti che consente la scrittura di documenti per il web ben formati aderenti agli standard internazionali. Grazie alla sua sintassi ben definita e più rigida rispetto al semplice HTML, permette di ottenere la conformità con i browser e la compatibilità con le tecnologie future, seguendo, in tal modo, la naturale evoluzione di Internet.
I fogli di stile CSS (Cascading Style Sheets) sono documenti associati alle pagine web contenenti le informazioni che definiscono, appunto, lo stile dei diversi elementi che descrivono il contenuto di un sito web. Esistono tre tipi di fogli di stile: in linea, incorporati ed esterni. I CSS in linea definiscono le proprietà di un singolo elemento nel momento in cui viene scritto all’interno del documento; i CSS incorporati definiscono le caratteristiche di un insieme di elementi ed agiscono a livello di singola pagina, quella in cui sono inseriti; i CSS esterni sono documenti che definiscono le proprietà degli elementi di più pagine, o addirittura di un intero sito, e sono completamente separati dalle pagine web.
L’uso dei fogli di stile CSS esterni è enormemente vantaggioso proprio perché le informazioni di stile non risultano inserite nelle pagine che contengono i contenuti del sito, permettendo, di fatto, la completa separazione tra struttura e presentazione. Ad una singola pagina si possono associare più CSS e, quindi, formattazioni diverse senza dover agire sui contenuti. Viceversa è possibile modificare i contenuti senza dover variare la loro presentazione, semplicemente mantenendo inalterata la loro struttura.
In conclusione, l’uso del linguaggio di marcatura XHTML unitamente ai fogli di stile CSS esterni permette di costruire pagine web ben strutturate e di presentarle nella maniera più opportuna, semplificando la gestione e la manutenzione dei siti internet ed ottenendo applicazioni estremamente flessibili ed efficienti.
L’informazione, quindi, è il punto di partenza ed è di fondamentale importanza comprendere come questa sia indipendente dal mezzo e dalla forma con cui sarà veicolata in rete.
In altre parole, una volta definito il contenuto di un sito – testo, immagini, suoni, video -, dovrebbe essere possibile scegliere di presentarlo a proprio piacimento e, soprattutto, si dovrebbe essere in grado di modificarne la presentazione in qualsiasi momento senza alterare la natura dell’informazione.
Allo stesso modo dovrebbe essere possibile modificare i contenuti, aggiornarli o sostituirli in maniera indipendente dalla loro presentazione.
Gli esperti in creazione siti internet sanno bene quanto sia importante l'adozione di tecniche, approcci e tecnologie capaci di semplificare la manutenzione di un sito web e di offrire un'alta flessibilità, al fine di creare pagine facilmente modificabili, adattabili a diverse modalità di visualizzazione, con la possibilità di cambiare l'aspetto grafico senza intaccare i contenuti
Soprattutto considerando che, in progetti di grandi dimensioni, confluiscono il lavoro e le competenze di diverse figure professionali – grafico, copywriter, programmatore, ecc – e che ciascuna di esse ha la necessità di agire su una o più parti dell’applicazione per conto proprio.
Ci si rende conto, quindi, dell’importanza di separare in maniera logica i diversi strati che compongono un sito internet in modo tale da rendere indipendente la costruzione, la modifica e la gestione di ognuno di essi.
Il primo fondamentale passo verso una realizzazione siti web moderna e professionale consiste nella totale separazione fra struttura e presentazione.
La struttura è il livello nel quale i contenuti sono rappresentati in maniera semantica mediante un linguaggio di marcatura strutturale (es. HTML). I linguaggi di marcatura servono per descrivere i diversi elementi che fanno parte del contenuto di un sito internet: titoli, paragrafi, immagini, elenchi, collegamenti ipertestuali, contenitori, tabelle, ecc. L’informazione viene, quindi, strutturata in maniera semantica attraverso opportuni descrittori, denominati tag, che vanno a comporre le pagine web.
La presentazione, invece, è costituita dall’insieme delle direttive che definiscono l’aspetto che i diversi tag, e di conseguenza le diverse parti di contenuto, dovranno avere, ovvero determinano la veste grafica delle pagine web. E’ possibile, quindi, assegnare uno stile a ciascuna porzione del contenuto di un sito in modo tale da definirne caratteristiche e proprietà quali: colore, bordi, sfondo, dimensione, posizione, allineamento, ecc.
Il sistema migliore di procedere alla costruzione di siti internet di qualità, adottato dalle web design agency moderne, consiste nel realizzare la struttura mediante il linguaggio di marcatura XHML ed affidare la presentazione ai fogli di stile CSS esterni.
L’XHTML (Extensible HyperText Markup Language) è un’estensione dell’HTML ed è un linguaggio di descrizione dei contenuti che consente la scrittura di documenti per il web ben formati aderenti agli standard internazionali. Grazie alla sua sintassi ben definita e più rigida rispetto al semplice HTML, permette di ottenere la conformità con i browser e la compatibilità con le tecnologie future, seguendo, in tal modo, la naturale evoluzione di Internet.
I fogli di stile CSS (Cascading Style Sheets) sono documenti associati alle pagine web contenenti le informazioni che definiscono, appunto, lo stile dei diversi elementi che descrivono il contenuto di un sito web. Esistono tre tipi di fogli di stile: in linea, incorporati ed esterni. I CSS in linea definiscono le proprietà di un singolo elemento nel momento in cui viene scritto all’interno del documento; i CSS incorporati definiscono le caratteristiche di un insieme di elementi ed agiscono a livello di singola pagina, quella in cui sono inseriti; i CSS esterni sono documenti che definiscono le proprietà degli elementi di più pagine, o addirittura di un intero sito, e sono completamente separati dalle pagine web.
L’uso dei fogli di stile CSS esterni è enormemente vantaggioso proprio perché le informazioni di stile non risultano inserite nelle pagine che contengono i contenuti del sito, permettendo, di fatto, la completa separazione tra struttura e presentazione. Ad una singola pagina si possono associare più CSS e, quindi, formattazioni diverse senza dover agire sui contenuti. Viceversa è possibile modificare i contenuti senza dover variare la loro presentazione, semplicemente mantenendo inalterata la loro struttura.
In conclusione, l’uso del linguaggio di marcatura XHTML unitamente ai fogli di stile CSS esterni permette di costruire pagine web ben strutturate e di presentarle nella maniera più opportuna, semplificando la gestione e la manutenzione dei siti internet ed ottenendo applicazioni estremamente flessibili ed efficienti.
sabato 26 dicembre 2009
Realizzazione siti web Molise
A circa un anno dalla pubblicazione della prima versione, la web agency molisana CODENCODE, con sede ad Isernia, rinnova completamente il proprio sito internet www.codencode.it.
Il restyling, che ha richiesto diversi mesi di lavoro, ha interessato sia l’interfaccia grafica che i contenuti e si è reso necessario per adeguare l’offerta e le proposte della società che durante il primo anno di attività si sono consolidate ed ampliate.
Codencode.it è ormai da tempo un punto di riferimento per chi, in provincia di Isernia ed in Molise, è interessato a trovare aziende che si occupano di realizzazione siti web, comparendo ai primi posti dei principali motori di ricerca con chiavi di ricerca correlate a questo settore..
Il sito ha l’ambizione di posizionarsi nella prima pagina dei motori di ricerca non solo a livello regionale ma anche e, soprattutto, a livello nazionale, obiettivo per il quale si sta lavorando e si stanno già ottenendo buoni risultati.
Il sito si presenta ricco di contenuti interessanti che risultano suddivisi in cinque aree principali:
Quello della realizzazione di siti internet accessibili è un argomento tanto importante quanto, purtroppo, ancora tenuto in poca considerazione dalle agenzie web nel loro lavoro.
CODENCODE si impegna nella realizzazione di siti web accessibili ed il sito codencode.it ne è un forte esempio. Infatti è stato realizzato sfruttando i principi dello sviluppo accessibile, in osservanza delle direttive contenute nelle 14 linee guida per l'accessibilità dei contenuti web (WCAG 1.0) ed ogni pagina del sito supera la validazione XHTML 1.1 e CSS 2.1, come previsto dal W3C (World Wide Web Consortium). E’ presente, inoltre, la dichiarazione di accessibilità secondo quanto previsto dai 22 requisiti della Verifica Tecnica della Legge 4/2004 (Legge Stanca) - Disposizioni per favorire l'accesso dei soggetti disabili agli strumenti informatici.
Codencode.it si presenta, quindi, come un sito internet moderno ad alta qualità, nel quale l’uso spinto della grafica e dell’interattività sposa in modo completo e naturale l’impiego di funzioni di accessibilità che lo rendono fruibile e navigabile da tutti gli utenti, attraverso i diversi browser oggi in commercio e mediante le diverse tecnologie utilizzate.
Il restyling, che ha richiesto diversi mesi di lavoro, ha interessato sia l’interfaccia grafica che i contenuti e si è reso necessario per adeguare l’offerta e le proposte della società che durante il primo anno di attività si sono consolidate ed ampliate.
Codencode.it è ormai da tempo un punto di riferimento per chi, in provincia di Isernia ed in Molise, è interessato a trovare aziende che si occupano di realizzazione siti web, comparendo ai primi posti dei principali motori di ricerca con chiavi di ricerca correlate a questo settore..
Il sito ha l’ambizione di posizionarsi nella prima pagina dei motori di ricerca non solo a livello regionale ma anche e, soprattutto, a livello nazionale, obiettivo per il quale si sta lavorando e si stanno già ottenendo buoni risultati.
Il sito si presenta ricco di contenuti interessanti che risultano suddivisi in cinque aree principali:
- CODENCODE, che include la presentazione della società informatica e ne chiarisce gli obiettivi;
- INTERNET, che descrive l’offerta relativa al web: creazione siti internet, software e-commerce e siti di commercio elettronico, posizionamento sui motori di ricerca e web marketing;
- GRAFICA, che presenta l’attività svolta dall’azienda come studio grafico, in particolare creazione loghi ed immagine coordinata aziendale (corporate identity);
- SOFTWARE, incentrata sulla realizzazione di applicazioni multimediali e sullo sviluppo di software gestionali e su misura;
- PORTFOLIO, che raccoglie una vasta galleria di lavori realizzati raggruppati nelle categorie siti web, grafica, multimedia e software.
Quello della realizzazione di siti internet accessibili è un argomento tanto importante quanto, purtroppo, ancora tenuto in poca considerazione dalle agenzie web nel loro lavoro.
CODENCODE si impegna nella realizzazione di siti web accessibili ed il sito codencode.it ne è un forte esempio. Infatti è stato realizzato sfruttando i principi dello sviluppo accessibile, in osservanza delle direttive contenute nelle 14 linee guida per l'accessibilità dei contenuti web (WCAG 1.0) ed ogni pagina del sito supera la validazione XHTML 1.1 e CSS 2.1, come previsto dal W3C (World Wide Web Consortium). E’ presente, inoltre, la dichiarazione di accessibilità secondo quanto previsto dai 22 requisiti della Verifica Tecnica della Legge 4/2004 (Legge Stanca) - Disposizioni per favorire l'accesso dei soggetti disabili agli strumenti informatici.
Codencode.it si presenta, quindi, come un sito internet moderno ad alta qualità, nel quale l’uso spinto della grafica e dell’interattività sposa in modo completo e naturale l’impiego di funzioni di accessibilità che lo rendono fruibile e navigabile da tutti gli utenti, attraverso i diversi browser oggi in commercio e mediante le diverse tecnologie utilizzate.
Iscriviti a:
Post (Atom)