Cesvob Costruire e Gestire Siti Web Modulo tecnico-pratico: impostazione tecnologica e funzionale.

39
cesvob Costruire e Gestire Siti Web Modulo tecnico-pratico: impostazione tecnologica e funzionale

Transcript of Cesvob Costruire e Gestire Siti Web Modulo tecnico-pratico: impostazione tecnologica e funzionale.

Page 1: Cesvob Costruire e Gestire Siti Web Modulo tecnico-pratico: impostazione tecnologica e funzionale.

cesvob

Costruire e Gestire Siti WebModulo tecnico-pratico impostazione

tecnologica e funzionale

httplnxcesvobitcesvobformazionecorso-webindexphp

Nunzio Castaldinunziocastaldihotmailcomhttpwwwwebenit

creare la nostra identitagrave sul web

email wwwhotmailcom

rete di contatti - skydrive

Lingua linguaggio metalinguaggio

progettazionetargetknow-howmission

Creazioneterze partihostingserver dedicato

gestione

target

RAPPORTO ISTAT

Cittadini e nuove tecnologieAnno 2008

27 febbraio 2009

Il campione comprende 19 mila 573 famiglie per un totale di 48 mila 861persone

0

10

20

30

40

50

60

70

80

90

1deg Trim 2deg Trim 3deg Trim 4deg Trim

Est

Ovest

Nord

Le attivitagrave di comunicazione hanno un ruolo importante nellrsquoutilizzo di Internet oltre il 70 degli utilizzatori di Internet utilizza la posta elettronica

Emerge lrsquouso del web per condividere contenuti

Quasi il 40 degli utenti di Internet usa il web per ottenere informazioni sulla PA

Internet modifica lrsquouso di strumenti tradizionali come il telefono fisso e i quotidiani in formato cartaceo

accessibilitagrave

Decreto del Presidente della Repubblica 1 marzo 2005 n 75

Regolamento di attuazione della legge 9 gennaio 2004 n 4 per favorire laccesso dei soggetti disabili agli strumenti informatici

Pubblicato in GU n 101 del 3 maggio 2005

la legge Stanca riguarda solo le pubbliche amministrazioni obbligandole ad avere siti accessibili ma non egrave un male pensare di portarsi avanti col lavoro in previsione di norme future In Inghilterra ad esempio ci sono giagrave

ACCESSIBILITArsquo

la capacitagrave dei sistemi informatici nelle forme e nei limiti consentiti dalle conoscenze tecnologiche di erogare servizi e fornire informazioni fruibili senza discriminazioni anche da parte di coloro che a causa di disabilitagrave necessitano di tecnologie assistive o configurazioni particolari

TECNOLOGIE ASSISTIVE

gli strumenti e le soluzioni tecniche hardware e software che permettono alla persona disabile superando o riducendo le condizioni di svantaggio di accedere ai servizi erogati dai sistemi informatici

Art 2 Criteri e principi generali per lrsquoaccessibilitagrave1 Sono accessibili i servizi realizzati tramite sistemi informatici che presentano i seguenti requisiti a) accessibilitagrave al contenuto del servizio da parte dellrsquoutente b) fruibilitagrave delle informazioni offerte caratterizzata anche da

1) facilitagrave e semplicitagrave drsquouso [usabilitagrave] assicurando fra lrsquoaltro che le azioni da compiere per ottenere servizi e informazioni siano sempre uniformi tra loro 2) efficienza nellrsquouso assicurando fra lrsquoaltro la separazione tra contenuto presentazione e modalitagrave di funzionamento delle interfacce noncheacute la possibilitagrave di rendere disponibile lrsquoinformazione attraverso differenti canali sensoriali 3) efficacia nellrsquouso e rispondenza alle esigenze dellrsquoutente assicurando fra lrsquoaltro che le azioni da compiere per ottenere in modo corretto servizi e informazioni siano indipendenti dal dispositivo utilizzato per lrsquoaccesso 4) soddisfazione nellrsquouso assicurando fra lrsquoaltro lrsquoaccesso al servizio e allrsquoinformazione senza ingiustificati disagi o vincoli per lrsquoutente

c) compatibilitagrave con le linee guida indicate nelle comunicazioni nelle raccomandazioni e nelle direttive sullrsquoaccessibilitagrave dellrsquoUnione europea noncheacute nelle normative internazionalmente riconosciute e tenendo conto degli indirizzi forniti dagli organismi pubblici e privati anche internazionali operanti nel settore quali lrsquoInternational Organization for Standardization (ISO) e il World Wide Web Consortium (W3C)

Ersquo la cosa giusta da fare percheacute la rete egrave condivisione e non esclusione Capire i vantaggi del considerare tutti i possibili visitatori

Avere un sito accessibile egrave un ottimo spunto pubblicitario ed un argomento che puograve sempre essere citato per farsi notare da stampa ed affini

I numeri sono dalla parte dellrsquoaccessibilitagrave alcuni tipi di dislessia arrivano al 15 altri tipi di problemi alla vista al 7 sono cifre decisamente significative

Un sito accessibile se ben realizzato non dipende dal mezzo con cui viene visitato Con sempre nuovi browser palmari e smartphone che arrivano sul mercato scegliere un sito accessibile egrave unrsquoottima mossa

Miglior posizionamento sui motori di ricerca grazie anche ad una miglior semantica del codice

La popolazione di internet comprenderagrave fasce di etagrave sempre piugrave avanzate egrave importante muoversi anche in questo senso

web writingscrivere per il web

UtenteErsquo un impaziente e legge non parola per parola partendo dalla prima in alto a sinistra ma sorvolando la pagina come un paesaggio visto dallaltoper cogliere il piugrave rapidamente possibile se cegrave qualcosa che gliinteressa davvero

Gli utenti Internet presentano due tipi di strategie di ricerca di tipo esplorativo (che si esprime nellrsquoosservazione di tutta la pagina) di tipo selettivo (ricerca dellrsquoinformazione corretta)

Questrsquoultima modalitagrave si puograve a sua volta suddividere in due strategie di selezione

auto conclusiva che termina al reperimento dellrsquoinformazione ricercata esaustiva che continua nellrsquoesame della pagina nonostante il recupero

dellrsquoinformazione cercata

Nella ricerca la posizione delle key words ha un effetto rilevante

Altri studi mettono in evidenza che nelle prime tre fissazioni sulla pagina il testo attrae maggiormente lrsquoattenzione rispetto alla grafica (percentuali del 78 e 22 rispettivamente)

Spesso gli utenti non si soffermano sulle immagini se non alla seconda o terza visita alla pagina

Gli utenti infatti grazie allrsquoesperienza ripetuta di navigazione si attende di trovare in particolari posizioni della pagina particolari pulsanti link o altri elementi

Tanto maggiore saragrave la qualitagrave dellrsquointerfaccia tanto piugrave rapidamente potremmo assistere al passaggio dal concetto di ldquoUsabilitagraverdquo a quello di ldquoEfficienzardquo

Analisi del percorso oculare

Grazie alla tecnologia Eye Tracking egrave possibile registrare il percorso esatto dello sguardo degli addetti al collaudo documentando in questo modo la sequenza dei punti fissati (fissitagrave)

Le linee mostrano il percorso seguito dagli occhi sul mezzo impiegato per il test I punti fissati sono rappresentati sottoforma di cerchi Quanto piugrave sono grandi i punti tanto piugrave a lungo sono stati fissati e tanto piugrave interesse per queste aree egrave stato dimostrato dalladdetto al test

IpertestoIl passaggio dalla scrittura lineare del libro alla scrittura espansa e profonda dellipertesto cambia completamente il modo di pensare progettare e costruire un testo

Sul web il testo acquista un nuovo senso spaziale rispetto alla carta

E per questo che un ipertesto lo si progetta e lo si costruisce ancor prima di scriverlo

ORIENTAMENTOMENUrsquoLINK

STORYBOARD

Home pageLa home page egrave la porta di ingresso la vetrina del sito E ligrave che lautore gioca le sue carte per convincere il navigatore a restare o a proseguire il suo giro altrove Navigatore che non vuole essere impressionato con una grafica pirotecnica e con effetti speciali ma sapere subito cosa troveragrave allinterno attraverso un titolo e un sottotitolo un indice preciso e chiaro Jakob Nielsen ha definito la home page la proprietagrave immobiliare piugrave preziosa del mondo percheacute egrave in quel piccolo spazio che tutto il contenuto del sito deve essere promesso e rappresentato

BrevitagraveIl lettore va catturato subito con testi sintetici e concentrati

Ma scrivere breve non significa necessariamente sacrificare i contenuti o la forza dellimpatto della comunicazione significa piuttosto concentrare e affinare il testo

Quando ha bisogno di scrivere di piugrave il web writer ha comunque a sua disposizione la grande risorsa dellipertesto

Abstract

Genere di scrittura breve sintetica e modulare per eccellenza

Labstract che segue il titolo di un articolo e ne sintetizza i contenuti egrave il miglior modo per convincere il lettore a cliccare e ad andare alla pagina successiva

Secondo una metafora culinaria molto popolare tra i web writer statunitensi un testo online dovrebbe prevedere il morso lo spuntino e il pasto ovvero il titolo labstract e il testo intero a seconda della fame e del desiderio di saperne di piugrave da parte del frettoloso lettore della rete

Microcontent

Jakob Nielsen chiama i piccoli testi microcontent e con questo termine indica i titoli i sottotitoli i link le voci di indice di una pagina web i metatag gli alt text delle immagini

Cioegrave tutte quelle perle di chiarezza di 50 caratteri al massimo che devono contenere e spiegare al lettore il macrocontent di intere pagine e quindi attrarlo e guidarlo allinterno di un sito

Scrivere microcontent che siano veri concentrati di contenuto egrave una delle sfide piugrave difficili per il talento editoriale dello scrittore online

Sintassi breve (soggetto predicato verbo)

TitoloMicrocontent per eccellenza titoli e sottotitoli delle pagine e dei paragrafi devono essere progettati e scritti come un vero paratesto (ciograve che sta accanto intorno al testo) con la funzione di segnalare e far risaltare i contenuti piugrave importanti Allinterno della mappa visiva della pagina web devono costituire un primo ma completo livello di lettura da cogliere con un solo sguardo

PULIZIA DEL CONTENUTO

ColoreGrassettoPunteggiaturaFont (Verdana - grandezza)

RevisioneTesti corretti precisi e privi di refusi depongono a favore della serietagrave della credibilitagrave e dellaffidabilitagrave dellautore e dellazienda cui appartiene

CREAZIONE

Registrare un proprio dominio eo avere uno spazio web gratuito ed eventuali caselle di posta elettronica (costi e modalitagrave operative)

Tecnologie per i siti web contenuti statici contenuti dinamici

Software per lo sviluppomodifica pagine web statiche (HTML) esempio di utilizzo di un software gratuito per la realizzazione di alcune di pagine di un ipotetico sito web

Pubblicazione pagine web esempio di utilizzo di un software gratuito per la pubblicazione delle pagine realizzate

Gestione di un sito con contenuti dinamici attraverso un Gestionale

Cenni alle problematiche legate alla grafica per il web ndash esempio di utilizzo di un software gratuito per la grafica

Come promuovere il proprio sito web presso i motori di ricerca

STEP BY STEP

Tecnologie

Pagine statiche Realizzazione delle singole pagine in HTMLVantaggi alto grado di personalizzazione delle singole pagineSvantaggi richiede competenze specifiche per ogni modifica di contenuti

Pagine dinamicheUtilizzare database e gestionali per organizzare contenutiVantaggi semplice da gestire per modificare contenutiSvantaggi struttura grafica vincolata utilizzo di linguaggi e competenze specifiche per realizzare il sito (es ASP PHP)

ASP [Active Server Pages] -gt ASPNET-----pro -gt e diffuso e trovi un sacco di hosting gratuiti (se il sito egrave personale)contro -gt linguaggio proprietario supporta solo windows

PHP [PHP Hypertext Preprocessor]----pro -gt open source gira su linux e windows Un sacco di hosting gratuiti ottima integrazione con la maggior parte dei DB ottima communitycontro -gt sono poche le aziende grosse che lo utilizzano

JSP [JavaServer Pages]-----pro -gt flessibile si integra con parecchie tecnologie adottate dal mercato enterprise ed egrave particolarmente adatta a scenari n-tier enorme community e prodotti di contorno open source contro -gt curva di apprendimento piu ripida generalmente piu difficile da amministrare

JSP egrave un linguaggio adatto a prodotti di livello alto tipo strutture di home-banking o e-commerce a livello internazionale Non ha senso per i livelli medio-bassi ci vuole diverso tempo per impararlo ed usarlo oltre ai costi quasi improponibili per gli hosting

WAMP (piattaforma)WAMP egrave un acronimo con cui si indica una piattaforma di sviluppo webdatabase che prende il nome dalle iniziali dei componenti software con cui egrave realizzata (WINDOWS Apache Mysql Php)WAMP egrave gratuito e libero ed egrave rilasciato sotto la GNU General Public License Egrave disponibile nelle due versioni installer (auto-installante) e zip (che non richiede linstallazione) questultima utile per poter avviare WAMP da una chiavetta USB

Appserverhttpwwwappservnetworkcom

WampServerhttpwwwwampservercomen

EasyPhPhttpwwweasyphporgindexphp

Promuovere il proprio sito1048707 Presso i motori di Ricerca1048707 Autosegnalarsi1048707 Attendere1048707 Cercarsi1048707 Pagare1048707 Sul sito1048707 Inserire Keywords1048707 Descrivere e dare un titolo1048707 Commentare immagini

Page 2: Cesvob Costruire e Gestire Siti Web Modulo tecnico-pratico: impostazione tecnologica e funzionale.

httplnxcesvobitcesvobformazionecorso-webindexphp

Nunzio Castaldinunziocastaldihotmailcomhttpwwwwebenit

creare la nostra identitagrave sul web

email wwwhotmailcom

rete di contatti - skydrive

Lingua linguaggio metalinguaggio

progettazionetargetknow-howmission

Creazioneterze partihostingserver dedicato

gestione

target

RAPPORTO ISTAT

Cittadini e nuove tecnologieAnno 2008

27 febbraio 2009

Il campione comprende 19 mila 573 famiglie per un totale di 48 mila 861persone

0

10

20

30

40

50

60

70

80

90

1deg Trim 2deg Trim 3deg Trim 4deg Trim

Est

Ovest

Nord

Le attivitagrave di comunicazione hanno un ruolo importante nellrsquoutilizzo di Internet oltre il 70 degli utilizzatori di Internet utilizza la posta elettronica

Emerge lrsquouso del web per condividere contenuti

Quasi il 40 degli utenti di Internet usa il web per ottenere informazioni sulla PA

Internet modifica lrsquouso di strumenti tradizionali come il telefono fisso e i quotidiani in formato cartaceo

accessibilitagrave

Decreto del Presidente della Repubblica 1 marzo 2005 n 75

Regolamento di attuazione della legge 9 gennaio 2004 n 4 per favorire laccesso dei soggetti disabili agli strumenti informatici

Pubblicato in GU n 101 del 3 maggio 2005

la legge Stanca riguarda solo le pubbliche amministrazioni obbligandole ad avere siti accessibili ma non egrave un male pensare di portarsi avanti col lavoro in previsione di norme future In Inghilterra ad esempio ci sono giagrave

ACCESSIBILITArsquo

la capacitagrave dei sistemi informatici nelle forme e nei limiti consentiti dalle conoscenze tecnologiche di erogare servizi e fornire informazioni fruibili senza discriminazioni anche da parte di coloro che a causa di disabilitagrave necessitano di tecnologie assistive o configurazioni particolari

TECNOLOGIE ASSISTIVE

gli strumenti e le soluzioni tecniche hardware e software che permettono alla persona disabile superando o riducendo le condizioni di svantaggio di accedere ai servizi erogati dai sistemi informatici

Art 2 Criteri e principi generali per lrsquoaccessibilitagrave1 Sono accessibili i servizi realizzati tramite sistemi informatici che presentano i seguenti requisiti a) accessibilitagrave al contenuto del servizio da parte dellrsquoutente b) fruibilitagrave delle informazioni offerte caratterizzata anche da

1) facilitagrave e semplicitagrave drsquouso [usabilitagrave] assicurando fra lrsquoaltro che le azioni da compiere per ottenere servizi e informazioni siano sempre uniformi tra loro 2) efficienza nellrsquouso assicurando fra lrsquoaltro la separazione tra contenuto presentazione e modalitagrave di funzionamento delle interfacce noncheacute la possibilitagrave di rendere disponibile lrsquoinformazione attraverso differenti canali sensoriali 3) efficacia nellrsquouso e rispondenza alle esigenze dellrsquoutente assicurando fra lrsquoaltro che le azioni da compiere per ottenere in modo corretto servizi e informazioni siano indipendenti dal dispositivo utilizzato per lrsquoaccesso 4) soddisfazione nellrsquouso assicurando fra lrsquoaltro lrsquoaccesso al servizio e allrsquoinformazione senza ingiustificati disagi o vincoli per lrsquoutente

c) compatibilitagrave con le linee guida indicate nelle comunicazioni nelle raccomandazioni e nelle direttive sullrsquoaccessibilitagrave dellrsquoUnione europea noncheacute nelle normative internazionalmente riconosciute e tenendo conto degli indirizzi forniti dagli organismi pubblici e privati anche internazionali operanti nel settore quali lrsquoInternational Organization for Standardization (ISO) e il World Wide Web Consortium (W3C)

Ersquo la cosa giusta da fare percheacute la rete egrave condivisione e non esclusione Capire i vantaggi del considerare tutti i possibili visitatori

Avere un sito accessibile egrave un ottimo spunto pubblicitario ed un argomento che puograve sempre essere citato per farsi notare da stampa ed affini

I numeri sono dalla parte dellrsquoaccessibilitagrave alcuni tipi di dislessia arrivano al 15 altri tipi di problemi alla vista al 7 sono cifre decisamente significative

Un sito accessibile se ben realizzato non dipende dal mezzo con cui viene visitato Con sempre nuovi browser palmari e smartphone che arrivano sul mercato scegliere un sito accessibile egrave unrsquoottima mossa

Miglior posizionamento sui motori di ricerca grazie anche ad una miglior semantica del codice

La popolazione di internet comprenderagrave fasce di etagrave sempre piugrave avanzate egrave importante muoversi anche in questo senso

web writingscrivere per il web

UtenteErsquo un impaziente e legge non parola per parola partendo dalla prima in alto a sinistra ma sorvolando la pagina come un paesaggio visto dallaltoper cogliere il piugrave rapidamente possibile se cegrave qualcosa che gliinteressa davvero

Gli utenti Internet presentano due tipi di strategie di ricerca di tipo esplorativo (che si esprime nellrsquoosservazione di tutta la pagina) di tipo selettivo (ricerca dellrsquoinformazione corretta)

Questrsquoultima modalitagrave si puograve a sua volta suddividere in due strategie di selezione

auto conclusiva che termina al reperimento dellrsquoinformazione ricercata esaustiva che continua nellrsquoesame della pagina nonostante il recupero

dellrsquoinformazione cercata

Nella ricerca la posizione delle key words ha un effetto rilevante

Altri studi mettono in evidenza che nelle prime tre fissazioni sulla pagina il testo attrae maggiormente lrsquoattenzione rispetto alla grafica (percentuali del 78 e 22 rispettivamente)

Spesso gli utenti non si soffermano sulle immagini se non alla seconda o terza visita alla pagina

Gli utenti infatti grazie allrsquoesperienza ripetuta di navigazione si attende di trovare in particolari posizioni della pagina particolari pulsanti link o altri elementi

Tanto maggiore saragrave la qualitagrave dellrsquointerfaccia tanto piugrave rapidamente potremmo assistere al passaggio dal concetto di ldquoUsabilitagraverdquo a quello di ldquoEfficienzardquo

Analisi del percorso oculare

Grazie alla tecnologia Eye Tracking egrave possibile registrare il percorso esatto dello sguardo degli addetti al collaudo documentando in questo modo la sequenza dei punti fissati (fissitagrave)

Le linee mostrano il percorso seguito dagli occhi sul mezzo impiegato per il test I punti fissati sono rappresentati sottoforma di cerchi Quanto piugrave sono grandi i punti tanto piugrave a lungo sono stati fissati e tanto piugrave interesse per queste aree egrave stato dimostrato dalladdetto al test

IpertestoIl passaggio dalla scrittura lineare del libro alla scrittura espansa e profonda dellipertesto cambia completamente il modo di pensare progettare e costruire un testo

Sul web il testo acquista un nuovo senso spaziale rispetto alla carta

E per questo che un ipertesto lo si progetta e lo si costruisce ancor prima di scriverlo

ORIENTAMENTOMENUrsquoLINK

STORYBOARD

Home pageLa home page egrave la porta di ingresso la vetrina del sito E ligrave che lautore gioca le sue carte per convincere il navigatore a restare o a proseguire il suo giro altrove Navigatore che non vuole essere impressionato con una grafica pirotecnica e con effetti speciali ma sapere subito cosa troveragrave allinterno attraverso un titolo e un sottotitolo un indice preciso e chiaro Jakob Nielsen ha definito la home page la proprietagrave immobiliare piugrave preziosa del mondo percheacute egrave in quel piccolo spazio che tutto il contenuto del sito deve essere promesso e rappresentato

BrevitagraveIl lettore va catturato subito con testi sintetici e concentrati

Ma scrivere breve non significa necessariamente sacrificare i contenuti o la forza dellimpatto della comunicazione significa piuttosto concentrare e affinare il testo

Quando ha bisogno di scrivere di piugrave il web writer ha comunque a sua disposizione la grande risorsa dellipertesto

Abstract

Genere di scrittura breve sintetica e modulare per eccellenza

Labstract che segue il titolo di un articolo e ne sintetizza i contenuti egrave il miglior modo per convincere il lettore a cliccare e ad andare alla pagina successiva

Secondo una metafora culinaria molto popolare tra i web writer statunitensi un testo online dovrebbe prevedere il morso lo spuntino e il pasto ovvero il titolo labstract e il testo intero a seconda della fame e del desiderio di saperne di piugrave da parte del frettoloso lettore della rete

Microcontent

Jakob Nielsen chiama i piccoli testi microcontent e con questo termine indica i titoli i sottotitoli i link le voci di indice di una pagina web i metatag gli alt text delle immagini

Cioegrave tutte quelle perle di chiarezza di 50 caratteri al massimo che devono contenere e spiegare al lettore il macrocontent di intere pagine e quindi attrarlo e guidarlo allinterno di un sito

Scrivere microcontent che siano veri concentrati di contenuto egrave una delle sfide piugrave difficili per il talento editoriale dello scrittore online

Sintassi breve (soggetto predicato verbo)

TitoloMicrocontent per eccellenza titoli e sottotitoli delle pagine e dei paragrafi devono essere progettati e scritti come un vero paratesto (ciograve che sta accanto intorno al testo) con la funzione di segnalare e far risaltare i contenuti piugrave importanti Allinterno della mappa visiva della pagina web devono costituire un primo ma completo livello di lettura da cogliere con un solo sguardo

PULIZIA DEL CONTENUTO

ColoreGrassettoPunteggiaturaFont (Verdana - grandezza)

RevisioneTesti corretti precisi e privi di refusi depongono a favore della serietagrave della credibilitagrave e dellaffidabilitagrave dellautore e dellazienda cui appartiene

CREAZIONE

Registrare un proprio dominio eo avere uno spazio web gratuito ed eventuali caselle di posta elettronica (costi e modalitagrave operative)

Tecnologie per i siti web contenuti statici contenuti dinamici

Software per lo sviluppomodifica pagine web statiche (HTML) esempio di utilizzo di un software gratuito per la realizzazione di alcune di pagine di un ipotetico sito web

Pubblicazione pagine web esempio di utilizzo di un software gratuito per la pubblicazione delle pagine realizzate

Gestione di un sito con contenuti dinamici attraverso un Gestionale

Cenni alle problematiche legate alla grafica per il web ndash esempio di utilizzo di un software gratuito per la grafica

Come promuovere il proprio sito web presso i motori di ricerca

STEP BY STEP

Tecnologie

Pagine statiche Realizzazione delle singole pagine in HTMLVantaggi alto grado di personalizzazione delle singole pagineSvantaggi richiede competenze specifiche per ogni modifica di contenuti

Pagine dinamicheUtilizzare database e gestionali per organizzare contenutiVantaggi semplice da gestire per modificare contenutiSvantaggi struttura grafica vincolata utilizzo di linguaggi e competenze specifiche per realizzare il sito (es ASP PHP)

ASP [Active Server Pages] -gt ASPNET-----pro -gt e diffuso e trovi un sacco di hosting gratuiti (se il sito egrave personale)contro -gt linguaggio proprietario supporta solo windows

PHP [PHP Hypertext Preprocessor]----pro -gt open source gira su linux e windows Un sacco di hosting gratuiti ottima integrazione con la maggior parte dei DB ottima communitycontro -gt sono poche le aziende grosse che lo utilizzano

JSP [JavaServer Pages]-----pro -gt flessibile si integra con parecchie tecnologie adottate dal mercato enterprise ed egrave particolarmente adatta a scenari n-tier enorme community e prodotti di contorno open source contro -gt curva di apprendimento piu ripida generalmente piu difficile da amministrare

JSP egrave un linguaggio adatto a prodotti di livello alto tipo strutture di home-banking o e-commerce a livello internazionale Non ha senso per i livelli medio-bassi ci vuole diverso tempo per impararlo ed usarlo oltre ai costi quasi improponibili per gli hosting

WAMP (piattaforma)WAMP egrave un acronimo con cui si indica una piattaforma di sviluppo webdatabase che prende il nome dalle iniziali dei componenti software con cui egrave realizzata (WINDOWS Apache Mysql Php)WAMP egrave gratuito e libero ed egrave rilasciato sotto la GNU General Public License Egrave disponibile nelle due versioni installer (auto-installante) e zip (che non richiede linstallazione) questultima utile per poter avviare WAMP da una chiavetta USB

Appserverhttpwwwappservnetworkcom

WampServerhttpwwwwampservercomen

EasyPhPhttpwwweasyphporgindexphp

Promuovere il proprio sito1048707 Presso i motori di Ricerca1048707 Autosegnalarsi1048707 Attendere1048707 Cercarsi1048707 Pagare1048707 Sul sito1048707 Inserire Keywords1048707 Descrivere e dare un titolo1048707 Commentare immagini

Page 3: Cesvob Costruire e Gestire Siti Web Modulo tecnico-pratico: impostazione tecnologica e funzionale.

Nunzio Castaldinunziocastaldihotmailcomhttpwwwwebenit

creare la nostra identitagrave sul web

email wwwhotmailcom

rete di contatti - skydrive

Lingua linguaggio metalinguaggio

progettazionetargetknow-howmission

Creazioneterze partihostingserver dedicato

gestione

target

RAPPORTO ISTAT

Cittadini e nuove tecnologieAnno 2008

27 febbraio 2009

Il campione comprende 19 mila 573 famiglie per un totale di 48 mila 861persone

0

10

20

30

40

50

60

70

80

90

1deg Trim 2deg Trim 3deg Trim 4deg Trim

Est

Ovest

Nord

Le attivitagrave di comunicazione hanno un ruolo importante nellrsquoutilizzo di Internet oltre il 70 degli utilizzatori di Internet utilizza la posta elettronica

Emerge lrsquouso del web per condividere contenuti

Quasi il 40 degli utenti di Internet usa il web per ottenere informazioni sulla PA

Internet modifica lrsquouso di strumenti tradizionali come il telefono fisso e i quotidiani in formato cartaceo

accessibilitagrave

Decreto del Presidente della Repubblica 1 marzo 2005 n 75

Regolamento di attuazione della legge 9 gennaio 2004 n 4 per favorire laccesso dei soggetti disabili agli strumenti informatici

Pubblicato in GU n 101 del 3 maggio 2005

la legge Stanca riguarda solo le pubbliche amministrazioni obbligandole ad avere siti accessibili ma non egrave un male pensare di portarsi avanti col lavoro in previsione di norme future In Inghilterra ad esempio ci sono giagrave

ACCESSIBILITArsquo

la capacitagrave dei sistemi informatici nelle forme e nei limiti consentiti dalle conoscenze tecnologiche di erogare servizi e fornire informazioni fruibili senza discriminazioni anche da parte di coloro che a causa di disabilitagrave necessitano di tecnologie assistive o configurazioni particolari

TECNOLOGIE ASSISTIVE

gli strumenti e le soluzioni tecniche hardware e software che permettono alla persona disabile superando o riducendo le condizioni di svantaggio di accedere ai servizi erogati dai sistemi informatici

Art 2 Criteri e principi generali per lrsquoaccessibilitagrave1 Sono accessibili i servizi realizzati tramite sistemi informatici che presentano i seguenti requisiti a) accessibilitagrave al contenuto del servizio da parte dellrsquoutente b) fruibilitagrave delle informazioni offerte caratterizzata anche da

1) facilitagrave e semplicitagrave drsquouso [usabilitagrave] assicurando fra lrsquoaltro che le azioni da compiere per ottenere servizi e informazioni siano sempre uniformi tra loro 2) efficienza nellrsquouso assicurando fra lrsquoaltro la separazione tra contenuto presentazione e modalitagrave di funzionamento delle interfacce noncheacute la possibilitagrave di rendere disponibile lrsquoinformazione attraverso differenti canali sensoriali 3) efficacia nellrsquouso e rispondenza alle esigenze dellrsquoutente assicurando fra lrsquoaltro che le azioni da compiere per ottenere in modo corretto servizi e informazioni siano indipendenti dal dispositivo utilizzato per lrsquoaccesso 4) soddisfazione nellrsquouso assicurando fra lrsquoaltro lrsquoaccesso al servizio e allrsquoinformazione senza ingiustificati disagi o vincoli per lrsquoutente

c) compatibilitagrave con le linee guida indicate nelle comunicazioni nelle raccomandazioni e nelle direttive sullrsquoaccessibilitagrave dellrsquoUnione europea noncheacute nelle normative internazionalmente riconosciute e tenendo conto degli indirizzi forniti dagli organismi pubblici e privati anche internazionali operanti nel settore quali lrsquoInternational Organization for Standardization (ISO) e il World Wide Web Consortium (W3C)

Ersquo la cosa giusta da fare percheacute la rete egrave condivisione e non esclusione Capire i vantaggi del considerare tutti i possibili visitatori

Avere un sito accessibile egrave un ottimo spunto pubblicitario ed un argomento che puograve sempre essere citato per farsi notare da stampa ed affini

I numeri sono dalla parte dellrsquoaccessibilitagrave alcuni tipi di dislessia arrivano al 15 altri tipi di problemi alla vista al 7 sono cifre decisamente significative

Un sito accessibile se ben realizzato non dipende dal mezzo con cui viene visitato Con sempre nuovi browser palmari e smartphone che arrivano sul mercato scegliere un sito accessibile egrave unrsquoottima mossa

Miglior posizionamento sui motori di ricerca grazie anche ad una miglior semantica del codice

La popolazione di internet comprenderagrave fasce di etagrave sempre piugrave avanzate egrave importante muoversi anche in questo senso

web writingscrivere per il web

UtenteErsquo un impaziente e legge non parola per parola partendo dalla prima in alto a sinistra ma sorvolando la pagina come un paesaggio visto dallaltoper cogliere il piugrave rapidamente possibile se cegrave qualcosa che gliinteressa davvero

Gli utenti Internet presentano due tipi di strategie di ricerca di tipo esplorativo (che si esprime nellrsquoosservazione di tutta la pagina) di tipo selettivo (ricerca dellrsquoinformazione corretta)

Questrsquoultima modalitagrave si puograve a sua volta suddividere in due strategie di selezione

auto conclusiva che termina al reperimento dellrsquoinformazione ricercata esaustiva che continua nellrsquoesame della pagina nonostante il recupero

dellrsquoinformazione cercata

Nella ricerca la posizione delle key words ha un effetto rilevante

Altri studi mettono in evidenza che nelle prime tre fissazioni sulla pagina il testo attrae maggiormente lrsquoattenzione rispetto alla grafica (percentuali del 78 e 22 rispettivamente)

Spesso gli utenti non si soffermano sulle immagini se non alla seconda o terza visita alla pagina

Gli utenti infatti grazie allrsquoesperienza ripetuta di navigazione si attende di trovare in particolari posizioni della pagina particolari pulsanti link o altri elementi

Tanto maggiore saragrave la qualitagrave dellrsquointerfaccia tanto piugrave rapidamente potremmo assistere al passaggio dal concetto di ldquoUsabilitagraverdquo a quello di ldquoEfficienzardquo

Analisi del percorso oculare

Grazie alla tecnologia Eye Tracking egrave possibile registrare il percorso esatto dello sguardo degli addetti al collaudo documentando in questo modo la sequenza dei punti fissati (fissitagrave)

Le linee mostrano il percorso seguito dagli occhi sul mezzo impiegato per il test I punti fissati sono rappresentati sottoforma di cerchi Quanto piugrave sono grandi i punti tanto piugrave a lungo sono stati fissati e tanto piugrave interesse per queste aree egrave stato dimostrato dalladdetto al test

IpertestoIl passaggio dalla scrittura lineare del libro alla scrittura espansa e profonda dellipertesto cambia completamente il modo di pensare progettare e costruire un testo

Sul web il testo acquista un nuovo senso spaziale rispetto alla carta

E per questo che un ipertesto lo si progetta e lo si costruisce ancor prima di scriverlo

ORIENTAMENTOMENUrsquoLINK

STORYBOARD

Home pageLa home page egrave la porta di ingresso la vetrina del sito E ligrave che lautore gioca le sue carte per convincere il navigatore a restare o a proseguire il suo giro altrove Navigatore che non vuole essere impressionato con una grafica pirotecnica e con effetti speciali ma sapere subito cosa troveragrave allinterno attraverso un titolo e un sottotitolo un indice preciso e chiaro Jakob Nielsen ha definito la home page la proprietagrave immobiliare piugrave preziosa del mondo percheacute egrave in quel piccolo spazio che tutto il contenuto del sito deve essere promesso e rappresentato

BrevitagraveIl lettore va catturato subito con testi sintetici e concentrati

Ma scrivere breve non significa necessariamente sacrificare i contenuti o la forza dellimpatto della comunicazione significa piuttosto concentrare e affinare il testo

Quando ha bisogno di scrivere di piugrave il web writer ha comunque a sua disposizione la grande risorsa dellipertesto

Abstract

Genere di scrittura breve sintetica e modulare per eccellenza

Labstract che segue il titolo di un articolo e ne sintetizza i contenuti egrave il miglior modo per convincere il lettore a cliccare e ad andare alla pagina successiva

Secondo una metafora culinaria molto popolare tra i web writer statunitensi un testo online dovrebbe prevedere il morso lo spuntino e il pasto ovvero il titolo labstract e il testo intero a seconda della fame e del desiderio di saperne di piugrave da parte del frettoloso lettore della rete

