Keep Calm and Code it! (Mozilla Club)

Την Παρασκευή 8/7/2016 παιδιά συμμετείχαν στο εργαστήριο που είχε σαν θέμα μια εισαγωγή στις γλώσσες προγραμματισμού HTML & CSS για τη δημιουργία ιστοσελίδων και εφαρμογών. Μάθαμε να επεξεργαζόμαστε και να δημιουργούμε κώδικα ξεκινώντας με αυτό τον τρόπο τα εργαστήρια που αφορούν το Mozilla Club. Στο εργαστήριο αυτό συμμετείχαν παιδιά και νέοι από 12 έως 15 ετών.

Το σλάιντ απαιτεί την χρήση JavaScript.

Το εργαστήριο ξεκίνησε με μια γνωριμία με την HTML και τα tags της.  Γνωρίσαμε τη  βασική δομή μιας ιστοσελίδας και έπειτα ακολούθησε ένα παιχνίδι μα κύβους όπου περιείχαν html tags και τα παιδιά έπρεπε να σχηματίσουν με αυτά μια βασική δομή ιστοσελίδας.

html-puzzle-box

Έπειτα χρησιμοποιήσαμε το Mozilla Thimble για να επεξεργαστούμε ένα πρότυπο ιστοσελίδας αλλά και CSS.

thimble

Το απαραίτητο υλικό που χρησιμοποίησα το δίνω μέσα από αυτό το post με στόχο να χρησιμοποιηθεί και από άλλους.

  1. Keep Calm Poster Tutorial
  2. html-puzzle-box
  3. HTML Colors

About Author

You may also like