Hosting su libero. Marcello Di Stefano

Transcript

1 Hosting su libero Marcello Di Stefano

2 Tirando le Somme Architettura Client/Server (2 e 3 livelli) Differenza tra una Pagina Statica e Dinamica Protocollo di messagistica HTTP Indirizzamento: URI

3 Tirando le Somme Ipertesto Una breve Storia Ipertesto come archivio del Sapere Diderot e D Alembert e l Encyclopèdie Vannevar Bush e il Memex Theodor Holm Nelson e Xanadu Tim Berners-Lee e il WWW

4 Tirando le Somme WWW Natura ipertestuale Ma anche (o soprattutto) Servizi Wikipedia Attendibilità ed autorità dell informazione sul web Umberto Eco, uno scettico Google.Maps Possibilità di utilizzo di mappe e foto satellitari all interno di un sito (solo se studieremo JavaScript linguaggio di programmazione) Semapedia Visualizzare le pagine di Wikipedia sul proprio cellulare

5 Tirando le Somme Pagina Web Contenuto/Struttura Vs Presentazione HTML per il Contenuto/Struttura Fogli di Stile (CSS) per la Presentazione Zen Garden bell esempio di uso dei css documento HTML DTD Elementi Strutturali Elementi per le MetaInformazioni Elementi di Testo Liste Tabelle Fogli di Stile Il Box Model

6 Tirando le Somme Analisi Pagina Web Pagina su Wikipedia (Basile e Gaudì) Pagina della facoltà di Architettura Confronto tra Pagina Ufficiale e Pagina riscritta seguendo gli STDs Design Tabled Based Vs Tableless Accenni su Accesibilità Usabilità Leggibilità del Codice Leggerezza del Codice

7 Tirando le Somme Principi di Visualizzazione Flusso di rappresentazione degli Elementi Elementi Block Elementi Inline

8 Per Questa Lezione Protocollo FTP Hosting su Libero Connessione Con Dreamweaver Esercizio Upload dell Esercizio Se rimane tempo Nuovo concetto: la Validazione

9 Hosting su Libero Andiamo su Crea Siti Personali Crea il Tuo Sito

10 Inserire username e pw che usate per la posta su Libero

11 Inventare un nikname e inserire il codice in basso a sinistra

12

13 Scegliete la categoria, date un titolo e una breve descrizione Quindi leggete il contratto

14 Hostname: ftp.digiland.it Sito WEB :

15 Aprite Dreamweaver Su site (sito) scegliete la voce new site (nuovo sito)

16 Dare un nome al sito

17 Le nostre pagine sono statiche Non si avvalgono di alcuna tecnologia lato server

18 Selezionate la terza voce, perché utilizziamo l FTP per spedire le nostre pagine su Libero.

19 L hostname è ftp.digiland.it Poi inserite lo username e la pw della posta Se fin ora avete fatto tutto bene premendo su test connection non vi segnalerà alcun errore!

20 Lasciate pure su NO

21 Premete Done (Fatto) e avete finito

22 Upload Scrivere una paginetta semplicissima, tipo: <h1>la mia prima pagina</h1> La salviamo come index.html Ed eseguiamo l upload

23 Upload Vediamo la nostra pagina: Nota: sostituire la parola username col vostro username. Nel mio caso:

24 Esercizio Realizzare una pagina in cui ci siano almeno 1 titolo 2 sottotitoli 2 paragrafi 1 una lista Per i più bravi: una lista con 2 se non 3 ordini di annidamento 1 immagine 1 citazione (usare un elemento tipo block) all interno di un paragrafo

25 Compiti per l Estate Entro la prima metà di Settembre

26 Compiti per l Estate Entro la prima metà di Settembre Una relazione sull usabilità

27 Compiti per l Estate Entro la prima metà di Settembre Una relazione sull usabilità Una relazione sull accessibilità

28 Compiti per l Estate Entro la prima metà di Settembre Una relazione sull usabilità Una relazione sull accessibilità Una relazione sugli Standard Web

29 Compiti per l Estate Entro la prima metà di Settembre Una relazione sull usabilità Una relazione sull accessibilità Una relazione sugli Standard Web Le prime due relazioni devono contenere almeno 3 siti che considerate accessibili e usabili e spiegare il perché.

30 Compiti per l Estate Entro la prima metà di Settembre Una relazione sull usabilità Una relazione sull accessibilità Una relazione sugli Standard Web Le prime due relazioni devono contenere almeno 3 siti che considerate accessibili e usabili e spiegare il perché. Relazioni: sintetiche ma dense di significato

31 Compiti per l Estate Entro la prima metà di Settembre Una relazione sull usabilità Una relazione sull accessibilità Una relazione sugli Standard Web Le prime due relazioni devono contenere almeno 3 siti che considerate accessibili e usabili e spiegare il perché. Relazioni: sintetiche ma dense di significato Su queste verrete VALUTATI.