SlideShare une entreprise Scribd logo
1  sur  5
Télécharger pour lire hors ligne
PROGETTO SCUOLA+
IIS “S. PERTINI” ALATRI
I° STEP
COME CREARE UNA PAGINA Web
.
2014
CYBERBULLISMO? NO, GRAZIE!
LABORATORIO DIDATTICO PER LA REALIZZAZIONE SIMULATA DI UN SITO WEB
FINALIZZATO ALL’INFORMAZIONE E ALLA PREVENZIONE DEL CYBERBULLISMO
Prima di iniziare la realizzazione del
nostro sito abbiamo cercato di capire
attraverso discussioni e momenti di
riflessione cosa significa progettare un sito
web, cosa deve contenere necessariamente
perché risulti efficace, come si costruisce
una pagina web…
Quindi, abbiamo raccolto le idee e iniziato
ad organizzare i contenuti partendo da
poche e semplici domande: a chi pensiamo
di rivolgere il sito? Cosa pensiamo di offrire?
Qual è il nostro obiettivo? Cosa voglio ottenere?
Una volta risposto a queste domande abbiamo iniziato il nostro percorso di progettazione.
Il primo passo è stato quello di individuare nel il sito
alcune sezioni principali: i contenuti generali,
come home, chi siamo, contatti, info che
formeranno il menù principale organizzato in
poche pagine di primo livello subito visibili da
tutti gli utenti; ad esse saranno aggiunte altre
sezioni, come per esempio cos’è, come
difendersi, come si manifesta, chi è il
cyberbullo, parlane con noi, dedicate
all’approfondimento di tematiche utili dove, gli
utenti interessati possano trovare facilmente tutte le
informazioni che cercano con i contenuti più specifici.
Abbiamo pensato di inserire anche dei contributi video, progettati e realizzati da noi, e dei
link utili.
COME CREARE UN SITO WEB
CHE COS’E’ UNA PAGINA WEB?
Un’altra importante riflessione ha riguardato la
costruzione di una pagina web. Ci siamo chiesti:
cos’è una pagina web? E soprattutto, come si
può realizzare?
A questo punto, è stato determinante l’incontro con il
Prof. Marco Zuccarini.
Attraverso lezioni frontali e attività di gruppo abbiamo appreso che le pagine di un sito
risiedono tutte su quello che viene definito un web center, cioè un vero e proprio spazio
fisico in cui sono contenuti i files di cui il sito si compone, unitamente a tutte le
sottocartelle.
Per la visualizzazione di una pagina web vengono
comunemente utilizzati i browser, software che
hanno il compito di interpretare le modalità di
visualizzazione delle varie pagine, espresse
attraverso un codice che permette di integrare in
un unico documento, testi, suoni, immagini,
impostazioni di colore della pagina, tabelle, ecc.
Tali modalità fanno uso di un vero e proprio linguaggio di programmazione conosciuto come
HTML, ( Hyper Text Markup Language) un insieme di istruzioni, dette TAGS, che il browser
legge come comunemente si legge un normale testo.
Ogni tags, chiuso fra parentesi, ha un compito preciso
Un esempio di linguaggio HTLM
<HTML>
<HEAD>
<TITLE>Esempio 1</TITLE>
</HEAD>
<BODY BACKGROUND="titto_green_paper.jpg">
<CENTER><H1>Questo &egrave; scritto in stile Heading 1</H1></CENTER>
<FONT SIZE=+2>
Anche se esistono vari programmi predefiniti per facilitare la realizzazione di siti web, è
stato fondamentale sapere come funziona e come si costruisce un sito, prima di lasciare
spazio alla nostra fase di progettazione.
Così, attraverso una serie di prove ed errori, discussioni, confronti e condivisione di
materiali, siamo arrivati a dar vita alla nostra prima pagina, la HOME PAGE

Contenu connexe

Similaire à Primo step cyber bullismo

Dal Wireframe alla pubblicazione: sviluppo usabile di un sito
Dal Wireframe alla pubblicazione: sviluppo usabile di un sitoDal Wireframe alla pubblicazione: sviluppo usabile di un sito
Dal Wireframe alla pubblicazione: sviluppo usabile di un sito
Cultura Senza Barriere
 
Siel2007 Tutorial Fini
Siel2007 Tutorial FiniSiel2007 Tutorial Fini
Siel2007 Tutorial Fini
Antonio Fini
 

Similaire à Primo step cyber bullismo (20)