Microcontent

Jakob Nielsen chiama i piccoli testi microcontent e con questo termine indica i titoli i sottotitoli i link le voci di indice di una pagina web i metatag gli alt text delle immagini

Cioegrave tutte quelle perle di chiarezza di 50 caratteri al massimo che devono contenere e spiegare al lettore il macrocontent di intere pagine e quindi attrarlo e guidarlo allinterno di un sito

Scrivere microcontent che siano veri concentrati di contenuto egrave una delle sfide piugrave difficili per il talento editoriale dello scrittore online

Sintassi breve (soggetto predicato verbo)

TitoloMicrocontent per eccellenza titoli e sottotitoli delle pagine e dei paragrafi devono essere progettati e scritti come un vero paratesto (ciograve che sta accanto intorno al testo) con la funzione di segnalare e far risaltare i contenuti piugrave importanti Allinterno della mappa visiva della pagina web devono costituire un primo ma completo livello di lettura da cogliere con un solo sguardo

PULIZIA DEL CONTENUTO

ColoreGrassettoPunteggiaturaFont (Verdana - grandezza)

RevisioneTesti corretti precisi e privi di refusi depongono a favore della serietagrave della credibilitagrave e dellaffidabilitagrave dellautore e dellazienda cui appartiene

CREAZIONE

Registrare un proprio dominio eo avere uno spazio web gratuito ed eventuali caselle di posta elettronica (costi e modalitagrave operative)

Tecnologie per i siti web contenuti statici contenuti dinamici

Software per lo sviluppomodifica pagine web statiche (HTML) esempio di utilizzo di un software gratuito per la realizzazione di alcune di pagine di un ipotetico sito web

Pubblicazione pagine web esempio di utilizzo di un software gratuito per la pubblicazione delle pagine realizzate

Gestione di un sito con contenuti dinamici attraverso un Gestionale

Cenni alle problematiche legate alla grafica per il web ndash esempio di utilizzo di un software gratuito per la grafica

Come promuovere il proprio sito web presso i motori di ricerca

STEP BY STEP

Tecnologie

Pagine statiche Realizzazione delle singole pagine in HTMLVantaggi alto grado di personalizzazione delle singole pagineSvantaggi richiede competenze specifiche per ogni modifica di contenuti

Pagine dinamicheUtilizzare database e gestionali per organizzare contenutiVantaggi semplice da gestire per modificare contenutiSvantaggi struttura grafica vincolata utilizzo di linguaggi e competenze specifiche per realizzare il sito (es ASP PHP)

ASP [Active Server Pages] -gt ASPNET-----pro -gt e diffuso e trovi un sacco di hosting gratuiti (se il sito egrave personale)contro -gt linguaggio proprietario supporta solo windows

PHP [PHP Hypertext Preprocessor]----pro -gt open source gira su linux e windows Un sacco di hosting gratuiti ottima integrazione con la maggior parte dei DB ottima communitycontro -gt sono poche le aziende grosse che lo utilizzano

JSP [JavaServer Pages]-----pro -gt flessibile si integra con parecchie tecnologie adottate dal mercato enterprise ed egrave particolarmente adatta a scenari n-tier enorme community e prodotti di contorno open source contro -gt curva di apprendimento piu ripida generalmente piu difficile da amministrare

JSP egrave un linguaggio adatto a prodotti di livello alto tipo strutture di home-banking o e-commerce a livello internazionale Non ha senso per i livelli medio-bassi ci vuole diverso tempo per impararlo ed usarlo oltre ai costi quasi improponibili per gli hosting

WAMP (piattaforma)WAMP egrave un acronimo con cui si indica una piattaforma di sviluppo webdatabase che prende il nome dalle iniziali dei componenti software con cui egrave realizzata (WINDOWS Apache Mysql Php)WAMP egrave gratuito e libero ed egrave rilasciato sotto la GNU General Public License Egrave disponibile nelle due versioni installer (auto-installante) e zip (che non richiede linstallazione) questultima utile per poter avviare WAMP da una chiavetta USB

Appserverhttpwwwappservnetworkcom

WampServerhttpwwwwampservercomen

EasyPhPhttpwwweasyphporgindexphp

Promuovere il proprio sito1048707 Presso i motori di Ricerca1048707 Autosegnalarsi1048707 Attendere1048707 Cercarsi1048707 Pagare1048707 Sul sito1048707 Inserire Keywords1048707 Descrivere e dare un titolo1048707 Commentare immagini

Page 4: Cesvob Costruire e Gestire Siti Web Modulo tecnico-pratico: impostazione tecnologica e funzionale.

creare la nostra identitagrave sul web

email wwwhotmailcom

rete di contatti - skydrive

Lingua linguaggio metalinguaggio

progettazionetargetknow-howmission

Creazioneterze partihostingserver dedicato

gestione

target

RAPPORTO ISTAT

Cittadini e nuove tecnologieAnno 2008

27 febbraio 2009

Il campione comprende 19 mila 573 famiglie per un totale di 48 mila 861persone

0

10

20

30

40

50

60

70

80

90

1deg Trim 2deg Trim 3deg Trim 4deg Trim

Est

Ovest

Nord

Le attivitagrave di comunicazione hanno un ruolo importante nellrsquoutilizzo di Internet oltre il 70 degli utilizzatori di Internet utilizza la posta elettronica

Emerge lrsquouso del web per condividere contenuti

Quasi il 40 degli utenti di Internet usa il web per ottenere informazioni sulla PA

Internet modifica lrsquouso di strumenti tradizionali come il telefono fisso e i quotidiani in formato cartaceo

accessibilitagrave

Decreto del Presidente della Repubblica 1 marzo 2005 n 75

Regolamento di attuazione della legge 9 gennaio 2004 n 4 per favorire laccesso dei soggetti disabili agli strumenti informatici

Pubblicato in GU n 101 del 3 maggio 2005

la legge Stanca riguarda solo le pubbliche amministrazioni obbligandole ad avere siti accessibili ma non egrave un male pensare di portarsi avanti col lavoro in previsione di norme future In Inghilterra ad esempio ci sono giagrave

ACCESSIBILITArsquo

la capacitagrave dei sistemi informatici nelle forme e nei limiti consentiti dalle conoscenze tecnologiche di erogare servizi e fornire informazioni fruibili senza discriminazioni anche da parte di coloro che a causa di disabilitagrave necessitano di tecnologie assistive o configurazioni particolari

TECNOLOGIE ASSISTIVE

gli strumenti e le soluzioni tecniche hardware e software che permettono alla persona disabile superando o riducendo le condizioni di svantaggio di accedere ai servizi erogati dai sistemi informatici

Art 2 Criteri e principi generali per lrsquoaccessibilitagrave1 Sono accessibili i servizi realizzati tramite sistemi informatici che presentano i seguenti requisiti a) accessibilitagrave al contenuto del servizio da parte dellrsquoutente b) fruibilitagrave delle informazioni offerte caratterizzata anche da

1) facilitagrave e semplicitagrave drsquouso [usabilitagrave] assicurando fra lrsquoaltro che le azioni da compiere per ottenere servizi e informazioni siano sempre uniformi tra loro 2) efficienza nellrsquouso assicurando fra lrsquoaltro la separazione tra contenuto presentazione e modalitagrave di funzionamento delle interfacce noncheacute la possibilitagrave di rendere disponibile lrsquoinformazione attraverso differenti canali sensoriali 3) efficacia nellrsquouso e rispondenza alle esigenze dellrsquoutente assicurando fra lrsquoaltro che le azioni da compiere per ottenere in modo corretto servizi e informazioni siano indipendenti dal dispositivo utilizzato per lrsquoaccesso 4) soddisfazione nellrsquouso assicurando fra lrsquoaltro lrsquoaccesso al servizio e allrsquoinformazione senza ingiustificati disagi o vincoli per lrsquoutente

c) compatibilitagrave con le linee guida indicate nelle comunicazioni nelle raccomandazioni e nelle direttive sullrsquoaccessibilitagrave dellrsquoUnione europea noncheacute nelle normative internazionalmente riconosciute e tenendo conto degli indirizzi forniti dagli organismi pubblici e privati anche internazionali operanti nel settore quali lrsquoInternational Organization for Standardization (ISO) e il World Wide Web Consortium (W3C)

Ersquo la cosa giusta da fare percheacute la rete egrave condivisione e non esclusione Capire i vantaggi del considerare tutti i possibili visitatori

Avere un sito accessibile egrave un ottimo spunto pubblicitario ed un argomento che puograve sempre essere citato per farsi notare da stampa ed affini

I numeri sono dalla parte dellrsquoaccessibilitagrave alcuni tipi di dislessia arrivano al 15 altri tipi di problemi alla vista al 7 sono cifre decisamente significative

Un sito accessibile se ben realizzato non dipende dal mezzo con cui viene visitato Con sempre nuovi browser palmari e smartphone che arrivano sul mercato scegliere un sito accessibile egrave unrsquoottima mossa

Miglior posizionamento sui motori di ricerca grazie anche ad una miglior semantica del codice

La popolazione di internet comprenderagrave fasce di etagrave sempre piugrave avanzate egrave importante muoversi anche in questo senso

web writingscrivere per il web

UtenteErsquo un impaziente e legge non parola per parola partendo dalla prima in alto a sinistra ma sorvolando la pagina come un paesaggio visto dallaltoper cogliere il piugrave rapidamente possibile se cegrave qualcosa che gliinteressa davvero

Gli utenti Internet presentano due tipi di strategie di ricerca di tipo esplorativo (che si esprime nellrsquoosservazione di tutta la pagina) di tipo selettivo (ricerca dellrsquoinformazione corretta)

Questrsquoultima modalitagrave si puograve a sua volta suddividere in due strategie di selezione

auto conclusiva che termina al reperimento dellrsquoinformazione ricercata esaustiva che continua nellrsquoesame della pagina nonostante il recupero

dellrsquoinformazione cercata

Nella ricerca la posizione delle key words ha un effetto rilevante

Altri studi mettono in evidenza che nelle prime tre fissazioni sulla pagina il testo attrae maggiormente lrsquoattenzione rispetto alla grafica (percentuali del 78 e 22 rispettivamente)

Spesso gli utenti non si soffermano sulle immagini se non alla seconda o terza visita alla pagina

Gli utenti infatti grazie allrsquoesperienza ripetuta di navigazione si attende di trovare in particolari posizioni della pagina particolari pulsanti link o altri elementi

Tanto maggiore saragrave la qualitagrave dellrsquointerfaccia tanto piugrave rapidamente potremmo assistere al passaggio dal concetto di ldquoUsabilitagraverdquo a quello di ldquoEfficienzardquo

Analisi del percorso oculare

Grazie alla tecnologia Eye Tracking egrave possibile registrare il percorso esatto dello sguardo degli addetti al collaudo documentando in questo modo la sequenza dei punti fissati (fissitagrave)

Le linee mostrano il percorso seguito dagli occhi sul mezzo impiegato per il test I punti fissati sono rappresentati sottoforma di cerchi Quanto piugrave sono grandi i punti tanto piugrave a lungo sono stati fissati e tanto piugrave interesse per queste aree egrave stato dimostrato dalladdetto al test

IpertestoIl passaggio dalla scrittura lineare del libro alla scrittura espansa e profonda dellipertesto cambia completamente il modo di pensare progettare e costruire un testo

Sul web il testo acquista un nuovo senso spaziale rispetto alla carta

E per questo che un ipertesto lo si progetta e lo si costruisce ancor prima di scriverlo

ORIENTAMENTOMENUrsquoLINK

STORYBOARD

Home pageLa home page egrave la porta di ingresso la vetrina del sito E ligrave che lautore gioca le sue carte per convincere il navigatore a restare o a proseguire il suo giro altrove Navigatore che non vuole essere impressionato con una grafica pirotecnica e con effetti speciali ma sapere subito cosa troveragrave allinterno attraverso un titolo e un sottotitolo un indice preciso e chiaro Jakob Nielsen ha definito la home page la proprietagrave immobiliare piugrave preziosa del mondo percheacute egrave in quel piccolo spazio che tutto il contenuto del sito deve essere promesso e rappresentato

BrevitagraveIl lettore va catturato subito con testi sintetici e concentrati

Ma scrivere breve non significa necessariamente sacrificare i contenuti o la forza dellimpatto della comunicazione significa piuttosto concentrare e affinare il testo

Quando ha bisogno di scrivere di piugrave il web writer ha comunque a sua disposizione la grande risorsa dellipertesto

Abstract

Genere di scrittura breve sintetica e modulare per eccellenza

Labstract che segue il titolo di un articolo e ne sintetizza i contenuti egrave il miglior modo per convincere il lettore a cliccare e ad andare alla pagina successiva

Secondo una metafora culinaria molto popolare tra i web writer statunitensi un testo online dovrebbe prevedere il morso lo spuntino e il pasto ovvero il titolo labstract e il testo intero a seconda della fame e del desiderio di saperne di piugrave da parte del frettoloso lettore della rete

Microcontent

Jakob Nielsen chiama i piccoli testi microcontent e con questo termine indica i titoli i sottotitoli i link le voci di indice di una pagina web i metatag gli alt text delle immagini

Cioegrave tutte quelle perle di chiarezza di 50 caratteri al massimo che devono contenere e spiegare al lettore il macrocontent di intere pagine e quindi attrarlo e guidarlo allinterno di un sito

Scrivere microcontent che siano veri concentrati di contenuto egrave una delle sfide piugrave difficili per il talento editoriale dello scrittore online

Sintassi breve (soggetto predicato verbo)

TitoloMicrocontent per eccellenza titoli e sottotitoli delle pagine e dei paragrafi devono essere progettati e scritti come un vero paratesto (ciograve che sta accanto intorno al testo) con la funzione di segnalare e far risaltare i contenuti piugrave importanti Allinterno della mappa visiva della pagina web devono costituire un primo ma completo livello di lettura da cogliere con un solo sguardo

PULIZIA DEL CONTENUTO

ColoreGrassettoPunteggiaturaFont (Verdana - grandezza)

RevisioneTesti corretti precisi e privi di refusi depongono a favore della serietagrave della credibilitagrave e dellaffidabilitagrave dellautore e dellazienda cui appartiene

CREAZIONE

Registrare un proprio dominio eo avere uno spazio web gratuito ed eventuali caselle di posta elettronica (costi e modalitagrave operative)

Tecnologie per i siti web contenuti statici contenuti dinamici

Software per lo sviluppomodifica pagine web statiche (HTML) esempio di utilizzo di un software gratuito per la realizzazione di alcune di pagine di un ipotetico sito web

Pubblicazione pagine web esempio di utilizzo di un software gratuito per la pubblicazione delle pagine realizzate

Gestione di un sito con contenuti dinamici attraverso un Gestionale

Cenni alle problematiche legate alla grafica per il web ndash esempio di utilizzo di un software gratuito per la grafica

Come promuovere il proprio sito web presso i motori di ricerca

STEP BY STEP

Tecnologie

Pagine statiche Realizzazione delle singole pagine in HTMLVantaggi alto grado di personalizzazione delle singole pagineSvantaggi richiede competenze specifiche per ogni modifica di contenuti

Pagine dinamicheUtilizzare database e gestionali per organizzare contenutiVantaggi semplice da gestire per modificare contenutiSvantaggi struttura grafica vincolata utilizzo di linguaggi e competenze specifiche per realizzare il sito (es ASP PHP)

ASP [Active Server Pages] -gt ASPNET-----pro -gt e diffuso e trovi un sacco di hosting gratuiti (se il sito egrave personale)contro -gt linguaggio proprietario supporta solo windows

PHP [PHP Hypertext Preprocessor]----pro -gt open source gira su linux e windows Un sacco di hosting gratuiti ottima integrazione con la maggior parte dei DB ottima communitycontro -gt sono poche le aziende grosse che lo utilizzano

JSP [JavaServer Pages]-----pro -gt flessibile si integra con parecchie tecnologie adottate dal mercato enterprise ed egrave particolarmente adatta a scenari n-tier enorme community e prodotti di contorno open source contro -gt curva di apprendimento piu ripida generalmente piu difficile da amministrare

JSP egrave un linguaggio adatto a prodotti di livello alto tipo strutture di home-banking o e-commerce a livello internazionale Non ha senso per i livelli medio-bassi ci vuole diverso tempo per impararlo ed usarlo oltre ai costi quasi improponibili per gli hosting

WAMP (piattaforma)WAMP egrave un acronimo con cui si indica una piattaforma di sviluppo webdatabase che prende il nome dalle iniziali dei componenti software con cui egrave realizzata (WINDOWS Apache Mysql Php)WAMP egrave gratuito e libero ed egrave rilasciato sotto la GNU General Public License Egrave disponibile nelle due versioni installer (auto-installante) e zip (che non richiede linstallazione) questultima utile per poter avviare WAMP da una chiavetta USB

Appserverhttpwwwappservnetworkcom

WampServerhttpwwwwampservercomen

EasyPhPhttpwwweasyphporgindexphp

Promuovere il proprio sito1048707 Presso i motori di Ricerca1048707 Autosegnalarsi1048707 Attendere1048707 Cercarsi1048707 Pagare1048707 Sul sito1048707 Inserire Keywords1048707 Descrivere e dare un titolo1048707 Commentare immagini

Page 5: Cesvob Costruire e Gestire Siti Web Modulo tecnico-pratico: impostazione tecnologica e funzionale.

email wwwhotmailcom

rete di contatti - skydrive

Lingua linguaggio metalinguaggio

progettazionetargetknow-howmission

Creazioneterze partihostingserver dedicato

gestione

target

RAPPORTO ISTAT

Cittadini e nuove tecnologieAnno 2008

27 febbraio 2009

Il campione comprende 19 mila 573 famiglie per un totale di 48 mila 861persone

0

10

20

30

40

50

60

70

80

90

1deg Trim 2deg Trim 3deg Trim 4deg Trim

Est

Ovest

Nord

Le attivitagrave di comunicazione hanno un ruolo importante nellrsquoutilizzo di Internet oltre il 70 degli utilizzatori di Internet utilizza la posta elettronica

Emerge lrsquouso del web per condividere contenuti

Quasi il 40 degli utenti di Internet usa il web per ottenere informazioni sulla PA

Internet modifica lrsquouso di strumenti tradizionali come il telefono fisso e i quotidiani in formato cartaceo

accessibilitagrave

Decreto del Presidente della Repubblica 1 marzo 2005 n 75

Regolamento di attuazione della legge 9 gennaio 2004 n 4 per favorire laccesso dei soggetti disabili agli strumenti informatici

Pubblicato in GU n 101 del 3 maggio 2005

la legge Stanca riguarda solo le pubbliche amministrazioni obbligandole ad avere siti accessibili ma non egrave un male pensare di portarsi avanti col lavoro in previsione di norme future In Inghilterra ad esempio ci sono giagrave

ACCESSIBILITArsquo

la capacitagrave dei sistemi informatici nelle forme e nei limiti consentiti dalle conoscenze tecnologiche di erogare servizi e fornire informazioni fruibili senza discriminazioni anche da parte di coloro che a causa di disabilitagrave necessitano di tecnologie assistive o configurazioni particolari

TECNOLOGIE ASSISTIVE

gli strumenti e le soluzioni tecniche hardware e software che permettono alla persona disabile superando o riducendo le condizioni di svantaggio di accedere ai servizi erogati dai sistemi informatici

Art 2 Criteri e principi generali per lrsquoaccessibilitagrave1 Sono accessibili i servizi realizzati tramite sistemi informatici che presentano i seguenti requisiti a) accessibilitagrave al contenuto del servizio da parte dellrsquoutente b) fruibilitagrave delle informazioni offerte caratterizzata anche da

1) facilitagrave e semplicitagrave drsquouso [usabilitagrave] assicurando fra lrsquoaltro che le azioni da compiere per ottenere servizi e informazioni siano sempre uniformi tra loro 2) efficienza nellrsquouso assicurando fra lrsquoaltro la separazione tra contenuto presentazione e modalitagrave di funzionamento delle interfacce noncheacute la possibilitagrave di rendere disponibile lrsquoinformazione attraverso differenti canali sensoriali 3) efficacia nellrsquouso e rispondenza alle esigenze dellrsquoutente assicurando fra lrsquoaltro che le azioni da compiere per ottenere in modo corretto servizi e informazioni siano indipendenti dal dispositivo utilizzato per lrsquoaccesso 4) soddisfazione nellrsquouso assicurando fra lrsquoaltro lrsquoaccesso al servizio e allrsquoinformazione senza ingiustificati disagi o vincoli per lrsquoutente

c) compatibilitagrave con le linee guida indicate nelle comunicazioni nelle raccomandazioni e nelle direttive sullrsquoaccessibilitagrave dellrsquoUnione europea noncheacute nelle normative internazionalmente riconosciute e tenendo conto degli indirizzi forniti dagli organismi pubblici e privati anche internazionali operanti nel settore quali lrsquoInternational Organization for Standardization (ISO) e il World Wide Web Consortium (W3C)

Ersquo la cosa giusta da fare percheacute la rete egrave condivisione e non esclusione Capire i vantaggi del considerare tutti i possibili visitatori

Avere un sito accessibile egrave un ottimo spunto pubblicitario ed un argomento che puograve sempre essere citato per farsi notare da stampa ed affini

I numeri sono dalla parte dellrsquoaccessibilitagrave alcuni tipi di dislessia arrivano al 15 altri tipi di problemi alla vista al 7 sono cifre decisamente significative

Un sito accessibile se ben realizzato non dipende dal mezzo con cui viene visitato Con sempre nuovi browser palmari e smartphone che arrivano sul mercato scegliere un sito accessibile egrave unrsquoottima mossa

Miglior posizionamento sui motori di ricerca grazie anche ad una miglior semantica del codice

La popolazione di internet comprenderagrave fasce di etagrave sempre piugrave avanzate egrave importante muoversi anche in questo senso

web writingscrivere per il web

UtenteErsquo un impaziente e legge non parola per parola partendo dalla prima in alto a sinistra ma sorvolando la pagina come un paesaggio visto dallaltoper cogliere il piugrave rapidamente possibile se cegrave qualcosa che gliinteressa davvero

Gli utenti Internet presentano due tipi di strategie di ricerca di tipo esplorativo (che si esprime nellrsquoosservazione di tutta la pagina) di tipo selettivo (ricerca dellrsquoinformazione corretta)

Questrsquoultima modalitagrave si puograve a sua volta suddividere in due strategie di selezione

auto conclusiva che termina al reperimento dellrsquoinformazione ricercata esaustiva che continua nellrsquoesame della pagina nonostante il recupero

dellrsquoinformazione cercata

Nella ricerca la posizione delle key words ha un effetto rilevante

Altri studi mettono in evidenza che nelle prime tre fissazioni sulla pagina il testo attrae maggiormente lrsquoattenzione rispetto alla grafica (percentuali del 78 e 22 rispettivamente)

Spesso gli utenti non si soffermano sulle immagini se non alla seconda o terza visita alla pagina

Gli utenti infatti grazie allrsquoesperienza ripetuta di navigazione si attende di trovare in particolari posizioni della pagina particolari pulsanti link o altri elementi

Tanto maggiore saragrave la qualitagrave dellrsquointerfaccia tanto piugrave rapidamente potremmo assistere al passaggio dal concetto di ldquoUsabilitagraverdquo a quello di ldquoEfficienzardquo

Analisi del percorso oculare

Grazie alla tecnologia Eye Tracking egrave possibile registrare il percorso esatto dello sguardo degli addetti al collaudo documentando in questo modo la sequenza dei punti fissati (fissitagrave)

Le linee mostrano il percorso seguito dagli occhi sul mezzo impiegato per il test I punti fissati sono rappresentati sottoforma di cerchi Quanto piugrave sono grandi i punti tanto piugrave a lungo sono stati fissati e tanto piugrave interesse per queste aree egrave stato dimostrato dalladdetto al test

IpertestoIl passaggio dalla scrittura lineare del libro alla scrittura espansa e profonda dellipertesto cambia completamente il modo di pensare progettare e costruire un testo

Sul web il testo acquista un nuovo senso spaziale rispetto alla carta

E per questo che un ipertesto lo si progetta e lo si costruisce ancor prima di scriverlo

ORIENTAMENTOMENUrsquoLINK

STORYBOARD

Home pageLa home page egrave la porta di ingresso la vetrina del sito E ligrave che lautore gioca le sue carte per convincere il navigatore a restare o a proseguire il suo giro altrove Navigatore che non vuole essere impressionato con una grafica pirotecnica e con effetti speciali ma sapere subito cosa troveragrave allinterno attraverso un titolo e un sottotitolo un indice preciso e chiaro Jakob Nielsen ha definito la home page la proprietagrave immobiliare piugrave preziosa del mondo percheacute egrave in quel piccolo spazio che tutto il contenuto del sito deve essere promesso e rappresentato

BrevitagraveIl lettore va catturato subito con testi sintetici e concentrati

Ma scrivere breve non significa necessariamente sacrificare i contenuti o la forza dellimpatto della comunicazione significa piuttosto concentrare e affinare il testo

Quando ha bisogno di scrivere di piugrave il web writer ha comunque a sua disposizione la grande risorsa dellipertesto

Abstract

Genere di scrittura breve sintetica e modulare per eccellenza

Labstract che segue il titolo di un articolo e ne sintetizza i contenuti egrave il miglior modo per convincere il lettore a cliccare e ad andare alla pagina successiva

Secondo una metafora culinaria molto popolare tra i web writer statunitensi un testo online dovrebbe prevedere il morso lo spuntino e il pasto ovvero il titolo labstract e il testo intero a seconda della fame e del desiderio di saperne di piugrave da parte del frettoloso lettore della rete

Microcontent

Jakob Nielsen chiama i piccoli testi microcontent e con questo termine indica i titoli i sottotitoli i link le voci di indice di una pagina web i metatag gli alt text delle immagini

Cioegrave tutte quelle perle di chiarezza di 50 caratteri al massimo che devono contenere e spiegare al lettore il macrocontent di intere pagine e quindi attrarlo e guidarlo allinterno di un sito

Scrivere microcontent che siano veri concentrati di contenuto egrave una delle sfide piugrave difficili per il talento editoriale dello scrittore online

Sintassi breve (soggetto predicato verbo)

TitoloMicrocontent per eccellenza titoli e sottotitoli delle pagine e dei paragrafi devono essere progettati e scritti come un vero paratesto (ciograve che sta accanto intorno al testo) con la funzione di segnalare e far risaltare i contenuti piugrave importanti Allinterno della mappa visiva della pagina web devono costituire un primo ma completo livello di lettura da cogliere con un solo sguardo

PULIZIA DEL CONTENUTO

ColoreGrassettoPunteggiaturaFont (Verdana - grandezza)

RevisioneTesti corretti precisi e privi di refusi depongono a favore della serietagrave della credibilitagrave e dellaffidabilitagrave dellautore e dellazienda cui appartiene

CREAZIONE

Registrare un proprio dominio eo avere uno spazio web gratuito ed eventuali caselle di posta elettronica (costi e modalitagrave operative)

Tecnologie per i siti web contenuti statici contenuti dinamici

Software per lo sviluppomodifica pagine web statiche (HTML) esempio di utilizzo di un software gratuito per la realizzazione di alcune di pagine di un ipotetico sito web

Pubblicazione pagine web esempio di utilizzo di un software gratuito per la pubblicazione delle pagine realizzate

Gestione di un sito con contenuti dinamici attraverso un Gestionale

Cenni alle problematiche legate alla grafica per il web ndash esempio di utilizzo di un software gratuito per la grafica

Come promuovere il proprio sito web presso i motori di ricerca

STEP BY STEP

Tecnologie

Pagine statiche Realizzazione delle singole pagine in HTMLVantaggi alto grado di personalizzazione delle singole pagineSvantaggi richiede competenze specifiche per ogni modifica di contenuti

Pagine dinamicheUtilizzare database e gestionali per organizzare contenutiVantaggi semplice da gestire per modificare contenutiSvantaggi struttura grafica vincolata utilizzo di linguaggi e competenze specifiche per realizzare il sito (es ASP PHP)

ASP [Active Server Pages] -gt ASPNET-----pro -gt e diffuso e trovi un sacco di hosting gratuiti (se il sito egrave personale)contro -gt linguaggio proprietario supporta solo windows

PHP [PHP Hypertext Preprocessor]----pro -gt open source gira su linux e windows Un sacco di hosting gratuiti ottima integrazione con la maggior parte dei DB ottima communitycontro -gt sono poche le aziende grosse che lo utilizzano

JSP [JavaServer Pages]-----pro -gt flessibile si integra con parecchie tecnologie adottate dal mercato enterprise ed egrave particolarmente adatta a scenari n-tier enorme community e prodotti di contorno open source contro -gt curva di apprendimento piu ripida generalmente piu difficile da amministrare

JSP egrave un linguaggio adatto a prodotti di livello alto tipo strutture di home-banking o e-commerce a livello internazionale Non ha senso per i livelli medio-bassi ci vuole diverso tempo per impararlo ed usarlo oltre ai costi quasi improponibili per gli hosting

WAMP (piattaforma)WAMP egrave un acronimo con cui si indica una piattaforma di sviluppo webdatabase che prende il nome dalle iniziali dei componenti software con cui egrave realizzata (WINDOWS Apache Mysql Php)WAMP egrave gratuito e libero ed egrave rilasciato sotto la GNU General Public License Egrave disponibile nelle due versioni installer (auto-installante) e zip (che non richiede linstallazione) questultima utile per poter avviare WAMP da una chiavetta USB

Appserverhttpwwwappservnetworkcom

WampServerhttpwwwwampservercomen

EasyPhPhttpwwweasyphporgindexphp

Promuovere il proprio sito1048707 Presso i motori di Ricerca1048707 Autosegnalarsi1048707 Attendere1048707 Cercarsi1048707 Pagare1048707 Sul sito1048707 Inserire Keywords1048707 Descrivere e dare un titolo1048707 Commentare immagini

Page 6: Cesvob Costruire e Gestire Siti Web Modulo tecnico-pratico: impostazione tecnologica e funzionale.

Lingua linguaggio metalinguaggio

progettazionetargetknow-howmission

Creazioneterze partihostingserver dedicato

gestione

target

RAPPORTO ISTAT

Cittadini e nuove tecnologieAnno 2008

27 febbraio 2009

Il campione comprende 19 mila 573 famiglie per un totale di 48 mila 861persone

0

10

20

30

40

50

60

70

80

90

1deg Trim 2deg Trim 3deg Trim 4deg Trim

Est

Ovest

Nord

Le attivitagrave di comunicazione hanno un ruolo importante nellrsquoutilizzo di Internet oltre il 70 degli utilizzatori di Internet utilizza la posta elettronica

Emerge lrsquouso del web per condividere contenuti

Quasi il 40 degli utenti di Internet usa il web per ottenere informazioni sulla PA

Internet modifica lrsquouso di strumenti tradizionali come il telefono fisso e i quotidiani in formato cartaceo

accessibilitagrave

Decreto del Presidente della Repubblica 1 marzo 2005 n 75

Regolamento di attuazione della legge 9 gennaio 2004 n 4 per favorire laccesso dei soggetti disabili agli strumenti informatici

Pubblicato in GU n 101 del 3 maggio 2005

la legge Stanca riguarda solo le pubbliche amministrazioni obbligandole ad avere siti accessibili ma non egrave un male pensare di portarsi avanti col lavoro in previsione di norme future In Inghilterra ad esempio ci sono giagrave

ACCESSIBILITArsquo

la capacitagrave dei sistemi informatici nelle forme e nei limiti consentiti dalle conoscenze tecnologiche di erogare servizi e fornire informazioni fruibili senza discriminazioni anche da parte di coloro che a causa di disabilitagrave necessitano di tecnologie assistive o configurazioni particolari

TECNOLOGIE ASSISTIVE

gli strumenti e le soluzioni tecniche hardware e software che permettono alla persona disabile superando o riducendo le condizioni di svantaggio di accedere ai servizi erogati dai sistemi informatici

Art 2 Criteri e principi generali per lrsquoaccessibilitagrave1 Sono accessibili i servizi realizzati tramite sistemi informatici che presentano i seguenti requisiti a) accessibilitagrave al contenuto del servizio da parte dellrsquoutente b) fruibilitagrave delle informazioni offerte caratterizzata anche da

1) facilitagrave e semplicitagrave drsquouso [usabilitagrave] assicurando fra lrsquoaltro che le azioni da compiere per ottenere servizi e informazioni siano sempre uniformi tra loro 2) efficienza nellrsquouso assicurando fra lrsquoaltro la separazione tra contenuto presentazione e modalitagrave di funzionamento delle interfacce noncheacute la possibilitagrave di rendere disponibile lrsquoinformazione attraverso differenti canali sensoriali 3) efficacia nellrsquouso e rispondenza alle esigenze dellrsquoutente assicurando fra lrsquoaltro che le azioni da compiere per ottenere in modo corretto servizi e informazioni siano indipendenti dal dispositivo utilizzato per lrsquoaccesso 4) soddisfazione nellrsquouso assicurando fra lrsquoaltro lrsquoaccesso al servizio e allrsquoinformazione senza ingiustificati disagi o vincoli per lrsquoutente

c) compatibilitagrave con le linee guida indicate nelle comunicazioni nelle raccomandazioni e nelle direttive sullrsquoaccessibilitagrave dellrsquoUnione europea noncheacute nelle normative internazionalmente riconosciute e tenendo conto degli indirizzi forniti dagli organismi pubblici e privati anche internazionali operanti nel settore quali lrsquoInternational Organization for Standardization (ISO) e il World Wide Web Consortium (W3C)

Ersquo la cosa giusta da fare percheacute la rete egrave condivisione e non esclusione Capire i vantaggi del considerare tutti i possibili visitatori

Avere un sito accessibile egrave un ottimo spunto pubblicitario ed un argomento che puograve sempre essere citato per farsi notare da stampa ed affini

I numeri sono dalla parte dellrsquoaccessibilitagrave alcuni tipi di dislessia arrivano al 15 altri tipi di problemi alla vista al 7 sono cifre decisamente significative

Un sito accessibile se ben realizzato non dipende dal mezzo con cui viene visitato Con sempre nuovi browser palmari e smartphone che arrivano sul mercato scegliere un sito accessibile egrave unrsquoottima mossa

Miglior posizionamento sui motori di ricerca grazie anche ad una miglior semantica del codice

La popolazione di internet comprenderagrave fasce di etagrave sempre piugrave avanzate egrave importante muoversi anche in questo senso

web writingscrivere per il web

UtenteErsquo un impaziente e legge non parola per parola partendo dalla prima in alto a sinistra ma sorvolando la pagina come un paesaggio visto dallaltoper cogliere il piugrave rapidamente possibile se cegrave qualcosa che gliinteressa davvero

