SlideShare a Scribd company logo
1 of 25
Download to read offline
Da HTML in poi?


                                  Come passare
                 dalla realizzazione di pagine statiche in HTML
                                  alla creazione
                          di pagine dinamiche in PHP?




Stefano Floris                        Libro pubblicato su
                                      www.troppocurioso.altervista.org
Questa opera è sotto licenza
        creativa (di tipo copyleft)
               Attribuzione-Non commerciale-
             Condividi allo stesso modo Generico.




Per vedere una copia del testo della licenza visita il sito
http://www.creativecommons.it/Licenze

…oppure consulta la versione in inglese su

http://creativecommons.org/licenses/by-nc-sa/3.0/ oppure
spedisci una lettera a Creative Commons,171 Second
Street, Suite 300, San Francisco, California, 94105, USA.
E dopo che abbiamo
imparato a scrivere un
documento HTML, che
facciamo?
HTML
              (hypertext markup
              language)
                                              I documenti html
              E' un “linguaggio” che serve    non sono semplici
              per redigere ipertesti, detti   lettere commerciali
              anche documenti                 o testi generici.
              multimediali.
                                              Contengono anche
                                              immagini, video,
                                              collegamenti, ecc...

                                              Sono ipertesti.




Rispetto ad un testo
normale (p.e. un libro) un
ipertesto non prevede di
essere letto in maniera
necessariamente
sequenziale (pagina 1,
poi pagina 2 ecc.).
L'HTML è un “linguaggio” composto da TAG,
   ovvero comandi di formattazione del testo.

   Un documento HTML si può scrivere con un
   semplice editor di testo in ambiente Linux o
   Windows.




Ecco il testo di un documento HTML semplice,
semplice semplice:

<HTML>
<HEAD>
</HEAD>
<BODY>
La mia prima pagina HTML
</BODY>                                           Il documento si salva con
</HTML>                                           il nome index.htm.

                                                  Il nome può essere libero,
                                                  l'estensione no: deve
                                                  essere htm o html.
Per modificare un documento
                                                HTML, si usa lo stesso tipo di
                                                programma che abbiamo utilizzato
                                                per crearlo: l'editor di testo.
      Invece, per consultare un
      documento HTML ci vuole un
      browser, detto anche navigatore.




Conoscerete Mozilla-Firefox o Internet
Explorer, sono due programmi usati per la
navigazione internet.

Sono programmi studiati per interpretare un
documento con comandi HTML (TAG) e
visualizzare il loro contenuto.


                                    Quindi, se scrivo una
                                 semplice pagina html e la
                                   salvo nel disco (in una
                                cartella) posso rileggerla con
                                           il browser.
Quindi, fin qui tutto
    bene ma...

                                            Scrivo documento HTML
        Salvo il
      documento




                        Uso il navigatore
                          per vederlo
...cosa succede se
desiderassi far vedere ad
 altri quel documento?
Se trovo un WEB
Questo è un Server Web.                    SERVER posso
E' un computer con installati i seguenti    procedere con
programmi:                                  Pubblicazione
                                              doc. HTML
●Sistema operativo (Linux o Win o altro)
●programma WEB Server                       Quindi se copio i
●Programma FTP Server                        file del mio sito
                                           (una collezione di
                                            pagine html) nel
                                           Web Server avrò la
                                             situazione che
                                                  segue.
Risposta
doc HTML
            Richiesta
            doc HTML
Riepiloghiamo...
                                     ...nella rete internet sono presenti molti
                                                       server .
                                       Sono installati in centrali telefoniche
                                                   o in web-farm.
                                    Sicuramente una è vicino a casa nostra.
                                          Quasi in ogni parte del mondo.
Il Server



La workstation, postazione di lavoro che
diventa il Client della rete

                                           I computer che usiamo tutti i
                                               giorni sono chiamate
                                                    postazioni o
                                               workstation/client.

                                               Quando si collegano ad
                                                       internet
                                            diventano workstation client
                                           (e presuppongono l'esistenza
                                                    di un server)
Come si fa a copiare i
file di un sito in un web   Per pubblicare sul WEB Server
server?                     uno piu' documenti HTML è necessario inviarli
                            dal nostro computer al web server.
Cioè come si copiano i
file in un computer non     Per inviarli, occorre usare un programma di
presente fisicamente        trasferimento file tra computer remoti...
dove mi trovo?




