<1/>
<Web design/>
Modulo1: I segreti nascosti di internet
START >
>
>
<Mod 1>
1 Com'è fatto Internet
2 A cosa serve il web design
3 Che lingua si parla nel web
4 Quizzone
>
>
00
01
02
Mod 1
Intenet
Web design
03
04
05
Linguaggi
IDE
Quiz
<01> INTERNET
La rete di reti
start >
>
>
"Sul Web dovremmo essere in grado non solo di trovare ogni tipo di documento, ma anche di crearne, e facilmente. Non solo di seguire i link, ma di crearli, tra ogni genere di media. Non solo di interagire con gli altri, ma di creare con gli altri."
- TIM BERNERS LEE
>
>
// INTERNETLA RETE DI RETI
Non esiste una sola rete al mondo, ma tante piccole e grandi reti di computer connessi tra loro. Due computer possono collegarsi e formare una rete anche senza accedere alla rete globale, oppure possiamo accedere a risorse lontane da noi. In ogni caso, quello che sta succedendo è che stiamo condividendo alcune risorse: memorie, stampanti, modem... ecc...Ogni rete può essere creata con dei cavi e quindi dirsi cablata oppure può essere wireless se sfrutta la tecnologia Wi-Fi, o ancora un mix delle due cose.
>
>
// LAN: la rete locale
PICCOLA COME UN UFFICIO. FORTE COME UN URAGANO!
Nelle aziende, nelle scuole, negli uffici o a casa possiamo collegare tutti i nostri computers e dispositivi tra di loro formando una piccola LAN: local area network. Per esempio, possiamo connettere tutti i computers personali della famiglia tra di loro, allo scanner e alla stampante. Per fare questo, non serve una connessione ad internet, ma solo le schede di rete dei dispositivi! 🤯
>
>
// MAN E WAN
RETE grande mangia rete piccola
Le reti si differenziano in molti modi, uno dei più importanti è la dimensione. In seguito, scopriremo anche gli altri! MAN: Metropolitan Area Network Una rete delle dimensioni di una grande città che può inglobare tante reti LAN. WAN: Wide Area Netword Una rete molto estesa che può inglobare diverse MAN.
>
>
// WORLD WIDE WEB
Finalmente arriviamo ad Internet. Internet è una rete di dimensioni globali, ovvero World Wide Web. Hai mai sentito prima questo nome? Pensaci... cosa te ne pare se usiamo solo le iniziali? Per collegarci ad internet abbiamo bisogno, oltre ai dispositivi e al software di rete fornito dal sistema operativo, anche di un modem che ci consenta di arrivare dove vogliamo.
<02> WEB DESIGN
La sfida tra estetica e funzionalità
START >
>
>
// A COSA SERVE IL WEB DESIGN
Il web design, letteralmente progettazione per il web, indica le fasi di progettazione e di sviluppo di una qualsiasi web app. Per progettare un sito web sono necessarie diverse competenze specialistiche. Il web designer si occupa di: - Progettare sezioni e funzioni del sito - User Experience (UX) ovvero il coinvolgimento dell'utente - Interfaccia Utente (UI) ovvero l'aspetto grafico - Il funzionamento tecnico - Il modo in cui il sito esprime la comunicazione
>
>
// cosa bisogna conoscere per progettare il web
// comunicazione
// linguaggi
// design e responsiveness
Il web designer conosce perfettamente linguaggi di mark-up, formattazione grafica e alcuni linguaggi di programmazione.
Progettazione e sviluppo devono esprimere la comunicazione adatta a chi viene rappresentato dall'opera che si sta realizzando.
Arti grafiche e scienze applicate al servizio della comunicazione e della funzionalità.
<03> linguaggi
Che lingua si parla nel web?
START >
>
>
// gli artigiani del web sono poliglotti i web designers devono conoscere diversi linguaggi utilizzati per:
// MARK UP
// programmazione
// formattazione
Sono i linguaggi che servono a definire l'aspetto dei contenuti. Noi useremo CSS.
Sono i linguaggi che servono a definire e innescare delle funzioni nella pagina. Noi studieremo JavaScript.
Sono i linguaggi che servono a descrivere la struttura dei contenuti visibili e non visibili. Noi useremo HTML.
<04> ambiente di lavoro
Strumenti per creare il web
START >
>
>
// definiamo il nostro ambiente di lavoro per creare un sito web abbiamo tre possibilità:
// IDE WYSIWYG
// file di testo
// IDE TESTUALI
Altri ambienti di sviluppo integrati più improntanti sulla grafica che consentono di modicare graficamente l'applicazione con possibilità di usare anche il codice.
Sono ambienti di sviluppo integrati che hanno tutte le funzioni dedicate allo sviluppo del software. Possono supportare uno o più linguaggi di programmazione. Noi scriveremo il codice e l'IDE gestirà le cartelle e i files.
Sì! Basta usare dei files di testo come TextEdit (MAC) o Documento di testo (WIN) per scrivere un sito web. Saremo noi a dover gestire foto, video e organizzazione nelle cartelle.
>
>
// definiamo il nostro ambiente di lavoro quali sono le differenze tra i tre metodi?
// file di testo
// IDE WYSIWYG
// IDE TESTUALI
E' il primo metodo che sia mai stato usato. E' rapido da modificare, permette di personalizzare, non richiede grandi prestazioni, ma è difficile da usare quando l'applicazione diventa molto complessa.
Una via di mezzo: sono semplici e ci assistono, si usano tramite la grafica e quindi non richiedono la conoscenza del codice... ma non permettono di fare tutto! Per questo vanno bene per i principianti.
Prevengono gli errori, permettono di personalizzare, integrano tutte le funzioni, sono più pesanti ma ci assistono in maniera completa quando creiamo applicazioni molto complesse.
>
>
// visual studio
Visual Studio è un ambiente di sviluppo integrato (IDE) creato da Microsoft che supporta moltissimi linguaggi e si occupa di: - editing - automazione - debugging - compilazione ...del codice!
<QUIZ>
Ricapitolone per noi!
START >
DOMANDA 1
domanda 2
domanda 3
domanda 4
domanda 5
domanda 6
domanda 7
domanda 8
YEAH!
>
<Modulo completo/>
1 I segreti di Internet
Ludovica Orlando
Created on November 15, 2024
Start designing with a free template
Discover more than 1500 professional designs like these:
View
Math Lesson Plan
View
Primary Unit Plan 2
View
Animated Chalkboard Learning Unit
View
Business Learning Unit
View
Corporate Signature Learning Unit
View
Code Training Unit
View
History Unit plan
Explore all templates
Transcript
<1/>
<Web design/>
Modulo1: I segreti nascosti di internet
START >
>
>
<Mod 1>
1 Com'è fatto Internet
2 A cosa serve il web design
3 Che lingua si parla nel web
4 Quizzone
>
>
00
01
02
Mod 1
Intenet
Web design
03
04
05
Linguaggi
IDE
Quiz
<01> INTERNET
La rete di reti
start >
>
>
"Sul Web dovremmo essere in grado non solo di trovare ogni tipo di documento, ma anche di crearne, e facilmente. Non solo di seguire i link, ma di crearli, tra ogni genere di media. Non solo di interagire con gli altri, ma di creare con gli altri."
- TIM BERNERS LEE
>
>
// INTERNETLA RETE DI RETI
Non esiste una sola rete al mondo, ma tante piccole e grandi reti di computer connessi tra loro. Due computer possono collegarsi e formare una rete anche senza accedere alla rete globale, oppure possiamo accedere a risorse lontane da noi. In ogni caso, quello che sta succedendo è che stiamo condividendo alcune risorse: memorie, stampanti, modem... ecc...Ogni rete può essere creata con dei cavi e quindi dirsi cablata oppure può essere wireless se sfrutta la tecnologia Wi-Fi, o ancora un mix delle due cose.
>
>
// LAN: la rete locale
PICCOLA COME UN UFFICIO. FORTE COME UN URAGANO!
Nelle aziende, nelle scuole, negli uffici o a casa possiamo collegare tutti i nostri computers e dispositivi tra di loro formando una piccola LAN: local area network. Per esempio, possiamo connettere tutti i computers personali della famiglia tra di loro, allo scanner e alla stampante. Per fare questo, non serve una connessione ad internet, ma solo le schede di rete dei dispositivi! 🤯
>
>
// MAN E WAN
RETE grande mangia rete piccola
Le reti si differenziano in molti modi, uno dei più importanti è la dimensione. In seguito, scopriremo anche gli altri! MAN: Metropolitan Area Network Una rete delle dimensioni di una grande città che può inglobare tante reti LAN. WAN: Wide Area Netword Una rete molto estesa che può inglobare diverse MAN.
>
>
// WORLD WIDE WEB
Finalmente arriviamo ad Internet. Internet è una rete di dimensioni globali, ovvero World Wide Web. Hai mai sentito prima questo nome? Pensaci... cosa te ne pare se usiamo solo le iniziali? Per collegarci ad internet abbiamo bisogno, oltre ai dispositivi e al software di rete fornito dal sistema operativo, anche di un modem che ci consenta di arrivare dove vogliamo.
<02> WEB DESIGN
La sfida tra estetica e funzionalità
START >
>
>
// A COSA SERVE IL WEB DESIGN
Il web design, letteralmente progettazione per il web, indica le fasi di progettazione e di sviluppo di una qualsiasi web app. Per progettare un sito web sono necessarie diverse competenze specialistiche. Il web designer si occupa di: - Progettare sezioni e funzioni del sito - User Experience (UX) ovvero il coinvolgimento dell'utente - Interfaccia Utente (UI) ovvero l'aspetto grafico - Il funzionamento tecnico - Il modo in cui il sito esprime la comunicazione
>
>
// cosa bisogna conoscere per progettare il web
// comunicazione
// linguaggi
// design e responsiveness
Il web designer conosce perfettamente linguaggi di mark-up, formattazione grafica e alcuni linguaggi di programmazione.
Progettazione e sviluppo devono esprimere la comunicazione adatta a chi viene rappresentato dall'opera che si sta realizzando.
Arti grafiche e scienze applicate al servizio della comunicazione e della funzionalità.
<03> linguaggi
Che lingua si parla nel web?
START >
>
>
// gli artigiani del web sono poliglotti i web designers devono conoscere diversi linguaggi utilizzati per:
// MARK UP
// programmazione
// formattazione
Sono i linguaggi che servono a definire l'aspetto dei contenuti. Noi useremo CSS.
Sono i linguaggi che servono a definire e innescare delle funzioni nella pagina. Noi studieremo JavaScript.
Sono i linguaggi che servono a descrivere la struttura dei contenuti visibili e non visibili. Noi useremo HTML.
<04> ambiente di lavoro
Strumenti per creare il web
START >
>
>
// definiamo il nostro ambiente di lavoro per creare un sito web abbiamo tre possibilità:
// IDE WYSIWYG
// file di testo
// IDE TESTUALI
Altri ambienti di sviluppo integrati più improntanti sulla grafica che consentono di modicare graficamente l'applicazione con possibilità di usare anche il codice.
Sono ambienti di sviluppo integrati che hanno tutte le funzioni dedicate allo sviluppo del software. Possono supportare uno o più linguaggi di programmazione. Noi scriveremo il codice e l'IDE gestirà le cartelle e i files.
Sì! Basta usare dei files di testo come TextEdit (MAC) o Documento di testo (WIN) per scrivere un sito web. Saremo noi a dover gestire foto, video e organizzazione nelle cartelle.
>
>
// definiamo il nostro ambiente di lavoro quali sono le differenze tra i tre metodi?
// file di testo
// IDE WYSIWYG
// IDE TESTUALI
E' il primo metodo che sia mai stato usato. E' rapido da modificare, permette di personalizzare, non richiede grandi prestazioni, ma è difficile da usare quando l'applicazione diventa molto complessa.
Una via di mezzo: sono semplici e ci assistono, si usano tramite la grafica e quindi non richiedono la conoscenza del codice... ma non permettono di fare tutto! Per questo vanno bene per i principianti.
Prevengono gli errori, permettono di personalizzare, integrano tutte le funzioni, sono più pesanti ma ci assistono in maniera completa quando creiamo applicazioni molto complesse.
>
>
// visual studio
Visual Studio è un ambiente di sviluppo integrato (IDE) creato da Microsoft che supporta moltissimi linguaggi e si occupa di: - editing - automazione - debugging - compilazione ...del codice!
<QUIZ>
Ricapitolone per noi!
START >
DOMANDA 1
domanda 2
domanda 3
domanda 4
domanda 5
domanda 6
domanda 7
domanda 8
YEAH!
>
<Modulo completo/>