Gli utenti Internet presentano due tipi di strategie di ricerca di tipo esplorativo (che si esprime nellrsquoosservazione di tutta la pagina) di tipo selettivo (ricerca dellrsquoinformazione corretta)

Questrsquoultima modalitagrave si puograve a sua volta suddividere in due strategie di selezione

auto conclusiva che termina al reperimento dellrsquoinformazione ricercata esaustiva che continua nellrsquoesame della pagina nonostante il recupero

dellrsquoinformazione cercata

Nella ricerca la posizione delle key words ha un effetto rilevante

Altri studi mettono in evidenza che nelle prime tre fissazioni sulla pagina il testo attrae maggiormente lrsquoattenzione rispetto alla grafica (percentuali del 78 e 22 rispettivamente)

Spesso gli utenti non si soffermano sulle immagini se non alla seconda o terza visita alla pagina

Gli utenti infatti grazie allrsquoesperienza ripetuta di navigazione si attende di trovare in particolari posizioni della pagina particolari pulsanti link o altri elementi

Tanto maggiore saragrave la qualitagrave dellrsquointerfaccia tanto piugrave rapidamente potremmo assistere al passaggio dal concetto di ldquoUsabilitagraverdquo a quello di ldquoEfficienzardquo

Analisi del percorso oculare

Grazie alla tecnologia Eye Tracking egrave possibile registrare il percorso esatto dello sguardo degli addetti al collaudo documentando in questo modo la sequenza dei punti fissati (fissitagrave)

Le linee mostrano il percorso seguito dagli occhi sul mezzo impiegato per il test I punti fissati sono rappresentati sottoforma di cerchi Quanto piugrave sono grandi i punti tanto piugrave a lungo sono stati fissati e tanto piugrave interesse per queste aree egrave stato dimostrato dalladdetto al test

IpertestoIl passaggio dalla scrittura lineare del libro alla scrittura espansa e profonda dellipertesto cambia completamente il modo di pensare progettare e costruire un testo

Sul web il testo acquista un nuovo senso spaziale rispetto alla carta

E per questo che un ipertesto lo si progetta e lo si costruisce ancor prima di scriverlo

ORIENTAMENTOMENUrsquoLINK

STORYBOARD

Home pageLa home page egrave la porta di ingresso la vetrina del sito E ligrave che lautore gioca le sue carte per convincere il navigatore a restare o a proseguire il suo giro altrove Navigatore che non vuole essere impressionato con una grafica pirotecnica e con effetti speciali ma sapere subito cosa troveragrave allinterno attraverso un titolo e un sottotitolo un indice preciso e chiaro Jakob Nielsen ha definito la home page la proprietagrave immobiliare piugrave preziosa del mondo percheacute egrave in quel piccolo spazio che tutto il contenuto del sito deve essere promesso e rappresentato

BrevitagraveIl lettore va catturato subito con testi sintetici e concentrati

Ma scrivere breve non significa necessariamente sacrificare i contenuti o la forza dellimpatto della comunicazione significa piuttosto concentrare e affinare il testo

Quando ha bisogno di scrivere di piugrave il web writer ha comunque a sua disposizione la grande risorsa dellipertesto

Abstract

Genere di scrittura breve sintetica e modulare per eccellenza

Labstract che segue il titolo di un articolo e ne sintetizza i contenuti egrave il miglior modo per convincere il lettore a cliccare e ad andare alla pagina successiva

Secondo una metafora culinaria molto popolare tra i web writer statunitensi un testo online dovrebbe prevedere il morso lo spuntino e il pasto ovvero il titolo labstract e il testo intero a seconda della fame e del desiderio di saperne di piugrave da parte del frettoloso lettore della rete

Microcontent

Jakob Nielsen chiama i piccoli testi microcontent e con questo termine indica i titoli i sottotitoli i link le voci di indice di una pagina web i metatag gli alt text delle immagini

Cioegrave tutte quelle perle di chiarezza di 50 caratteri al massimo che devono contenere e spiegare al lettore il macrocontent di intere pagine e quindi attrarlo e guidarlo allinterno di un sito

Scrivere microcontent che siano veri concentrati di contenuto egrave una delle sfide piugrave difficili per il talento editoriale dello scrittore online

Sintassi breve (soggetto predicato verbo)

TitoloMicrocontent per eccellenza titoli e sottotitoli delle pagine e dei paragrafi devono essere progettati e scritti come un vero paratesto (ciograve che sta accanto intorno al testo) con la funzione di segnalare e far risaltare i contenuti piugrave importanti Allinterno della mappa visiva della pagina web devono costituire un primo ma completo livello di lettura da cogliere con un solo sguardo

PULIZIA DEL CONTENUTO

ColoreGrassettoPunteggiaturaFont (Verdana - grandezza)

RevisioneTesti corretti precisi e privi di refusi depongono a favore della serietagrave della credibilitagrave e dellaffidabilitagrave dellautore e dellazienda cui appartiene

CREAZIONE

Registrare un proprio dominio eo avere uno spazio web gratuito ed eventuali caselle di posta elettronica (costi e modalitagrave operative)

Tecnologie per i siti web contenuti statici contenuti dinamici

Software per lo sviluppomodifica pagine web statiche (HTML) esempio di utilizzo di un software gratuito per la realizzazione di alcune di pagine di un ipotetico sito web

Pubblicazione pagine web esempio di utilizzo di un software gratuito per la pubblicazione delle pagine realizzate

Gestione di un sito con contenuti dinamici attraverso un Gestionale

Cenni alle problematiche legate alla grafica per il web ndash esempio di utilizzo di un software gratuito per la grafica

Come promuovere il proprio sito web presso i motori di ricerca

STEP BY STEP

Tecnologie

Pagine statiche Realizzazione delle singole pagine in HTMLVantaggi alto grado di personalizzazione delle singole pagineSvantaggi richiede competenze specifiche per ogni modifica di contenuti

Pagine dinamicheUtilizzare database e gestionali per organizzare contenutiVantaggi semplice da gestire per modificare contenutiSvantaggi struttura grafica vincolata utilizzo di linguaggi e competenze specifiche per realizzare il sito (es ASP PHP)

ASP [Active Server Pages] -gt ASPNET-----pro -gt e diffuso e trovi un sacco di hosting gratuiti (se il sito egrave personale)contro -gt linguaggio proprietario supporta solo windows

PHP [PHP Hypertext Preprocessor]----pro -gt open source gira su linux e windows Un sacco di hosting gratuiti ottima integrazione con la maggior parte dei DB ottima communitycontro -gt sono poche le aziende grosse che lo utilizzano

JSP [JavaServer Pages]-----pro -gt flessibile si integra con parecchie tecnologie adottate dal mercato enterprise ed egrave particolarmente adatta a scenari n-tier enorme community e prodotti di contorno open source contro -gt curva di apprendimento piu ripida generalmente piu difficile da amministrare

JSP egrave un linguaggio adatto a prodotti di livello alto tipo strutture di home-banking o e-commerce a livello internazionale Non ha senso per i livelli medio-bassi ci vuole diverso tempo per impararlo ed usarlo oltre ai costi quasi improponibili per gli hosting

WAMP (piattaforma)WAMP egrave un acronimo con cui si indica una piattaforma di sviluppo webdatabase che prende il nome dalle iniziali dei componenti software con cui egrave realizzata (WINDOWS Apache Mysql Php)WAMP egrave gratuito e libero ed egrave rilasciato sotto la GNU General Public License Egrave disponibile nelle due versioni installer (auto-installante) e zip (che non richiede linstallazione) questultima utile per poter avviare WAMP da una chiavetta USB

Appserverhttpwwwappservnetworkcom

WampServerhttpwwwwampservercomen

EasyPhPhttpwwweasyphporgindexphp

Promuovere il proprio sito1048707 Presso i motori di Ricerca1048707 Autosegnalarsi1048707 Attendere1048707 Cercarsi1048707 Pagare1048707 Sul sito1048707 Inserire Keywords1048707 Descrivere e dare un titolo1048707 Commentare immagini

Page 7: Cesvob Costruire e Gestire Siti Web Modulo tecnico-pratico: impostazione tecnologica e funzionale.

target

RAPPORTO ISTAT

Cittadini e nuove tecnologieAnno 2008

27 febbraio 2009

Il campione comprende 19 mila 573 famiglie per un totale di 48 mila 861persone

0

10

20

30

40

50

60

70

80

90

1deg Trim 2deg Trim 3deg Trim 4deg Trim

Est

Ovest

Nord

Le attivitagrave di comunicazione hanno un ruolo importante nellrsquoutilizzo di Internet oltre il 70 degli utilizzatori di Internet utilizza la posta elettronica

Emerge lrsquouso del web per condividere contenuti

Quasi il 40 degli utenti di Internet usa il web per ottenere informazioni sulla PA

Internet modifica lrsquouso di strumenti tradizionali come il telefono fisso e i quotidiani in formato cartaceo

accessibilitagrave

Decreto del Presidente della Repubblica 1 marzo 2005 n 75

Regolamento di attuazione della legge 9 gennaio 2004 n 4 per favorire laccesso dei soggetti disabili agli strumenti informatici

Pubblicato in GU n 101 del 3 maggio 2005

la legge Stanca riguarda solo le pubbliche amministrazioni obbligandole ad avere siti accessibili ma non egrave un male pensare di portarsi avanti col lavoro in previsione di norme future In Inghilterra ad esempio ci sono giagrave

ACCESSIBILITArsquo

la capacitagrave dei sistemi informatici nelle forme e nei limiti consentiti dalle conoscenze tecnologiche di erogare servizi e fornire informazioni fruibili senza discriminazioni anche da parte di coloro che a causa di disabilitagrave necessitano di tecnologie assistive o configurazioni particolari

TECNOLOGIE ASSISTIVE

gli strumenti e le soluzioni tecniche hardware e software che permettono alla persona disabile superando o riducendo le condizioni di svantaggio di accedere ai servizi erogati dai sistemi informatici

Art 2 Criteri e principi generali per lrsquoaccessibilitagrave1 Sono accessibili i servizi realizzati tramite sistemi informatici che presentano i seguenti requisiti a) accessibilitagrave al contenuto del servizio da parte dellrsquoutente b) fruibilitagrave delle informazioni offerte caratterizzata anche da

1) facilitagrave e semplicitagrave drsquouso [usabilitagrave] assicurando fra lrsquoaltro che le azioni da compiere per ottenere servizi e informazioni siano sempre uniformi tra loro 2) efficienza nellrsquouso assicurando fra lrsquoaltro la separazione tra contenuto presentazione e modalitagrave di funzionamento delle interfacce noncheacute la possibilitagrave di rendere disponibile lrsquoinformazione attraverso differenti canali sensoriali 3) efficacia nellrsquouso e rispondenza alle esigenze dellrsquoutente assicurando fra lrsquoaltro che le azioni da compiere per ottenere in modo corretto servizi e informazioni siano indipendenti dal dispositivo utilizzato per lrsquoaccesso 4) soddisfazione nellrsquouso assicurando fra lrsquoaltro lrsquoaccesso al servizio e allrsquoinformazione senza ingiustificati disagi o vincoli per lrsquoutente

c) compatibilitagrave con le linee guida indicate nelle comunicazioni nelle raccomandazioni e nelle direttive sullrsquoaccessibilitagrave dellrsquoUnione europea noncheacute nelle normative internazionalmente riconosciute e tenendo conto degli indirizzi forniti dagli organismi pubblici e privati anche internazionali operanti nel settore quali lrsquoInternational Organization for Standardization (ISO) e il World Wide Web Consortium (W3C)

Ersquo la cosa giusta da fare percheacute la rete egrave condivisione e non esclusione Capire i vantaggi del considerare tutti i possibili visitatori

Avere un sito accessibile egrave un ottimo spunto pubblicitario ed un argomento che puograve sempre essere citato per farsi notare da stampa ed affini

I numeri sono dalla parte dellrsquoaccessibilitagrave alcuni tipi di dislessia arrivano al 15 altri tipi di problemi alla vista al 7 sono cifre decisamente significative

Un sito accessibile se ben realizzato non dipende dal mezzo con cui viene visitato Con sempre nuovi browser palmari e smartphone che arrivano sul mercato scegliere un sito accessibile egrave unrsquoottima mossa

Miglior posizionamento sui motori di ricerca grazie anche ad una miglior semantica del codice

La popolazione di internet comprenderagrave fasce di etagrave sempre piugrave avanzate egrave importante muoversi anche in questo senso

web writingscrivere per il web

UtenteErsquo un impaziente e legge non parola per parola partendo dalla prima in alto a sinistra ma sorvolando la pagina come un paesaggio visto dallaltoper cogliere il piugrave rapidamente possibile se cegrave qualcosa che gliinteressa davvero

Gli utenti Internet presentano due tipi di strategie di ricerca di tipo esplorativo (che si esprime nellrsquoosservazione di tutta la pagina) di tipo selettivo (ricerca dellrsquoinformazione corretta)

Questrsquoultima modalitagrave si puograve a sua volta suddividere in due strategie di selezione

auto conclusiva che termina al reperimento dellrsquoinformazione ricercata esaustiva che continua nellrsquoesame della pagina nonostante il recupero

dellrsquoinformazione cercata

Nella ricerca la posizione delle key words ha un effetto rilevante

Altri studi mettono in evidenza che nelle prime tre fissazioni sulla pagina il testo attrae maggiormente lrsquoattenzione rispetto alla grafica (percentuali del 78 e 22 rispettivamente)

Spesso gli utenti non si soffermano sulle immagini se non alla seconda o terza visita alla pagina

Gli utenti infatti grazie allrsquoesperienza ripetuta di navigazione si attende di trovare in particolari posizioni della pagina particolari pulsanti link o altri elementi

Tanto maggiore saragrave la qualitagrave dellrsquointerfaccia tanto piugrave rapidamente potremmo assistere al passaggio dal concetto di ldquoUsabilitagraverdquo a quello di ldquoEfficienzardquo

Analisi del percorso oculare

Grazie alla tecnologia Eye Tracking egrave possibile registrare il percorso esatto dello sguardo degli addetti al collaudo documentando in questo modo la sequenza dei punti fissati (fissitagrave)

Le linee mostrano il percorso seguito dagli occhi sul mezzo impiegato per il test I punti fissati sono rappresentati sottoforma di cerchi Quanto piugrave sono grandi i punti tanto piugrave a lungo sono stati fissati e tanto piugrave interesse per queste aree egrave stato dimostrato dalladdetto al test

IpertestoIl passaggio dalla scrittura lineare del libro alla scrittura espansa e profonda dellipertesto cambia completamente il modo di pensare progettare e costruire un testo

Sul web il testo acquista un nuovo senso spaziale rispetto alla carta

E per questo che un ipertesto lo si progetta e lo si costruisce ancor prima di scriverlo

ORIENTAMENTOMENUrsquoLINK

STORYBOARD

Home pageLa home page egrave la porta di ingresso la vetrina del sito E ligrave che lautore gioca le sue carte per convincere il navigatore a restare o a proseguire il suo giro altrove Navigatore che non vuole essere impressionato con una grafica pirotecnica e con effetti speciali ma sapere subito cosa troveragrave allinterno attraverso un titolo e un sottotitolo un indice preciso e chiaro Jakob Nielsen ha definito la home page la proprietagrave immobiliare piugrave preziosa del mondo percheacute egrave in quel piccolo spazio che tutto il contenuto del sito deve essere promesso e rappresentato

BrevitagraveIl lettore va catturato subito con testi sintetici e concentrati

Ma scrivere breve non significa necessariamente sacrificare i contenuti o la forza dellimpatto della comunicazione significa piuttosto concentrare e affinare il testo

Quando ha bisogno di scrivere di piugrave il web writer ha comunque a sua disposizione la grande risorsa dellipertesto

Abstract

Genere di scrittura breve sintetica e modulare per eccellenza

Labstract che segue il titolo di un articolo e ne sintetizza i contenuti egrave il miglior modo per convincere il lettore a cliccare e ad andare alla pagina successiva

Secondo una metafora culinaria molto popolare tra i web writer statunitensi un testo online dovrebbe prevedere il morso lo spuntino e il pasto ovvero il titolo labstract e il testo intero a seconda della fame e del desiderio di saperne di piugrave da parte del frettoloso lettore della rete

Microcontent

Jakob Nielsen chiama i piccoli testi microcontent e con questo termine indica i titoli i sottotitoli i link le voci di indice di una pagina web i metatag gli alt text delle immagini

Cioegrave tutte quelle perle di chiarezza di 50 caratteri al massimo che devono contenere e spiegare al lettore il macrocontent di intere pagine e quindi attrarlo e guidarlo allinterno di un sito

Scrivere microcontent che siano veri concentrati di contenuto egrave una delle sfide piugrave difficili per il talento editoriale dello scrittore online

Sintassi breve (soggetto predicato verbo)

TitoloMicrocontent per eccellenza titoli e sottotitoli delle pagine e dei paragrafi devono essere progettati e scritti come un vero paratesto (ciograve che sta accanto intorno al testo) con la funzione di segnalare e far risaltare i contenuti piugrave importanti Allinterno della mappa visiva della pagina web devono costituire un primo ma completo livello di lettura da cogliere con un solo sguardo

PULIZIA DEL CONTENUTO

ColoreGrassettoPunteggiaturaFont (Verdana - grandezza)

RevisioneTesti corretti precisi e privi di refusi depongono a favore della serietagrave della credibilitagrave e dellaffidabilitagrave dellautore e dellazienda cui appartiene

CREAZIONE

Registrare un proprio dominio eo avere uno spazio web gratuito ed eventuali caselle di posta elettronica (costi e modalitagrave operative)

Tecnologie per i siti web contenuti statici contenuti dinamici

Software per lo sviluppomodifica pagine web statiche (HTML) esempio di utilizzo di un software gratuito per la realizzazione di alcune di pagine di un ipotetico sito web

Pubblicazione pagine web esempio di utilizzo di un software gratuito per la pubblicazione delle pagine realizzate

Gestione di un sito con contenuti dinamici attraverso un Gestionale

Cenni alle problematiche legate alla grafica per il web ndash esempio di utilizzo di un software gratuito per la grafica

Come promuovere il proprio sito web presso i motori di ricerca

STEP BY STEP

Tecnologie

Pagine statiche Realizzazione delle singole pagine in HTMLVantaggi alto grado di personalizzazione delle singole pagineSvantaggi richiede competenze specifiche per ogni modifica di contenuti

Pagine dinamicheUtilizzare database e gestionali per organizzare contenutiVantaggi semplice da gestire per modificare contenutiSvantaggi struttura grafica vincolata utilizzo di linguaggi e competenze specifiche per realizzare il sito (es ASP PHP)

ASP [Active Server Pages] -gt ASPNET-----pro -gt e diffuso e trovi un sacco di hosting gratuiti (se il sito egrave personale)contro -gt linguaggio proprietario supporta solo windows

PHP [PHP Hypertext Preprocessor]----pro -gt open source gira su linux e windows Un sacco di hosting gratuiti ottima integrazione con la maggior parte dei DB ottima communitycontro -gt sono poche le aziende grosse che lo utilizzano

JSP [JavaServer Pages]-----pro -gt flessibile si integra con parecchie tecnologie adottate dal mercato enterprise ed egrave particolarmente adatta a scenari n-tier enorme community e prodotti di contorno open source contro -gt curva di apprendimento piu ripida generalmente piu difficile da amministrare

JSP egrave un linguaggio adatto a prodotti di livello alto tipo strutture di home-banking o e-commerce a livello internazionale Non ha senso per i livelli medio-bassi ci vuole diverso tempo per impararlo ed usarlo oltre ai costi quasi improponibili per gli hosting

WAMP (piattaforma)WAMP egrave un acronimo con cui si indica una piattaforma di sviluppo webdatabase che prende il nome dalle iniziali dei componenti software con cui egrave realizzata (WINDOWS Apache Mysql Php)WAMP egrave gratuito e libero ed egrave rilasciato sotto la GNU General Public License Egrave disponibile nelle due versioni installer (auto-installante) e zip (che non richiede linstallazione) questultima utile per poter avviare WAMP da una chiavetta USB

Appserverhttpwwwappservnetworkcom

WampServerhttpwwwwampservercomen

EasyPhPhttpwwweasyphporgindexphp

Promuovere il proprio sito1048707 Presso i motori di Ricerca1048707 Autosegnalarsi1048707 Attendere1048707 Cercarsi1048707 Pagare1048707 Sul sito1048707 Inserire Keywords1048707 Descrivere e dare un titolo1048707 Commentare immagini

Page 8: Cesvob Costruire e Gestire Siti Web Modulo tecnico-pratico: impostazione tecnologica e funzionale.

RAPPORTO ISTAT

Cittadini e nuove tecnologieAnno 2008

27 febbraio 2009

Il campione comprende 19 mila 573 famiglie per un totale di 48 mila 861persone

0

10

20

30

40

50

60

70

80

90

1deg Trim 2deg Trim 3deg Trim 4deg Trim

Est

Ovest

Nord

Le attivitagrave di comunicazione hanno un ruolo importante nellrsquoutilizzo di Internet oltre il 70 degli utilizzatori di Internet utilizza la posta elettronica

Emerge lrsquouso del web per condividere contenuti

Quasi il 40 degli utenti di Internet usa il web per ottenere informazioni sulla PA

Internet modifica lrsquouso di strumenti tradizionali come il telefono fisso e i quotidiani in formato cartaceo

accessibilitagrave

Decreto del Presidente della Repubblica 1 marzo 2005 n 75

Regolamento di attuazione della legge 9 gennaio 2004 n 4 per favorire laccesso dei soggetti disabili agli strumenti informatici

Pubblicato in GU n 101 del 3 maggio 2005

la legge Stanca riguarda solo le pubbliche amministrazioni obbligandole ad avere siti accessibili ma non egrave un male pensare di portarsi avanti col lavoro in previsione di norme future In Inghilterra ad esempio ci sono giagrave

ACCESSIBILITArsquo

la capacitagrave dei sistemi informatici nelle forme e nei limiti consentiti dalle conoscenze tecnologiche di erogare servizi e fornire informazioni fruibili senza discriminazioni anche da parte di coloro che a causa di disabilitagrave necessitano di tecnologie assistive o configurazioni particolari

TECNOLOGIE ASSISTIVE

gli strumenti e le soluzioni tecniche hardware e software che permettono alla persona disabile superando o riducendo le condizioni di svantaggio di accedere ai servizi erogati dai sistemi informatici

Art 2 Criteri e principi generali per lrsquoaccessibilitagrave1 Sono accessibili i servizi realizzati tramite sistemi informatici che presentano i seguenti requisiti a) accessibilitagrave al contenuto del servizio da parte dellrsquoutente b) fruibilitagrave delle informazioni offerte caratterizzata anche da

1) facilitagrave e semplicitagrave drsquouso [usabilitagrave] assicurando fra lrsquoaltro che le azioni da compiere per ottenere servizi e informazioni siano sempre uniformi tra loro 2) efficienza nellrsquouso assicurando fra lrsquoaltro la separazione tra contenuto presentazione e modalitagrave di funzionamento delle interfacce noncheacute la possibilitagrave di rendere disponibile lrsquoinformazione attraverso differenti canali sensoriali 3) efficacia nellrsquouso e rispondenza alle esigenze dellrsquoutente assicurando fra lrsquoaltro che le azioni da compiere per ottenere in modo corretto servizi e informazioni siano indipendenti dal dispositivo utilizzato per lrsquoaccesso 4) soddisfazione nellrsquouso assicurando fra lrsquoaltro lrsquoaccesso al servizio e allrsquoinformazione senza ingiustificati disagi o vincoli per lrsquoutente

c) compatibilitagrave con le linee guida indicate nelle comunicazioni nelle raccomandazioni e nelle direttive sullrsquoaccessibilitagrave dellrsquoUnione europea noncheacute nelle normative internazionalmente riconosciute e tenendo conto degli indirizzi forniti dagli organismi pubblici e privati anche internazionali operanti nel settore quali lrsquoInternational Organization for Standardization (ISO) e il World Wide Web Consortium (W3C)

Ersquo la cosa giusta da fare percheacute la rete egrave condivisione e non esclusione Capire i vantaggi del considerare tutti i possibili visitatori

Avere un sito accessibile egrave un ottimo spunto pubblicitario ed un argomento che puograve sempre essere citato per farsi notare da stampa ed affini

I numeri sono dalla parte dellrsquoaccessibilitagrave alcuni tipi di dislessia arrivano al 15 altri tipi di problemi alla vista al 7 sono cifre decisamente significative

Un sito accessibile se ben realizzato non dipende dal mezzo con cui viene visitato Con sempre nuovi browser palmari e smartphone che arrivano sul mercato scegliere un sito accessibile egrave unrsquoottima mossa

Miglior posizionamento sui motori di ricerca grazie anche ad una miglior semantica del codice

La popolazione di internet comprenderagrave fasce di etagrave sempre piugrave avanzate egrave importante muoversi anche in questo senso

web writingscrivere per il web

UtenteErsquo un impaziente e legge non parola per parola partendo dalla prima in alto a sinistra ma sorvolando la pagina come un paesaggio visto dallaltoper cogliere il piugrave rapidamente possibile se cegrave qualcosa che gliinteressa davvero

Gli utenti Internet presentano due tipi di strategie di ricerca di tipo esplorativo (che si esprime nellrsquoosservazione di tutta la pagina) di tipo selettivo (ricerca dellrsquoinformazione corretta)

Questrsquoultima modalitagrave si puograve a sua volta suddividere in due strategie di selezione

auto conclusiva che termina al reperimento dellrsquoinformazione ricercata esaustiva che continua nellrsquoesame della pagina nonostante il recupero

dellrsquoinformazione cercata

Nella ricerca la posizione delle key words ha un effetto rilevante

Altri studi mettono in evidenza che nelle prime tre fissazioni sulla pagina il testo attrae maggiormente lrsquoattenzione rispetto alla grafica (percentuali del 78 e 22 rispettivamente)

Spesso gli utenti non si soffermano sulle immagini se non alla seconda o terza visita alla pagina

Gli utenti infatti grazie allrsquoesperienza ripetuta di navigazione si attende di trovare in particolari posizioni della pagina particolari pulsanti link o altri elementi

Tanto maggiore saragrave la qualitagrave dellrsquointerfaccia tanto piugrave rapidamente potremmo assistere al passaggio dal concetto di ldquoUsabilitagraverdquo a quello di ldquoEfficienzardquo

Analisi del percorso oculare

Grazie alla tecnologia Eye Tracking egrave possibile registrare il percorso esatto dello sguardo degli addetti al collaudo documentando in questo modo la sequenza dei punti fissati (fissitagrave)

Le linee mostrano il percorso seguito dagli occhi sul mezzo impiegato per il test I punti fissati sono rappresentati sottoforma di cerchi Quanto piugrave sono grandi i punti tanto piugrave a lungo sono stati fissati e tanto piugrave interesse per queste aree egrave stato dimostrato dalladdetto al test

IpertestoIl passaggio dalla scrittura lineare del libro alla scrittura espansa e profonda dellipertesto cambia completamente il modo di pensare progettare e costruire un testo

Sul web il testo acquista un nuovo senso spaziale rispetto alla carta

E per questo che un ipertesto lo si progetta e lo si costruisce ancor prima di scriverlo

ORIENTAMENTOMENUrsquoLINK

STORYBOARD

Home pageLa home page egrave la porta di ingresso la vetrina del sito E ligrave che lautore gioca le sue carte per convincere il navigatore a restare o a proseguire il suo giro altrove Navigatore che non vuole essere impressionato con una grafica pirotecnica e con effetti speciali ma sapere subito cosa troveragrave allinterno attraverso un titolo e un sottotitolo un indice preciso e chiaro Jakob Nielsen ha definito la home page la proprietagrave immobiliare piugrave preziosa del mondo percheacute egrave in quel piccolo spazio che tutto il contenuto del sito deve essere promesso e rappresentato

BrevitagraveIl lettore va catturato subito con testi sintetici e concentrati

Ma scrivere breve non significa necessariamente sacrificare i contenuti o la forza dellimpatto della comunicazione significa piuttosto concentrare e affinare il testo

Quando ha bisogno di scrivere di piugrave il web writer ha comunque a sua disposizione la grande risorsa dellipertesto

Abstract

Genere di scrittura breve sintetica e modulare per eccellenza

Labstract che segue il titolo di un articolo e ne sintetizza i contenuti egrave il miglior modo per convincere il lettore a cliccare e ad andare alla pagina successiva

Secondo una metafora culinaria molto popolare tra i web writer statunitensi un testo online dovrebbe prevedere il morso lo spuntino e il pasto ovvero il titolo labstract e il testo intero a seconda della fame e del desiderio di saperne di piugrave da parte del frettoloso lettore della rete

Microcontent

Jakob Nielsen chiama i piccoli testi microcontent e con questo termine indica i titoli i sottotitoli i link le voci di indice di una pagina web i metatag gli alt text delle immagini

Cioegrave tutte quelle perle di chiarezza di 50 caratteri al massimo che devono contenere e spiegare al lettore il macrocontent di intere pagine e quindi attrarlo e guidarlo allinterno di un sito

Scrivere microcontent che siano veri concentrati di contenuto egrave una delle sfide piugrave difficili per il talento editoriale dello scrittore online

Sintassi breve (soggetto predicato verbo)

TitoloMicrocontent per eccellenza titoli e sottotitoli delle pagine e dei paragrafi devono essere progettati e scritti come un vero paratesto (ciograve che sta accanto intorno al testo) con la funzione di segnalare e far risaltare i contenuti piugrave importanti Allinterno della mappa visiva della pagina web devono costituire un primo ma completo livello di lettura da cogliere con un solo sguardo

PULIZIA DEL CONTENUTO

ColoreGrassettoPunteggiaturaFont (Verdana - grandezza)

RevisioneTesti corretti precisi e privi di refusi depongono a favore della serietagrave della credibilitagrave e dellaffidabilitagrave dellautore e dellazienda cui appartiene

CREAZIONE

Registrare un proprio dominio eo avere uno spazio web gratuito ed eventuali caselle di posta elettronica (costi e modalitagrave operative)

Tecnologie per i siti web contenuti statici contenuti dinamici

Software per lo sviluppomodifica pagine web statiche (HTML) esempio di utilizzo di un software gratuito per la realizzazione di alcune di pagine di un ipotetico sito web

Pubblicazione pagine web esempio di utilizzo di un software gratuito per la pubblicazione delle pagine realizzate

Gestione di un sito con contenuti dinamici attraverso un Gestionale

Cenni alle problematiche legate alla grafica per il web ndash esempio di utilizzo di un software gratuito per la grafica

Come promuovere il proprio sito web presso i motori di ricerca

STEP BY STEP

Tecnologie

Pagine statiche Realizzazione delle singole pagine in HTMLVantaggi alto grado di personalizzazione delle singole pagineSvantaggi richiede competenze specifiche per ogni modifica di contenuti

Pagine dinamicheUtilizzare database e gestionali per organizzare contenutiVantaggi semplice da gestire per modificare contenutiSvantaggi struttura grafica vincolata utilizzo di linguaggi e competenze specifiche per realizzare il sito (es ASP PHP)

ASP [Active Server Pages] -gt ASPNET-----pro -gt e diffuso e trovi un sacco di hosting gratuiti (se il sito egrave personale)contro -gt linguaggio proprietario supporta solo windows

PHP [PHP Hypertext Preprocessor]----pro -gt open source gira su linux e windows Un sacco di hosting gratuiti ottima integrazione con la maggior parte dei DB ottima communitycontro -gt sono poche le aziende grosse che lo utilizzano

JSP [JavaServer Pages]-----pro -gt flessibile si integra con parecchie tecnologie adottate dal mercato enterprise ed egrave particolarmente adatta a scenari n-tier enorme community e prodotti di contorno open source contro -gt curva di apprendimento piu ripida generalmente piu difficile da amministrare

JSP egrave un linguaggio adatto a prodotti di livello alto tipo strutture di home-banking o e-commerce a livello internazionale Non ha senso per i livelli medio-bassi ci vuole diverso tempo per impararlo ed usarlo oltre ai costi quasi improponibili per gli hosting

WAMP (piattaforma)WAMP egrave un acronimo con cui si indica una piattaforma di sviluppo webdatabase che prende il nome dalle iniziali dei componenti software con cui egrave realizzata (WINDOWS Apache Mysql Php)WAMP egrave gratuito e libero ed egrave rilasciato sotto la GNU General Public License Egrave disponibile nelle due versioni installer (auto-installante) e zip (che non richiede linstallazione) questultima utile per poter avviare WAMP da una chiavetta USB

Appserverhttpwwwappservnetworkcom

WampServerhttpwwwwampservercomen

EasyPhPhttpwwweasyphporgindexphp

Promuovere il proprio sito1048707 Presso i motori di Ricerca1048707 Autosegnalarsi1048707 Attendere1048707 Cercarsi1048707 Pagare1048707 Sul sito1048707 Inserire Keywords1048707 Descrivere e dare un titolo1048707 Commentare immagini

Page 9: Cesvob Costruire e Gestire Siti Web Modulo tecnico-pratico: impostazione tecnologica e funzionale.

Le attivitagrave di comunicazione hanno un ruolo importante nellrsquoutilizzo di Internet oltre il 70 degli utilizzatori di Internet utilizza la posta elettronica

Emerge lrsquouso del web per condividere contenuti

Quasi il 40 degli utenti di Internet usa il web per ottenere informazioni sulla PA

Internet modifica lrsquouso di strumenti tradizionali come il telefono fisso e i quotidiani in formato cartaceo

accessibilitagrave

Decreto del Presidente della Repubblica 1 marzo 2005 n 75

Regolamento di attuazione della legge 9 gennaio 2004 n 4 per favorire laccesso dei soggetti disabili agli strumenti informatici

Pubblicato in GU n 101 del 3 maggio 2005

la legge Stanca riguarda solo le pubbliche amministrazioni obbligandole ad avere siti accessibili ma non egrave un male pensare di portarsi avanti col lavoro in previsione di norme future In Inghilterra ad esempio ci sono giagrave

ACCESSIBILITArsquo

la capacitagrave dei sistemi informatici nelle forme e nei limiti consentiti dalle conoscenze tecnologiche di erogare servizi e fornire informazioni fruibili senza discriminazioni anche da parte di coloro che a causa di disabilitagrave necessitano di tecnologie assistive o configurazioni particolari

TECNOLOGIE ASSISTIVE

gli strumenti e le soluzioni tecniche hardware e software che permettono alla persona disabile superando o riducendo le condizioni di svantaggio di accedere ai servizi erogati dai sistemi informatici

Art 2 Criteri e principi generali per lrsquoaccessibilitagrave1 Sono accessibili i servizi realizzati tramite sistemi informatici che presentano i seguenti requisiti a) accessibilitagrave al contenuto del servizio da parte dellrsquoutente b) fruibilitagrave delle informazioni offerte caratterizzata anche da