10 consigli per trasformare un'idea in un sito vincente
10 consigli per trasformare un'idea in un sito vincente10 consigli per trasformare un'idea in un sito vincente
10 consigli per trasformare un'idea in un sito vincente
 
La Guida Integral Di SOS Wordpress
La Guida Integral Di SOS Wordpress
La Guida Integral Di SOS Wordpress
La Guida Integral Di SOS Wordpress
 
Dal Wireframe alla pubblicazione: sviluppo usabile di un sito
Dal Wireframe alla pubblicazione: sviluppo usabile di un sitoDal Wireframe alla pubblicazione: sviluppo usabile di un sito
Dal Wireframe alla pubblicazione: sviluppo usabile di un sito
 
Lezione 01/2006
Lezione 01/2006Lezione 01/2006
Lezione 01/2006
 
Socialtools
SocialtoolsSocialtools
Socialtools
 
Docenza per Cesvot - Prato
Docenza per Cesvot - PratoDocenza per Cesvot - Prato
Docenza per Cesvot - Prato
 
Comunic@re nel Web
Comunic@re nel WebComunic@re nel Web
Comunic@re nel Web
 
WordPress, un CMS per la scuola: novità e sviluppi - Porte Aperte sul Web a S...
WordPress, un CMS per la scuola: novità e sviluppi - Porte Aperte sul Web a S...WordPress, un CMS per la scuola: novità e sviluppi - Porte Aperte sul Web a S...
WordPress, un CMS per la scuola: novità e sviluppi - Porte Aperte sul Web a S...
 
Web content manager e professional blogger
Web content manager e professional bloggerWeb content manager e professional blogger
Web content manager e professional blogger
 
Posizionamento nei Motori di ricerca e Social Network
Posizionamento nei Motori di ricerca e Social NetworkPosizionamento nei Motori di ricerca e Social Network
Posizionamento nei Motori di ricerca e Social Network
 
Perche creare un sito internet
Perche creare un sito internetPerche creare un sito internet
Perche creare un sito internet
 
Lezione 2
Lezione 2Lezione 2
Lezione 2
 
Social CV
Social CVSocial CV
Social CV
 
Collaboration tools: l'unione fa la forza
Collaboration tools: l'unione fa la forzaCollaboration tools: l'unione fa la forza
Collaboration tools: l'unione fa la forza
 
Siel2007 Tutorial Fini
Siel2007 Tutorial FiniSiel2007 Tutorial Fini
Siel2007 Tutorial Fini
 
Moodlespiegatoconillego
MoodlespiegatoconillegoMoodlespiegatoconillego
Moodlespiegatoconillego
 
Lezione 03/2006
Lezione 03/2006Lezione 03/2006
Lezione 03/2006
 
La web-collaboration come supporto metodologico per lo sviluppo di una Intranet
La web-collaboration come supporto metodologico per lo sviluppo di una IntranetLa web-collaboration come supporto metodologico per lo sviluppo di una Intranet
La web-collaboration come supporto metodologico per lo sviluppo di una Intranet
 
Moodle Spiegato Con Il Lego
Moodle Spiegato Con Il LegoMoodle Spiegato Con Il Lego
Moodle Spiegato Con Il Lego
 
Moodle spiegato con il lego
Moodle spiegato con il legoMoodle spiegato con il lego
Moodle spiegato con il lego
 

Dernier

Nicola pisano aaaaaaaaaaaaaaaaaa(1).pptx
Nicola pisano aaaaaaaaaaaaaaaaaa(1).pptxNicola pisano aaaaaaaaaaaaaaaaaa(1).pptx
Nicola pisano aaaaaaaaaaaaaaaaaa(1).pptx
lorenzodemidio01
 
Adducchio.Samuel-Steve_Jobs.ppppppppppptx
Adducchio.Samuel-Steve_Jobs.ppppppppppptxAdducchio.Samuel-Steve_Jobs.ppppppppppptx
Adducchio.Samuel-Steve_Jobs.ppppppppppptx
sasaselvatico
 
case passive_GiorgiaDeAscaniis.pptx.....
case passive_GiorgiaDeAscaniis.pptx.....case passive_GiorgiaDeAscaniis.pptx.....
case passive_GiorgiaDeAscaniis.pptx.....
giorgiadeascaniis59
 
Scienza Potere Puntoaaaaaaaaaaaaaaa.pptx
Scienza Potere Puntoaaaaaaaaaaaaaaa.pptxScienza Potere Puntoaaaaaaaaaaaaaaa.pptx
Scienza Potere Puntoaaaaaaaaaaaaaaa.pptx
lorenzodemidio01
 