WORKSTATION/CLIENT
Software presenti nel pc
(postazione/workstation o
client):
●Sistema operativo
                            ...e quindi installare nel nostro computer di
●Editor HTML
                            lavoro un programma FTP Client
●FTP-Client


                            (FTP sta per File Transfert Protocol, vale
                            a dire: protocollo per il trasferimento di file).
Per fare le prove in casa
                                                     posso far lavorare sodo
    Ma... non è obbligatorio avere un                il mio computer.
    collegamento internet per lavorare e
    provare a creare applicazioni per il             Lo posso usare sia come
    web.                                             client che come server.

                                                     Lo posso cioè far diventare anche
                                                     un Server WEB!!



         Software presenti nel pc client:
         ●Sistema operativo

         ●Editor HTML

         ●FTP-Client (solo per trasferire

         file ad un server web esterno)

                                            Installo quindi anche un programma
                                            WEB Server.




Ed aggiungo....
●Il programma web-server
Xampp è una suite di
    programmi che
 comprende servizio di
 web-server, ftpserver
          ecc.
    E' opensource,
completamente gratuita,
 facilmente installabile
 sia per Linux che per
       Windows


                               Per installarlo seguite le
                                istruzioni nel sito, nella
                               pagina principale, subito
                                         sotto.




http://www.apachefriends.org/it/xampp.html
Installato xampp, posso fare le mie
prove.
La cartella htdocs è la root
                     del webserver: il sito
                     internet principale




Per vedere se funziona devo:

1) provare a copiarci una mia
pagina internet...
Nel mio computer xampp è
                    installato nella cartella
                    c:programmixampp
                     o simile




In una sottocartella di xampp
trovo la cartella htdocs
Per esempio:
c:programmixampphtdocs
La cartella htdocs è la root
                     del webserver: il sito internet
                     principale




Per vedere se funziona devo:

1) provare a copiarci una mia
pagina internet...
2) aprire il navigatore e
                       provare a navigare digitando
                       l'indirizzo:
                       http://127.0.0.1




Questi indirizzi corrispondono
alla cartella dove è attivo il web
server.

Nel nostro esempio in
c:/programmi/xampp/htdocs
In casa lavoro per creare il mio sito.


Il sito è una specie di collezione
di documenti HTML (e magari PHP)
organizzato in base ad un progetto.
Quando siamo pronti,
     pubblichiamo il sito
utilizzando FTP Client per
          “spedire”
       i documenti al
         WEB server




  Filezilla è un
  programma gratuito che
  funziona da FTP Client.
  E' scaricabile
  gratuitamente.
http://filezilla.project.org/
Per avere uno spazio ed un
   indirizzo sul WEB occorre
  scegliere quale acquistare
consultando bene le condizioni
         per esempio su:
           ildominio.it,
     aruba.it o register.it
              Oppure
       gratuitamente su
      www.autistici.org o
    www.altervista.org




                                 Dopo aver acquistato lo
                                         spazio WEB
                                 ci vengono comunicati i
                                   parametri per usare
                                    il nostro FTP client
                                       e poter copiare
                                         il nostro sito
                                       nel WEB Server.
Indirizzo del
computer WEB     utente   password
    Server




                           Web Server
Mio computer
FINE

More Related Content

Similar to Da html in_poi, verso PHP

Come funziona la navigazione Web
Come funziona la navigazione WebCome funziona la navigazione Web
Come funziona la navigazione Webextrategy
 
Web Project - LESSON 1
Web Project - LESSON 1Web Project - LESSON 1
Web Project - LESSON 1Yunikon Design
 
Webdays 2004 Blogfordummies2 Ok
Webdays 2004 Blogfordummies2 OkWebdays 2004 Blogfordummies2 Ok
Webdays 2004 Blogfordummies2 OkMassimo Schiro
 
Introduzione al linguaggio PHP
Introduzione al linguaggio PHPIntroduzione al linguaggio PHP
Introduzione al linguaggio PHPextrategy
 
Lezione WordPress Università degli Studi di Milano: Installazione e Gestione
Lezione WordPress Università degli Studi di Milano: Installazione e GestioneLezione WordPress Università degli Studi di Milano: Installazione e Gestione
Lezione WordPress Università degli Studi di Milano: Installazione e Gestionealessandro gasparotto
 
Google Chrome Extensions & Plugin vs Firefox
Google Chrome Extensions & Plugin vs FirefoxGoogle Chrome Extensions & Plugin vs Firefox
Google Chrome Extensions & Plugin vs FirefoxWikiCorsoWeb
 
