Παρουσίαση στο ePoster Show του 7ου Μαθητικού Συνεδρίου Πληροφορικής (21 Απριλίου 2015). Υπεύθυνος καθηγητής: Μιχαηλίδης Νίκος, Πληροφορικός ΠΕ19

1. Κατασκευή ιστοσελίδας με HTML και CSS για τους
Πολιτιστικούς Περιπάτους Κληρονομιάς της
Θεσσαλονίκης
Μαθητές:
Βασιλικού Κλειώ, Παπαδόπουλος Νικόδημος, Σαββίδου Φωτεινή
Επιβλέπων καθηγητής
Νικόλαος Μιχαηλίδης (Πληροφορικός ΠΕ19)
ΝΟΗΣΙΣ , Θεσσαλονίκη, 21-23 Απριλίου 2015

2. 2ο Πρότυπο
Πειραματικό Γυμνάσιο
Θεσσαλονίκης
Λίγα λόγια για το σχολείο μας
http://2gym-peir-thess.thess.sch.gr

3. 7ο Μαθητικό Συνέδριο
Πληροφορικής
21 – 23 Απριλίου 2015
Η αφορμή
Όμιλος Πληροφορικής
«Σχεδίαση και Κατασκευή
Ιστοσελίδων»
2ο Π.Π.Γ. Θεσσαλονίκης,
Σχολικό Έτος: 2014-2015

4. Σχεδίαση και υλοποίηση
μιας πολυμεσικής
ιστοσελίδας για τους
Πολιτιστικούς Περιπάτους
της Θεσσαλονίκης
χρησιμοποιώντας τις
γλώσσες προγραμματισμού
HTML και CSS
Στόχος

5. Πολιτιστικό Πρόγραμμα
του Δήμου Θεσσαλονίκης
Περίπατοι Πολιτιστικής Κληρονομιάς
Ανάδειξη, διάδοση και
προβολή των μοναδικών
πολιτιστικών εμπειριών
που έχει να προσφέρει η
Θεσσαλονίκη.

6. Χρήση Ανοικτών Τεχνολογιών
Περιεχόμενο Εμφάνιση Ιστοσελίδα

7. HTML
(HyperText Markup Language)
Η Γλώσσα Προγραμματισμού
HTML
Τα στοιχεία της είναι τα βασικά
δομικά στοιχεία των
ιστοσελίδων
Η HTML γράφεται υπό
μορφή στοιχείων HTML τα οποία
αποτελούνται
από ετικέτες (tags)

8. HTML
(HyperText Markup Language)
Η Γλώσσα Προγραμματισμού
HTML
Ανάμεσα στις ετικέτες, μπορεί
να τοποθετηθεί πολυμεσικό
περιεχόμενο (κείμενο, βίντεο,
εικόνες)
Ο σκοπός ενός web
browser είναι να διαβάζει τις
ετικέτες HTML και να τις
συνθέτει σε ιστοσελίδες

9. CSS
(Cascading Style Sheets)
Η Γλώσσα Προγραμματισμού
CSS
Χρησιμοποιείται για τον έλεγχο
της εμφάνισης ενός εγγράφου
που έχει γραφτεί με HTML.
Για μια όμορφη και
καλοσχεδιασμένη ιστοσελίδα η
χρήση της CSS κρίνεται ως
απαραίτητη.

10. CSS
(Cascading Style Sheets)
Η Γλώσσα Προγραμματισμού
CSS
Αναπτύσσει στυλιστικά
(εμφάνιση) μια ιστοσελίδα
δηλαδή, διαμορφώνει
περισσότερα χαρακτηριστικά,
χρώματα, στοίχιση και δίνει
περισσότερες δυνατότητες
παρουσίασης σε σχέση με την
html.

11. Εκμάθηση προγραμματισμού με το
CodeAcademy.com
http://www.codecademy.com/

12. Το Codeacademy.com
Διαδικτυακή διαδραστική
πλατφόρμα που προσφέρει
δωρεάν μαθήματα
προγραμματισμού σε
γλώσσες όπως HTML, CSS,
Python, PHP, JavaScript, και
Ruby.

13. Κίνητρα
… προσφέρει ανατροφοδότηση, κονκάρδες για την
ολοκλήρωση των ασκήσεων, λειτουργία παρακολούθησης
της πορείας της συνολικής βαθμολογίας του χρήστη

14. Πορεία Υλοποίησης
Θεωρητικό Πλαίσιο Συγκέντρωση
υλικού
Σχεδίαση
Ανάπτυξη

15. Ολοκληρώθηκε σε χρονικό
διάστημα περίπου τριών
μηνών.
Διάρκεια Υλοποίησης

16. Περίπατοι Κληρονομιάς
στα Πολιτιστικά
Μνημεία της
Θεσσαλονίκης
Η Ιστοσελίδα
http://edutech.mysch.gr/mnimeia

17. Βυζαντινός Περίπατος 1 και 2

18. Διαχρονική Θεσσαλονίκη

19. Περίπατος Δ΄ Δ.Δ. και Βίλλες 1

20. Η εργασία αύτη είχε πολλαπλά οφέλη
Συμπεράσματα
… και εμπειρία στη
συγγραφή
επιστημονικών
ερευνητικών εργασιών
Γνώσεις και
εξοικείωση με τις
διαδικτυακές γλώσσες
προγραμματισμού
HTML και CSS
… αναλυτικός,
κριτικός &
συνεργατικός
τρόπος σκέψης

21. Ευχαριστήρια
Στον καθηγητή Πληροφορικής
μας:
Νίκο Μιχαηλίδη
http://blogs.sch.gr/nikmichailidis

22. Όμιλος Πληροφορικής
«Σχεδίαση και Κατασκευή Ιστοσελίδων»
Σχ. Έτος: 2014-2015
http://edutech.mysch.gr/mnimeia