Presentazione tre geni della tecnologia informatica
Presentazione tre geni della tecnologia informaticaPresentazione tre geni della tecnologia informatica
Presentazione tre geni della tecnologia informatica
nico07fusco
 

Dernier (20)

Oppressi_oppressori.pptx................
Oppressi_oppressori.pptx................Oppressi_oppressori.pptx................
Oppressi_oppressori.pptx................
 
Aristotele, vita e opere e fisica...pptx
Aristotele, vita e opere e fisica...pptxAristotele, vita e opere e fisica...pptx
Aristotele, vita e opere e fisica...pptx
 
Presentazioni Efficaci e lezioni di Educazione Civica
Presentazioni Efficaci e lezioni di Educazione CivicaPresentazioni Efficaci e lezioni di Educazione Civica
Presentazioni Efficaci e lezioni di Educazione Civica
 
Storia-CarloMagno-TeccarelliLorenzo.pptx
Storia-CarloMagno-TeccarelliLorenzo.pptxStoria-CarloMagno-TeccarelliLorenzo.pptx
Storia-CarloMagno-TeccarelliLorenzo.pptx
 
Nicola pisano aaaaaaaaaaaaaaaaaa(1).pptx
Nicola pisano aaaaaaaaaaaaaaaaaa(1).pptxNicola pisano aaaaaaaaaaaaaaaaaa(1).pptx
Nicola pisano aaaaaaaaaaaaaaaaaa(1).pptx
 
Esame di Stato 2024 - Materiale conferenza online 09 aprile 2024
Esame di Stato 2024 - Materiale conferenza online 09 aprile 2024Esame di Stato 2024 - Materiale conferenza online 09 aprile 2024
Esame di Stato 2024 - Materiale conferenza online 09 aprile 2024
 
descrizioni della antica civiltà dei sumeri.pptx
descrizioni della antica civiltà dei sumeri.pptxdescrizioni della antica civiltà dei sumeri.pptx
descrizioni della antica civiltà dei sumeri.pptx
 
LE ALGHE.pptx ..........................
LE ALGHE.pptx ..........................LE ALGHE.pptx ..........................
LE ALGHE.pptx ..........................
 
Scrittura seo e scrittura accessibile
Scrittura seo e scrittura accessibileScrittura seo e scrittura accessibile
Scrittura seo e scrittura accessibile
 
Adducchio.Samuel-Steve_Jobs.ppppppppppptx
Adducchio.Samuel-Steve_Jobs.ppppppppppptxAdducchio.Samuel-Steve_Jobs.ppppppppppptx
Adducchio.Samuel-Steve_Jobs.ppppppppppptx
 
case passive_GiorgiaDeAscaniis.pptx.....
case passive_GiorgiaDeAscaniis.pptx.....case passive_GiorgiaDeAscaniis.pptx.....
case passive_GiorgiaDeAscaniis.pptx.....
 
Vuoi girare il mondo? educazione civica.
Vuoi girare il mondo? educazione civica.Vuoi girare il mondo? educazione civica.
Vuoi girare il mondo? educazione civica.
 
Descrizione Piccolo teorema di Talete.pptx
Descrizione Piccolo teorema di Talete.pptxDescrizione Piccolo teorema di Talete.pptx
Descrizione Piccolo teorema di Talete.pptx
 
Una breve introduzione ad Elsa Morante, vita e opere
Una breve introduzione ad Elsa Morante, vita e opereUna breve introduzione ad Elsa Morante, vita e opere
Una breve introduzione ad Elsa Morante, vita e opere
 
Scienza Potere Puntoaaaaaaaaaaaaaaa.pptx
Scienza Potere Puntoaaaaaaaaaaaaaaa.pptxScienza Potere Puntoaaaaaaaaaaaaaaa.pptx
Scienza Potere Puntoaaaaaaaaaaaaaaa.pptx
 
ProgettoDiEducazioneCivicaDefinitivo_Christian Tosone.pptx
ProgettoDiEducazioneCivicaDefinitivo_Christian Tosone.pptxProgettoDiEducazioneCivicaDefinitivo_Christian Tosone.pptx
ProgettoDiEducazioneCivicaDefinitivo_Christian Tosone.pptx
 