Wordpress - Primi passi | Mafaldida
Wordpress  - Primi passi | MafaldidaWordpress  - Primi passi | Mafaldida
Wordpress - Primi passi | MafaldidaGiulia Costa
 
MINI CORSO INFORMATICO exchange .pptx
MINI CORSO INFORMATICO exchange .pptxMINI CORSO INFORMATICO exchange .pptx
MINI CORSO INFORMATICO exchange .pptxssuser1cba1b
 
Manuale EasyPHP e Wordpress
Manuale EasyPHP e WordpressManuale EasyPHP e Wordpress
Manuale EasyPHP e Wordpressalexperoni
 
Google Chrome & Mozilla Firefox - Plugins & Extensions
Google Chrome & Mozilla Firefox - Plugins & ExtensionsGoogle Chrome & Mozilla Firefox - Plugins & Extensions
Google Chrome & Mozilla Firefox - Plugins & ExtensionsValeria Gennari
 
Presentazione Corso - Parte 3
Presentazione Corso - Parte 3Presentazione Corso - Parte 3
Presentazione Corso - Parte 3Giorgio Carpoca
 
JAMP DAY 2010 - ROMA (1)
JAMP DAY 2010 - ROMA (1)JAMP DAY 2010 - ROMA (1)
JAMP DAY 2010 - ROMA (1)jampslide
 
M03 ud05
M03 ud05M03 ud05
M03 ud05a-ndrea
 
Hosting Linux, hosting Windows e Joomla
Hosting Linux, hosting Windows e JoomlaHosting Linux, hosting Windows e Joomla
Hosting Linux, hosting Windows e Joomlawebhostingguy
 
Javascript - 1 | WebMaster & WebDesigner
Javascript - 1 | WebMaster & WebDesignerJavascript - 1 | WebMaster & WebDesigner
Javascript - 1 | WebMaster & WebDesignerMatteo Magni
 
Guida al computer - Lezione 73 - La Navigazione Internet
Guida al computer - Lezione 73 - La Navigazione InternetGuida al computer - Lezione 73 - La Navigazione Internet
Guida al computer - Lezione 73 - La Navigazione Internetcaioturtle
 

Similar to Da html in_poi, verso PHP (20)

Come funziona la navigazione Web
Come funziona la navigazione WebCome funziona la navigazione Web
Come funziona la navigazione Web
 
Web Project - LESSON 1
Web Project - LESSON 1Web Project - LESSON 1
Web Project - LESSON 1
 
Webdays 2004 Blogfordummies2 Ok
Webdays 2004 Blogfordummies2 OkWebdays 2004 Blogfordummies2 Ok
Webdays 2004 Blogfordummies2 Ok
 
Introduzione al linguaggio PHP
Introduzione al linguaggio PHPIntroduzione al linguaggio PHP
Introduzione al linguaggio PHP
 
Lezione WordPress Università degli Studi di Milano: Installazione e Gestione
Lezione WordPress Università degli Studi di Milano: Installazione e GestioneLezione WordPress Università degli Studi di Milano: Installazione e Gestione
Lezione WordPress Università degli Studi di Milano: Installazione e Gestione
 
Google Chrome Extensions & Plugin vs Firefox
Google Chrome Extensions & Plugin vs FirefoxGoogle Chrome Extensions & Plugin vs Firefox
Google Chrome Extensions & Plugin vs Firefox
 
Google chrome
Google chromeGoogle chrome
Google chrome
 
Wordpress - Primi passi | Mafaldida
Wordpress  - Primi passi | MafaldidaWordpress  - Primi passi | Mafaldida
Wordpress - Primi passi | Mafaldida
 
MINI CORSO INFORMATICO exchange .pptx
MINI CORSO INFORMATICO exchange .pptxMINI CORSO INFORMATICO exchange .pptx
MINI CORSO INFORMATICO exchange .pptx
 
Portofino per Jug Padova
Portofino per Jug PadovaPortofino per Jug Padova
Portofino per Jug Padova
 
Manuale EasyPHP e Wordpress
Manuale EasyPHP e WordpressManuale EasyPHP e Wordpress
Manuale EasyPHP e Wordpress
 
Google Chrome & Mozilla Firefox - Plugins & Extensions
Google Chrome & Mozilla Firefox - Plugins & ExtensionsGoogle Chrome & Mozilla Firefox - Plugins & Extensions
Google Chrome & Mozilla Firefox - Plugins & Extensions
 
