1 / 102

Capitolo 1

Capitolo 1. Intro e alcuni tag. Server e Browser . Server. Server. Server = computer particolari che forniscono servizi di accesso alle informazioni su rete sempre collegati tra loro e alla rete contengono tutti i file del sito basta conoscere l’indirizzo del server

barton
Download Presentation

Capitolo 1

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Capitolo 1 Intro e alcuni tag

  2. Server e Browser Server

  3. Server • Server = computer particolari che forniscono servizi di accesso alle informazioni su rete • sempre collegati tra loro e alla rete • contengono tutti i file del sito • basta conoscere l’indirizzo del server • ricevuta la richiesta di visualizzare una pagina del sito, il server invia i file che la compongono

  4. Browser • Browser = programma per visualizzare le pagine web (ed accederle tramite Internet) • comunica col server • chiede la pagina • riceve tutti i dati (spediti a “pacchetti”) • li interpreta, ricostruendo la pagina • visualizza il risultato sullo schermo

  5. Pag4: html source

  6. Pag5: html results

  7. Tag: • Tag contenitore • html • head • title • body • h1 … h6 • p • em • Tag vuoti • Img • <!– commenti!!!!!! -->

  8. Esercizio pag10 20 min

  9. Esercizio pag10 20 min • Fotocopie pag 10 e pag 38 • Aprire html-kit • Creare , salvare, visualizzare file • Partire da file • Testo_ex_starbuzz_index_html.txt • index.html

  10. Esercizio pag27 30 min • Aggiungere le seguenti istruzioni di stile: <style type="text/css"> body { background-color: #d2b48c; margin-left: 20%; margin-right: 20%; border: 1px dotted gray; padding: 10px 10px 10px 10px; font-family: sans-serif; } </style>

  11. Esercizio perfile mission.html • Fotocopia tazza pag 27

  12. Capitolo 2 ancore

  13. Esercizio aggiunta ancore pag47

  14. Esercizio aggiunta ancore pag47 • Da file in cartella • HFHTML_ch02 • Aggiunger al file lounge.html le ancore • Fotocopia pag 46

  15. Esercizio aggiunta ancore pag47 • Creazione cartelle • Modifica path da file lounge • Fotocopia pag 57 • Link al padre pag 63

  16. Eserc pag70-71 • Capire i link! • Fotocopi pag 70-71

  17. tecweb.unich.it/portanuova • A questo punto chi vuol fare l’esame deve avere un account su tecweb (usare usernamee password dell’alula??) e registrarsi su moodle. • Inoltre siti fatti da singoli, possibile avere contatti, un repository comune per informazioni e immagini prese da negozio. • Elenco negozi che danno supporto alla cosa lungo via pindaro. Pam: tu devi creare contenitore (tipo mappa geografica della strada con possibilita’ di click) sul progetto eletto vincitore dal negoziante stesso in questo anno.

  18. Cap 3 Quote <q> e <blockquote>listenestingentities

  19. Esercizio pag78 • Creare la pag web per la pag 78 • Prima disegnarla su carta • Poi fare blocchi e poi aggiungere tag (pag 80-81-82) • Risultato pag 84 • Es1: Partire da file • journal_html.txt • Esercizio 2: • Sostituire virgolette con <q> </q> e per blocchi <blockquote> e <br>(pag 90) • Inline-vs-block (pag 94)

  20. Eserc Pag 102-104 le liste • Pag 102 il risultato • Pag 104 il source • Unordered list (pag 107) (file journal.html)

  21. Nesting eserc pag 112 • Distribuire fotocopie pag 112 o visualizzarla a video

  22. Riapsso tag eser. Pag 113 • Alla lavagna chiedere

  23. Entities!! • <html> &lt;html&gt; • See w3schools.com/tags/ref_entities.asp • www.unicode.org/charts/

  24. Es pag115 • Crack the location! Fotocopie da consegnare

  25. Pag 116 esercizio per casa • Consegnare fotocopie

  26. Cap 5 Atributo alt, width, heigth su img Uso di programmi grafica Lo fa pamela

  27. Fare anche colori a pag 364-374

  28. Cap 6-7 Fino a XHTML

  29. Nesting immagini solo dentro un blocco! • Doctype e meta per charset iso-8859-1 • Validare a validator.w3.org pagine fatte finora (dopo aver aggiunto doctype e meta) • Fotocopie pag 253-254 • Pag 259: cosa non si fa

  30. Esercizio pag 260 • Trovare gli errori

  31. Pag 268: come passare a xhtml • Pag 272 xhtml check list

  32. Cap 8 Intro to css

  33. Struttura regole di stile pag 289 • Tag stile pag 291 o link a foglio esterno pag305 • Esrcizio 292--: • settare a marrone il colore dei paragrafi del file lounge.html • Stile per headings (regole per piu’ di un elemento) • Seconda regola solo per h1 (che aggiunge proprieta’ non comuni ad h2) pag 296

  34. Esercizio: pag 304 • Creare file lounge.css • E linkarlo come foglio stile da lounge.html, elixir.html e directions.html

  35. Eredita’ pag 311-315 • Selettori di classe!! Pag 316-320 • Classi multiple e regole di priorita’ 319-320

  36. Esercizio pag 323

More Related