Quadrilateri e isometrie studente di liceo
Quadrilateri e isometrie studente di liceoQuadrilateri e isometrie studente di liceo
Quadrilateri e isometrie studente di liceo
 
Presentazione tre geni della tecnologia informatica
Presentazione tre geni della tecnologia informaticaPresentazione tre geni della tecnologia informatica
Presentazione tre geni della tecnologia informatica
 
Tosone Christian_Steve Jobsaaaaaaaa.pptx
Tosone Christian_Steve Jobsaaaaaaaa.pptxTosone Christian_Steve Jobsaaaaaaaa.pptx
Tosone Christian_Steve Jobsaaaaaaaa.pptx
 
discorso generale sulla fisica e le discipline.pptx
discorso generale sulla fisica e le discipline.pptxdiscorso generale sulla fisica e le discipline.pptx
discorso generale sulla fisica e le discipline.pptx
 

Primo step cyber bullismo

  • 1. PROGETTO SCUOLA+ IIS “S. PERTINI” ALATRI I° STEP COME CREARE UNA PAGINA Web . 2014 CYBERBULLISMO? NO, GRAZIE! LABORATORIO DIDATTICO PER LA REALIZZAZIONE SIMULATA DI UN SITO WEB FINALIZZATO ALL’INFORMAZIONE E ALLA PREVENZIONE DEL CYBERBULLISMO
  • 2. Prima di iniziare la realizzazione del nostro sito abbiamo cercato di capire attraverso discussioni e momenti di riflessione cosa significa progettare un sito web, cosa deve contenere necessariamente perché risulti efficace, come si costruisce una pagina web… Quindi, abbiamo raccolto le idee e iniziato ad organizzare i contenuti partendo da poche e semplici domande: a chi pensiamo di rivolgere il sito? Cosa pensiamo di offrire? Qual è il nostro obiettivo? Cosa voglio ottenere? Una volta risposto a queste domande abbiamo iniziato il nostro percorso di progettazione. Il primo passo è stato quello di individuare nel il sito alcune sezioni principali: i contenuti generali, come home, chi siamo, contatti, info che formeranno il menù principale organizzato in poche pagine di primo livello subito visibili da tutti gli utenti; ad esse saranno aggiunte altre sezioni, come per esempio cos’è, come difendersi, come si manifesta, chi è il cyberbullo, parlane con noi, dedicate all’approfondimento di tematiche utili dove, gli utenti interessati possano trovare facilmente tutte le informazioni che cercano con i contenuti più specifici. Abbiamo pensato di inserire anche dei contributi video, progettati e realizzati da noi, e dei link utili. COME CREARE UN SITO WEB
  • 3. CHE COS’E’ UNA PAGINA WEB? Un’altra importante riflessione ha riguardato la costruzione di una pagina web. Ci siamo chiesti: cos’è una pagina web? E soprattutto, come si può realizzare? A questo punto, è stato determinante l’incontro con il Prof. Marco Zuccarini. Attraverso lezioni frontali e attività di gruppo abbiamo appreso che le pagine di un sito risiedono tutte su quello che viene definito un web center, cioè un vero e proprio spazio fisico in cui sono contenuti i files di cui il sito si compone, unitamente a tutte le sottocartelle.
  • 4. Per la visualizzazione di una pagina web vengono comunemente utilizzati i browser, software che hanno il compito di interpretare le modalità di visualizzazione delle varie pagine, espresse attraverso un codice che permette di integrare in un unico documento, testi, suoni, immagini, impostazioni di colore della pagina, tabelle, ecc. Tali modalità fanno uso di un vero e proprio linguaggio di programmazione conosciuto come HTML, ( Hyper Text Markup Language) un insieme di istruzioni, dette TAGS, che il browser legge come comunemente si legge un normale testo. Ogni tags, chiuso fra parentesi, ha un compito preciso Un esempio di linguaggio HTLM <HTML> <HEAD> <TITLE>Esempio 1</TITLE> </HEAD> <BODY BACKGROUND="titto_green_paper.jpg"> <CENTER><H1>Questo &egrave; scritto in stile Heading 1</H1></CENTER> <FONT SIZE=+2> Anche se esistono vari programmi predefiniti per facilitare la realizzazione di siti web, è stato fondamentale sapere come funziona e come si costruisce un sito, prima di lasciare spazio alla nostra fase di progettazione.
  • 5. Così, attraverso una serie di prove ed errori, discussioni, confronti e condivisione di materiali, siamo arrivati a dar vita alla nostra prima pagina, la HOME PAGE