Dal Click Al Web Server
Dal Click Al Web ServerDal Click Al Web Server
Dal Click Al Web Server
 
Presentazione Corso - Parte 3
Presentazione Corso - Parte 3Presentazione Corso - Parte 3
Presentazione Corso - Parte 3
 
JAMP DAY 2010 - ROMA (1)
JAMP DAY 2010 - ROMA (1)JAMP DAY 2010 - ROMA (1)
JAMP DAY 2010 - ROMA (1)
 
M03 ud05
M03 ud05M03 ud05
M03 ud05
 
Hosting Linux, hosting Windows e Joomla
Hosting Linux, hosting Windows e JoomlaHosting Linux, hosting Windows e Joomla
Hosting Linux, hosting Windows e Joomla
 
Javascript - 1 | WebMaster & WebDesigner
Javascript - 1 | WebMaster & WebDesignerJavascript - 1 | WebMaster & WebDesigner
Javascript - 1 | WebMaster & WebDesigner
 
Guida al computer - Lezione 73 - La Navigazione Internet
Guida al computer - Lezione 73 - La Navigazione InternetGuida al computer - Lezione 73 - La Navigazione Internet
Guida al computer - Lezione 73 - La Navigazione Internet
 
01 intro
01 intro01 intro
01 intro
 

More from High Secondary School

Php: riconoscere il dispositivo del client
Php: riconoscere il dispositivo del clientPhp: riconoscere il dispositivo del client
Php: riconoscere il dispositivo del clientHigh Secondary School
 
Php e database: creare relazioni fra tabelle
Php e database: creare relazioni fra tabellePhp e database: creare relazioni fra tabelle
Php e database: creare relazioni fra tabelleHigh Secondary School
 
Php e data_base_popolare_un_db_mysql
Php e data_base_popolare_un_db_mysqlPhp e data_base_popolare_un_db_mysql
Php e data_base_popolare_un_db_mysqlHigh Secondary School
 
Php e data base creare tabelle con mysql
Php e data base  creare tabelle con mysqlPhp e data base  creare tabelle con mysql
Php e data base creare tabelle con mysqlHigh Secondary School
 
Php e data base introduzione a mysql
Php e data base  introduzione a mysqlPhp e data base  introduzione a mysql
Php e data base introduzione a mysqlHigh Secondary School
 
PHP, ricerca dati_in_file_sequenziali
PHP, ricerca dati_in_file_sequenzialiPHP, ricerca dati_in_file_sequenziali
PHP, ricerca dati_in_file_sequenzialiHigh Secondary School
 
PHP Introduzione a javascript e validazione
PHP Introduzione a javascript e validazionePHP Introduzione a javascript e validazione
PHP Introduzione a javascript e validazioneHigh Secondary School
 
PHP: programmi gestionali, introduzione
PHP: programmi gestionali, introduzionePHP: programmi gestionali, introduzione
PHP: programmi gestionali, introduzioneHigh Secondary School
 
Una bottega del Commercio Equo & Solidale
Una bottega del Commercio Equo & SolidaleUna bottega del Commercio Equo & Solidale
Una bottega del Commercio Equo & SolidaleHigh Secondary School
 
Comunità Scolastiche Sostenibili 2007
Comunità Scolastiche Sostenibili 2007Comunità Scolastiche Sostenibili 2007
Comunità Scolastiche Sostenibili 2007High Secondary School
 
Visual Basic, modulo e sottoprocedure
Visual Basic, modulo e sottoprocedureVisual Basic, modulo e sottoprocedure
Visual Basic, modulo e sottoprocedureHigh Secondary School
 

More from High Secondary School (20)

Php: riconoscere il dispositivo del client
Php: riconoscere il dispositivo del clientPhp: riconoscere il dispositivo del client
Php: riconoscere il dispositivo del client
 
6.01 php ajax_json_mysql
6.01 php ajax_json_mysql6.01 php ajax_json_mysql
6.01 php ajax_json_mysql
 
Php e database: php mysql
Php e database: php mysqlPhp e database: php mysql
Php e database: php mysql
 
Php e database: creare relazioni fra tabelle
Php e database: creare relazioni fra tabellePhp e database: creare relazioni fra tabelle
Php e database: creare relazioni fra tabelle
 
