1 of 13

Tutorial web design

​

​

1

Coder Dojo Trento

v0.8 11/03/2016

coderdojotrento.it/html8

coderdojotrento.it

David Leoni

2 of 13

Com’è fatto un sito?

2

3 of 13

Com’è fatto un sito?

3

<html>

<body>

<h1>

CoderDojo <br/>

Trento

</h1>

<strong>

Above all, be cool

</strong>

…

...

</body>

</html>

Con l’HTML!

4 of 13

Come fare un sito? 3 opzioni

  1. Usare editor per fare siti

​

​

  • Prendere template e modificarlo

​

​

  • Scrivere tutto da zero

​

4

<html>

<body>

Ciao mondo!

</body>

</html>

5 of 13

Come fare un sito? 1) Editor di siti

Wix Google Sites

​

Weebly Wordpress(.com)

5

6 of 13

Come fare un sito? 1) Editor di siti

6

Pro

  • metodo facile
  • creazione automatica dell’HTML
  • pubblicazione immediata

​

Contro

  • il sito deve stare presso il gestore dell’editor
  • (di solito) non si può modificare l’HTML!

7 of 13

Come fare un sito 2) Prendere template

​

​

7

freewebtemplates.com

8 of 13

Come fare un sito 2) Prendere template

Pro

  • Se il template è fatto bene, il sito
    • si vedrà bene su tutti i browser
    • adattabile allo schermo (= responsive)
  • Si può inserire l’HTML che si vuole
  • Decidiamo hosting e server

​

Contro

  • Trovare il template giusto richiede tempo
  • Può essere poi difficile cambiare struttura
  • I template ‘pro’ possono costare

8

freewebtemplates.com

9 of 13

Come fare un sito 3) da zero

9

<html>

<body>

Ciao mondo!

</body>

</html>

Pro

  • abbiamo il controllo totale
  • decidiamo hosting e server

​

Contro

  • Richiede conoscenze più specifiche
  • Farlo funzionare su tutti i browser può richiedere tempo
  • Per farlo responsive è necessario usare componenti addizionali (es Bootstrap)

Trinket.io (online)

Blocco note

Notepad++

10 of 13

E al CoderDojo, che si fa?

  • Usare editor per fare siti

​

  • Prendere template e modificarlo

​

  • Scrivere tutto da zero

10

11 of 13

E al CoderDojo, che si fa?

  • Usare editor per fare siti

​

  • Prendere template e modificarlo

​

  • Scrivere tutto da zero

11

coderdojotrento.it/web

Con i nostri tutorial!

Parola d’ordine:

TAROCCARE

www.bbuio.it/didattica/tecweb

E quelli di Alessandro Ursomando!

12 of 13

E per pubblicare?

12

Consigliamo altervista.org:

Tutorial su come pubblicare

by Alessandro Ursomando:

​

​

​

13 of 13

Coder Dojo Trento

13

Thank you!

coderdojotrento.it

David Leoni

coderdojotrento.it/html8