1) facilitagrave e semplicitagrave drsquouso [usabilitagrave] assicurando fra lrsquoaltro che le azioni da compiere per ottenere servizi e informazioni siano sempre uniformi tra loro 2) efficienza nellrsquouso assicurando fra lrsquoaltro la separazione tra contenuto presentazione e modalitagrave di funzionamento delle interfacce noncheacute la possibilitagrave di rendere disponibile lrsquoinformazione attraverso differenti canali sensoriali 3) efficacia nellrsquouso e rispondenza alle esigenze dellrsquoutente assicurando fra lrsquoaltro che le azioni da compiere per ottenere in modo corretto servizi e informazioni siano indipendenti dal dispositivo utilizzato per lrsquoaccesso 4) soddisfazione nellrsquouso assicurando fra lrsquoaltro lrsquoaccesso al servizio e allrsquoinformazione senza ingiustificati disagi o vincoli per lrsquoutente

c) compatibilitagrave con le linee guida indicate nelle comunicazioni nelle raccomandazioni e nelle direttive sullrsquoaccessibilitagrave dellrsquoUnione europea noncheacute nelle normative internazionalmente riconosciute e tenendo conto degli indirizzi forniti dagli organismi pubblici e privati anche internazionali operanti nel settore quali lrsquoInternational Organization for Standardization (ISO) e il World Wide Web Consortium (W3C)

Ersquo la cosa giusta da fare percheacute la rete egrave condivisione e non esclusione Capire i vantaggi del considerare tutti i possibili visitatori

Avere un sito accessibile egrave un ottimo spunto pubblicitario ed un argomento che puograve sempre essere citato per farsi notare da stampa ed affini

I numeri sono dalla parte dellrsquoaccessibilitagrave alcuni tipi di dislessia arrivano al 15 altri tipi di problemi alla vista al 7 sono cifre decisamente significative

Un sito accessibile se ben realizzato non dipende dal mezzo con cui viene visitato Con sempre nuovi browser palmari e smartphone che arrivano sul mercato scegliere un sito accessibile egrave unrsquoottima mossa

Miglior posizionamento sui motori di ricerca grazie anche ad una miglior semantica del codice

La popolazione di internet comprenderagrave fasce di etagrave sempre piugrave avanzate egrave importante muoversi anche in questo senso

web writingscrivere per il web

UtenteErsquo un impaziente e legge non parola per parola partendo dalla prima in alto a sinistra ma sorvolando la pagina come un paesaggio visto dallaltoper cogliere il piugrave rapidamente possibile se cegrave qualcosa che gliinteressa davvero

Gli utenti Internet presentano due tipi di strategie di ricerca di tipo esplorativo (che si esprime nellrsquoosservazione di tutta la pagina) di tipo selettivo (ricerca dellrsquoinformazione corretta)

Questrsquoultima modalitagrave si puograve a sua volta suddividere in due strategie di selezione

auto conclusiva che termina al reperimento dellrsquoinformazione ricercata esaustiva che continua nellrsquoesame della pagina nonostante il recupero

dellrsquoinformazione cercata

Nella ricerca la posizione delle key words ha un effetto rilevante

Altri studi mettono in evidenza che nelle prime tre fissazioni sulla pagina il testo attrae maggiormente lrsquoattenzione rispetto alla grafica (percentuali del 78 e 22 rispettivamente)

Spesso gli utenti non si soffermano sulle immagini se non alla seconda o terza visita alla pagina

Gli utenti infatti grazie allrsquoesperienza ripetuta di navigazione si attende di trovare in particolari posizioni della pagina particolari pulsanti link o altri elementi

Tanto maggiore saragrave la qualitagrave dellrsquointerfaccia tanto piugrave rapidamente potremmo assistere al passaggio dal concetto di ldquoUsabilitagraverdquo a quello di ldquoEfficienzardquo

Analisi del percorso oculare

Grazie alla tecnologia Eye Tracking egrave possibile registrare il percorso esatto dello sguardo degli addetti al collaudo documentando in questo modo la sequenza dei punti fissati (fissitagrave)

Le linee mostrano il percorso seguito dagli occhi sul mezzo impiegato per il test I punti fissati sono rappresentati sottoforma di cerchi Quanto piugrave sono grandi i punti tanto piugrave a lungo sono stati fissati e tanto piugrave interesse per queste aree egrave stato dimostrato dalladdetto al test

IpertestoIl passaggio dalla scrittura lineare del libro alla scrittura espansa e profonda dellipertesto cambia completamente il modo di pensare progettare e costruire un testo

Sul web il testo acquista un nuovo senso spaziale rispetto alla carta

E per questo che un ipertesto lo si progetta e lo si costruisce ancor prima di scriverlo

ORIENTAMENTOMENUrsquoLINK

STORYBOARD

Home pageLa home page egrave la porta di ingresso la vetrina del sito E ligrave che lautore gioca le sue carte per convincere il navigatore a restare o a proseguire il suo giro altrove Navigatore che non vuole essere impressionato con una grafica pirotecnica e con effetti speciali ma sapere subito cosa troveragrave allinterno attraverso un titolo e un sottotitolo un indice preciso e chiaro Jakob Nielsen ha definito la home page la proprietagrave immobiliare piugrave preziosa del mondo percheacute egrave in quel piccolo spazio che tutto il contenuto del sito deve essere promesso e rappresentato

BrevitagraveIl lettore va catturato subito con testi sintetici e concentrati

Ma scrivere breve non significa necessariamente sacrificare i contenuti o la forza dellimpatto della comunicazione significa piuttosto concentrare e affinare il testo

Quando ha bisogno di scrivere di piugrave il web writer ha comunque a sua disposizione la grande risorsa dellipertesto

Abstract

Genere di scrittura breve sintetica e modulare per eccellenza

Labstract che segue il titolo di un articolo e ne sintetizza i contenuti egrave il miglior modo per convincere il lettore a cliccare e ad andare alla pagina successiva

Secondo una metafora culinaria molto popolare tra i web writer statunitensi un testo online dovrebbe prevedere il morso lo spuntino e il pasto ovvero il titolo labstract e il testo intero a seconda della fame e del desiderio di saperne di piugrave da parte del frettoloso lettore della rete

Microcontent

Jakob Nielsen chiama i piccoli testi microcontent e con questo termine indica i titoli i sottotitoli i link le voci di indice di una pagina web i metatag gli alt text delle immagini

Cioegrave tutte quelle perle di chiarezza di 50 caratteri al massimo che devono contenere e spiegare al lettore il macrocontent di intere pagine e quindi attrarlo e guidarlo allinterno di un sito

Scrivere microcontent che siano veri concentrati di contenuto egrave una delle sfide piugrave difficili per il talento editoriale dello scrittore online

Sintassi breve (soggetto predicato verbo)

TitoloMicrocontent per eccellenza titoli e sottotitoli delle pagine e dei paragrafi devono essere progettati e scritti come un vero paratesto (ciograve che sta accanto intorno al testo) con la funzione di segnalare e far risaltare i contenuti piugrave importanti Allinterno della mappa visiva della pagina web devono costituire un primo ma completo livello di lettura da cogliere con un solo sguardo

PULIZIA DEL CONTENUTO

ColoreGrassettoPunteggiaturaFont (Verdana - grandezza)

RevisioneTesti corretti precisi e privi di refusi depongono a favore della serietagrave della credibilitagrave e dellaffidabilitagrave dellautore e dellazienda cui appartiene

CREAZIONE

Registrare un proprio dominio eo avere uno spazio web gratuito ed eventuali caselle di posta elettronica (costi e modalitagrave operative)

Tecnologie per i siti web contenuti statici contenuti dinamici

Software per lo sviluppomodifica pagine web statiche (HTML) esempio di utilizzo di un software gratuito per la realizzazione di alcune di pagine di un ipotetico sito web

Pubblicazione pagine web esempio di utilizzo di un software gratuito per la pubblicazione delle pagine realizzate

Gestione di un sito con contenuti dinamici attraverso un Gestionale

Cenni alle problematiche legate alla grafica per il web ndash esempio di utilizzo di un software gratuito per la grafica

Come promuovere il proprio sito web presso i motori di ricerca

STEP BY STEP

Tecnologie

Pagine statiche Realizzazione delle singole pagine in HTMLVantaggi alto grado di personalizzazione delle singole pagineSvantaggi richiede competenze specifiche per ogni modifica di contenuti

Pagine dinamicheUtilizzare database e gestionali per organizzare contenutiVantaggi semplice da gestire per modificare contenutiSvantaggi struttura grafica vincolata utilizzo di linguaggi e competenze specifiche per realizzare il sito (es ASP PHP)

ASP [Active Server Pages] -gt ASPNET-----pro -gt e diffuso e trovi un sacco di hosting gratuiti (se il sito egrave personale)contro -gt linguaggio proprietario supporta solo windows

PHP [PHP Hypertext Preprocessor]----pro -gt open source gira su linux e windows Un sacco di hosting gratuiti ottima integrazione con la maggior parte dei DB ottima communitycontro -gt sono poche le aziende grosse che lo utilizzano

JSP [JavaServer Pages]-----pro -gt flessibile si integra con parecchie tecnologie adottate dal mercato enterprise ed egrave particolarmente adatta a scenari n-tier enorme community e prodotti di contorno open source contro -gt curva di apprendimento piu ripida generalmente piu difficile da amministrare

JSP egrave un linguaggio adatto a prodotti di livello alto tipo strutture di home-banking o e-commerce a livello internazionale Non ha senso per i livelli medio-bassi ci vuole diverso tempo per impararlo ed usarlo oltre ai costi quasi improponibili per gli hosting

WAMP (piattaforma)WAMP egrave un acronimo con cui si indica una piattaforma di sviluppo webdatabase che prende il nome dalle iniziali dei componenti software con cui egrave realizzata (WINDOWS Apache Mysql Php)WAMP egrave gratuito e libero ed egrave rilasciato sotto la GNU General Public License Egrave disponibile nelle due versioni installer (auto-installante) e zip (che non richiede linstallazione) questultima utile per poter avviare WAMP da una chiavetta USB

Appserverhttpwwwappservnetworkcom

WampServerhttpwwwwampservercomen

EasyPhPhttpwwweasyphporgindexphp

Promuovere il proprio sito1048707 Presso i motori di Ricerca1048707 Autosegnalarsi1048707 Attendere1048707 Cercarsi1048707 Pagare1048707 Sul sito1048707 Inserire Keywords1048707 Descrivere e dare un titolo1048707 Commentare immagini

Page 10: Cesvob Costruire e Gestire Siti Web Modulo tecnico-pratico: impostazione tecnologica e funzionale.

accessibilitagrave

Decreto del Presidente della Repubblica 1 marzo 2005 n 75

Regolamento di attuazione della legge 9 gennaio 2004 n 4 per favorire laccesso dei soggetti disabili agli strumenti informatici

Pubblicato in GU n 101 del 3 maggio 2005

la legge Stanca riguarda solo le pubbliche amministrazioni obbligandole ad avere siti accessibili ma non egrave un male pensare di portarsi avanti col lavoro in previsione di norme future In Inghilterra ad esempio ci sono giagrave

ACCESSIBILITArsquo

la capacitagrave dei sistemi informatici nelle forme e nei limiti consentiti dalle conoscenze tecnologiche di erogare servizi e fornire informazioni fruibili senza discriminazioni anche da parte di coloro che a causa di disabilitagrave necessitano di tecnologie assistive o configurazioni particolari

TECNOLOGIE ASSISTIVE

gli strumenti e le soluzioni tecniche hardware e software che permettono alla persona disabile superando o riducendo le condizioni di svantaggio di accedere ai servizi erogati dai sistemi informatici

Art 2 Criteri e principi generali per lrsquoaccessibilitagrave1 Sono accessibili i servizi realizzati tramite sistemi informatici che presentano i seguenti requisiti a) accessibilitagrave al contenuto del servizio da parte dellrsquoutente b) fruibilitagrave delle informazioni offerte caratterizzata anche da

1) facilitagrave e semplicitagrave drsquouso [usabilitagrave] assicurando fra lrsquoaltro che le azioni da compiere per ottenere servizi e informazioni siano sempre uniformi tra loro 2) efficienza nellrsquouso assicurando fra lrsquoaltro la separazione tra contenuto presentazione e modalitagrave di funzionamento delle interfacce noncheacute la possibilitagrave di rendere disponibile lrsquoinformazione attraverso differenti canali sensoriali 3) efficacia nellrsquouso e rispondenza alle esigenze dellrsquoutente assicurando fra lrsquoaltro che le azioni da compiere per ottenere in modo corretto servizi e informazioni siano indipendenti dal dispositivo utilizzato per lrsquoaccesso 4) soddisfazione nellrsquouso assicurando fra lrsquoaltro lrsquoaccesso al servizio e allrsquoinformazione senza ingiustificati disagi o vincoli per lrsquoutente

c) compatibilitagrave con le linee guida indicate nelle comunicazioni nelle raccomandazioni e nelle direttive sullrsquoaccessibilitagrave dellrsquoUnione europea noncheacute nelle normative internazionalmente riconosciute e tenendo conto degli indirizzi forniti dagli organismi pubblici e privati anche internazionali operanti nel settore quali lrsquoInternational Organization for Standardization (ISO) e il World Wide Web Consortium (W3C)

Ersquo la cosa giusta da fare percheacute la rete egrave condivisione e non esclusione Capire i vantaggi del considerare tutti i possibili visitatori

Avere un sito accessibile egrave un ottimo spunto pubblicitario ed un argomento che puograve sempre essere citato per farsi notare da stampa ed affini

I numeri sono dalla parte dellrsquoaccessibilitagrave alcuni tipi di dislessia arrivano al 15 altri tipi di problemi alla vista al 7 sono cifre decisamente significative

Un sito accessibile se ben realizzato non dipende dal mezzo con cui viene visitato Con sempre nuovi browser palmari e smartphone che arrivano sul mercato scegliere un sito accessibile egrave unrsquoottima mossa

Miglior posizionamento sui motori di ricerca grazie anche ad una miglior semantica del codice

La popolazione di internet comprenderagrave fasce di etagrave sempre piugrave avanzate egrave importante muoversi anche in questo senso

web writingscrivere per il web

UtenteErsquo un impaziente e legge non parola per parola partendo dalla prima in alto a sinistra ma sorvolando la pagina come un paesaggio visto dallaltoper cogliere il piugrave rapidamente possibile se cegrave qualcosa che gliinteressa davvero

Gli utenti Internet presentano due tipi di strategie di ricerca di tipo esplorativo (che si esprime nellrsquoosservazione di tutta la pagina) di tipo selettivo (ricerca dellrsquoinformazione corretta)

Questrsquoultima modalitagrave si puograve a sua volta suddividere in due strategie di selezione

auto conclusiva che termina al reperimento dellrsquoinformazione ricercata esaustiva che continua nellrsquoesame della pagina nonostante il recupero

dellrsquoinformazione cercata

Nella ricerca la posizione delle key words ha un effetto rilevante

Altri studi mettono in evidenza che nelle prime tre fissazioni sulla pagina il testo attrae maggiormente lrsquoattenzione rispetto alla grafica (percentuali del 78 e 22 rispettivamente)

Spesso gli utenti non si soffermano sulle immagini se non alla seconda o terza visita alla pagina

Gli utenti infatti grazie allrsquoesperienza ripetuta di navigazione si attende di trovare in particolari posizioni della pagina particolari pulsanti link o altri elementi

Tanto maggiore saragrave la qualitagrave dellrsquointerfaccia tanto piugrave rapidamente potremmo assistere al passaggio dal concetto di ldquoUsabilitagraverdquo a quello di ldquoEfficienzardquo

Analisi del percorso oculare

Grazie alla tecnologia Eye Tracking egrave possibile registrare il percorso esatto dello sguardo degli addetti al collaudo documentando in questo modo la sequenza dei punti fissati (fissitagrave)

Le linee mostrano il percorso seguito dagli occhi sul mezzo impiegato per il test I punti fissati sono rappresentati sottoforma di cerchi Quanto piugrave sono grandi i punti tanto piugrave a lungo sono stati fissati e tanto piugrave interesse per queste aree egrave stato dimostrato dalladdetto al test

IpertestoIl passaggio dalla scrittura lineare del libro alla scrittura espansa e profonda dellipertesto cambia completamente il modo di pensare progettare e costruire un testo

Sul web il testo acquista un nuovo senso spaziale rispetto alla carta

E per questo che un ipertesto lo si progetta e lo si costruisce ancor prima di scriverlo

ORIENTAMENTOMENUrsquoLINK

STORYBOARD

Home pageLa home page egrave la porta di ingresso la vetrina del sito E ligrave che lautore gioca le sue carte per convincere il navigatore a restare o a proseguire il suo giro altrove Navigatore che non vuole essere impressionato con una grafica pirotecnica e con effetti speciali ma sapere subito cosa troveragrave allinterno attraverso un titolo e un sottotitolo un indice preciso e chiaro Jakob Nielsen ha definito la home page la proprietagrave immobiliare piugrave preziosa del mondo percheacute egrave in quel piccolo spazio che tutto il contenuto del sito deve essere promesso e rappresentato

BrevitagraveIl lettore va catturato subito con testi sintetici e concentrati

Ma scrivere breve non significa necessariamente sacrificare i contenuti o la forza dellimpatto della comunicazione significa piuttosto concentrare e affinare il testo

Quando ha bisogno di scrivere di piugrave il web writer ha comunque a sua disposizione la grande risorsa dellipertesto

Abstract

Genere di scrittura breve sintetica e modulare per eccellenza

Labstract che segue il titolo di un articolo e ne sintetizza i contenuti egrave il miglior modo per convincere il lettore a cliccare e ad andare alla pagina successiva

Secondo una metafora culinaria molto popolare tra i web writer statunitensi un testo online dovrebbe prevedere il morso lo spuntino e il pasto ovvero il titolo labstract e il testo intero a seconda della fame e del desiderio di saperne di piugrave da parte del frettoloso lettore della rete

Microcontent

Jakob Nielsen chiama i piccoli testi microcontent e con questo termine indica i titoli i sottotitoli i link le voci di indice di una pagina web i metatag gli alt text delle immagini

Cioegrave tutte quelle perle di chiarezza di 50 caratteri al massimo che devono contenere e spiegare al lettore il macrocontent di intere pagine e quindi attrarlo e guidarlo allinterno di un sito

Scrivere microcontent che siano veri concentrati di contenuto egrave una delle sfide piugrave difficili per il talento editoriale dello scrittore online

Sintassi breve (soggetto predicato verbo)

TitoloMicrocontent per eccellenza titoli e sottotitoli delle pagine e dei paragrafi devono essere progettati e scritti come un vero paratesto (ciograve che sta accanto intorno al testo) con la funzione di segnalare e far risaltare i contenuti piugrave importanti Allinterno della mappa visiva della pagina web devono costituire un primo ma completo livello di lettura da cogliere con un solo sguardo

PULIZIA DEL CONTENUTO

ColoreGrassettoPunteggiaturaFont (Verdana - grandezza)

RevisioneTesti corretti precisi e privi di refusi depongono a favore della serietagrave della credibilitagrave e dellaffidabilitagrave dellautore e dellazienda cui appartiene

CREAZIONE

Registrare un proprio dominio eo avere uno spazio web gratuito ed eventuali caselle di posta elettronica (costi e modalitagrave operative)

Tecnologie per i siti web contenuti statici contenuti dinamici

Software per lo sviluppomodifica pagine web statiche (HTML) esempio di utilizzo di un software gratuito per la realizzazione di alcune di pagine di un ipotetico sito web

Pubblicazione pagine web esempio di utilizzo di un software gratuito per la pubblicazione delle pagine realizzate

Gestione di un sito con contenuti dinamici attraverso un Gestionale

Cenni alle problematiche legate alla grafica per il web ndash esempio di utilizzo di un software gratuito per la grafica

Come promuovere il proprio sito web presso i motori di ricerca

STEP BY STEP

Tecnologie

Pagine statiche Realizzazione delle singole pagine in HTMLVantaggi alto grado di personalizzazione delle singole pagineSvantaggi richiede competenze specifiche per ogni modifica di contenuti

Pagine dinamicheUtilizzare database e gestionali per organizzare contenutiVantaggi semplice da gestire per modificare contenutiSvantaggi struttura grafica vincolata utilizzo di linguaggi e competenze specifiche per realizzare il sito (es ASP PHP)

ASP [Active Server Pages] -gt ASPNET-----pro -gt e diffuso e trovi un sacco di hosting gratuiti (se il sito egrave personale)contro -gt linguaggio proprietario supporta solo windows

PHP [PHP Hypertext Preprocessor]----pro -gt open source gira su linux e windows Un sacco di hosting gratuiti ottima integrazione con la maggior parte dei DB ottima communitycontro -gt sono poche le aziende grosse che lo utilizzano

JSP [JavaServer Pages]-----pro -gt flessibile si integra con parecchie tecnologie adottate dal mercato enterprise ed egrave particolarmente adatta a scenari n-tier enorme community e prodotti di contorno open source contro -gt curva di apprendimento piu ripida generalmente piu difficile da amministrare

JSP egrave un linguaggio adatto a prodotti di livello alto tipo strutture di home-banking o e-commerce a livello internazionale Non ha senso per i livelli medio-bassi ci vuole diverso tempo per impararlo ed usarlo oltre ai costi quasi improponibili per gli hosting

WAMP (piattaforma)WAMP egrave un acronimo con cui si indica una piattaforma di sviluppo webdatabase che prende il nome dalle iniziali dei componenti software con cui egrave realizzata (WINDOWS Apache Mysql Php)WAMP egrave gratuito e libero ed egrave rilasciato sotto la GNU General Public License Egrave disponibile nelle due versioni installer (auto-installante) e zip (che non richiede linstallazione) questultima utile per poter avviare WAMP da una chiavetta USB

Appserverhttpwwwappservnetworkcom

WampServerhttpwwwwampservercomen

EasyPhPhttpwwweasyphporgindexphp

Promuovere il proprio sito1048707 Presso i motori di Ricerca1048707 Autosegnalarsi1048707 Attendere1048707 Cercarsi1048707 Pagare1048707 Sul sito1048707 Inserire Keywords1048707 Descrivere e dare un titolo1048707 Commentare immagini

Page 11: Cesvob Costruire e Gestire Siti Web Modulo tecnico-pratico: impostazione tecnologica e funzionale.

Decreto del Presidente della Repubblica 1 marzo 2005 n 75

Regolamento di attuazione della legge 9 gennaio 2004 n 4 per favorire laccesso dei soggetti disabili agli strumenti informatici

Pubblicato in GU n 101 del 3 maggio 2005

la legge Stanca riguarda solo le pubbliche amministrazioni obbligandole ad avere siti accessibili ma non egrave un male pensare di portarsi avanti col lavoro in previsione di norme future In Inghilterra ad esempio ci sono giagrave

ACCESSIBILITArsquo

la capacitagrave dei sistemi informatici nelle forme e nei limiti consentiti dalle conoscenze tecnologiche di erogare servizi e fornire informazioni fruibili senza discriminazioni anche da parte di coloro che a causa di disabilitagrave necessitano di tecnologie assistive o configurazioni particolari

TECNOLOGIE ASSISTIVE

gli strumenti e le soluzioni tecniche hardware e software che permettono alla persona disabile superando o riducendo le condizioni di svantaggio di accedere ai servizi erogati dai sistemi informatici

Art 2 Criteri e principi generali per lrsquoaccessibilitagrave1 Sono accessibili i servizi realizzati tramite sistemi informatici che presentano i seguenti requisiti a) accessibilitagrave al contenuto del servizio da parte dellrsquoutente b) fruibilitagrave delle informazioni offerte caratterizzata anche da

1) facilitagrave e semplicitagrave drsquouso [usabilitagrave] assicurando fra lrsquoaltro che le azioni da compiere per ottenere servizi e informazioni siano sempre uniformi tra loro 2) efficienza nellrsquouso assicurando fra lrsquoaltro la separazione tra contenuto presentazione e modalitagrave di funzionamento delle interfacce noncheacute la possibilitagrave di rendere disponibile lrsquoinformazione attraverso differenti canali sensoriali 3) efficacia nellrsquouso e rispondenza alle esigenze dellrsquoutente assicurando fra lrsquoaltro che le azioni da compiere per ottenere in modo corretto servizi e informazioni siano indipendenti dal dispositivo utilizzato per lrsquoaccesso 4) soddisfazione nellrsquouso assicurando fra lrsquoaltro lrsquoaccesso al servizio e allrsquoinformazione senza ingiustificati disagi o vincoli per lrsquoutente

c) compatibilitagrave con le linee guida indicate nelle comunicazioni nelle raccomandazioni e nelle direttive sullrsquoaccessibilitagrave dellrsquoUnione europea noncheacute nelle normative internazionalmente riconosciute e tenendo conto degli indirizzi forniti dagli organismi pubblici e privati anche internazionali operanti nel settore quali lrsquoInternational Organization for Standardization (ISO) e il World Wide Web Consortium (W3C)

Ersquo la cosa giusta da fare percheacute la rete egrave condivisione e non esclusione Capire i vantaggi del considerare tutti i possibili visitatori

Avere un sito accessibile egrave un ottimo spunto pubblicitario ed un argomento che puograve sempre essere citato per farsi notare da stampa ed affini

I numeri sono dalla parte dellrsquoaccessibilitagrave alcuni tipi di dislessia arrivano al 15 altri tipi di problemi alla vista al 7 sono cifre decisamente significative

Un sito accessibile se ben realizzato non dipende dal mezzo con cui viene visitato Con sempre nuovi browser palmari e smartphone che arrivano sul mercato scegliere un sito accessibile egrave unrsquoottima mossa

Miglior posizionamento sui motori di ricerca grazie anche ad una miglior semantica del codice

La popolazione di internet comprenderagrave fasce di etagrave sempre piugrave avanzate egrave importante muoversi anche in questo senso

web writingscrivere per il web

UtenteErsquo un impaziente e legge non parola per parola partendo dalla prima in alto a sinistra ma sorvolando la pagina come un paesaggio visto dallaltoper cogliere il piugrave rapidamente possibile se cegrave qualcosa che gliinteressa davvero

Gli utenti Internet presentano due tipi di strategie di ricerca di tipo esplorativo (che si esprime nellrsquoosservazione di tutta la pagina) di tipo selettivo (ricerca dellrsquoinformazione corretta)

Questrsquoultima modalitagrave si puograve a sua volta suddividere in due strategie di selezione

auto conclusiva che termina al reperimento dellrsquoinformazione ricercata esaustiva che continua nellrsquoesame della pagina nonostante il recupero

dellrsquoinformazione cercata

Nella ricerca la posizione delle key words ha un effetto rilevante

Altri studi mettono in evidenza che nelle prime tre fissazioni sulla pagina il testo attrae maggiormente lrsquoattenzione rispetto alla grafica (percentuali del 78 e 22 rispettivamente)

Spesso gli utenti non si soffermano sulle immagini se non alla seconda o terza visita alla pagina

Gli utenti infatti grazie allrsquoesperienza ripetuta di navigazione si attende di trovare in particolari posizioni della pagina particolari pulsanti link o altri elementi

Tanto maggiore saragrave la qualitagrave dellrsquointerfaccia tanto piugrave rapidamente potremmo assistere al passaggio dal concetto di ldquoUsabilitagraverdquo a quello di ldquoEfficienzardquo

Analisi del percorso oculare

Grazie alla tecnologia Eye Tracking egrave possibile registrare il percorso esatto dello sguardo degli addetti al collaudo documentando in questo modo la sequenza dei punti fissati (fissitagrave)

Le linee mostrano il percorso seguito dagli occhi sul mezzo impiegato per il test I punti fissati sono rappresentati sottoforma di cerchi Quanto piugrave sono grandi i punti tanto piugrave a lungo sono stati fissati e tanto piugrave interesse per queste aree egrave stato dimostrato dalladdetto al test

IpertestoIl passaggio dalla scrittura lineare del libro alla scrittura espansa e profonda dellipertesto cambia completamente il modo di pensare progettare e costruire un testo

Sul web il testo acquista un nuovo senso spaziale rispetto alla carta

E per questo che un ipertesto lo si progetta e lo si costruisce ancor prima di scriverlo

ORIENTAMENTOMENUrsquoLINK

STORYBOARD

Home pageLa home page egrave la porta di ingresso la vetrina del sito E ligrave che lautore gioca le sue carte per convincere il navigatore a restare o a proseguire il suo giro altrove Navigatore che non vuole essere impressionato con una grafica pirotecnica e con effetti speciali ma sapere subito cosa troveragrave allinterno attraverso un titolo e un sottotitolo un indice preciso e chiaro Jakob Nielsen ha definito la home page la proprietagrave immobiliare piugrave preziosa del mondo percheacute egrave in quel piccolo spazio che tutto il contenuto del sito deve essere promesso e rappresentato

BrevitagraveIl lettore va catturato subito con testi sintetici e concentrati

Ma scrivere breve non significa necessariamente sacrificare i contenuti o la forza dellimpatto della comunicazione significa piuttosto concentrare e affinare il testo

Quando ha bisogno di scrivere di piugrave il web writer ha comunque a sua disposizione la grande risorsa dellipertesto

Abstract

Genere di scrittura breve sintetica e modulare per eccellenza

Labstract che segue il titolo di un articolo e ne sintetizza i contenuti egrave il miglior modo per convincere il lettore a cliccare e ad andare alla pagina successiva

Secondo una metafora culinaria molto popolare tra i web writer statunitensi un testo online dovrebbe prevedere il morso lo spuntino e il pasto ovvero il titolo labstract e il testo intero a seconda della fame e del desiderio di saperne di piugrave da parte del frettoloso lettore della rete

Microcontent

Jakob Nielsen chiama i piccoli testi microcontent e con questo termine indica i titoli i sottotitoli i link le voci di indice di una pagina web i metatag gli alt text delle immagini

Cioegrave tutte quelle perle di chiarezza di 50 caratteri al massimo che devono contenere e spiegare al lettore il macrocontent di intere pagine e quindi attrarlo e guidarlo allinterno di un sito

Scrivere microcontent che siano veri concentrati di contenuto egrave una delle sfide piugrave difficili per il talento editoriale dello scrittore online

Sintassi breve (soggetto predicato verbo)

TitoloMicrocontent per eccellenza titoli e sottotitoli delle pagine e dei paragrafi devono essere progettati e scritti come un vero paratesto (ciograve che sta accanto intorno al testo) con la funzione di segnalare e far risaltare i contenuti piugrave importanti Allinterno della mappa visiva della pagina web devono costituire un primo ma completo livello di lettura da cogliere con un solo sguardo

PULIZIA DEL CONTENUTO

ColoreGrassettoPunteggiaturaFont (Verdana - grandezza)

RevisioneTesti corretti precisi e privi di refusi depongono a favore della serietagrave della credibilitagrave e dellaffidabilitagrave dellautore e dellazienda cui appartiene

CREAZIONE

Registrare un proprio dominio eo avere uno spazio web gratuito ed eventuali caselle di posta elettronica (costi e modalitagrave operative)

Tecnologie per i siti web contenuti statici contenuti dinamici

Software per lo sviluppomodifica pagine web statiche (HTML) esempio di utilizzo di un software gratuito per la realizzazione di alcune di pagine di un ipotetico sito web

Pubblicazione pagine web esempio di utilizzo di un software gratuito per la pubblicazione delle pagine realizzate

Gestione di un sito con contenuti dinamici attraverso un Gestionale

Cenni alle problematiche legate alla grafica per il web ndash esempio di utilizzo di un software gratuito per la grafica

Come promuovere il proprio sito web presso i motori di ricerca

STEP BY STEP

Tecnologie

Pagine statiche Realizzazione delle singole pagine in HTMLVantaggi alto grado di personalizzazione delle singole pagineSvantaggi richiede competenze specifiche per ogni modifica di contenuti

Pagine dinamicheUtilizzare database e gestionali per organizzare contenutiVantaggi semplice da gestire per modificare contenutiSvantaggi struttura grafica vincolata utilizzo di linguaggi e competenze specifiche per realizzare il sito (es ASP PHP)

ASP [Active Server Pages] -gt ASPNET-----pro -gt e diffuso e trovi un sacco di hosting gratuiti (se il sito egrave personale)contro -gt linguaggio proprietario supporta solo windows

PHP [PHP Hypertext Preprocessor]----pro -gt open source gira su linux e windows Un sacco di hosting gratuiti ottima integrazione con la maggior parte dei DB ottima communitycontro -gt sono poche le aziende grosse che lo utilizzano

JSP [JavaServer Pages]-----pro -gt flessibile si integra con parecchie tecnologie adottate dal mercato enterprise ed egrave particolarmente adatta a scenari n-tier enorme community e prodotti di contorno open source contro -gt curva di apprendimento piu ripida generalmente piu difficile da amministrare

JSP egrave un linguaggio adatto a prodotti di livello alto tipo strutture di home-banking o e-commerce a livello internazionale Non ha senso per i livelli medio-bassi ci vuole diverso tempo per impararlo ed usarlo oltre ai costi quasi improponibili per gli hosting

WAMP (piattaforma)WAMP egrave un acronimo con cui si indica una piattaforma di sviluppo webdatabase che prende il nome dalle iniziali dei componenti software con cui egrave realizzata (WINDOWS Apache Mysql Php)WAMP egrave gratuito e libero ed egrave rilasciato sotto la GNU General Public License Egrave disponibile nelle due versioni installer (auto-installante) e zip (che non richiede linstallazione) questultima utile per poter avviare WAMP da una chiavetta USB

Appserverhttpwwwappservnetworkcom

WampServerhttpwwwwampservercomen

EasyPhPhttpwwweasyphporgindexphp

Promuovere il proprio sito1048707 Presso i motori di Ricerca1048707 Autosegnalarsi1048707 Attendere1048707 Cercarsi1048707 Pagare1048707 Sul sito1048707 Inserire Keywords1048707 Descrivere e dare un titolo1048707 Commentare immagini

Page 12: Cesvob Costruire e Gestire Siti Web Modulo tecnico-pratico: impostazione tecnologica e funzionale.

ACCESSIBILITArsquo

la capacitagrave dei sistemi informatici nelle forme e nei limiti consentiti dalle conoscenze tecnologiche di erogare servizi e fornire informazioni fruibili senza discriminazioni anche da parte di coloro che a causa di disabilitagrave necessitano di tecnologie assistive o configurazioni particolari

TECNOLOGIE ASSISTIVE

gli strumenti e le soluzioni tecniche hardware e software che permettono alla persona disabile superando o riducendo le condizioni di svantaggio di accedere ai servizi erogati dai sistemi informatici