Php e data_base_popolare_un_db_mysql
Php e data_base_popolare_un_db_mysqlPhp e data_base_popolare_un_db_mysql
Php e data_base_popolare_un_db_mysql
 
Php e data base creare tabelle con mysql
Php e data base  creare tabelle con mysqlPhp e data base  creare tabelle con mysql
Php e data base creare tabelle con mysql
 
Php e data base accedere a mysql
Php e data base  accedere a mysqlPhp e data base  accedere a mysql
Php e data base accedere a mysql
 
Php e data base introduzione a mysql
Php e data base  introduzione a mysqlPhp e data base  introduzione a mysql
Php e data base introduzione a mysql
 
PHP, ricerca dati_in_file_sequenziali
PHP, ricerca dati_in_file_sequenzialiPHP, ricerca dati_in_file_sequenziali
PHP, ricerca dati_in_file_sequenziali
 
PHP Introduzione a javascript e validazione
PHP Introduzione a javascript e validazionePHP Introduzione a javascript e validazione
PHP Introduzione a javascript e validazione
 
PHP: gestione file sequenziale
PHP: gestione file sequenzialePHP: gestione file sequenziale
PHP: gestione file sequenziale
 
PHP: programmi gestionali, introduzione
PHP: programmi gestionali, introduzionePHP: programmi gestionali, introduzione
PHP: programmi gestionali, introduzione
 
Visual basic: odbc su MySql
Visual basic: odbc su MySqlVisual basic: odbc su MySql
Visual basic: odbc su MySql
 
Dal cacao al cioccolato
Dal cacao al cioccolatoDal cacao al cioccolato
Dal cacao al cioccolato
 
Una bottega del Commercio Equo & Solidale
Una bottega del Commercio Equo & SolidaleUna bottega del Commercio Equo & Solidale
Una bottega del Commercio Equo & Solidale
 
Comunità Scolastiche Sostenibili 2007
Comunità Scolastiche Sostenibili 2007Comunità Scolastiche Sostenibili 2007
Comunità Scolastiche Sostenibili 2007
 
Visual Basic, Equazioni Sec Grado
Visual Basic, Equazioni Sec GradoVisual Basic, Equazioni Sec Grado
Visual Basic, Equazioni Sec Grado
 
Visual Basic, modulo e sottoprocedure
Visual Basic, modulo e sottoprocedureVisual Basic, modulo e sottoprocedure
Visual Basic, modulo e sottoprocedure
 
VB Cicli Lavoro Repeat
VB  Cicli  Lavoro  RepeatVB  Cicli  Lavoro  Repeat
VB Cicli Lavoro Repeat
 
Blog Riferimenti Risorse (4)
Blog Riferimenti Risorse (4)Blog Riferimenti Risorse (4)
Blog Riferimenti Risorse (4)
 

Recently uploaded

Lorenzo D'Emidio_Vita di Cristoforo Colombo.pptx
Lorenzo D'Emidio_Vita di Cristoforo Colombo.pptxLorenzo D'Emidio_Vita di Cristoforo Colombo.pptx
Lorenzo D'Emidio_Vita di Cristoforo Colombo.pptxlorenzodemidio01
 
Lorenzo D'Emidio_Francesco Petrarca.pptx
Lorenzo D'Emidio_Francesco Petrarca.pptxLorenzo D'Emidio_Francesco Petrarca.pptx
Lorenzo D'Emidio_Francesco Petrarca.pptxlorenzodemidio01
 
Lorenzo D'Emidio_Vita e opere di Aristotele.pptx
Lorenzo D'Emidio_Vita e opere di Aristotele.pptxLorenzo D'Emidio_Vita e opere di Aristotele.pptx
Lorenzo D'Emidio_Vita e opere di Aristotele.pptxlorenzodemidio01
 
XIII Lezione - Arabo G.Rammo @ Libera Accademia Romana
XIII Lezione - Arabo G.Rammo @ Libera Accademia RomanaXIII Lezione - Arabo G.Rammo @ Libera Accademia Romana
XIII Lezione - Arabo G.Rammo @ Libera Accademia RomanaStefano Lariccia
 
Lorenzo D'Emidio- Lavoro sulla Bioarchittetura.pptx
Lorenzo D'Emidio- Lavoro sulla Bioarchittetura.pptxLorenzo D'Emidio- Lavoro sulla Bioarchittetura.pptx
Lorenzo D'Emidio- Lavoro sulla Bioarchittetura.pptxlorenzodemidio01
 
XI Lezione - Arabo LAR Giath Rammo @ Libera Accademia Romana
XI Lezione - Arabo LAR Giath Rammo @ Libera Accademia RomanaXI Lezione - Arabo LAR Giath Rammo @ Libera Accademia Romana
XI Lezione - Arabo LAR Giath Rammo @ Libera Accademia RomanaStefano Lariccia
 

Recently uploaded (6)

Lorenzo D'Emidio_Vita di Cristoforo Colombo.pptx
Lorenzo D'Emidio_Vita di Cristoforo Colombo.pptxLorenzo D'Emidio_Vita di Cristoforo Colombo.pptx
Lorenzo D'Emidio_Vita di Cristoforo Colombo.pptx
 
Lorenzo D'Emidio_Francesco Petrarca.pptx
Lorenzo D'Emidio_Francesco Petrarca.pptxLorenzo D'Emidio_Francesco Petrarca.pptx
Lorenzo D'Emidio_Francesco Petrarca.pptx
 
Lorenzo D'Emidio_Vita e opere di Aristotele.pptx
Lorenzo D'Emidio_Vita e opere di Aristotele.pptxLorenzo D'Emidio_Vita e opere di Aristotele.pptx
Lorenzo D'Emidio_Vita e opere di Aristotele.pptx
 
XIII Lezione - Arabo G.Rammo @ Libera Accademia Romana
XIII Lezione - Arabo G.Rammo @ Libera Accademia RomanaXIII Lezione - Arabo G.Rammo @ Libera Accademia Romana
XIII Lezione - Arabo G.Rammo @ Libera Accademia Romana
 
Lorenzo D'Emidio- Lavoro sulla Bioarchittetura.pptx
Lorenzo D'Emidio- Lavoro sulla Bioarchittetura.pptxLorenzo D'Emidio- Lavoro sulla Bioarchittetura.pptx
Lorenzo D'Emidio- Lavoro sulla Bioarchittetura.pptx
 
XI Lezione - Arabo LAR Giath Rammo @ Libera Accademia Romana
XI Lezione - Arabo LAR Giath Rammo @ Libera Accademia RomanaXI Lezione - Arabo LAR Giath Rammo @ Libera Accademia Romana
XI Lezione - Arabo LAR Giath Rammo @ Libera Accademia Romana
 