Art 2 Criteri e principi generali per lrsquoaccessibilitagrave1 Sono accessibili i servizi realizzati tramite sistemi informatici che presentano i seguenti requisiti a) accessibilitagrave al contenuto del servizio da parte dellrsquoutente b) fruibilitagrave delle informazioni offerte caratterizzata anche da

1) facilitagrave e semplicitagrave drsquouso [usabilitagrave] assicurando fra lrsquoaltro che le azioni da compiere per ottenere servizi e informazioni siano sempre uniformi tra loro 2) efficienza nellrsquouso assicurando fra lrsquoaltro la separazione tra contenuto presentazione e modalitagrave di funzionamento delle interfacce noncheacute la possibilitagrave di rendere disponibile lrsquoinformazione attraverso differenti canali sensoriali 3) efficacia nellrsquouso e rispondenza alle esigenze dellrsquoutente assicurando fra lrsquoaltro che le azioni da compiere per ottenere in modo corretto servizi e informazioni siano indipendenti dal dispositivo utilizzato per lrsquoaccesso 4) soddisfazione nellrsquouso assicurando fra lrsquoaltro lrsquoaccesso al servizio e allrsquoinformazione senza ingiustificati disagi o vincoli per lrsquoutente

c) compatibilitagrave con le linee guida indicate nelle comunicazioni nelle raccomandazioni e nelle direttive sullrsquoaccessibilitagrave dellrsquoUnione europea noncheacute nelle normative internazionalmente riconosciute e tenendo conto degli indirizzi forniti dagli organismi pubblici e privati anche internazionali operanti nel settore quali lrsquoInternational Organization for Standardization (ISO) e il World Wide Web Consortium (W3C)

Ersquo la cosa giusta da fare percheacute la rete egrave condivisione e non esclusione Capire i vantaggi del considerare tutti i possibili visitatori

Avere un sito accessibile egrave un ottimo spunto pubblicitario ed un argomento che puograve sempre essere citato per farsi notare da stampa ed affini

I numeri sono dalla parte dellrsquoaccessibilitagrave alcuni tipi di dislessia arrivano al 15 altri tipi di problemi alla vista al 7 sono cifre decisamente significative

Un sito accessibile se ben realizzato non dipende dal mezzo con cui viene visitato Con sempre nuovi browser palmari e smartphone che arrivano sul mercato scegliere un sito accessibile egrave unrsquoottima mossa

Miglior posizionamento sui motori di ricerca grazie anche ad una miglior semantica del codice

La popolazione di internet comprenderagrave fasce di etagrave sempre piugrave avanzate egrave importante muoversi anche in questo senso

web writingscrivere per il web

UtenteErsquo un impaziente e legge non parola per parola partendo dalla prima in alto a sinistra ma sorvolando la pagina come un paesaggio visto dallaltoper cogliere il piugrave rapidamente possibile se cegrave qualcosa che gliinteressa davvero

Gli utenti Internet presentano due tipi di strategie di ricerca di tipo esplorativo (che si esprime nellrsquoosservazione di tutta la pagina) di tipo selettivo (ricerca dellrsquoinformazione corretta)

Questrsquoultima modalitagrave si puograve a sua volta suddividere in due strategie di selezione

auto conclusiva che termina al reperimento dellrsquoinformazione ricercata esaustiva che continua nellrsquoesame della pagina nonostante il recupero

dellrsquoinformazione cercata

Nella ricerca la posizione delle key words ha un effetto rilevante

Altri studi mettono in evidenza che nelle prime tre fissazioni sulla pagina il testo attrae maggiormente lrsquoattenzione rispetto alla grafica (percentuali del 78 e 22 rispettivamente)

Spesso gli utenti non si soffermano sulle immagini se non alla seconda o terza visita alla pagina

Gli utenti infatti grazie allrsquoesperienza ripetuta di navigazione si attende di trovare in particolari posizioni della pagina particolari pulsanti link o altri elementi

Tanto maggiore saragrave la qualitagrave dellrsquointerfaccia tanto piugrave rapidamente potremmo assistere al passaggio dal concetto di ldquoUsabilitagraverdquo a quello di ldquoEfficienzardquo

Analisi del percorso oculare

Grazie alla tecnologia Eye Tracking egrave possibile registrare il percorso esatto dello sguardo degli addetti al collaudo documentando in questo modo la sequenza dei punti fissati (fissitagrave)

Le linee mostrano il percorso seguito dagli occhi sul mezzo impiegato per il test I punti fissati sono rappresentati sottoforma di cerchi Quanto piugrave sono grandi i punti tanto piugrave a lungo sono stati fissati e tanto piugrave interesse per queste aree egrave stato dimostrato dalladdetto al test

IpertestoIl passaggio dalla scrittura lineare del libro alla scrittura espansa e profonda dellipertesto cambia completamente il modo di pensare progettare e costruire un testo

Sul web il testo acquista un nuovo senso spaziale rispetto alla carta

E per questo che un ipertesto lo si progetta e lo si costruisce ancor prima di scriverlo

ORIENTAMENTOMENUrsquoLINK

STORYBOARD

Home pageLa home page egrave la porta di ingresso la vetrina del sito E ligrave che lautore gioca le sue carte per convincere il navigatore a restare o a proseguire il suo giro altrove Navigatore che non vuole essere impressionato con una grafica pirotecnica e con effetti speciali ma sapere subito cosa troveragrave allinterno attraverso un titolo e un sottotitolo un indice preciso e chiaro Jakob Nielsen ha definito la home page la proprietagrave immobiliare piugrave preziosa del mondo percheacute egrave in quel piccolo spazio che tutto il contenuto del sito deve essere promesso e rappresentato

BrevitagraveIl lettore va catturato subito con testi sintetici e concentrati

Ma scrivere breve non significa necessariamente sacrificare i contenuti o la forza dellimpatto della comunicazione significa piuttosto concentrare e affinare il testo

Quando ha bisogno di scrivere di piugrave il web writer ha comunque a sua disposizione la grande risorsa dellipertesto

Abstract

Genere di scrittura breve sintetica e modulare per eccellenza

Labstract che segue il titolo di un articolo e ne sintetizza i contenuti egrave il miglior modo per convincere il lettore a cliccare e ad andare alla pagina successiva

Secondo una metafora culinaria molto popolare tra i web writer statunitensi un testo online dovrebbe prevedere il morso lo spuntino e il pasto ovvero il titolo labstract e il testo intero a seconda della fame e del desiderio di saperne di piugrave da parte del frettoloso lettore della rete

Microcontent

Jakob Nielsen chiama i piccoli testi microcontent e con questo termine indica i titoli i sottotitoli i link le voci di indice di una pagina web i metatag gli alt text delle immagini

Cioegrave tutte quelle perle di chiarezza di 50 caratteri al massimo che devono contenere e spiegare al lettore il macrocontent di intere pagine e quindi attrarlo e guidarlo allinterno di un sito

Scrivere microcontent che siano veri concentrati di contenuto egrave una delle sfide piugrave difficili per il talento editoriale dello scrittore online

Sintassi breve (soggetto predicato verbo)

TitoloMicrocontent per eccellenza titoli e sottotitoli delle pagine e dei paragrafi devono essere progettati e scritti come un vero paratesto (ciograve che sta accanto intorno al testo) con la funzione di segnalare e far risaltare i contenuti piugrave importanti Allinterno della mappa visiva della pagina web devono costituire un primo ma completo livello di lettura da cogliere con un solo sguardo

PULIZIA DEL CONTENUTO

ColoreGrassettoPunteggiaturaFont (Verdana - grandezza)

RevisioneTesti corretti precisi e privi di refusi depongono a favore della serietagrave della credibilitagrave e dellaffidabilitagrave dellautore e dellazienda cui appartiene

CREAZIONE

Registrare un proprio dominio eo avere uno spazio web gratuito ed eventuali caselle di posta elettronica (costi e modalitagrave operative)

Tecnologie per i siti web contenuti statici contenuti dinamici

Software per lo sviluppomodifica pagine web statiche (HTML) esempio di utilizzo di un software gratuito per la realizzazione di alcune di pagine di un ipotetico sito web

Pubblicazione pagine web esempio di utilizzo di un software gratuito per la pubblicazione delle pagine realizzate

Gestione di un sito con contenuti dinamici attraverso un Gestionale

Cenni alle problematiche legate alla grafica per il web ndash esempio di utilizzo di un software gratuito per la grafica

Come promuovere il proprio sito web presso i motori di ricerca

STEP BY STEP

Tecnologie

Pagine statiche Realizzazione delle singole pagine in HTMLVantaggi alto grado di personalizzazione delle singole pagineSvantaggi richiede competenze specifiche per ogni modifica di contenuti

Pagine dinamicheUtilizzare database e gestionali per organizzare contenutiVantaggi semplice da gestire per modificare contenutiSvantaggi struttura grafica vincolata utilizzo di linguaggi e competenze specifiche per realizzare il sito (es ASP PHP)

ASP [Active Server Pages] -gt ASPNET-----pro -gt e diffuso e trovi un sacco di hosting gratuiti (se il sito egrave personale)contro -gt linguaggio proprietario supporta solo windows

PHP [PHP Hypertext Preprocessor]----pro -gt open source gira su linux e windows Un sacco di hosting gratuiti ottima integrazione con la maggior parte dei DB ottima communitycontro -gt sono poche le aziende grosse che lo utilizzano

JSP [JavaServer Pages]-----pro -gt flessibile si integra con parecchie tecnologie adottate dal mercato enterprise ed egrave particolarmente adatta a scenari n-tier enorme community e prodotti di contorno open source contro -gt curva di apprendimento piu ripida generalmente piu difficile da amministrare

JSP egrave un linguaggio adatto a prodotti di livello alto tipo strutture di home-banking o e-commerce a livello internazionale Non ha senso per i livelli medio-bassi ci vuole diverso tempo per impararlo ed usarlo oltre ai costi quasi improponibili per gli hosting

WAMP (piattaforma)WAMP egrave un acronimo con cui si indica una piattaforma di sviluppo webdatabase che prende il nome dalle iniziali dei componenti software con cui egrave realizzata (WINDOWS Apache Mysql Php)WAMP egrave gratuito e libero ed egrave rilasciato sotto la GNU General Public License Egrave disponibile nelle due versioni installer (auto-installante) e zip (che non richiede linstallazione) questultima utile per poter avviare WAMP da una chiavetta USB

Appserverhttpwwwappservnetworkcom

WampServerhttpwwwwampservercomen

EasyPhPhttpwwweasyphporgindexphp

Promuovere il proprio sito1048707 Presso i motori di Ricerca1048707 Autosegnalarsi1048707 Attendere1048707 Cercarsi1048707 Pagare1048707 Sul sito1048707 Inserire Keywords1048707 Descrivere e dare un titolo1048707 Commentare immagini

Page 13: Cesvob Costruire e Gestire Siti Web Modulo tecnico-pratico: impostazione tecnologica e funzionale.

TECNOLOGIE ASSISTIVE

gli strumenti e le soluzioni tecniche hardware e software che permettono alla persona disabile superando o riducendo le condizioni di svantaggio di accedere ai servizi erogati dai sistemi informatici

Art 2 Criteri e principi generali per lrsquoaccessibilitagrave1 Sono accessibili i servizi realizzati tramite sistemi informatici che presentano i seguenti requisiti a) accessibilitagrave al contenuto del servizio da parte dellrsquoutente b) fruibilitagrave delle informazioni offerte caratterizzata anche da

1) facilitagrave e semplicitagrave drsquouso [usabilitagrave] assicurando fra lrsquoaltro che le azioni da compiere per ottenere servizi e informazioni siano sempre uniformi tra loro 2) efficienza nellrsquouso assicurando fra lrsquoaltro la separazione tra contenuto presentazione e modalitagrave di funzionamento delle interfacce noncheacute la possibilitagrave di rendere disponibile lrsquoinformazione attraverso differenti canali sensoriali 3) efficacia nellrsquouso e rispondenza alle esigenze dellrsquoutente assicurando fra lrsquoaltro che le azioni da compiere per ottenere in modo corretto servizi e informazioni siano indipendenti dal dispositivo utilizzato per lrsquoaccesso 4) soddisfazione nellrsquouso assicurando fra lrsquoaltro lrsquoaccesso al servizio e allrsquoinformazione senza ingiustificati disagi o vincoli per lrsquoutente

c) compatibilitagrave con le linee guida indicate nelle comunicazioni nelle raccomandazioni e nelle direttive sullrsquoaccessibilitagrave dellrsquoUnione europea noncheacute nelle normative internazionalmente riconosciute e tenendo conto degli indirizzi forniti dagli organismi pubblici e privati anche internazionali operanti nel settore quali lrsquoInternational Organization for Standardization (ISO) e il World Wide Web Consortium (W3C)

Ersquo la cosa giusta da fare percheacute la rete egrave condivisione e non esclusione Capire i vantaggi del considerare tutti i possibili visitatori

Avere un sito accessibile egrave un ottimo spunto pubblicitario ed un argomento che puograve sempre essere citato per farsi notare da stampa ed affini

I numeri sono dalla parte dellrsquoaccessibilitagrave alcuni tipi di dislessia arrivano al 15 altri tipi di problemi alla vista al 7 sono cifre decisamente significative

Un sito accessibile se ben realizzato non dipende dal mezzo con cui viene visitato Con sempre nuovi browser palmari e smartphone che arrivano sul mercato scegliere un sito accessibile egrave unrsquoottima mossa

Miglior posizionamento sui motori di ricerca grazie anche ad una miglior semantica del codice

La popolazione di internet comprenderagrave fasce di etagrave sempre piugrave avanzate egrave importante muoversi anche in questo senso

web writingscrivere per il web

UtenteErsquo un impaziente e legge non parola per parola partendo dalla prima in alto a sinistra ma sorvolando la pagina come un paesaggio visto dallaltoper cogliere il piugrave rapidamente possibile se cegrave qualcosa che gliinteressa davvero

Gli utenti Internet presentano due tipi di strategie di ricerca di tipo esplorativo (che si esprime nellrsquoosservazione di tutta la pagina) di tipo selettivo (ricerca dellrsquoinformazione corretta)

Questrsquoultima modalitagrave si puograve a sua volta suddividere in due strategie di selezione

auto conclusiva che termina al reperimento dellrsquoinformazione ricercata esaustiva che continua nellrsquoesame della pagina nonostante il recupero

dellrsquoinformazione cercata

Nella ricerca la posizione delle key words ha un effetto rilevante

Altri studi mettono in evidenza che nelle prime tre fissazioni sulla pagina il testo attrae maggiormente lrsquoattenzione rispetto alla grafica (percentuali del 78 e 22 rispettivamente)

Spesso gli utenti non si soffermano sulle immagini se non alla seconda o terza visita alla pagina

Gli utenti infatti grazie allrsquoesperienza ripetuta di navigazione si attende di trovare in particolari posizioni della pagina particolari pulsanti link o altri elementi

Tanto maggiore saragrave la qualitagrave dellrsquointerfaccia tanto piugrave rapidamente potremmo assistere al passaggio dal concetto di ldquoUsabilitagraverdquo a quello di ldquoEfficienzardquo

Analisi del percorso oculare

Grazie alla tecnologia Eye Tracking egrave possibile registrare il percorso esatto dello sguardo degli addetti al collaudo documentando in questo modo la sequenza dei punti fissati (fissitagrave)

Le linee mostrano il percorso seguito dagli occhi sul mezzo impiegato per il test I punti fissati sono rappresentati sottoforma di cerchi Quanto piugrave sono grandi i punti tanto piugrave a lungo sono stati fissati e tanto piugrave interesse per queste aree egrave stato dimostrato dalladdetto al test

IpertestoIl passaggio dalla scrittura lineare del libro alla scrittura espansa e profonda dellipertesto cambia completamente il modo di pensare progettare e costruire un testo

Sul web il testo acquista un nuovo senso spaziale rispetto alla carta

E per questo che un ipertesto lo si progetta e lo si costruisce ancor prima di scriverlo

ORIENTAMENTOMENUrsquoLINK

STORYBOARD

Home pageLa home page egrave la porta di ingresso la vetrina del sito E ligrave che lautore gioca le sue carte per convincere il navigatore a restare o a proseguire il suo giro altrove Navigatore che non vuole essere impressionato con una grafica pirotecnica e con effetti speciali ma sapere subito cosa troveragrave allinterno attraverso un titolo e un sottotitolo un indice preciso e chiaro Jakob Nielsen ha definito la home page la proprietagrave immobiliare piugrave preziosa del mondo percheacute egrave in quel piccolo spazio che tutto il contenuto del sito deve essere promesso e rappresentato

BrevitagraveIl lettore va catturato subito con testi sintetici e concentrati

Ma scrivere breve non significa necessariamente sacrificare i contenuti o la forza dellimpatto della comunicazione significa piuttosto concentrare e affinare il testo

Quando ha bisogno di scrivere di piugrave il web writer ha comunque a sua disposizione la grande risorsa dellipertesto

Abstract

Genere di scrittura breve sintetica e modulare per eccellenza

Labstract che segue il titolo di un articolo e ne sintetizza i contenuti egrave il miglior modo per convincere il lettore a cliccare e ad andare alla pagina successiva

Secondo una metafora culinaria molto popolare tra i web writer statunitensi un testo online dovrebbe prevedere il morso lo spuntino e il pasto ovvero il titolo labstract e il testo intero a seconda della fame e del desiderio di saperne di piugrave da parte del frettoloso lettore della rete

Microcontent

Jakob Nielsen chiama i piccoli testi microcontent e con questo termine indica i titoli i sottotitoli i link le voci di indice di una pagina web i metatag gli alt text delle immagini

Cioegrave tutte quelle perle di chiarezza di 50 caratteri al massimo che devono contenere e spiegare al lettore il macrocontent di intere pagine e quindi attrarlo e guidarlo allinterno di un sito

Scrivere microcontent che siano veri concentrati di contenuto egrave una delle sfide piugrave difficili per il talento editoriale dello scrittore online

Sintassi breve (soggetto predicato verbo)

TitoloMicrocontent per eccellenza titoli e sottotitoli delle pagine e dei paragrafi devono essere progettati e scritti come un vero paratesto (ciograve che sta accanto intorno al testo) con la funzione di segnalare e far risaltare i contenuti piugrave importanti Allinterno della mappa visiva della pagina web devono costituire un primo ma completo livello di lettura da cogliere con un solo sguardo

PULIZIA DEL CONTENUTO

ColoreGrassettoPunteggiaturaFont (Verdana - grandezza)

RevisioneTesti corretti precisi e privi di refusi depongono a favore della serietagrave della credibilitagrave e dellaffidabilitagrave dellautore e dellazienda cui appartiene

CREAZIONE

Registrare un proprio dominio eo avere uno spazio web gratuito ed eventuali caselle di posta elettronica (costi e modalitagrave operative)

Tecnologie per i siti web contenuti statici contenuti dinamici

Software per lo sviluppomodifica pagine web statiche (HTML) esempio di utilizzo di un software gratuito per la realizzazione di alcune di pagine di un ipotetico sito web

Pubblicazione pagine web esempio di utilizzo di un software gratuito per la pubblicazione delle pagine realizzate

Gestione di un sito con contenuti dinamici attraverso un Gestionale

Cenni alle problematiche legate alla grafica per il web ndash esempio di utilizzo di un software gratuito per la grafica

Come promuovere il proprio sito web presso i motori di ricerca

STEP BY STEP

Tecnologie

Pagine statiche Realizzazione delle singole pagine in HTMLVantaggi alto grado di personalizzazione delle singole pagineSvantaggi richiede competenze specifiche per ogni modifica di contenuti

Pagine dinamicheUtilizzare database e gestionali per organizzare contenutiVantaggi semplice da gestire per modificare contenutiSvantaggi struttura grafica vincolata utilizzo di linguaggi e competenze specifiche per realizzare il sito (es ASP PHP)

ASP [Active Server Pages] -gt ASPNET-----pro -gt e diffuso e trovi un sacco di hosting gratuiti (se il sito egrave personale)contro -gt linguaggio proprietario supporta solo windows

PHP [PHP Hypertext Preprocessor]----pro -gt open source gira su linux e windows Un sacco di hosting gratuiti ottima integrazione con la maggior parte dei DB ottima communitycontro -gt sono poche le aziende grosse che lo utilizzano

JSP [JavaServer Pages]-----pro -gt flessibile si integra con parecchie tecnologie adottate dal mercato enterprise ed egrave particolarmente adatta a scenari n-tier enorme community e prodotti di contorno open source contro -gt curva di apprendimento piu ripida generalmente piu difficile da amministrare

JSP egrave un linguaggio adatto a prodotti di livello alto tipo strutture di home-banking o e-commerce a livello internazionale Non ha senso per i livelli medio-bassi ci vuole diverso tempo per impararlo ed usarlo oltre ai costi quasi improponibili per gli hosting

WAMP (piattaforma)WAMP egrave un acronimo con cui si indica una piattaforma di sviluppo webdatabase che prende il nome dalle iniziali dei componenti software con cui egrave realizzata (WINDOWS Apache Mysql Php)WAMP egrave gratuito e libero ed egrave rilasciato sotto la GNU General Public License Egrave disponibile nelle due versioni installer (auto-installante) e zip (che non richiede linstallazione) questultima utile per poter avviare WAMP da una chiavetta USB

Appserverhttpwwwappservnetworkcom

WampServerhttpwwwwampservercomen

EasyPhPhttpwwweasyphporgindexphp

Promuovere il proprio sito1048707 Presso i motori di Ricerca1048707 Autosegnalarsi1048707 Attendere1048707 Cercarsi1048707 Pagare1048707 Sul sito1048707 Inserire Keywords1048707 Descrivere e dare un titolo1048707 Commentare immagini

Page 14: Cesvob Costruire e Gestire Siti Web Modulo tecnico-pratico: impostazione tecnologica e funzionale.

Art 2 Criteri e principi generali per lrsquoaccessibilitagrave1 Sono accessibili i servizi realizzati tramite sistemi informatici che presentano i seguenti requisiti a) accessibilitagrave al contenuto del servizio da parte dellrsquoutente b) fruibilitagrave delle informazioni offerte caratterizzata anche da

1) facilitagrave e semplicitagrave drsquouso [usabilitagrave] assicurando fra lrsquoaltro che le azioni da compiere per ottenere servizi e informazioni siano sempre uniformi tra loro 2) efficienza nellrsquouso assicurando fra lrsquoaltro la separazione tra contenuto presentazione e modalitagrave di funzionamento delle interfacce noncheacute la possibilitagrave di rendere disponibile lrsquoinformazione attraverso differenti canali sensoriali 3) efficacia nellrsquouso e rispondenza alle esigenze dellrsquoutente assicurando fra lrsquoaltro che le azioni da compiere per ottenere in modo corretto servizi e informazioni siano indipendenti dal dispositivo utilizzato per lrsquoaccesso 4) soddisfazione nellrsquouso assicurando fra lrsquoaltro lrsquoaccesso al servizio e allrsquoinformazione senza ingiustificati disagi o vincoli per lrsquoutente

c) compatibilitagrave con le linee guida indicate nelle comunicazioni nelle raccomandazioni e nelle direttive sullrsquoaccessibilitagrave dellrsquoUnione europea noncheacute nelle normative internazionalmente riconosciute e tenendo conto degli indirizzi forniti dagli organismi pubblici e privati anche internazionali operanti nel settore quali lrsquoInternational Organization for Standardization (ISO) e il World Wide Web Consortium (W3C)

Ersquo la cosa giusta da fare percheacute la rete egrave condivisione e non esclusione Capire i vantaggi del considerare tutti i possibili visitatori

Avere un sito accessibile egrave un ottimo spunto pubblicitario ed un argomento che puograve sempre essere citato per farsi notare da stampa ed affini

I numeri sono dalla parte dellrsquoaccessibilitagrave alcuni tipi di dislessia arrivano al 15 altri tipi di problemi alla vista al 7 sono cifre decisamente significative

Un sito accessibile se ben realizzato non dipende dal mezzo con cui viene visitato Con sempre nuovi browser palmari e smartphone che arrivano sul mercato scegliere un sito accessibile egrave unrsquoottima mossa

Miglior posizionamento sui motori di ricerca grazie anche ad una miglior semantica del codice

La popolazione di internet comprenderagrave fasce di etagrave sempre piugrave avanzate egrave importante muoversi anche in questo senso

web writingscrivere per il web

UtenteErsquo un impaziente e legge non parola per parola partendo dalla prima in alto a sinistra ma sorvolando la pagina come un paesaggio visto dallaltoper cogliere il piugrave rapidamente possibile se cegrave qualcosa che gliinteressa davvero

Gli utenti Internet presentano due tipi di strategie di ricerca di tipo esplorativo (che si esprime nellrsquoosservazione di tutta la pagina) di tipo selettivo (ricerca dellrsquoinformazione corretta)

Questrsquoultima modalitagrave si puograve a sua volta suddividere in due strategie di selezione

auto conclusiva che termina al reperimento dellrsquoinformazione ricercata esaustiva che continua nellrsquoesame della pagina nonostante il recupero

dellrsquoinformazione cercata

Nella ricerca la posizione delle key words ha un effetto rilevante

Altri studi mettono in evidenza che nelle prime tre fissazioni sulla pagina il testo attrae maggiormente lrsquoattenzione rispetto alla grafica (percentuali del 78 e 22 rispettivamente)

Spesso gli utenti non si soffermano sulle immagini se non alla seconda o terza visita alla pagina

Gli utenti infatti grazie allrsquoesperienza ripetuta di navigazione si attende di trovare in particolari posizioni della pagina particolari pulsanti link o altri elementi

Tanto maggiore saragrave la qualitagrave dellrsquointerfaccia tanto piugrave rapidamente potremmo assistere al passaggio dal concetto di ldquoUsabilitagraverdquo a quello di ldquoEfficienzardquo

Analisi del percorso oculare

Grazie alla tecnologia Eye Tracking egrave possibile registrare il percorso esatto dello sguardo degli addetti al collaudo documentando in questo modo la sequenza dei punti fissati (fissitagrave)

Le linee mostrano il percorso seguito dagli occhi sul mezzo impiegato per il test I punti fissati sono rappresentati sottoforma di cerchi Quanto piugrave sono grandi i punti tanto piugrave a lungo sono stati fissati e tanto piugrave interesse per queste aree egrave stato dimostrato dalladdetto al test

IpertestoIl passaggio dalla scrittura lineare del libro alla scrittura espansa e profonda dellipertesto cambia completamente il modo di pensare progettare e costruire un testo

Sul web il testo acquista un nuovo senso spaziale rispetto alla carta

E per questo che un ipertesto lo si progetta e lo si costruisce ancor prima di scriverlo

ORIENTAMENTOMENUrsquoLINK

STORYBOARD

Home pageLa home page egrave la porta di ingresso la vetrina del sito E ligrave che lautore gioca le sue carte per convincere il navigatore a restare o a proseguire il suo giro altrove Navigatore che non vuole essere impressionato con una grafica pirotecnica e con effetti speciali ma sapere subito cosa troveragrave allinterno attraverso un titolo e un sottotitolo un indice preciso e chiaro Jakob Nielsen ha definito la home page la proprietagrave immobiliare piugrave preziosa del mondo percheacute egrave in quel piccolo spazio che tutto il contenuto del sito deve essere promesso e rappresentato

BrevitagraveIl lettore va catturato subito con testi sintetici e concentrati

Ma scrivere breve non significa necessariamente sacrificare i contenuti o la forza dellimpatto della comunicazione significa piuttosto concentrare e affinare il testo

Quando ha bisogno di scrivere di piugrave il web writer ha comunque a sua disposizione la grande risorsa dellipertesto

Abstract

Genere di scrittura breve sintetica e modulare per eccellenza

Labstract che segue il titolo di un articolo e ne sintetizza i contenuti egrave il miglior modo per convincere il lettore a cliccare e ad andare alla pagina successiva

Secondo una metafora culinaria molto popolare tra i web writer statunitensi un testo online dovrebbe prevedere il morso lo spuntino e il pasto ovvero il titolo labstract e il testo intero a seconda della fame e del desiderio di saperne di piugrave da parte del frettoloso lettore della rete

Microcontent

Jakob Nielsen chiama i piccoli testi microcontent e con questo termine indica i titoli i sottotitoli i link le voci di indice di una pagina web i metatag gli alt text delle immagini

Cioegrave tutte quelle perle di chiarezza di 50 caratteri al massimo che devono contenere e spiegare al lettore il macrocontent di intere pagine e quindi attrarlo e guidarlo allinterno di un sito

Scrivere microcontent che siano veri concentrati di contenuto egrave una delle sfide piugrave difficili per il talento editoriale dello scrittore online

Sintassi breve (soggetto predicato verbo)

TitoloMicrocontent per eccellenza titoli e sottotitoli delle pagine e dei paragrafi devono essere progettati e scritti come un vero paratesto (ciograve che sta accanto intorno al testo) con la funzione di segnalare e far risaltare i contenuti piugrave importanti Allinterno della mappa visiva della pagina web devono costituire un primo ma completo livello di lettura da cogliere con un solo sguardo

PULIZIA DEL CONTENUTO

ColoreGrassettoPunteggiaturaFont (Verdana - grandezza)

RevisioneTesti corretti precisi e privi di refusi depongono a favore della serietagrave della credibilitagrave e dellaffidabilitagrave dellautore e dellazienda cui appartiene

CREAZIONE

Registrare un proprio dominio eo avere uno spazio web gratuito ed eventuali caselle di posta elettronica (costi e modalitagrave operative)

Tecnologie per i siti web contenuti statici contenuti dinamici

Software per lo sviluppomodifica pagine web statiche (HTML) esempio di utilizzo di un software gratuito per la realizzazione di alcune di pagine di un ipotetico sito web

Pubblicazione pagine web esempio di utilizzo di un software gratuito per la pubblicazione delle pagine realizzate

Gestione di un sito con contenuti dinamici attraverso un Gestionale

Cenni alle problematiche legate alla grafica per il web ndash esempio di utilizzo di un software gratuito per la grafica

Come promuovere il proprio sito web presso i motori di ricerca

STEP BY STEP

Tecnologie

Pagine statiche Realizzazione delle singole pagine in HTMLVantaggi alto grado di personalizzazione delle singole pagineSvantaggi richiede competenze specifiche per ogni modifica di contenuti

Pagine dinamicheUtilizzare database e gestionali per organizzare contenutiVantaggi semplice da gestire per modificare contenutiSvantaggi struttura grafica vincolata utilizzo di linguaggi e competenze specifiche per realizzare il sito (es ASP PHP)

ASP [Active Server Pages] -gt ASPNET-----pro -gt e diffuso e trovi un sacco di hosting gratuiti (se il sito egrave personale)contro -gt linguaggio proprietario supporta solo windows

PHP [PHP Hypertext Preprocessor]----pro -gt open source gira su linux e windows Un sacco di hosting gratuiti ottima integrazione con la maggior parte dei DB ottima communitycontro -gt sono poche le aziende grosse che lo utilizzano

JSP [JavaServer Pages]-----pro -gt flessibile si integra con parecchie tecnologie adottate dal mercato enterprise ed egrave particolarmente adatta a scenari n-tier enorme community e prodotti di contorno open source contro -gt curva di apprendimento piu ripida generalmente piu difficile da amministrare

JSP egrave un linguaggio adatto a prodotti di livello alto tipo strutture di home-banking o e-commerce a livello internazionale Non ha senso per i livelli medio-bassi ci vuole diverso tempo per impararlo ed usarlo oltre ai costi quasi improponibili per gli hosting

WAMP (piattaforma)WAMP egrave un acronimo con cui si indica una piattaforma di sviluppo webdatabase che prende il nome dalle iniziali dei componenti software con cui egrave realizzata (WINDOWS Apache Mysql Php)WAMP egrave gratuito e libero ed egrave rilasciato sotto la GNU General Public License Egrave disponibile nelle due versioni installer (auto-installante) e zip (che non richiede linstallazione) questultima utile per poter avviare WAMP da una chiavetta USB

Appserverhttpwwwappservnetworkcom

WampServerhttpwwwwampservercomen

EasyPhPhttpwwweasyphporgindexphp

Promuovere il proprio sito1048707 Presso i motori di Ricerca1048707 Autosegnalarsi1048707 Attendere1048707 Cercarsi1048707 Pagare1048707 Sul sito1048707 Inserire Keywords1048707 Descrivere e dare un titolo1048707 Commentare immagini

Page 15: Cesvob Costruire e Gestire Siti Web Modulo tecnico-pratico: impostazione tecnologica e funzionale.

Ersquo la cosa giusta da fare percheacute la rete egrave condivisione e non esclusione Capire i vantaggi del considerare tutti i possibili visitatori

Avere un sito accessibile egrave un ottimo spunto pubblicitario ed un argomento che puograve sempre essere citato per farsi notare da stampa ed affini

I numeri sono dalla parte dellrsquoaccessibilitagrave alcuni tipi di dislessia arrivano al 15 altri tipi di problemi alla vista al 7 sono cifre decisamente significative

Un sito accessibile se ben realizzato non dipende dal mezzo con cui viene visitato Con sempre nuovi browser palmari e smartphone che arrivano sul mercato scegliere un sito accessibile egrave unrsquoottima mossa

Miglior posizionamento sui motori di ricerca grazie anche ad una miglior semantica del codice

La popolazione di internet comprenderagrave fasce di etagrave sempre piugrave avanzate egrave importante muoversi anche in questo senso

web writingscrivere per il web

UtenteErsquo un impaziente e legge non parola per parola partendo dalla prima in alto a sinistra ma sorvolando la pagina come un paesaggio visto dallaltoper cogliere il piugrave rapidamente possibile se cegrave qualcosa che gliinteressa davvero

Gli utenti Internet presentano due tipi di strategie di ricerca di tipo esplorativo (che si esprime nellrsquoosservazione di tutta la pagina) di tipo selettivo (ricerca dellrsquoinformazione corretta)

Questrsquoultima modalitagrave si puograve a sua volta suddividere in due strategie di selezione

auto conclusiva che termina al reperimento dellrsquoinformazione ricercata esaustiva che continua nellrsquoesame della pagina nonostante il recupero

dellrsquoinformazione cercata

Nella ricerca la posizione delle key words ha un effetto rilevante

Altri studi mettono in evidenza che nelle prime tre fissazioni sulla pagina il testo attrae maggiormente lrsquoattenzione rispetto alla grafica (percentuali del 78 e 22 rispettivamente)

Spesso gli utenti non si soffermano sulle immagini se non alla seconda o terza visita alla pagina

Gli utenti infatti grazie allrsquoesperienza ripetuta di navigazione si attende di trovare in particolari posizioni della pagina particolari pulsanti link o altri elementi

Tanto maggiore saragrave la qualitagrave dellrsquointerfaccia tanto piugrave rapidamente potremmo assistere al passaggio dal concetto di ldquoUsabilitagraverdquo a quello di ldquoEfficienzardquo

Analisi del percorso oculare

Grazie alla tecnologia Eye Tracking egrave possibile registrare il percorso esatto dello sguardo degli addetti al collaudo documentando in questo modo la sequenza dei punti fissati (fissitagrave)

Le linee mostrano il percorso seguito dagli occhi sul mezzo impiegato per il test I punti fissati sono rappresentati sottoforma di cerchi Quanto piugrave sono grandi i punti tanto piugrave a lungo sono stati fissati e tanto piugrave interesse per queste aree egrave stato dimostrato dalladdetto al test

IpertestoIl passaggio dalla scrittura lineare del libro alla scrittura espansa e profonda dellipertesto cambia completamente il modo di pensare progettare e costruire un testo

Sul web il testo acquista un nuovo senso spaziale rispetto alla carta

E per questo che un ipertesto lo si progetta e lo si costruisce ancor prima di scriverlo

ORIENTAMENTOMENUrsquoLINK

STORYBOARD

Home pageLa home page egrave la porta di ingresso la vetrina del sito E ligrave che lautore gioca le sue carte per convincere il navigatore a restare o a proseguire il suo giro altrove Navigatore che non vuole essere impressionato con una grafica pirotecnica e con effetti speciali ma sapere subito cosa troveragrave allinterno attraverso un titolo e un sottotitolo un indice preciso e chiaro Jakob Nielsen ha definito la home page la proprietagrave immobiliare piugrave preziosa del mondo percheacute egrave in quel piccolo spazio che tutto il contenuto del sito deve essere promesso e rappresentato

BrevitagraveIl lettore va catturato subito con testi sintetici e concentrati

Ma scrivere breve non significa necessariamente sacrificare i contenuti o la forza dellimpatto della comunicazione significa piuttosto concentrare e affinare il testo

Quando ha bisogno di scrivere di piugrave il web writer ha comunque a sua disposizione la grande risorsa dellipertesto

Abstract

Genere di scrittura breve sintetica e modulare per eccellenza

Labstract che segue il titolo di un articolo e ne sintetizza i contenuti egrave il miglior modo per convincere il lettore a cliccare e ad andare alla pagina successiva

Secondo una metafora culinaria molto popolare tra i web writer statunitensi un testo online dovrebbe prevedere il morso lo spuntino e il pasto ovvero il titolo labstract e il testo intero a seconda della fame e del desiderio di saperne di piugrave da parte del frettoloso lettore della rete

Microcontent

Jakob Nielsen chiama i piccoli testi microcontent e con questo termine indica i titoli i sottotitoli i link le voci di indice di una pagina web i metatag gli alt text delle immagini

Cioegrave tutte quelle perle di chiarezza di 50 caratteri al massimo che devono contenere e spiegare al lettore il macrocontent di intere pagine e quindi attrarlo e guidarlo allinterno di un sito

Scrivere microcontent che siano veri concentrati di contenuto egrave una delle sfide piugrave difficili per il talento editoriale dello scrittore online

Sintassi breve (soggetto predicato verbo)

TitoloMicrocontent per eccellenza titoli e sottotitoli delle pagine e dei paragrafi devono essere progettati e scritti come un vero paratesto (ciograve che sta accanto intorno al testo) con la funzione di segnalare e far risaltare i contenuti piugrave importanti Allinterno della mappa visiva della pagina web devono costituire un primo ma completo livello di lettura da cogliere con un solo sguardo

PULIZIA DEL CONTENUTO

ColoreGrassettoPunteggiaturaFont (Verdana - grandezza)

RevisioneTesti corretti precisi e privi di refusi depongono a favore della serietagrave della credibilitagrave e dellaffidabilitagrave dellautore e dellazienda cui appartiene

CREAZIONE

Registrare un proprio dominio eo avere uno spazio web gratuito ed eventuali caselle di posta elettronica (costi e modalitagrave operative)

Tecnologie per i siti web contenuti statici contenuti dinamici

Software per lo sviluppomodifica pagine web statiche (HTML) esempio di utilizzo di un software gratuito per la realizzazione di alcune di pagine di un ipotetico sito web

Pubblicazione pagine web esempio di utilizzo di un software gratuito per la pubblicazione delle pagine realizzate

Gestione di un sito con contenuti dinamici attraverso un Gestionale

Cenni alle problematiche legate alla grafica per il web ndash esempio di utilizzo di un software gratuito per la grafica

Come promuovere il proprio sito web presso i motori di ricerca

STEP BY STEP

Tecnologie

Pagine statiche Realizzazione delle singole pagine in HTMLVantaggi alto grado di personalizzazione delle singole pagineSvantaggi richiede competenze specifiche per ogni modifica di contenuti

Pagine dinamicheUtilizzare database e gestionali per organizzare contenutiVantaggi semplice da gestire per modificare contenutiSvantaggi struttura grafica vincolata utilizzo di linguaggi e competenze specifiche per realizzare il sito (es ASP PHP)

ASP [Active Server Pages] -gt ASPNET-----pro -gt e diffuso e trovi un sacco di hosting gratuiti (se il sito egrave personale)contro -gt linguaggio proprietario supporta solo windows

PHP [PHP Hypertext Preprocessor]----pro -gt open source gira su linux e windows Un sacco di hosting gratuiti ottima integrazione con la maggior parte dei DB ottima communitycontro -gt sono poche le aziende grosse che lo utilizzano

JSP [JavaServer Pages]-----pro -gt flessibile si integra con parecchie tecnologie adottate dal mercato enterprise ed egrave particolarmente adatta a scenari n-tier enorme community e prodotti di contorno open source contro -gt curva di apprendimento piu ripida generalmente piu difficile da amministrare

JSP egrave un linguaggio adatto a prodotti di livello alto tipo strutture di home-banking o e-commerce a livello internazionale Non ha senso per i livelli medio-bassi ci vuole diverso tempo per impararlo ed usarlo oltre ai costi quasi improponibili per gli hosting

WAMP (piattaforma)WAMP egrave un acronimo con cui si indica una piattaforma di sviluppo webdatabase che prende il nome dalle iniziali dei componenti software con cui egrave realizzata (WINDOWS Apache Mysql Php)WAMP egrave gratuito e libero ed egrave rilasciato sotto la GNU General Public License Egrave disponibile nelle due versioni installer (auto-installante) e zip (che non richiede linstallazione) questultima utile per poter avviare WAMP da una chiavetta USB

Appserverhttpwwwappservnetworkcom

WampServerhttpwwwwampservercomen

EasyPhPhttpwwweasyphporgindexphp

Promuovere il proprio sito1048707 Presso i motori di Ricerca1048707 Autosegnalarsi1048707 Attendere1048707 Cercarsi1048707 Pagare1048707 Sul sito1048707 Inserire Keywords1048707 Descrivere e dare un titolo1048707 Commentare immagini

Page 16: Cesvob Costruire e Gestire Siti Web Modulo tecnico-pratico: impostazione tecnologica e funzionale.

web writingscrivere per il web

UtenteErsquo un impaziente e legge non parola per parola partendo dalla prima in alto a sinistra ma sorvolando la pagina come un paesaggio visto dallaltoper cogliere il piugrave rapidamente possibile se cegrave qualcosa che gliinteressa davvero

Gli utenti Internet presentano due tipi di strategie di ricerca di tipo esplorativo (che si esprime nellrsquoosservazione di tutta la pagina) di tipo selettivo (ricerca dellrsquoinformazione corretta)

Questrsquoultima modalitagrave si puograve a sua volta suddividere in due strategie di selezione

auto conclusiva che termina al reperimento dellrsquoinformazione ricercata esaustiva che continua nellrsquoesame della pagina nonostante il recupero

dellrsquoinformazione cercata

Nella ricerca la posizione delle key words ha un effetto rilevante

Altri studi mettono in evidenza che nelle prime tre fissazioni sulla pagina il testo attrae maggiormente lrsquoattenzione rispetto alla grafica (percentuali del 78 e 22 rispettivamente)

Spesso gli utenti non si soffermano sulle immagini se non alla seconda o terza visita alla pagina

Gli utenti infatti grazie allrsquoesperienza ripetuta di navigazione si attende di trovare in particolari posizioni della pagina particolari pulsanti link o altri elementi

Tanto maggiore saragrave la qualitagrave dellrsquointerfaccia tanto piugrave rapidamente potremmo assistere al passaggio dal concetto di ldquoUsabilitagraverdquo a quello di ldquoEfficienzardquo

Analisi del percorso oculare

Grazie alla tecnologia Eye Tracking egrave possibile registrare il percorso esatto dello sguardo degli addetti al collaudo documentando in questo modo la sequenza dei punti fissati (fissitagrave)

Le linee mostrano il percorso seguito dagli occhi sul mezzo impiegato per il test I punti fissati sono rappresentati sottoforma di cerchi Quanto piugrave sono grandi i punti tanto piugrave a lungo sono stati fissati e tanto piugrave interesse per queste aree egrave stato dimostrato dalladdetto al test

IpertestoIl passaggio dalla scrittura lineare del libro alla scrittura espansa e profonda dellipertesto cambia completamente il modo di pensare progettare e costruire un testo

Sul web il testo acquista un nuovo senso spaziale rispetto alla carta

E per questo che un ipertesto lo si progetta e lo si costruisce ancor prima di scriverlo

ORIENTAMENTOMENUrsquoLINK

STORYBOARD

Home pageLa home page egrave la porta di ingresso la vetrina del sito E ligrave che lautore gioca le sue carte per convincere il navigatore a restare o a proseguire il suo giro altrove Navigatore che non vuole essere impressionato con una grafica pirotecnica e con effetti speciali ma sapere subito cosa troveragrave allinterno attraverso un titolo e un sottotitolo un indice preciso e chiaro Jakob Nielsen ha definito la home page la proprietagrave immobiliare piugrave preziosa del mondo percheacute egrave in quel piccolo spazio che tutto il contenuto del sito deve essere promesso e rappresentato

BrevitagraveIl lettore va catturato subito con testi sintetici e concentrati

Ma scrivere breve non significa necessariamente sacrificare i contenuti o la forza dellimpatto della comunicazione significa piuttosto concentrare e affinare il testo

Quando ha bisogno di scrivere di piugrave il web writer ha comunque a sua disposizione la grande risorsa dellipertesto

Abstract

Genere di scrittura breve sintetica e modulare per eccellenza

Labstract che segue il titolo di un articolo e ne sintetizza i contenuti egrave il miglior modo per convincere il lettore a cliccare e ad andare alla pagina successiva

Secondo una metafora culinaria molto popolare tra i web writer statunitensi un testo online dovrebbe prevedere il morso lo spuntino e il pasto ovvero il titolo labstract e il testo intero a seconda della fame e del desiderio di saperne di piugrave da parte del frettoloso lettore della rete

Microcontent

Jakob Nielsen chiama i piccoli testi microcontent e con questo termine indica i titoli i sottotitoli i link le voci di indice di una pagina web i metatag gli alt text delle immagini

Cioegrave tutte quelle perle di chiarezza di 50 caratteri al massimo che devono contenere e spiegare al lettore il macrocontent di intere pagine e quindi attrarlo e guidarlo allinterno di un sito

Scrivere microcontent che siano veri concentrati di contenuto egrave una delle sfide piugrave difficili per il talento editoriale dello scrittore online

Sintassi breve (soggetto predicato verbo)

TitoloMicrocontent per eccellenza titoli e sottotitoli delle pagine e dei paragrafi devono essere progettati e scritti come un vero paratesto (ciograve che sta accanto intorno al testo) con la funzione di segnalare e far risaltare i contenuti piugrave importanti Allinterno della mappa visiva della pagina web devono costituire un primo ma completo livello di lettura da cogliere con un solo sguardo

PULIZIA DEL CONTENUTO

ColoreGrassettoPunteggiaturaFont (Verdana - grandezza)

RevisioneTesti corretti precisi e privi di refusi depongono a favore della serietagrave della credibilitagrave e dellaffidabilitagrave dellautore e dellazienda cui appartiene

CREAZIONE

Registrare un proprio dominio eo avere uno spazio web gratuito ed eventuali caselle di posta elettronica (costi e modalitagrave operative)

Tecnologie per i siti web contenuti statici contenuti dinamici

Software per lo sviluppomodifica pagine web statiche (HTML) esempio di utilizzo di un software gratuito per la realizzazione di alcune di pagine di un ipotetico sito web

Pubblicazione pagine web esempio di utilizzo di un software gratuito per la pubblicazione delle pagine realizzate

Gestione di un sito con contenuti dinamici attraverso un Gestionale

Cenni alle problematiche legate alla grafica per il web ndash esempio di utilizzo di un software gratuito per la grafica

Come promuovere il proprio sito web presso i motori di ricerca

STEP BY STEP

Tecnologie

Pagine statiche Realizzazione delle singole pagine in HTMLVantaggi alto grado di personalizzazione delle singole pagineSvantaggi richiede competenze specifiche per ogni modifica di contenuti

Pagine dinamicheUtilizzare database e gestionali per organizzare contenutiVantaggi semplice da gestire per modificare contenutiSvantaggi struttura grafica vincolata utilizzo di linguaggi e competenze specifiche per realizzare il sito (es ASP PHP)

ASP [Active Server Pages] -gt ASPNET-----pro -gt e diffuso e trovi un sacco di hosting gratuiti (se il sito egrave personale)contro -gt linguaggio proprietario supporta solo windows

PHP [PHP Hypertext Preprocessor]----pro -gt open source gira su linux e windows Un sacco di hosting gratuiti ottima integrazione con la maggior parte dei DB ottima communitycontro -gt sono poche le aziende grosse che lo utilizzano

JSP [JavaServer Pages]-----pro -gt flessibile si integra con parecchie tecnologie adottate dal mercato enterprise ed egrave particolarmente adatta a scenari n-tier enorme community e prodotti di contorno open source contro -gt curva di apprendimento piu ripida generalmente piu difficile da amministrare

JSP egrave un linguaggio adatto a prodotti di livello alto tipo strutture di home-banking o e-commerce a livello internazionale Non ha senso per i livelli medio-bassi ci vuole diverso tempo per impararlo ed usarlo oltre ai costi quasi improponibili per gli hosting

WAMP (piattaforma)WAMP egrave un acronimo con cui si indica una piattaforma di sviluppo webdatabase che prende il nome dalle iniziali dei componenti software con cui egrave realizzata (WINDOWS Apache Mysql Php)WAMP egrave gratuito e libero ed egrave rilasciato sotto la GNU General Public License Egrave disponibile nelle due versioni installer (auto-installante) e zip (che non richiede linstallazione) questultima utile per poter avviare WAMP da una chiavetta USB

Appserverhttpwwwappservnetworkcom

WampServerhttpwwwwampservercomen

EasyPhPhttpwwweasyphporgindexphp

Promuovere il proprio sito1048707 Presso i motori di Ricerca1048707 Autosegnalarsi1048707 Attendere1048707 Cercarsi1048707 Pagare1048707 Sul sito1048707 Inserire Keywords1048707 Descrivere e dare un titolo1048707 Commentare immagini

Page 17: Cesvob Costruire e Gestire Siti Web Modulo tecnico-pratico: impostazione tecnologica e funzionale.

UtenteErsquo un impaziente e legge non parola per parola partendo dalla prima in alto a sinistra ma sorvolando la pagina come un paesaggio visto dallaltoper cogliere il piugrave rapidamente possibile se cegrave qualcosa che gliinteressa davvero

Gli utenti Internet presentano due tipi di strategie di ricerca di tipo esplorativo (che si esprime nellrsquoosservazione di tutta la pagina) di tipo selettivo (ricerca dellrsquoinformazione corretta)

Questrsquoultima modalitagrave si puograve a sua volta suddividere in due strategie di selezione

auto conclusiva che termina al reperimento dellrsquoinformazione ricercata esaustiva che continua nellrsquoesame della pagina nonostante il recupero

dellrsquoinformazione cercata

Nella ricerca la posizione delle key words ha un effetto rilevante

Altri studi mettono in evidenza che nelle prime tre fissazioni sulla pagina il testo attrae maggiormente lrsquoattenzione rispetto alla grafica (percentuali del 78 e 22 rispettivamente)

Spesso gli utenti non si soffermano sulle immagini se non alla seconda o terza visita alla pagina

Gli utenti infatti grazie allrsquoesperienza ripetuta di navigazione si attende di trovare in particolari posizioni della pagina particolari pulsanti link o altri elementi

Tanto maggiore saragrave la qualitagrave dellrsquointerfaccia tanto piugrave rapidamente potremmo assistere al passaggio dal concetto di ldquoUsabilitagraverdquo a quello di ldquoEfficienzardquo

Analisi del percorso oculare

Grazie alla tecnologia Eye Tracking egrave possibile registrare il percorso esatto dello sguardo degli addetti al collaudo documentando in questo modo la sequenza dei punti fissati (fissitagrave)

Le linee mostrano il percorso seguito dagli occhi sul mezzo impiegato per il test I punti fissati sono rappresentati sottoforma di cerchi Quanto piugrave sono grandi i punti tanto piugrave a lungo sono stati fissati e tanto piugrave interesse per queste aree egrave stato dimostrato dalladdetto al test

IpertestoIl passaggio dalla scrittura lineare del libro alla scrittura espansa e profonda dellipertesto cambia completamente il modo di pensare progettare e costruire un testo

Sul web il testo acquista un nuovo senso spaziale rispetto alla carta

E per questo che un ipertesto lo si progetta e lo si costruisce ancor prima di scriverlo

ORIENTAMENTOMENUrsquoLINK

STORYBOARD

Home pageLa home page egrave la porta di ingresso la vetrina del sito E ligrave che lautore gioca le sue carte per convincere il navigatore a restare o a proseguire il suo giro altrove Navigatore che non vuole essere impressionato con una grafica pirotecnica e con effetti speciali ma sapere subito cosa troveragrave allinterno attraverso un titolo e un sottotitolo un indice preciso e chiaro Jakob Nielsen ha definito la home page la proprietagrave immobiliare piugrave preziosa del mondo percheacute egrave in quel piccolo spazio che tutto il contenuto del sito deve essere promesso e rappresentato

BrevitagraveIl lettore va catturato subito con testi sintetici e concentrati

Ma scrivere breve non significa necessariamente sacrificare i contenuti o la forza dellimpatto della comunicazione significa piuttosto concentrare e affinare il testo

Quando ha bisogno di scrivere di piugrave il web writer ha comunque a sua disposizione la grande risorsa dellipertesto

Abstract

Genere di scrittura breve sintetica e modulare per eccellenza

Labstract che segue il titolo di un articolo e ne sintetizza i contenuti egrave il miglior modo per convincere il lettore a cliccare e ad andare alla pagina successiva

Secondo una metafora culinaria molto popolare tra i web writer statunitensi un testo online dovrebbe prevedere il morso lo spuntino e il pasto ovvero il titolo labstract e il testo intero a seconda della fame e del desiderio di saperne di piugrave da parte del frettoloso lettore della rete

Microcontent

Jakob Nielsen chiama i piccoli testi microcontent e con questo termine indica i titoli i sottotitoli i link le voci di indice di una pagina web i metatag gli alt text delle immagini

Cioegrave tutte quelle perle di chiarezza di 50 caratteri al massimo che devono contenere e spiegare al lettore il macrocontent di intere pagine e quindi attrarlo e guidarlo allinterno di un sito

Scrivere microcontent che siano veri concentrati di contenuto egrave una delle sfide piugrave difficili per il talento editoriale dello scrittore online

Sintassi breve (soggetto predicato verbo)

TitoloMicrocontent per eccellenza titoli e sottotitoli delle pagine e dei paragrafi devono essere progettati e scritti come un vero paratesto (ciograve che sta accanto intorno al testo) con la funzione di segnalare e far risaltare i contenuti piugrave importanti Allinterno della mappa visiva della pagina web devono costituire un primo ma completo livello di lettura da cogliere con un solo sguardo

PULIZIA DEL CONTENUTO

ColoreGrassettoPunteggiaturaFont (Verdana - grandezza)

RevisioneTesti corretti precisi e privi di refusi depongono a favore della serietagrave della credibilitagrave e dellaffidabilitagrave dellautore e dellazienda cui appartiene

CREAZIONE

Registrare un proprio dominio eo avere uno spazio web gratuito ed eventuali caselle di posta elettronica (costi e modalitagrave operative)

Tecnologie per i siti web contenuti statici contenuti dinamici

Software per lo sviluppomodifica pagine web statiche (HTML) esempio di utilizzo di un software gratuito per la realizzazione di alcune di pagine di un ipotetico sito web

Pubblicazione pagine web esempio di utilizzo di un software gratuito per la pubblicazione delle pagine realizzate

Gestione di un sito con contenuti dinamici attraverso un Gestionale

Cenni alle problematiche legate alla grafica per il web ndash esempio di utilizzo di un software gratuito per la grafica

Come promuovere il proprio sito web presso i motori di ricerca

STEP BY STEP

Tecnologie

Pagine statiche Realizzazione delle singole pagine in HTMLVantaggi alto grado di personalizzazione delle singole pagineSvantaggi richiede competenze specifiche per ogni modifica di contenuti

Pagine dinamicheUtilizzare database e gestionali per organizzare contenutiVantaggi semplice da gestire per modificare contenutiSvantaggi struttura grafica vincolata utilizzo di linguaggi e competenze specifiche per realizzare il sito (es ASP PHP)

ASP [Active Server Pages] -gt ASPNET-----pro -gt e diffuso e trovi un sacco di hosting gratuiti (se il sito egrave personale)contro -gt linguaggio proprietario supporta solo windows

PHP [PHP Hypertext Preprocessor]----pro -gt open source gira su linux e windows Un sacco di hosting gratuiti ottima integrazione con la maggior parte dei DB ottima communitycontro -gt sono poche le aziende grosse che lo utilizzano

JSP [JavaServer Pages]-----pro -gt flessibile si integra con parecchie tecnologie adottate dal mercato enterprise ed egrave particolarmente adatta a scenari n-tier enorme community e prodotti di contorno open source contro -gt curva di apprendimento piu ripida generalmente piu difficile da amministrare

JSP egrave un linguaggio adatto a prodotti di livello alto tipo strutture di home-banking o e-commerce a livello internazionale Non ha senso per i livelli medio-bassi ci vuole diverso tempo per impararlo ed usarlo oltre ai costi quasi improponibili per gli hosting

WAMP (piattaforma)WAMP egrave un acronimo con cui si indica una piattaforma di sviluppo webdatabase che prende il nome dalle iniziali dei componenti software con cui egrave realizzata (WINDOWS Apache Mysql Php)WAMP egrave gratuito e libero ed egrave rilasciato sotto la GNU General Public License Egrave disponibile nelle due versioni installer (auto-installante) e zip (che non richiede linstallazione) questultima utile per poter avviare WAMP da una chiavetta USB

Appserverhttpwwwappservnetworkcom

WampServerhttpwwwwampservercomen

EasyPhPhttpwwweasyphporgindexphp

Promuovere il proprio sito1048707 Presso i motori di Ricerca1048707 Autosegnalarsi1048707 Attendere1048707 Cercarsi1048707 Pagare1048707 Sul sito1048707 Inserire Keywords1048707 Descrivere e dare un titolo1048707 Commentare immagini

Page 18: Cesvob Costruire e Gestire Siti Web Modulo tecnico-pratico: impostazione tecnologica e funzionale.

Gli utenti Internet presentano due tipi di strategie di ricerca di tipo esplorativo (che si esprime nellrsquoosservazione di tutta la pagina) di tipo selettivo (ricerca dellrsquoinformazione corretta)

Questrsquoultima modalitagrave si puograve a sua volta suddividere in due strategie di selezione

auto conclusiva che termina al reperimento dellrsquoinformazione ricercata esaustiva che continua nellrsquoesame della pagina nonostante il recupero

dellrsquoinformazione cercata

Nella ricerca la posizione delle key words ha un effetto rilevante

Altri studi mettono in evidenza che nelle prime tre fissazioni sulla pagina il testo attrae maggiormente lrsquoattenzione rispetto alla grafica (percentuali del 78 e 22 rispettivamente)

Spesso gli utenti non si soffermano sulle immagini se non alla seconda o terza visita alla pagina

Gli utenti infatti grazie allrsquoesperienza ripetuta di navigazione si attende di trovare in particolari posizioni della pagina particolari pulsanti link o altri elementi

Tanto maggiore saragrave la qualitagrave dellrsquointerfaccia tanto piugrave rapidamente potremmo assistere al passaggio dal concetto di ldquoUsabilitagraverdquo a quello di ldquoEfficienzardquo

Analisi del percorso oculare

Grazie alla tecnologia Eye Tracking egrave possibile registrare il percorso esatto dello sguardo degli addetti al collaudo documentando in questo modo la sequenza dei punti fissati (fissitagrave)

Le linee mostrano il percorso seguito dagli occhi sul mezzo impiegato per il test I punti fissati sono rappresentati sottoforma di cerchi Quanto piugrave sono grandi i punti tanto piugrave a lungo sono stati fissati e tanto piugrave interesse per queste aree egrave stato dimostrato dalladdetto al test

IpertestoIl passaggio dalla scrittura lineare del libro alla scrittura espansa e profonda dellipertesto cambia completamente il modo di pensare progettare e costruire un testo

Sul web il testo acquista un nuovo senso spaziale rispetto alla carta

E per questo che un ipertesto lo si progetta e lo si costruisce ancor prima di scriverlo

ORIENTAMENTOMENUrsquoLINK

STORYBOARD

Home pageLa home page egrave la porta di ingresso la vetrina del sito E ligrave che lautore gioca le sue carte per convincere il navigatore a restare o a proseguire il suo giro altrove Navigatore che non vuole essere impressionato con una grafica pirotecnica e con effetti speciali ma sapere subito cosa troveragrave allinterno attraverso un titolo e un sottotitolo un indice preciso e chiaro Jakob Nielsen ha definito la home page la proprietagrave immobiliare piugrave preziosa del mondo percheacute egrave in quel piccolo spazio che tutto il contenuto del sito deve essere promesso e rappresentato

BrevitagraveIl lettore va catturato subito con testi sintetici e concentrati

Ma scrivere breve non significa necessariamente sacrificare i contenuti o la forza dellimpatto della comunicazione significa piuttosto concentrare e affinare il testo

Quando ha bisogno di scrivere di piugrave il web writer ha comunque a sua disposizione la grande risorsa dellipertesto

Abstract

Genere di scrittura breve sintetica e modulare per eccellenza

Labstract che segue il titolo di un articolo e ne sintetizza i contenuti egrave il miglior modo per convincere il lettore a cliccare e ad andare alla pagina successiva

Secondo una metafora culinaria molto popolare tra i web writer statunitensi un testo online dovrebbe prevedere il morso lo spuntino e il pasto ovvero il titolo labstract e il testo intero a seconda della fame e del desiderio di saperne di piugrave da parte del frettoloso lettore della rete

Microcontent

Jakob Nielsen chiama i piccoli testi microcontent e con questo termine indica i titoli i sottotitoli i link le voci di indice di una pagina web i metatag gli alt text delle immagini

Cioegrave tutte quelle perle di chiarezza di 50 caratteri al massimo che devono contenere e spiegare al lettore il macrocontent di intere pagine e quindi attrarlo e guidarlo allinterno di un sito

Scrivere microcontent che siano veri concentrati di contenuto egrave una delle sfide piugrave difficili per il talento editoriale dello scrittore online

Sintassi breve (soggetto predicato verbo)

TitoloMicrocontent per eccellenza titoli e sottotitoli delle pagine e dei paragrafi devono essere progettati e scritti come un vero paratesto (ciograve che sta accanto intorno al testo) con la funzione di segnalare e far risaltare i contenuti piugrave importanti Allinterno della mappa visiva della pagina web devono costituire un primo ma completo livello di lettura da cogliere con un solo sguardo

PULIZIA DEL CONTENUTO

ColoreGrassettoPunteggiaturaFont (Verdana - grandezza)

RevisioneTesti corretti precisi e privi di refusi depongono a favore della serietagrave della credibilitagrave e dellaffidabilitagrave dellautore e dellazienda cui appartiene

CREAZIONE

Registrare un proprio dominio eo avere uno spazio web gratuito ed eventuali caselle di posta elettronica (costi e modalitagrave operative)

Tecnologie per i siti web contenuti statici contenuti dinamici

Software per lo sviluppomodifica pagine web statiche (HTML) esempio di utilizzo di un software gratuito per la realizzazione di alcune di pagine di un ipotetico sito web

Pubblicazione pagine web esempio di utilizzo di un software gratuito per la pubblicazione delle pagine realizzate

Gestione di un sito con contenuti dinamici attraverso un Gestionale

Cenni alle problematiche legate alla grafica per il web ndash esempio di utilizzo di un software gratuito per la grafica

Come promuovere il proprio sito web presso i motori di ricerca

STEP BY STEP

Tecnologie

Pagine statiche Realizzazione delle singole pagine in HTMLVantaggi alto grado di personalizzazione delle singole pagineSvantaggi richiede competenze specifiche per ogni modifica di contenuti

Pagine dinamicheUtilizzare database e gestionali per organizzare contenutiVantaggi semplice da gestire per modificare contenutiSvantaggi struttura grafica vincolata utilizzo di linguaggi e competenze specifiche per realizzare il sito (es ASP PHP)

ASP [Active Server Pages] -gt ASPNET-----pro -gt e diffuso e trovi un sacco di hosting gratuiti (se il sito egrave personale)contro -gt linguaggio proprietario supporta solo windows

PHP [PHP Hypertext Preprocessor]----pro -gt open source gira su linux e windows Un sacco di hosting gratuiti ottima integrazione con la maggior parte dei DB ottima communitycontro -gt sono poche le aziende grosse che lo utilizzano

JSP [JavaServer Pages]-----pro -gt flessibile si integra con parecchie tecnologie adottate dal mercato enterprise ed egrave particolarmente adatta a scenari n-tier enorme community e prodotti di contorno open source contro -gt curva di apprendimento piu ripida generalmente piu difficile da amministrare

JSP egrave un linguaggio adatto a prodotti di livello alto tipo strutture di home-banking o e-commerce a livello internazionale Non ha senso per i livelli medio-bassi ci vuole diverso tempo per impararlo ed usarlo oltre ai costi quasi improponibili per gli hosting

WAMP (piattaforma)WAMP egrave un acronimo con cui si indica una piattaforma di sviluppo webdatabase che prende il nome dalle iniziali dei componenti software con cui egrave realizzata (WINDOWS Apache Mysql Php)WAMP egrave gratuito e libero ed egrave rilasciato sotto la GNU General Public License Egrave disponibile nelle due versioni installer (auto-installante) e zip (che non richiede linstallazione) questultima utile per poter avviare WAMP da una chiavetta USB

Appserverhttpwwwappservnetworkcom

WampServerhttpwwwwampservercomen

EasyPhPhttpwwweasyphporgindexphp

Promuovere il proprio sito1048707 Presso i motori di Ricerca1048707 Autosegnalarsi1048707 Attendere1048707 Cercarsi1048707 Pagare1048707 Sul sito1048707 Inserire Keywords1048707 Descrivere e dare un titolo1048707 Commentare immagini

Page 19: Cesvob Costruire e Gestire Siti Web Modulo tecnico-pratico: impostazione tecnologica e funzionale.

Gli utenti infatti grazie allrsquoesperienza ripetuta di navigazione si attende di trovare in particolari posizioni della pagina particolari pulsanti link o altri elementi

Tanto maggiore saragrave la qualitagrave dellrsquointerfaccia tanto piugrave rapidamente potremmo assistere al passaggio dal concetto di ldquoUsabilitagraverdquo a quello di ldquoEfficienzardquo

Analisi del percorso oculare

Grazie alla tecnologia Eye Tracking egrave possibile registrare il percorso esatto dello sguardo degli addetti al collaudo documentando in questo modo la sequenza dei punti fissati (fissitagrave)

Le linee mostrano il percorso seguito dagli occhi sul mezzo impiegato per il test I punti fissati sono rappresentati sottoforma di cerchi Quanto piugrave sono grandi i punti tanto piugrave a lungo sono stati fissati e tanto piugrave interesse per queste aree egrave stato dimostrato dalladdetto al test

IpertestoIl passaggio dalla scrittura lineare del libro alla scrittura espansa e profonda dellipertesto cambia completamente il modo di pensare progettare e costruire un testo

Sul web il testo acquista un nuovo senso spaziale rispetto alla carta

E per questo che un ipertesto lo si progetta e lo si costruisce ancor prima di scriverlo

ORIENTAMENTOMENUrsquoLINK

STORYBOARD

Home pageLa home page egrave la porta di ingresso la vetrina del sito E ligrave che lautore gioca le sue carte per convincere il navigatore a restare o a proseguire il suo giro altrove Navigatore che non vuole essere impressionato con una grafica pirotecnica e con effetti speciali ma sapere subito cosa troveragrave allinterno attraverso un titolo e un sottotitolo un indice preciso e chiaro Jakob Nielsen ha definito la home page la proprietagrave immobiliare piugrave preziosa del mondo percheacute egrave in quel piccolo spazio che tutto il contenuto del sito deve essere promesso e rappresentato

BrevitagraveIl lettore va catturato subito con testi sintetici e concentrati

Ma scrivere breve non significa necessariamente sacrificare i contenuti o la forza dellimpatto della comunicazione significa piuttosto concentrare e affinare il testo

Quando ha bisogno di scrivere di piugrave il web writer ha comunque a sua disposizione la grande risorsa dellipertesto

Abstract

Genere di scrittura breve sintetica e modulare per eccellenza

Labstract che segue il titolo di un articolo e ne sintetizza i contenuti egrave il miglior modo per convincere il lettore a cliccare e ad andare alla pagina successiva

Secondo una metafora culinaria molto popolare tra i web writer statunitensi un testo online dovrebbe prevedere il morso lo spuntino e il pasto ovvero il titolo labstract e il testo intero a seconda della fame e del desiderio di saperne di piugrave da parte del frettoloso lettore della rete

Microcontent

Jakob Nielsen chiama i piccoli testi microcontent e con questo termine indica i titoli i sottotitoli i link le voci di indice di una pagina web i metatag gli alt text delle immagini

Cioegrave tutte quelle perle di chiarezza di 50 caratteri al massimo che devono contenere e spiegare al lettore il macrocontent di intere pagine e quindi attrarlo e guidarlo allinterno di un sito

Scrivere microcontent che siano veri concentrati di contenuto egrave una delle sfide piugrave difficili per il talento editoriale dello scrittore online

Sintassi breve (soggetto predicato verbo)

TitoloMicrocontent per eccellenza titoli e sottotitoli delle pagine e dei paragrafi devono essere progettati e scritti come un vero paratesto (ciograve che sta accanto intorno al testo) con la funzione di segnalare e far risaltare i contenuti piugrave importanti Allinterno della mappa visiva della pagina web devono costituire un primo ma completo livello di lettura da cogliere con un solo sguardo