Da html in_poi, verso PHP

  • 1. Da HTML in poi? Come passare dalla realizzazione di pagine statiche in HTML alla creazione di pagine dinamiche in PHP? Stefano Floris Libro pubblicato su www.troppocurioso.altervista.org
  • 2. Questa opera è sotto licenza creativa (di tipo copyleft) Attribuzione-Non commerciale- Condividi allo stesso modo Generico. Per vedere una copia del testo della licenza visita il sito http://www.creativecommons.it/Licenze …oppure consulta la versione in inglese su http://creativecommons.org/licenses/by-nc-sa/3.0/ oppure spedisci una lettera a Creative Commons,171 Second Street, Suite 300, San Francisco, California, 94105, USA.
  • 3. E dopo che abbiamo imparato a scrivere un documento HTML, che facciamo?
  • 4. HTML (hypertext markup language) I documenti html E' un “linguaggio” che serve non sono semplici per redigere ipertesti, detti lettere commerciali anche documenti o testi generici. multimediali. Contengono anche immagini, video, collegamenti, ecc... Sono ipertesti. Rispetto ad un testo normale (p.e. un libro) un ipertesto non prevede di essere letto in maniera necessariamente sequenziale (pagina 1, poi pagina 2 ecc.).
  • 5. L'HTML è un “linguaggio” composto da TAG, ovvero comandi di formattazione del testo. Un documento HTML si può scrivere con un semplice editor di testo in ambiente Linux o Windows. Ecco il testo di un documento HTML semplice, semplice semplice: <HTML> <HEAD> </HEAD> <BODY> La mia prima pagina HTML </BODY> Il documento si salva con </HTML> il nome index.htm. Il nome può essere libero, l'estensione no: deve essere htm o html.
  • 6. Per modificare un documento HTML, si usa lo stesso tipo di programma che abbiamo utilizzato per crearlo: l'editor di testo. Invece, per consultare un documento HTML ci vuole un browser, detto anche navigatore. Conoscerete Mozilla-Firefox o Internet Explorer, sono due programmi usati per la navigazione internet. Sono programmi studiati per interpretare un documento con comandi HTML (TAG) e visualizzare il loro contenuto. Quindi, se scrivo una semplice pagina html e la salvo nel disco (in una cartella) posso rileggerla con il browser.
  • 7. Quindi, fin qui tutto bene ma... Scrivo documento HTML Salvo il documento Uso il navigatore per vederlo
  • 8. ...cosa succede se desiderassi far vedere ad altri quel documento?
  • 9. Se trovo un WEB Questo è un Server Web. SERVER posso E' un computer con installati i seguenti procedere con programmi: Pubblicazione doc. HTML ●Sistema operativo (Linux o Win o altro) ●programma WEB Server Quindi se copio i ●Programma FTP Server file del mio sito (una collezione di pagine html) nel Web Server avrò la situazione che segue.
  • 10. Risposta doc HTML Richiesta doc HTML
  • 11. Riepiloghiamo... ...nella rete internet sono presenti molti server . Sono installati in centrali telefoniche o in web-farm. Sicuramente una è vicino a casa nostra. Quasi in ogni parte del mondo. Il Server La workstation, postazione di lavoro che diventa il Client della rete I computer che usiamo tutti i giorni sono chiamate postazioni o workstation/client. Quando si collegano ad internet diventano workstation client (e presuppongono l'esistenza di un server)
  • 12. Come si fa a copiare i file di un sito in un web Per pubblicare sul WEB Server server? uno piu' documenti HTML è necessario inviarli dal nostro computer al web server. Cioè come si copiano i file in un computer non Per inviarli, occorre usare un programma di presente fisicamente trasferimento file tra computer remoti... dove mi trovo? WORKSTATION/CLIENT Software presenti nel pc (postazione/workstation o client): ●Sistema operativo ...e quindi installare nel nostro computer di ●Editor HTML lavoro un programma FTP Client ●FTP-Client (FTP sta per File Transfert Protocol, vale a dire: protocollo per il trasferimento di file).
  • 13. Per fare le prove in casa posso far lavorare sodo Ma... non è obbligatorio avere un il mio computer. collegamento internet per lavorare e provare a creare applicazioni per il Lo posso usare sia come web. client che come server. Lo posso cioè far diventare anche un Server WEB!! Software presenti nel pc client: ●Sistema operativo ●Editor HTML ●FTP-Client (solo per trasferire file ad un server web esterno) Installo quindi anche un programma WEB Server. Ed aggiungo.... ●Il programma web-server
  • 14. Xampp è una suite di programmi che comprende servizio di web-server, ftpserver ecc. E' opensource, completamente gratuita, facilmente installabile sia per Linux che per Windows Per installarlo seguite le istruzioni nel sito, nella pagina principale, subito sotto. http://www.apachefriends.org/it/xampp.html
  • 15. Installato xampp, posso fare le mie prove.
  • 16. La cartella htdocs è la root del webserver: il sito internet principale Per vedere se funziona devo: 1) provare a copiarci una mia pagina internet...
  • 17. Nel mio computer xampp è installato nella cartella c:programmixampp o simile In una sottocartella di xampp trovo la cartella htdocs Per esempio: c:programmixampphtdocs
  • 18. La cartella htdocs è la root del webserver: il sito internet principale Per vedere se funziona devo: 1) provare a copiarci una mia pagina internet...
  • 19. 2) aprire il navigatore e provare a navigare digitando l'indirizzo: http://127.0.0.1 Questi indirizzi corrispondono alla cartella dove è attivo il web server. Nel nostro esempio in c:/programmi/xampp/htdocs
  • 20. In casa lavoro per creare il mio sito. Il sito è una specie di collezione di documenti HTML (e magari PHP) organizzato in base ad un progetto.
  • 21. Quando siamo pronti, pubblichiamo il sito utilizzando FTP Client per “spedire” i documenti al WEB server Filezilla è un programma gratuito che funziona da FTP Client. E' scaricabile gratuitamente.
  • 23. Per avere uno spazio ed un indirizzo sul WEB occorre scegliere quale acquistare consultando bene le condizioni per esempio su: ildominio.it, aruba.it o register.it Oppure gratuitamente su www.autistici.org o www.altervista.org Dopo aver acquistato lo spazio WEB ci vengono comunicati i parametri per usare il nostro FTP client e poter copiare il nostro sito nel WEB Server.
  • 24. Indirizzo del computer WEB utente password Server Web Server Mio computer
  • 25. FINE