PULIZIA DEL CONTENUTO

ColoreGrassettoPunteggiaturaFont (Verdana - grandezza)

RevisioneTesti corretti precisi e privi di refusi depongono a favore della serietagrave della credibilitagrave e dellaffidabilitagrave dellautore e dellazienda cui appartiene

CREAZIONE

Registrare un proprio dominio eo avere uno spazio web gratuito ed eventuali caselle di posta elettronica (costi e modalitagrave operative)

Tecnologie per i siti web contenuti statici contenuti dinamici

Software per lo sviluppomodifica pagine web statiche (HTML) esempio di utilizzo di un software gratuito per la realizzazione di alcune di pagine di un ipotetico sito web

Pubblicazione pagine web esempio di utilizzo di un software gratuito per la pubblicazione delle pagine realizzate

Gestione di un sito con contenuti dinamici attraverso un Gestionale

Cenni alle problematiche legate alla grafica per il web ndash esempio di utilizzo di un software gratuito per la grafica

Come promuovere il proprio sito web presso i motori di ricerca

STEP BY STEP

Tecnologie

Pagine statiche Realizzazione delle singole pagine in HTMLVantaggi alto grado di personalizzazione delle singole pagineSvantaggi richiede competenze specifiche per ogni modifica di contenuti

Pagine dinamicheUtilizzare database e gestionali per organizzare contenutiVantaggi semplice da gestire per modificare contenutiSvantaggi struttura grafica vincolata utilizzo di linguaggi e competenze specifiche per realizzare il sito (es ASP PHP)

ASP [Active Server Pages] -gt ASPNET-----pro -gt e diffuso e trovi un sacco di hosting gratuiti (se il sito egrave personale)contro -gt linguaggio proprietario supporta solo windows

PHP [PHP Hypertext Preprocessor]----pro -gt open source gira su linux e windows Un sacco di hosting gratuiti ottima integrazione con la maggior parte dei DB ottima communitycontro -gt sono poche le aziende grosse che lo utilizzano

JSP [JavaServer Pages]-----pro -gt flessibile si integra con parecchie tecnologie adottate dal mercato enterprise ed egrave particolarmente adatta a scenari n-tier enorme community e prodotti di contorno open source contro -gt curva di apprendimento piu ripida generalmente piu difficile da amministrare

JSP egrave un linguaggio adatto a prodotti di livello alto tipo strutture di home-banking o e-commerce a livello internazionale Non ha senso per i livelli medio-bassi ci vuole diverso tempo per impararlo ed usarlo oltre ai costi quasi improponibili per gli hosting

WAMP (piattaforma)WAMP egrave un acronimo con cui si indica una piattaforma di sviluppo webdatabase che prende il nome dalle iniziali dei componenti software con cui egrave realizzata (WINDOWS Apache Mysql Php)WAMP egrave gratuito e libero ed egrave rilasciato sotto la GNU General Public License Egrave disponibile nelle due versioni installer (auto-installante) e zip (che non richiede linstallazione) questultima utile per poter avviare WAMP da una chiavetta USB

Appserverhttpwwwappservnetworkcom

WampServerhttpwwwwampservercomen

EasyPhPhttpwwweasyphporgindexphp

Promuovere il proprio sito1048707 Presso i motori di Ricerca1048707 Autosegnalarsi1048707 Attendere1048707 Cercarsi1048707 Pagare1048707 Sul sito1048707 Inserire Keywords1048707 Descrivere e dare un titolo1048707 Commentare immagini

Page 20: Cesvob Costruire e Gestire Siti Web Modulo tecnico-pratico: impostazione tecnologica e funzionale.

Analisi del percorso oculare

Grazie alla tecnologia Eye Tracking egrave possibile registrare il percorso esatto dello sguardo degli addetti al collaudo documentando in questo modo la sequenza dei punti fissati (fissitagrave)

Le linee mostrano il percorso seguito dagli occhi sul mezzo impiegato per il test I punti fissati sono rappresentati sottoforma di cerchi Quanto piugrave sono grandi i punti tanto piugrave a lungo sono stati fissati e tanto piugrave interesse per queste aree egrave stato dimostrato dalladdetto al test

IpertestoIl passaggio dalla scrittura lineare del libro alla scrittura espansa e profonda dellipertesto cambia completamente il modo di pensare progettare e costruire un testo

Sul web il testo acquista un nuovo senso spaziale rispetto alla carta

E per questo che un ipertesto lo si progetta e lo si costruisce ancor prima di scriverlo

ORIENTAMENTOMENUrsquoLINK

STORYBOARD

Home pageLa home page egrave la porta di ingresso la vetrina del sito E ligrave che lautore gioca le sue carte per convincere il navigatore a restare o a proseguire il suo giro altrove Navigatore che non vuole essere impressionato con una grafica pirotecnica e con effetti speciali ma sapere subito cosa troveragrave allinterno attraverso un titolo e un sottotitolo un indice preciso e chiaro Jakob Nielsen ha definito la home page la proprietagrave immobiliare piugrave preziosa del mondo percheacute egrave in quel piccolo spazio che tutto il contenuto del sito deve essere promesso e rappresentato

BrevitagraveIl lettore va catturato subito con testi sintetici e concentrati

Ma scrivere breve non significa necessariamente sacrificare i contenuti o la forza dellimpatto della comunicazione significa piuttosto concentrare e affinare il testo

Quando ha bisogno di scrivere di piugrave il web writer ha comunque a sua disposizione la grande risorsa dellipertesto

Abstract

Genere di scrittura breve sintetica e modulare per eccellenza

Labstract che segue il titolo di un articolo e ne sintetizza i contenuti egrave il miglior modo per convincere il lettore a cliccare e ad andare alla pagina successiva

Secondo una metafora culinaria molto popolare tra i web writer statunitensi un testo online dovrebbe prevedere il morso lo spuntino e il pasto ovvero il titolo labstract e il testo intero a seconda della fame e del desiderio di saperne di piugrave da parte del frettoloso lettore della rete

Microcontent

Jakob Nielsen chiama i piccoli testi microcontent e con questo termine indica i titoli i sottotitoli i link le voci di indice di una pagina web i metatag gli alt text delle immagini

Cioegrave tutte quelle perle di chiarezza di 50 caratteri al massimo che devono contenere e spiegare al lettore il macrocontent di intere pagine e quindi attrarlo e guidarlo allinterno di un sito

Scrivere microcontent che siano veri concentrati di contenuto egrave una delle sfide piugrave difficili per il talento editoriale dello scrittore online

Sintassi breve (soggetto predicato verbo)

TitoloMicrocontent per eccellenza titoli e sottotitoli delle pagine e dei paragrafi devono essere progettati e scritti come un vero paratesto (ciograve che sta accanto intorno al testo) con la funzione di segnalare e far risaltare i contenuti piugrave importanti Allinterno della mappa visiva della pagina web devono costituire un primo ma completo livello di lettura da cogliere con un solo sguardo

PULIZIA DEL CONTENUTO

ColoreGrassettoPunteggiaturaFont (Verdana - grandezza)

RevisioneTesti corretti precisi e privi di refusi depongono a favore della serietagrave della credibilitagrave e dellaffidabilitagrave dellautore e dellazienda cui appartiene

CREAZIONE

Registrare un proprio dominio eo avere uno spazio web gratuito ed eventuali caselle di posta elettronica (costi e modalitagrave operative)

Tecnologie per i siti web contenuti statici contenuti dinamici

Software per lo sviluppomodifica pagine web statiche (HTML) esempio di utilizzo di un software gratuito per la realizzazione di alcune di pagine di un ipotetico sito web

Pubblicazione pagine web esempio di utilizzo di un software gratuito per la pubblicazione delle pagine realizzate

Gestione di un sito con contenuti dinamici attraverso un Gestionale

Cenni alle problematiche legate alla grafica per il web ndash esempio di utilizzo di un software gratuito per la grafica

Come promuovere il proprio sito web presso i motori di ricerca

STEP BY STEP

Tecnologie

Pagine statiche Realizzazione delle singole pagine in HTMLVantaggi alto grado di personalizzazione delle singole pagineSvantaggi richiede competenze specifiche per ogni modifica di contenuti

Pagine dinamicheUtilizzare database e gestionali per organizzare contenutiVantaggi semplice da gestire per modificare contenutiSvantaggi struttura grafica vincolata utilizzo di linguaggi e competenze specifiche per realizzare il sito (es ASP PHP)

ASP [Active Server Pages] -gt ASPNET-----pro -gt e diffuso e trovi un sacco di hosting gratuiti (se il sito egrave personale)contro -gt linguaggio proprietario supporta solo windows

PHP [PHP Hypertext Preprocessor]----pro -gt open source gira su linux e windows Un sacco di hosting gratuiti ottima integrazione con la maggior parte dei DB ottima communitycontro -gt sono poche le aziende grosse che lo utilizzano

JSP [JavaServer Pages]-----pro -gt flessibile si integra con parecchie tecnologie adottate dal mercato enterprise ed egrave particolarmente adatta a scenari n-tier enorme community e prodotti di contorno open source contro -gt curva di apprendimento piu ripida generalmente piu difficile da amministrare

JSP egrave un linguaggio adatto a prodotti di livello alto tipo strutture di home-banking o e-commerce a livello internazionale Non ha senso per i livelli medio-bassi ci vuole diverso tempo per impararlo ed usarlo oltre ai costi quasi improponibili per gli hosting

WAMP (piattaforma)WAMP egrave un acronimo con cui si indica una piattaforma di sviluppo webdatabase che prende il nome dalle iniziali dei componenti software con cui egrave realizzata (WINDOWS Apache Mysql Php)WAMP egrave gratuito e libero ed egrave rilasciato sotto la GNU General Public License Egrave disponibile nelle due versioni installer (auto-installante) e zip (che non richiede linstallazione) questultima utile per poter avviare WAMP da una chiavetta USB

Appserverhttpwwwappservnetworkcom

WampServerhttpwwwwampservercomen

EasyPhPhttpwwweasyphporgindexphp

Promuovere il proprio sito1048707 Presso i motori di Ricerca1048707 Autosegnalarsi1048707 Attendere1048707 Cercarsi1048707 Pagare1048707 Sul sito1048707 Inserire Keywords1048707 Descrivere e dare un titolo1048707 Commentare immagini

Page 21: Cesvob Costruire e Gestire Siti Web Modulo tecnico-pratico: impostazione tecnologica e funzionale.

Le linee mostrano il percorso seguito dagli occhi sul mezzo impiegato per il test I punti fissati sono rappresentati sottoforma di cerchi Quanto piugrave sono grandi i punti tanto piugrave a lungo sono stati fissati e tanto piugrave interesse per queste aree egrave stato dimostrato dalladdetto al test

IpertestoIl passaggio dalla scrittura lineare del libro alla scrittura espansa e profonda dellipertesto cambia completamente il modo di pensare progettare e costruire un testo

Sul web il testo acquista un nuovo senso spaziale rispetto alla carta

E per questo che un ipertesto lo si progetta e lo si costruisce ancor prima di scriverlo

ORIENTAMENTOMENUrsquoLINK

STORYBOARD

Home pageLa home page egrave la porta di ingresso la vetrina del sito E ligrave che lautore gioca le sue carte per convincere il navigatore a restare o a proseguire il suo giro altrove Navigatore che non vuole essere impressionato con una grafica pirotecnica e con effetti speciali ma sapere subito cosa troveragrave allinterno attraverso un titolo e un sottotitolo un indice preciso e chiaro Jakob Nielsen ha definito la home page la proprietagrave immobiliare piugrave preziosa del mondo percheacute egrave in quel piccolo spazio che tutto il contenuto del sito deve essere promesso e rappresentato

BrevitagraveIl lettore va catturato subito con testi sintetici e concentrati

Ma scrivere breve non significa necessariamente sacrificare i contenuti o la forza dellimpatto della comunicazione significa piuttosto concentrare e affinare il testo

Quando ha bisogno di scrivere di piugrave il web writer ha comunque a sua disposizione la grande risorsa dellipertesto

Abstract

Genere di scrittura breve sintetica e modulare per eccellenza

Labstract che segue il titolo di un articolo e ne sintetizza i contenuti egrave il miglior modo per convincere il lettore a cliccare e ad andare alla pagina successiva

Secondo una metafora culinaria molto popolare tra i web writer statunitensi un testo online dovrebbe prevedere il morso lo spuntino e il pasto ovvero il titolo labstract e il testo intero a seconda della fame e del desiderio di saperne di piugrave da parte del frettoloso lettore della rete

Microcontent

Jakob Nielsen chiama i piccoli testi microcontent e con questo termine indica i titoli i sottotitoli i link le voci di indice di una pagina web i metatag gli alt text delle immagini

Cioegrave tutte quelle perle di chiarezza di 50 caratteri al massimo che devono contenere e spiegare al lettore il macrocontent di intere pagine e quindi attrarlo e guidarlo allinterno di un sito

Scrivere microcontent che siano veri concentrati di contenuto egrave una delle sfide piugrave difficili per il talento editoriale dello scrittore online

Sintassi breve (soggetto predicato verbo)

TitoloMicrocontent per eccellenza titoli e sottotitoli delle pagine e dei paragrafi devono essere progettati e scritti come un vero paratesto (ciograve che sta accanto intorno al testo) con la funzione di segnalare e far risaltare i contenuti piugrave importanti Allinterno della mappa visiva della pagina web devono costituire un primo ma completo livello di lettura da cogliere con un solo sguardo

PULIZIA DEL CONTENUTO

ColoreGrassettoPunteggiaturaFont (Verdana - grandezza)

RevisioneTesti corretti precisi e privi di refusi depongono a favore della serietagrave della credibilitagrave e dellaffidabilitagrave dellautore e dellazienda cui appartiene

CREAZIONE

Registrare un proprio dominio eo avere uno spazio web gratuito ed eventuali caselle di posta elettronica (costi e modalitagrave operative)

Tecnologie per i siti web contenuti statici contenuti dinamici

Software per lo sviluppomodifica pagine web statiche (HTML) esempio di utilizzo di un software gratuito per la realizzazione di alcune di pagine di un ipotetico sito web

Pubblicazione pagine web esempio di utilizzo di un software gratuito per la pubblicazione delle pagine realizzate

Gestione di un sito con contenuti dinamici attraverso un Gestionale

Cenni alle problematiche legate alla grafica per il web ndash esempio di utilizzo di un software gratuito per la grafica

Come promuovere il proprio sito web presso i motori di ricerca

STEP BY STEP

Tecnologie

Pagine statiche Realizzazione delle singole pagine in HTMLVantaggi alto grado di personalizzazione delle singole pagineSvantaggi richiede competenze specifiche per ogni modifica di contenuti

Pagine dinamicheUtilizzare database e gestionali per organizzare contenutiVantaggi semplice da gestire per modificare contenutiSvantaggi struttura grafica vincolata utilizzo di linguaggi e competenze specifiche per realizzare il sito (es ASP PHP)

ASP [Active Server Pages] -gt ASPNET-----pro -gt e diffuso e trovi un sacco di hosting gratuiti (se il sito egrave personale)contro -gt linguaggio proprietario supporta solo windows

PHP [PHP Hypertext Preprocessor]----pro -gt open source gira su linux e windows Un sacco di hosting gratuiti ottima integrazione con la maggior parte dei DB ottima communitycontro -gt sono poche le aziende grosse che lo utilizzano

JSP [JavaServer Pages]-----pro -gt flessibile si integra con parecchie tecnologie adottate dal mercato enterprise ed egrave particolarmente adatta a scenari n-tier enorme community e prodotti di contorno open source contro -gt curva di apprendimento piu ripida generalmente piu difficile da amministrare

JSP egrave un linguaggio adatto a prodotti di livello alto tipo strutture di home-banking o e-commerce a livello internazionale Non ha senso per i livelli medio-bassi ci vuole diverso tempo per impararlo ed usarlo oltre ai costi quasi improponibili per gli hosting

WAMP (piattaforma)WAMP egrave un acronimo con cui si indica una piattaforma di sviluppo webdatabase che prende il nome dalle iniziali dei componenti software con cui egrave realizzata (WINDOWS Apache Mysql Php)WAMP egrave gratuito e libero ed egrave rilasciato sotto la GNU General Public License Egrave disponibile nelle due versioni installer (auto-installante) e zip (che non richiede linstallazione) questultima utile per poter avviare WAMP da una chiavetta USB

Appserverhttpwwwappservnetworkcom

WampServerhttpwwwwampservercomen

EasyPhPhttpwwweasyphporgindexphp

Promuovere il proprio sito1048707 Presso i motori di Ricerca1048707 Autosegnalarsi1048707 Attendere1048707 Cercarsi1048707 Pagare1048707 Sul sito1048707 Inserire Keywords1048707 Descrivere e dare un titolo1048707 Commentare immagini

Page 22: Cesvob Costruire e Gestire Siti Web Modulo tecnico-pratico: impostazione tecnologica e funzionale.

IpertestoIl passaggio dalla scrittura lineare del libro alla scrittura espansa e profonda dellipertesto cambia completamente il modo di pensare progettare e costruire un testo

Sul web il testo acquista un nuovo senso spaziale rispetto alla carta

E per questo che un ipertesto lo si progetta e lo si costruisce ancor prima di scriverlo

ORIENTAMENTOMENUrsquoLINK

STORYBOARD

Home pageLa home page egrave la porta di ingresso la vetrina del sito E ligrave che lautore gioca le sue carte per convincere il navigatore a restare o a proseguire il suo giro altrove Navigatore che non vuole essere impressionato con una grafica pirotecnica e con effetti speciali ma sapere subito cosa troveragrave allinterno attraverso un titolo e un sottotitolo un indice preciso e chiaro Jakob Nielsen ha definito la home page la proprietagrave immobiliare piugrave preziosa del mondo percheacute egrave in quel piccolo spazio che tutto il contenuto del sito deve essere promesso e rappresentato

BrevitagraveIl lettore va catturato subito con testi sintetici e concentrati

Ma scrivere breve non significa necessariamente sacrificare i contenuti o la forza dellimpatto della comunicazione significa piuttosto concentrare e affinare il testo

Quando ha bisogno di scrivere di piugrave il web writer ha comunque a sua disposizione la grande risorsa dellipertesto

Abstract

Genere di scrittura breve sintetica e modulare per eccellenza

Labstract che segue il titolo di un articolo e ne sintetizza i contenuti egrave il miglior modo per convincere il lettore a cliccare e ad andare alla pagina successiva

Secondo una metafora culinaria molto popolare tra i web writer statunitensi un testo online dovrebbe prevedere il morso lo spuntino e il pasto ovvero il titolo labstract e il testo intero a seconda della fame e del desiderio di saperne di piugrave da parte del frettoloso lettore della rete

Microcontent

Jakob Nielsen chiama i piccoli testi microcontent e con questo termine indica i titoli i sottotitoli i link le voci di indice di una pagina web i metatag gli alt text delle immagini

Cioegrave tutte quelle perle di chiarezza di 50 caratteri al massimo che devono contenere e spiegare al lettore il macrocontent di intere pagine e quindi attrarlo e guidarlo allinterno di un sito

Scrivere microcontent che siano veri concentrati di contenuto egrave una delle sfide piugrave difficili per il talento editoriale dello scrittore online

Sintassi breve (soggetto predicato verbo)

TitoloMicrocontent per eccellenza titoli e sottotitoli delle pagine e dei paragrafi devono essere progettati e scritti come un vero paratesto (ciograve che sta accanto intorno al testo) con la funzione di segnalare e far risaltare i contenuti piugrave importanti Allinterno della mappa visiva della pagina web devono costituire un primo ma completo livello di lettura da cogliere con un solo sguardo

PULIZIA DEL CONTENUTO

ColoreGrassettoPunteggiaturaFont (Verdana - grandezza)

RevisioneTesti corretti precisi e privi di refusi depongono a favore della serietagrave della credibilitagrave e dellaffidabilitagrave dellautore e dellazienda cui appartiene

CREAZIONE

Registrare un proprio dominio eo avere uno spazio web gratuito ed eventuali caselle di posta elettronica (costi e modalitagrave operative)

Tecnologie per i siti web contenuti statici contenuti dinamici

Software per lo sviluppomodifica pagine web statiche (HTML) esempio di utilizzo di un software gratuito per la realizzazione di alcune di pagine di un ipotetico sito web

Pubblicazione pagine web esempio di utilizzo di un software gratuito per la pubblicazione delle pagine realizzate

Gestione di un sito con contenuti dinamici attraverso un Gestionale

Cenni alle problematiche legate alla grafica per il web ndash esempio di utilizzo di un software gratuito per la grafica

Come promuovere il proprio sito web presso i motori di ricerca

STEP BY STEP

Tecnologie

Pagine statiche Realizzazione delle singole pagine in HTMLVantaggi alto grado di personalizzazione delle singole pagineSvantaggi richiede competenze specifiche per ogni modifica di contenuti

Pagine dinamicheUtilizzare database e gestionali per organizzare contenutiVantaggi semplice da gestire per modificare contenutiSvantaggi struttura grafica vincolata utilizzo di linguaggi e competenze specifiche per realizzare il sito (es ASP PHP)

ASP [Active Server Pages] -gt ASPNET-----pro -gt e diffuso e trovi un sacco di hosting gratuiti (se il sito egrave personale)contro -gt linguaggio proprietario supporta solo windows

PHP [PHP Hypertext Preprocessor]----pro -gt open source gira su linux e windows Un sacco di hosting gratuiti ottima integrazione con la maggior parte dei DB ottima communitycontro -gt sono poche le aziende grosse che lo utilizzano

JSP [JavaServer Pages]-----pro -gt flessibile si integra con parecchie tecnologie adottate dal mercato enterprise ed egrave particolarmente adatta a scenari n-tier enorme community e prodotti di contorno open source contro -gt curva di apprendimento piu ripida generalmente piu difficile da amministrare

JSP egrave un linguaggio adatto a prodotti di livello alto tipo strutture di home-banking o e-commerce a livello internazionale Non ha senso per i livelli medio-bassi ci vuole diverso tempo per impararlo ed usarlo oltre ai costi quasi improponibili per gli hosting

WAMP (piattaforma)WAMP egrave un acronimo con cui si indica una piattaforma di sviluppo webdatabase che prende il nome dalle iniziali dei componenti software con cui egrave realizzata (WINDOWS Apache Mysql Php)WAMP egrave gratuito e libero ed egrave rilasciato sotto la GNU General Public License Egrave disponibile nelle due versioni installer (auto-installante) e zip (che non richiede linstallazione) questultima utile per poter avviare WAMP da una chiavetta USB

Appserverhttpwwwappservnetworkcom

WampServerhttpwwwwampservercomen

EasyPhPhttpwwweasyphporgindexphp

Promuovere il proprio sito1048707 Presso i motori di Ricerca1048707 Autosegnalarsi1048707 Attendere1048707 Cercarsi1048707 Pagare1048707 Sul sito1048707 Inserire Keywords1048707 Descrivere e dare un titolo1048707 Commentare immagini

Page 23: Cesvob Costruire e Gestire Siti Web Modulo tecnico-pratico: impostazione tecnologica e funzionale.

Home pageLa home page egrave la porta di ingresso la vetrina del sito E ligrave che lautore gioca le sue carte per convincere il navigatore a restare o a proseguire il suo giro altrove Navigatore che non vuole essere impressionato con una grafica pirotecnica e con effetti speciali ma sapere subito cosa troveragrave allinterno attraverso un titolo e un sottotitolo un indice preciso e chiaro Jakob Nielsen ha definito la home page la proprietagrave immobiliare piugrave preziosa del mondo percheacute egrave in quel piccolo spazio che tutto il contenuto del sito deve essere promesso e rappresentato

BrevitagraveIl lettore va catturato subito con testi sintetici e concentrati

Ma scrivere breve non significa necessariamente sacrificare i contenuti o la forza dellimpatto della comunicazione significa piuttosto concentrare e affinare il testo

Quando ha bisogno di scrivere di piugrave il web writer ha comunque a sua disposizione la grande risorsa dellipertesto

Abstract

Genere di scrittura breve sintetica e modulare per eccellenza

Labstract che segue il titolo di un articolo e ne sintetizza i contenuti egrave il miglior modo per convincere il lettore a cliccare e ad andare alla pagina successiva

Secondo una metafora culinaria molto popolare tra i web writer statunitensi un testo online dovrebbe prevedere il morso lo spuntino e il pasto ovvero il titolo labstract e il testo intero a seconda della fame e del desiderio di saperne di piugrave da parte del frettoloso lettore della rete

Microcontent

Jakob Nielsen chiama i piccoli testi microcontent e con questo termine indica i titoli i sottotitoli i link le voci di indice di una pagina web i metatag gli alt text delle immagini

Cioegrave tutte quelle perle di chiarezza di 50 caratteri al massimo che devono contenere e spiegare al lettore il macrocontent di intere pagine e quindi attrarlo e guidarlo allinterno di un sito

Scrivere microcontent che siano veri concentrati di contenuto egrave una delle sfide piugrave difficili per il talento editoriale dello scrittore online

Sintassi breve (soggetto predicato verbo)

TitoloMicrocontent per eccellenza titoli e sottotitoli delle pagine e dei paragrafi devono essere progettati e scritti come un vero paratesto (ciograve che sta accanto intorno al testo) con la funzione di segnalare e far risaltare i contenuti piugrave importanti Allinterno della mappa visiva della pagina web devono costituire un primo ma completo livello di lettura da cogliere con un solo sguardo

PULIZIA DEL CONTENUTO

ColoreGrassettoPunteggiaturaFont (Verdana - grandezza)

RevisioneTesti corretti precisi e privi di refusi depongono a favore della serietagrave della credibilitagrave e dellaffidabilitagrave dellautore e dellazienda cui appartiene

CREAZIONE

Registrare un proprio dominio eo avere uno spazio web gratuito ed eventuali caselle di posta elettronica (costi e modalitagrave operative)

Tecnologie per i siti web contenuti statici contenuti dinamici

Software per lo sviluppomodifica pagine web statiche (HTML) esempio di utilizzo di un software gratuito per la realizzazione di alcune di pagine di un ipotetico sito web

Pubblicazione pagine web esempio di utilizzo di un software gratuito per la pubblicazione delle pagine realizzate

Gestione di un sito con contenuti dinamici attraverso un Gestionale

Cenni alle problematiche legate alla grafica per il web ndash esempio di utilizzo di un software gratuito per la grafica

Come promuovere il proprio sito web presso i motori di ricerca

STEP BY STEP

Tecnologie

Pagine statiche Realizzazione delle singole pagine in HTMLVantaggi alto grado di personalizzazione delle singole pagineSvantaggi richiede competenze specifiche per ogni modifica di contenuti

Pagine dinamicheUtilizzare database e gestionali per organizzare contenutiVantaggi semplice da gestire per modificare contenutiSvantaggi struttura grafica vincolata utilizzo di linguaggi e competenze specifiche per realizzare il sito (es ASP PHP)

ASP [Active Server Pages] -gt ASPNET-----pro -gt e diffuso e trovi un sacco di hosting gratuiti (se il sito egrave personale)contro -gt linguaggio proprietario supporta solo windows

PHP [PHP Hypertext Preprocessor]----pro -gt open source gira su linux e windows Un sacco di hosting gratuiti ottima integrazione con la maggior parte dei DB ottima communitycontro -gt sono poche le aziende grosse che lo utilizzano

JSP [JavaServer Pages]-----pro -gt flessibile si integra con parecchie tecnologie adottate dal mercato enterprise ed egrave particolarmente adatta a scenari n-tier enorme community e prodotti di contorno open source contro -gt curva di apprendimento piu ripida generalmente piu difficile da amministrare

JSP egrave un linguaggio adatto a prodotti di livello alto tipo strutture di home-banking o e-commerce a livello internazionale Non ha senso per i livelli medio-bassi ci vuole diverso tempo per impararlo ed usarlo oltre ai costi quasi improponibili per gli hosting

WAMP (piattaforma)WAMP egrave un acronimo con cui si indica una piattaforma di sviluppo webdatabase che prende il nome dalle iniziali dei componenti software con cui egrave realizzata (WINDOWS Apache Mysql Php)WAMP egrave gratuito e libero ed egrave rilasciato sotto la GNU General Public License Egrave disponibile nelle due versioni installer (auto-installante) e zip (che non richiede linstallazione) questultima utile per poter avviare WAMP da una chiavetta USB

Appserverhttpwwwappservnetworkcom

WampServerhttpwwwwampservercomen

EasyPhPhttpwwweasyphporgindexphp

Promuovere il proprio sito1048707 Presso i motori di Ricerca1048707 Autosegnalarsi1048707 Attendere1048707 Cercarsi1048707 Pagare1048707 Sul sito1048707 Inserire Keywords1048707 Descrivere e dare un titolo1048707 Commentare immagini

Page 24: Cesvob Costruire e Gestire Siti Web Modulo tecnico-pratico: impostazione tecnologica e funzionale.

BrevitagraveIl lettore va catturato subito con testi sintetici e concentrati

Ma scrivere breve non significa necessariamente sacrificare i contenuti o la forza dellimpatto della comunicazione significa piuttosto concentrare e affinare il testo

Quando ha bisogno di scrivere di piugrave il web writer ha comunque a sua disposizione la grande risorsa dellipertesto

Abstract

Genere di scrittura breve sintetica e modulare per eccellenza

Labstract che segue il titolo di un articolo e ne sintetizza i contenuti egrave il miglior modo per convincere il lettore a cliccare e ad andare alla pagina successiva

Secondo una metafora culinaria molto popolare tra i web writer statunitensi un testo online dovrebbe prevedere il morso lo spuntino e il pasto ovvero il titolo labstract e il testo intero a seconda della fame e del desiderio di saperne di piugrave da parte del frettoloso lettore della rete

Microcontent

Jakob Nielsen chiama i piccoli testi microcontent e con questo termine indica i titoli i sottotitoli i link le voci di indice di una pagina web i metatag gli alt text delle immagini

Cioegrave tutte quelle perle di chiarezza di 50 caratteri al massimo che devono contenere e spiegare al lettore il macrocontent di intere pagine e quindi attrarlo e guidarlo allinterno di un sito

Scrivere microcontent che siano veri concentrati di contenuto egrave una delle sfide piugrave difficili per il talento editoriale dello scrittore online

Sintassi breve (soggetto predicato verbo)

TitoloMicrocontent per eccellenza titoli e sottotitoli delle pagine e dei paragrafi devono essere progettati e scritti come un vero paratesto (ciograve che sta accanto intorno al testo) con la funzione di segnalare e far risaltare i contenuti piugrave importanti Allinterno della mappa visiva della pagina web devono costituire un primo ma completo livello di lettura da cogliere con un solo sguardo

PULIZIA DEL CONTENUTO

ColoreGrassettoPunteggiaturaFont (Verdana - grandezza)

RevisioneTesti corretti precisi e privi di refusi depongono a favore della serietagrave della credibilitagrave e dellaffidabilitagrave dellautore e dellazienda cui appartiene

CREAZIONE

Registrare un proprio dominio eo avere uno spazio web gratuito ed eventuali caselle di posta elettronica (costi e modalitagrave operative)

Tecnologie per i siti web contenuti statici contenuti dinamici

Software per lo sviluppomodifica pagine web statiche (HTML) esempio di utilizzo di un software gratuito per la realizzazione di alcune di pagine di un ipotetico sito web

Pubblicazione pagine web esempio di utilizzo di un software gratuito per la pubblicazione delle pagine realizzate

Gestione di un sito con contenuti dinamici attraverso un Gestionale

Cenni alle problematiche legate alla grafica per il web ndash esempio di utilizzo di un software gratuito per la grafica

Come promuovere il proprio sito web presso i motori di ricerca

STEP BY STEP

Tecnologie

Pagine statiche Realizzazione delle singole pagine in HTMLVantaggi alto grado di personalizzazione delle singole pagineSvantaggi richiede competenze specifiche per ogni modifica di contenuti

Pagine dinamicheUtilizzare database e gestionali per organizzare contenutiVantaggi semplice da gestire per modificare contenutiSvantaggi struttura grafica vincolata utilizzo di linguaggi e competenze specifiche per realizzare il sito (es ASP PHP)

ASP [Active Server Pages] -gt ASPNET-----pro -gt e diffuso e trovi un sacco di hosting gratuiti (se il sito egrave personale)contro -gt linguaggio proprietario supporta solo windows

PHP [PHP Hypertext Preprocessor]----pro -gt open source gira su linux e windows Un sacco di hosting gratuiti ottima integrazione con la maggior parte dei DB ottima communitycontro -gt sono poche le aziende grosse che lo utilizzano

JSP [JavaServer Pages]-----pro -gt flessibile si integra con parecchie tecnologie adottate dal mercato enterprise ed egrave particolarmente adatta a scenari n-tier enorme community e prodotti di contorno open source contro -gt curva di apprendimento piu ripida generalmente piu difficile da amministrare

JSP egrave un linguaggio adatto a prodotti di livello alto tipo strutture di home-banking o e-commerce a livello internazionale Non ha senso per i livelli medio-bassi ci vuole diverso tempo per impararlo ed usarlo oltre ai costi quasi improponibili per gli hosting

WAMP (piattaforma)WAMP egrave un acronimo con cui si indica una piattaforma di sviluppo webdatabase che prende il nome dalle iniziali dei componenti software con cui egrave realizzata (WINDOWS Apache Mysql Php)WAMP egrave gratuito e libero ed egrave rilasciato sotto la GNU General Public License Egrave disponibile nelle due versioni installer (auto-installante) e zip (che non richiede linstallazione) questultima utile per poter avviare WAMP da una chiavetta USB

Appserverhttpwwwappservnetworkcom

WampServerhttpwwwwampservercomen

EasyPhPhttpwwweasyphporgindexphp

Promuovere il proprio sito1048707 Presso i motori di Ricerca1048707 Autosegnalarsi1048707 Attendere1048707 Cercarsi1048707 Pagare1048707 Sul sito1048707 Inserire Keywords1048707 Descrivere e dare un titolo1048707 Commentare immagini

Page 25: Cesvob Costruire e Gestire Siti Web Modulo tecnico-pratico: impostazione tecnologica e funzionale.

Abstract

Genere di scrittura breve sintetica e modulare per eccellenza

Labstract che segue il titolo di un articolo e ne sintetizza i contenuti egrave il miglior modo per convincere il lettore a cliccare e ad andare alla pagina successiva

Secondo una metafora culinaria molto popolare tra i web writer statunitensi un testo online dovrebbe prevedere il morso lo spuntino e il pasto ovvero il titolo labstract e il testo intero a seconda della fame e del desiderio di saperne di piugrave da parte del frettoloso lettore della rete

Microcontent

Jakob Nielsen chiama i piccoli testi microcontent e con questo termine indica i titoli i sottotitoli i link le voci di indice di una pagina web i metatag gli alt text delle immagini

Cioegrave tutte quelle perle di chiarezza di 50 caratteri al massimo che devono contenere e spiegare al lettore il macrocontent di intere pagine e quindi attrarlo e guidarlo allinterno di un sito

Scrivere microcontent che siano veri concentrati di contenuto egrave una delle sfide piugrave difficili per il talento editoriale dello scrittore online

Sintassi breve (soggetto predicato verbo)

TitoloMicrocontent per eccellenza titoli e sottotitoli delle pagine e dei paragrafi devono essere progettati e scritti come un vero paratesto (ciograve che sta accanto intorno al testo) con la funzione di segnalare e far risaltare i contenuti piugrave importanti Allinterno della mappa visiva della pagina web devono costituire un primo ma completo livello di lettura da cogliere con un solo sguardo

PULIZIA DEL CONTENUTO

ColoreGrassettoPunteggiaturaFont (Verdana - grandezza)

RevisioneTesti corretti precisi e privi di refusi depongono a favore della serietagrave della credibilitagrave e dellaffidabilitagrave dellautore e dellazienda cui appartiene

CREAZIONE

Registrare un proprio dominio eo avere uno spazio web gratuito ed eventuali caselle di posta elettronica (costi e modalitagrave operative)

Tecnologie per i siti web contenuti statici contenuti dinamici

Software per lo sviluppomodifica pagine web statiche (HTML) esempio di utilizzo di un software gratuito per la realizzazione di alcune di pagine di un ipotetico sito web

Pubblicazione pagine web esempio di utilizzo di un software gratuito per la pubblicazione delle pagine realizzate

Gestione di un sito con contenuti dinamici attraverso un Gestionale

Cenni alle problematiche legate alla grafica per il web ndash esempio di utilizzo di un software gratuito per la grafica

Come promuovere il proprio sito web presso i motori di ricerca

STEP BY STEP

Tecnologie

Pagine statiche Realizzazione delle singole pagine in HTMLVantaggi alto grado di personalizzazione delle singole pagineSvantaggi richiede competenze specifiche per ogni modifica di contenuti

Pagine dinamicheUtilizzare database e gestionali per organizzare contenutiVantaggi semplice da gestire per modificare contenutiSvantaggi struttura grafica vincolata utilizzo di linguaggi e competenze specifiche per realizzare il sito (es ASP PHP)

ASP [Active Server Pages] -gt ASPNET-----pro -gt e diffuso e trovi un sacco di hosting gratuiti (se il sito egrave personale)contro -gt linguaggio proprietario supporta solo windows

PHP [PHP Hypertext Preprocessor]----pro -gt open source gira su linux e windows Un sacco di hosting gratuiti ottima integrazione con la maggior parte dei DB ottima communitycontro -gt sono poche le aziende grosse che lo utilizzano

JSP [JavaServer Pages]-----pro -gt flessibile si integra con parecchie tecnologie adottate dal mercato enterprise ed egrave particolarmente adatta a scenari n-tier enorme community e prodotti di contorno open source contro -gt curva di apprendimento piu ripida generalmente piu difficile da amministrare

JSP egrave un linguaggio adatto a prodotti di livello alto tipo strutture di home-banking o e-commerce a livello internazionale Non ha senso per i livelli medio-bassi ci vuole diverso tempo per impararlo ed usarlo oltre ai costi quasi improponibili per gli hosting

WAMP (piattaforma)WAMP egrave un acronimo con cui si indica una piattaforma di sviluppo webdatabase che prende il nome dalle iniziali dei componenti software con cui egrave realizzata (WINDOWS Apache Mysql Php)WAMP egrave gratuito e libero ed egrave rilasciato sotto la GNU General Public License Egrave disponibile nelle due versioni installer (auto-installante) e zip (che non richiede linstallazione) questultima utile per poter avviare WAMP da una chiavetta USB

Appserverhttpwwwappservnetworkcom

WampServerhttpwwwwampservercomen

EasyPhPhttpwwweasyphporgindexphp

Promuovere il proprio sito1048707 Presso i motori di Ricerca1048707 Autosegnalarsi1048707 Attendere1048707 Cercarsi1048707 Pagare1048707 Sul sito1048707 Inserire Keywords1048707 Descrivere e dare un titolo1048707 Commentare immagini

Page 26: Cesvob Costruire e Gestire Siti Web Modulo tecnico-pratico: impostazione tecnologica e funzionale.

Microcontent

Jakob Nielsen chiama i piccoli testi microcontent e con questo termine indica i titoli i sottotitoli i link le voci di indice di una pagina web i metatag gli alt text delle immagini

Cioegrave tutte quelle perle di chiarezza di 50 caratteri al massimo che devono contenere e spiegare al lettore il macrocontent di intere pagine e quindi attrarlo e guidarlo allinterno di un sito

Scrivere microcontent che siano veri concentrati di contenuto egrave una delle sfide piugrave difficili per il talento editoriale dello scrittore online

Sintassi breve (soggetto predicato verbo)

TitoloMicrocontent per eccellenza titoli e sottotitoli delle pagine e dei paragrafi devono essere progettati e scritti come un vero paratesto (ciograve che sta accanto intorno al testo) con la funzione di segnalare e far risaltare i contenuti piugrave importanti Allinterno della mappa visiva della pagina web devono costituire un primo ma completo livello di lettura da cogliere con un solo sguardo

PULIZIA DEL CONTENUTO

ColoreGrassettoPunteggiaturaFont (Verdana - grandezza)

RevisioneTesti corretti precisi e privi di refusi depongono a favore della serietagrave della credibilitagrave e dellaffidabilitagrave dellautore e dellazienda cui appartiene

CREAZIONE

Registrare un proprio dominio eo avere uno spazio web gratuito ed eventuali caselle di posta elettronica (costi e modalitagrave operative)

Tecnologie per i siti web contenuti statici contenuti dinamici

Software per lo sviluppomodifica pagine web statiche (HTML) esempio di utilizzo di un software gratuito per la realizzazione di alcune di pagine di un ipotetico sito web

Pubblicazione pagine web esempio di utilizzo di un software gratuito per la pubblicazione delle pagine realizzate

Gestione di un sito con contenuti dinamici attraverso un Gestionale

Cenni alle problematiche legate alla grafica per il web ndash esempio di utilizzo di un software gratuito per la grafica

Come promuovere il proprio sito web presso i motori di ricerca

STEP BY STEP

Tecnologie

Pagine statiche Realizzazione delle singole pagine in HTMLVantaggi alto grado di personalizzazione delle singole pagineSvantaggi richiede competenze specifiche per ogni modifica di contenuti

Pagine dinamicheUtilizzare database e gestionali per organizzare contenutiVantaggi semplice da gestire per modificare contenutiSvantaggi struttura grafica vincolata utilizzo di linguaggi e competenze specifiche per realizzare il sito (es ASP PHP)

ASP [Active Server Pages] -gt ASPNET-----pro -gt e diffuso e trovi un sacco di hosting gratuiti (se il sito egrave personale)contro -gt linguaggio proprietario supporta solo windows

PHP [PHP Hypertext Preprocessor]----pro -gt open source gira su linux e windows Un sacco di hosting gratuiti ottima integrazione con la maggior parte dei DB ottima communitycontro -gt sono poche le aziende grosse che lo utilizzano

JSP [JavaServer Pages]-----pro -gt flessibile si integra con parecchie tecnologie adottate dal mercato enterprise ed egrave particolarmente adatta a scenari n-tier enorme community e prodotti di contorno open source contro -gt curva di apprendimento piu ripida generalmente piu difficile da amministrare

JSP egrave un linguaggio adatto a prodotti di livello alto tipo strutture di home-banking o e-commerce a livello internazionale Non ha senso per i livelli medio-bassi ci vuole diverso tempo per impararlo ed usarlo oltre ai costi quasi improponibili per gli hosting

WAMP (piattaforma)WAMP egrave un acronimo con cui si indica una piattaforma di sviluppo webdatabase che prende il nome dalle iniziali dei componenti software con cui egrave realizzata (WINDOWS Apache Mysql Php)WAMP egrave gratuito e libero ed egrave rilasciato sotto la GNU General Public License Egrave disponibile nelle due versioni installer (auto-installante) e zip (che non richiede linstallazione) questultima utile per poter avviare WAMP da una chiavetta USB

Appserverhttpwwwappservnetworkcom

WampServerhttpwwwwampservercomen

EasyPhPhttpwwweasyphporgindexphp

Promuovere il proprio sito1048707 Presso i motori di Ricerca1048707 Autosegnalarsi1048707 Attendere1048707 Cercarsi1048707 Pagare1048707 Sul sito1048707 Inserire Keywords1048707 Descrivere e dare un titolo1048707 Commentare immagini

Page 27: Cesvob Costruire e Gestire Siti Web Modulo tecnico-pratico: impostazione tecnologica e funzionale.

TitoloMicrocontent per eccellenza titoli e sottotitoli delle pagine e dei paragrafi devono essere progettati e scritti come un vero paratesto (ciograve che sta accanto intorno al testo) con la funzione di segnalare e far risaltare i contenuti piugrave importanti Allinterno della mappa visiva della pagina web devono costituire un primo ma completo livello di lettura da cogliere con un solo sguardo

PULIZIA DEL CONTENUTO

ColoreGrassettoPunteggiaturaFont (Verdana - grandezza)

RevisioneTesti corretti precisi e privi di refusi depongono a favore della serietagrave della credibilitagrave e dellaffidabilitagrave dellautore e dellazienda cui appartiene

CREAZIONE

Registrare un proprio dominio eo avere uno spazio web gratuito ed eventuali caselle di posta elettronica (costi e modalitagrave operative)

Tecnologie per i siti web contenuti statici contenuti dinamici

Software per lo sviluppomodifica pagine web statiche (HTML) esempio di utilizzo di un software gratuito per la realizzazione di alcune di pagine di un ipotetico sito web

Pubblicazione pagine web esempio di utilizzo di un software gratuito per la pubblicazione delle pagine realizzate

Gestione di un sito con contenuti dinamici attraverso un Gestionale

Cenni alle problematiche legate alla grafica per il web ndash esempio di utilizzo di un software gratuito per la grafica

Come promuovere il proprio sito web presso i motori di ricerca

STEP BY STEP

Tecnologie

Pagine statiche Realizzazione delle singole pagine in HTMLVantaggi alto grado di personalizzazione delle singole pagineSvantaggi richiede competenze specifiche per ogni modifica di contenuti

Pagine dinamicheUtilizzare database e gestionali per organizzare contenutiVantaggi semplice da gestire per modificare contenutiSvantaggi struttura grafica vincolata utilizzo di linguaggi e competenze specifiche per realizzare il sito (es ASP PHP)

ASP [Active Server Pages] -gt ASPNET-----pro -gt e diffuso e trovi un sacco di hosting gratuiti (se il sito egrave personale)contro -gt linguaggio proprietario supporta solo windows

PHP [PHP Hypertext Preprocessor]----pro -gt open source gira su linux e windows Un sacco di hosting gratuiti ottima integrazione con la maggior parte dei DB ottima communitycontro -gt sono poche le aziende grosse che lo utilizzano

JSP [JavaServer Pages]-----pro -gt flessibile si integra con parecchie tecnologie adottate dal mercato enterprise ed egrave particolarmente adatta a scenari n-tier enorme community e prodotti di contorno open source contro -gt curva di apprendimento piu ripida generalmente piu difficile da amministrare

JSP egrave un linguaggio adatto a prodotti di livello alto tipo strutture di home-banking o e-commerce a livello internazionale Non ha senso per i livelli medio-bassi ci vuole diverso tempo per impararlo ed usarlo oltre ai costi quasi improponibili per gli hosting

WAMP (piattaforma)WAMP egrave un acronimo con cui si indica una piattaforma di sviluppo webdatabase che prende il nome dalle iniziali dei componenti software con cui egrave realizzata (WINDOWS Apache Mysql Php)WAMP egrave gratuito e libero ed egrave rilasciato sotto la GNU General Public License Egrave disponibile nelle due versioni installer (auto-installante) e zip (che non richiede linstallazione) questultima utile per poter avviare WAMP da una chiavetta USB

Appserverhttpwwwappservnetworkcom

WampServerhttpwwwwampservercomen

EasyPhPhttpwwweasyphporgindexphp

Promuovere il proprio sito1048707 Presso i motori di Ricerca1048707 Autosegnalarsi1048707 Attendere1048707 Cercarsi1048707 Pagare1048707 Sul sito1048707 Inserire Keywords1048707 Descrivere e dare un titolo1048707 Commentare immagini

Page 28: Cesvob Costruire e Gestire Siti Web Modulo tecnico-pratico: impostazione tecnologica e funzionale.

PULIZIA DEL CONTENUTO

ColoreGrassettoPunteggiaturaFont (Verdana - grandezza)

RevisioneTesti corretti precisi e privi di refusi depongono a favore della serietagrave della credibilitagrave e dellaffidabilitagrave dellautore e dellazienda cui appartiene

CREAZIONE

Registrare un proprio dominio eo avere uno spazio web gratuito ed eventuali caselle di posta elettronica (costi e modalitagrave operative)

Tecnologie per i siti web contenuti statici contenuti dinamici

Software per lo sviluppomodifica pagine web statiche (HTML) esempio di utilizzo di un software gratuito per la realizzazione di alcune di pagine di un ipotetico sito web

Pubblicazione pagine web esempio di utilizzo di un software gratuito per la pubblicazione delle pagine realizzate

Gestione di un sito con contenuti dinamici attraverso un Gestionale

Cenni alle problematiche legate alla grafica per il web ndash esempio di utilizzo di un software gratuito per la grafica

Come promuovere il proprio sito web presso i motori di ricerca

STEP BY STEP

Tecnologie

Pagine statiche Realizzazione delle singole pagine in HTMLVantaggi alto grado di personalizzazione delle singole pagineSvantaggi richiede competenze specifiche per ogni modifica di contenuti

Pagine dinamicheUtilizzare database e gestionali per organizzare contenutiVantaggi semplice da gestire per modificare contenutiSvantaggi struttura grafica vincolata utilizzo di linguaggi e competenze specifiche per realizzare il sito (es ASP PHP)

ASP [Active Server Pages] -gt ASPNET-----pro -gt e diffuso e trovi un sacco di hosting gratuiti (se il sito egrave personale)contro -gt linguaggio proprietario supporta solo windows

PHP [PHP Hypertext Preprocessor]----pro -gt open source gira su linux e windows Un sacco di hosting gratuiti ottima integrazione con la maggior parte dei DB ottima communitycontro -gt sono poche le aziende grosse che lo utilizzano

JSP [JavaServer Pages]-----pro -gt flessibile si integra con parecchie tecnologie adottate dal mercato enterprise ed egrave particolarmente adatta a scenari n-tier enorme community e prodotti di contorno open source contro -gt curva di apprendimento piu ripida generalmente piu difficile da amministrare

JSP egrave un linguaggio adatto a prodotti di livello alto tipo strutture di home-banking o e-commerce a livello internazionale Non ha senso per i livelli medio-bassi ci vuole diverso tempo per impararlo ed usarlo oltre ai costi quasi improponibili per gli hosting

WAMP (piattaforma)WAMP egrave un acronimo con cui si indica una piattaforma di sviluppo webdatabase che prende il nome dalle iniziali dei componenti software con cui egrave realizzata (WINDOWS Apache Mysql Php)WAMP egrave gratuito e libero ed egrave rilasciato sotto la GNU General Public License Egrave disponibile nelle due versioni installer (auto-installante) e zip (che non richiede linstallazione) questultima utile per poter avviare WAMP da una chiavetta USB

Appserverhttpwwwappservnetworkcom

WampServerhttpwwwwampservercomen

EasyPhPhttpwwweasyphporgindexphp

Promuovere il proprio sito1048707 Presso i motori di Ricerca1048707 Autosegnalarsi1048707 Attendere1048707 Cercarsi1048707 Pagare1048707 Sul sito1048707 Inserire Keywords1048707 Descrivere e dare un titolo1048707 Commentare immagini

Page 29: Cesvob Costruire e Gestire Siti Web Modulo tecnico-pratico: impostazione tecnologica e funzionale.

RevisioneTesti corretti precisi e privi di refusi depongono a favore della serietagrave della credibilitagrave e dellaffidabilitagrave dellautore e dellazienda cui appartiene

CREAZIONE

Registrare un proprio dominio eo avere uno spazio web gratuito ed eventuali caselle di posta elettronica (costi e modalitagrave operative)

Tecnologie per i siti web contenuti statici contenuti dinamici

Software per lo sviluppomodifica pagine web statiche (HTML) esempio di utilizzo di un software gratuito per la realizzazione di alcune di pagine di un ipotetico sito web

Pubblicazione pagine web esempio di utilizzo di un software gratuito per la pubblicazione delle pagine realizzate

Gestione di un sito con contenuti dinamici attraverso un Gestionale

Cenni alle problematiche legate alla grafica per il web ndash esempio di utilizzo di un software gratuito per la grafica

Come promuovere il proprio sito web presso i motori di ricerca

STEP BY STEP

Tecnologie

Pagine statiche Realizzazione delle singole pagine in HTMLVantaggi alto grado di personalizzazione delle singole pagineSvantaggi richiede competenze specifiche per ogni modifica di contenuti

Pagine dinamicheUtilizzare database e gestionali per organizzare contenutiVantaggi semplice da gestire per modificare contenutiSvantaggi struttura grafica vincolata utilizzo di linguaggi e competenze specifiche per realizzare il sito (es ASP PHP)

ASP [Active Server Pages] -gt ASPNET-----pro -gt e diffuso e trovi un sacco di hosting gratuiti (se il sito egrave personale)contro -gt linguaggio proprietario supporta solo windows

PHP [PHP Hypertext Preprocessor]----pro -gt open source gira su linux e windows Un sacco di hosting gratuiti ottima integrazione con la maggior parte dei DB ottima communitycontro -gt sono poche le aziende grosse che lo utilizzano

JSP [JavaServer Pages]-----pro -gt flessibile si integra con parecchie tecnologie adottate dal mercato enterprise ed egrave particolarmente adatta a scenari n-tier enorme community e prodotti di contorno open source contro -gt curva di apprendimento piu ripida generalmente piu difficile da amministrare

JSP egrave un linguaggio adatto a prodotti di livello alto tipo strutture di home-banking o e-commerce a livello internazionale Non ha senso per i livelli medio-bassi ci vuole diverso tempo per impararlo ed usarlo oltre ai costi quasi improponibili per gli hosting

WAMP (piattaforma)WAMP egrave un acronimo con cui si indica una piattaforma di sviluppo webdatabase che prende il nome dalle iniziali dei componenti software con cui egrave realizzata (WINDOWS Apache Mysql Php)WAMP egrave gratuito e libero ed egrave rilasciato sotto la GNU General Public License Egrave disponibile nelle due versioni installer (auto-installante) e zip (che non richiede linstallazione) questultima utile per poter avviare WAMP da una chiavetta USB

Appserverhttpwwwappservnetworkcom

WampServerhttpwwwwampservercomen

EasyPhPhttpwwweasyphporgindexphp

Promuovere il proprio sito1048707 Presso i motori di Ricerca1048707 Autosegnalarsi1048707 Attendere1048707 Cercarsi1048707 Pagare1048707 Sul sito1048707 Inserire Keywords1048707 Descrivere e dare un titolo1048707 Commentare immagini

Page 30: Cesvob Costruire e Gestire Siti Web Modulo tecnico-pratico: impostazione tecnologica e funzionale.

CREAZIONE

Registrare un proprio dominio eo avere uno spazio web gratuito ed eventuali caselle di posta elettronica (costi e modalitagrave operative)

Tecnologie per i siti web contenuti statici contenuti dinamici

Software per lo sviluppomodifica pagine web statiche (HTML) esempio di utilizzo di un software gratuito per la realizzazione di alcune di pagine di un ipotetico sito web

Pubblicazione pagine web esempio di utilizzo di un software gratuito per la pubblicazione delle pagine realizzate

Gestione di un sito con contenuti dinamici attraverso un Gestionale

Cenni alle problematiche legate alla grafica per il web ndash esempio di utilizzo di un software gratuito per la grafica

Come promuovere il proprio sito web presso i motori di ricerca

STEP BY STEP

Tecnologie

Pagine statiche Realizzazione delle singole pagine in HTMLVantaggi alto grado di personalizzazione delle singole pagineSvantaggi richiede competenze specifiche per ogni modifica di contenuti

Pagine dinamicheUtilizzare database e gestionali per organizzare contenutiVantaggi semplice da gestire per modificare contenutiSvantaggi struttura grafica vincolata utilizzo di linguaggi e competenze specifiche per realizzare il sito (es ASP PHP)

ASP [Active Server Pages] -gt ASPNET-----pro -gt e diffuso e trovi un sacco di hosting gratuiti (se il sito egrave personale)contro -gt linguaggio proprietario supporta solo windows

PHP [PHP Hypertext Preprocessor]----pro -gt open source gira su linux e windows Un sacco di hosting gratuiti ottima integrazione con la maggior parte dei DB ottima communitycontro -gt sono poche le aziende grosse che lo utilizzano

JSP [JavaServer Pages]-----pro -gt flessibile si integra con parecchie tecnologie adottate dal mercato enterprise ed egrave particolarmente adatta a scenari n-tier enorme community e prodotti di contorno open source contro -gt curva di apprendimento piu ripida generalmente piu difficile da amministrare

JSP egrave un linguaggio adatto a prodotti di livello alto tipo strutture di home-banking o e-commerce a livello internazionale Non ha senso per i livelli medio-bassi ci vuole diverso tempo per impararlo ed usarlo oltre ai costi quasi improponibili per gli hosting

WAMP (piattaforma)WAMP egrave un acronimo con cui si indica una piattaforma di sviluppo webdatabase che prende il nome dalle iniziali dei componenti software con cui egrave realizzata (WINDOWS Apache Mysql Php)WAMP egrave gratuito e libero ed egrave rilasciato sotto la GNU General Public License Egrave disponibile nelle due versioni installer (auto-installante) e zip (che non richiede linstallazione) questultima utile per poter avviare WAMP da una chiavetta USB

Appserverhttpwwwappservnetworkcom

WampServerhttpwwwwampservercomen

EasyPhPhttpwwweasyphporgindexphp

Promuovere il proprio sito1048707 Presso i motori di Ricerca1048707 Autosegnalarsi1048707 Attendere1048707 Cercarsi1048707 Pagare1048707 Sul sito1048707 Inserire Keywords1048707 Descrivere e dare un titolo1048707 Commentare immagini

Page 31: Cesvob Costruire e Gestire Siti Web Modulo tecnico-pratico: impostazione tecnologica e funzionale.

Registrare un proprio dominio eo avere uno spazio web gratuito ed eventuali caselle di posta elettronica (costi e modalitagrave operative)

Tecnologie per i siti web contenuti statici contenuti dinamici

Software per lo sviluppomodifica pagine web statiche (HTML) esempio di utilizzo di un software gratuito per la realizzazione di alcune di pagine di un ipotetico sito web

Pubblicazione pagine web esempio di utilizzo di un software gratuito per la pubblicazione delle pagine realizzate

Gestione di un sito con contenuti dinamici attraverso un Gestionale

Cenni alle problematiche legate alla grafica per il web ndash esempio di utilizzo di un software gratuito per la grafica

Come promuovere il proprio sito web presso i motori di ricerca

STEP BY STEP

Tecnologie

Pagine statiche Realizzazione delle singole pagine in HTMLVantaggi alto grado di personalizzazione delle singole pagineSvantaggi richiede competenze specifiche per ogni modifica di contenuti

Pagine dinamicheUtilizzare database e gestionali per organizzare contenutiVantaggi semplice da gestire per modificare contenutiSvantaggi struttura grafica vincolata utilizzo di linguaggi e competenze specifiche per realizzare il sito (es ASP PHP)

ASP [Active Server Pages] -gt ASPNET-----pro -gt e diffuso e trovi un sacco di hosting gratuiti (se il sito egrave personale)contro -gt linguaggio proprietario supporta solo windows

PHP [PHP Hypertext Preprocessor]----pro -gt open source gira su linux e windows Un sacco di hosting gratuiti ottima integrazione con la maggior parte dei DB ottima communitycontro -gt sono poche le aziende grosse che lo utilizzano

JSP [JavaServer Pages]-----pro -gt flessibile si integra con parecchie tecnologie adottate dal mercato enterprise ed egrave particolarmente adatta a scenari n-tier enorme community e prodotti di contorno open source contro -gt curva di apprendimento piu ripida generalmente piu difficile da amministrare

JSP egrave un linguaggio adatto a prodotti di livello alto tipo strutture di home-banking o e-commerce a livello internazionale Non ha senso per i livelli medio-bassi ci vuole diverso tempo per impararlo ed usarlo oltre ai costi quasi improponibili per gli hosting

WAMP (piattaforma)WAMP egrave un acronimo con cui si indica una piattaforma di sviluppo webdatabase che prende il nome dalle iniziali dei componenti software con cui egrave realizzata (WINDOWS Apache Mysql Php)WAMP egrave gratuito e libero ed egrave rilasciato sotto la GNU General Public License Egrave disponibile nelle due versioni installer (auto-installante) e zip (che non richiede linstallazione) questultima utile per poter avviare WAMP da una chiavetta USB

Appserverhttpwwwappservnetworkcom

WampServerhttpwwwwampservercomen

EasyPhPhttpwwweasyphporgindexphp

Promuovere il proprio sito1048707 Presso i motori di Ricerca1048707 Autosegnalarsi1048707 Attendere1048707 Cercarsi1048707 Pagare1048707 Sul sito1048707 Inserire Keywords1048707 Descrivere e dare un titolo1048707 Commentare immagini

Page 32: Cesvob Costruire e Gestire Siti Web Modulo tecnico-pratico: impostazione tecnologica e funzionale.

Tecnologie

Pagine statiche Realizzazione delle singole pagine in HTMLVantaggi alto grado di personalizzazione delle singole pagineSvantaggi richiede competenze specifiche per ogni modifica di contenuti

Pagine dinamicheUtilizzare database e gestionali per organizzare contenutiVantaggi semplice da gestire per modificare contenutiSvantaggi struttura grafica vincolata utilizzo di linguaggi e competenze specifiche per realizzare il sito (es ASP PHP)

ASP [Active Server Pages] -gt ASPNET-----pro -gt e diffuso e trovi un sacco di hosting gratuiti (se il sito egrave personale)contro -gt linguaggio proprietario supporta solo windows

PHP [PHP Hypertext Preprocessor]----pro -gt open source gira su linux e windows Un sacco di hosting gratuiti ottima integrazione con la maggior parte dei DB ottima communitycontro -gt sono poche le aziende grosse che lo utilizzano

JSP [JavaServer Pages]-----pro -gt flessibile si integra con parecchie tecnologie adottate dal mercato enterprise ed egrave particolarmente adatta a scenari n-tier enorme community e prodotti di contorno open source contro -gt curva di apprendimento piu ripida generalmente piu difficile da amministrare

JSP egrave un linguaggio adatto a prodotti di livello alto tipo strutture di home-banking o e-commerce a livello internazionale Non ha senso per i livelli medio-bassi ci vuole diverso tempo per impararlo ed usarlo oltre ai costi quasi improponibili per gli hosting

WAMP (piattaforma)WAMP egrave un acronimo con cui si indica una piattaforma di sviluppo webdatabase che prende il nome dalle iniziali dei componenti software con cui egrave realizzata (WINDOWS Apache Mysql Php)WAMP egrave gratuito e libero ed egrave rilasciato sotto la GNU General Public License Egrave disponibile nelle due versioni installer (auto-installante) e zip (che non richiede linstallazione) questultima utile per poter avviare WAMP da una chiavetta USB

Appserverhttpwwwappservnetworkcom

WampServerhttpwwwwampservercomen

EasyPhPhttpwwweasyphporgindexphp

Promuovere il proprio sito1048707 Presso i motori di Ricerca1048707 Autosegnalarsi1048707 Attendere1048707 Cercarsi1048707 Pagare1048707 Sul sito1048707 Inserire Keywords1048707 Descrivere e dare un titolo1048707 Commentare immagini

Page 33: Cesvob Costruire e Gestire Siti Web Modulo tecnico-pratico: impostazione tecnologica e funzionale.

ASP [Active Server Pages] -gt ASPNET-----pro -gt e diffuso e trovi un sacco di hosting gratuiti (se il sito egrave personale)contro -gt linguaggio proprietario supporta solo windows

PHP [PHP Hypertext Preprocessor]----pro -gt open source gira su linux e windows Un sacco di hosting gratuiti ottima integrazione con la maggior parte dei DB ottima communitycontro -gt sono poche le aziende grosse che lo utilizzano

JSP [JavaServer Pages]-----pro -gt flessibile si integra con parecchie tecnologie adottate dal mercato enterprise ed egrave particolarmente adatta a scenari n-tier enorme community e prodotti di contorno open source contro -gt curva di apprendimento piu ripida generalmente piu difficile da amministrare

JSP egrave un linguaggio adatto a prodotti di livello alto tipo strutture di home-banking o e-commerce a livello internazionale Non ha senso per i livelli medio-bassi ci vuole diverso tempo per impararlo ed usarlo oltre ai costi quasi improponibili per gli hosting

WAMP (piattaforma)WAMP egrave un acronimo con cui si indica una piattaforma di sviluppo webdatabase che prende il nome dalle iniziali dei componenti software con cui egrave realizzata (WINDOWS Apache Mysql Php)WAMP egrave gratuito e libero ed egrave rilasciato sotto la GNU General Public License Egrave disponibile nelle due versioni installer (auto-installante) e zip (che non richiede linstallazione) questultima utile per poter avviare WAMP da una chiavetta USB

Appserverhttpwwwappservnetworkcom

WampServerhttpwwwwampservercomen

EasyPhPhttpwwweasyphporgindexphp

Promuovere il proprio sito1048707 Presso i motori di Ricerca1048707 Autosegnalarsi1048707 Attendere1048707 Cercarsi1048707 Pagare1048707 Sul sito1048707 Inserire Keywords1048707 Descrivere e dare un titolo1048707 Commentare immagini

Page 34: Cesvob Costruire e Gestire Siti Web Modulo tecnico-pratico: impostazione tecnologica e funzionale.

PHP [PHP Hypertext Preprocessor]----pro -gt open source gira su linux e windows Un sacco di hosting gratuiti ottima integrazione con la maggior parte dei DB ottima communitycontro -gt sono poche le aziende grosse che lo utilizzano

JSP [JavaServer Pages]-----pro -gt flessibile si integra con parecchie tecnologie adottate dal mercato enterprise ed egrave particolarmente adatta a scenari n-tier enorme community e prodotti di contorno open source contro -gt curva di apprendimento piu ripida generalmente piu difficile da amministrare

JSP egrave un linguaggio adatto a prodotti di livello alto tipo strutture di home-banking o e-commerce a livello internazionale Non ha senso per i livelli medio-bassi ci vuole diverso tempo per impararlo ed usarlo oltre ai costi quasi improponibili per gli hosting

WAMP (piattaforma)WAMP egrave un acronimo con cui si indica una piattaforma di sviluppo webdatabase che prende il nome dalle iniziali dei componenti software con cui egrave realizzata (WINDOWS Apache Mysql Php)WAMP egrave gratuito e libero ed egrave rilasciato sotto la GNU General Public License Egrave disponibile nelle due versioni installer (auto-installante) e zip (che non richiede linstallazione) questultima utile per poter avviare WAMP da una chiavetta USB

Appserverhttpwwwappservnetworkcom

WampServerhttpwwwwampservercomen

EasyPhPhttpwwweasyphporgindexphp

Promuovere il proprio sito1048707 Presso i motori di Ricerca1048707 Autosegnalarsi1048707 Attendere1048707 Cercarsi1048707 Pagare1048707 Sul sito1048707 Inserire Keywords1048707 Descrivere e dare un titolo1048707 Commentare immagini

Page 35: Cesvob Costruire e Gestire Siti Web Modulo tecnico-pratico: impostazione tecnologica e funzionale.

JSP [JavaServer Pages]-----pro -gt flessibile si integra con parecchie tecnologie adottate dal mercato enterprise ed egrave particolarmente adatta a scenari n-tier enorme community e prodotti di contorno open source contro -gt curva di apprendimento piu ripida generalmente piu difficile da amministrare

JSP egrave un linguaggio adatto a prodotti di livello alto tipo strutture di home-banking o e-commerce a livello internazionale Non ha senso per i livelli medio-bassi ci vuole diverso tempo per impararlo ed usarlo oltre ai costi quasi improponibili per gli hosting

WAMP (piattaforma)WAMP egrave un acronimo con cui si indica una piattaforma di sviluppo webdatabase che prende il nome dalle iniziali dei componenti software con cui egrave realizzata (WINDOWS Apache Mysql Php)WAMP egrave gratuito e libero ed egrave rilasciato sotto la GNU General Public License Egrave disponibile nelle due versioni installer (auto-installante) e zip (che non richiede linstallazione) questultima utile per poter avviare WAMP da una chiavetta USB

Appserverhttpwwwappservnetworkcom

WampServerhttpwwwwampservercomen

EasyPhPhttpwwweasyphporgindexphp

Promuovere il proprio sito1048707 Presso i motori di Ricerca1048707 Autosegnalarsi1048707 Attendere1048707 Cercarsi1048707 Pagare1048707 Sul sito1048707 Inserire Keywords1048707 Descrivere e dare un titolo1048707 Commentare immagini

Page 36: Cesvob Costruire e Gestire Siti Web Modulo tecnico-pratico: impostazione tecnologica e funzionale.

WAMP (piattaforma)WAMP egrave un acronimo con cui si indica una piattaforma di sviluppo webdatabase che prende il nome dalle iniziali dei componenti software con cui egrave realizzata (WINDOWS Apache Mysql Php)WAMP egrave gratuito e libero ed egrave rilasciato sotto la GNU General Public License Egrave disponibile nelle due versioni installer (auto-installante) e zip (che non richiede linstallazione) questultima utile per poter avviare WAMP da una chiavetta USB

Appserverhttpwwwappservnetworkcom

WampServerhttpwwwwampservercomen

EasyPhPhttpwwweasyphporgindexphp

Promuovere il proprio sito1048707 Presso i motori di Ricerca1048707 Autosegnalarsi1048707 Attendere1048707 Cercarsi1048707 Pagare1048707 Sul sito1048707 Inserire Keywords1048707 Descrivere e dare un titolo1048707 Commentare immagini

Page 37: Cesvob Costruire e Gestire Siti Web Modulo tecnico-pratico: impostazione tecnologica e funzionale.

Promuovere il proprio sito1048707 Presso i motori di Ricerca1048707 Autosegnalarsi1048707 Attendere1048707 Cercarsi1048707 Pagare1048707 Sul sito1048707 Inserire Keywords1048707 Descrivere e dare un titolo1048707 Commentare immagini