SlideShare a Scribd company logo
Κατασκευή ιστοσελίδας με HTML και CSS για τους
Πολιτιστικούς Περιπάτους Κληρονομιάς της
Θεσσαλονίκης
Μαθητές:
Βασιλικού Κλειώ, Παπαδόπουλος Νικόδημος, Σαββίδου Φωτεινή
Επιβλέπων καθηγητής
Νικόλαος Μιχαηλίδης (Πληροφορικός ΠΕ19)
ΝΟΗΣΙΣ , Θεσσαλονίκη, 21-23 Απριλίου 2015
2ο Πρότυπο
Πειραματικό Γυμνάσιο
Θεσσαλονίκης
Λίγα λόγια για το σχολείο μας
http://2gym-peir-thess.thess.sch.gr
7ο Μαθητικό Συνέδριο
Πληροφορικής
21 – 23 Απριλίου 2015
Η αφορμή
Όμιλος Πληροφορικής
«Σχεδίαση και Κατασκευή
Ιστοσελίδων»
2ο Π.Π.Γ. Θεσσαλονίκης,
Σχολικό Έτος: 2014-2015
Σχεδίαση και υλοποίηση
μιας πολυμεσικής
ιστοσελίδας για τους
Πολιτιστικούς Περιπάτους
της Θεσσαλονίκης
χρησιμοποιώντας τις
γλώσσες προγραμματισμού
HTML και CSS
Στόχος
Πολιτιστικό Πρόγραμμα
του Δήμου Θεσσαλονίκης
Περίπατοι Πολιτιστικής Κληρονομιάς
Ανάδειξη, διάδοση και
προβολή των μοναδικών
πολιτιστικών εμπειριών
που έχει να προσφέρει η
Θεσσαλονίκη.
Χρήση Ανοικτών Τεχνολογιών
Περιεχόμενο Εμφάνιση Ιστοσελίδα
HTML
(HyperText Markup Language)
Η Γλώσσα Προγραμματισμού
HTML
Τα στοιχεία της είναι τα βασικά
δομικά στοιχεία των
ιστοσελίδων
Η HTML γράφεται υπό
μορφή στοιχείων HTML τα οποία
αποτελούνται
από ετικέτες (tags)
HTML
(HyperText Markup Language)
Η Γλώσσα Προγραμματισμού
HTML
Ανάμεσα στις ετικέτες, μπορεί
να τοποθετηθεί πολυμεσικό
περιεχόμενο (κείμενο, βίντεο,
εικόνες)
Ο σκοπός ενός web
browser είναι να διαβάζει τις
ετικέτες HTML και να τις
συνθέτει σε ιστοσελίδες
CSS
(Cascading Style Sheets)
Η Γλώσσα Προγραμματισμού
CSS
Χρησιμοποιείται για τον έλεγχο
της εμφάνισης ενός εγγράφου
που έχει γραφτεί με HTML.
Για μια όμορφη και
καλοσχεδιασμένη ιστοσελίδα η
χρήση της CSS κρίνεται ως
απαραίτητη.
CSS
(Cascading Style Sheets)
Η Γλώσσα Προγραμματισμού
CSS
Αναπτύσσει στυλιστικά
(εμφάνιση) μια ιστοσελίδα
δηλαδή, διαμορφώνει
περισσότερα χαρακτηριστικά,
χρώματα, στοίχιση και δίνει
περισσότερες δυνατότητες
παρουσίασης σε σχέση με την
html.
Εκμάθηση προγραμματισμού με το
CodeAcademy.com
http://www.codecademy.com/
Το Codeacademy.com
Διαδικτυακή διαδραστική
πλατφόρμα που προσφέρει
δωρεάν μαθήματα
προγραμματισμού σε
γλώσσες όπως HTML, CSS,
Python, PHP, JavaScript, και
Ruby.
Κίνητρα
… προσφέρει ανατροφοδότηση, κονκάρδες για την
ολοκλήρωση των ασκήσεων, λειτουργία παρακολούθησης
της πορείας της συνολικής βαθμολογίας του χρήστη
Πορεία Υλοποίησης
Θεωρητικό Πλαίσιο Συγκέντρωση
υλικού
Σχεδίαση
Ανάπτυξη
Ολοκληρώθηκε σε χρονικό
διάστημα περίπου τριών
μηνών.
Διάρκεια Υλοποίησης
Περίπατοι Κληρονομιάς
στα Πολιτιστικά
Μνημεία της
Θεσσαλονίκης
Η Ιστοσελίδα
http://edutech.mysch.gr/mnimeia
Βυζαντινός Περίπατος 1 και 2
Διαχρονική Θεσσαλονίκη
Περίπατος Δ΄ Δ.Δ. και Βίλλες 1
Η εργασία αύτη είχε πολλαπλά οφέλη
Συμπεράσματα
… και εμπειρία στη
συγγραφή
επιστημονικών
ερευνητικών εργασιών
Γνώσεις και
εξοικείωση με τις
διαδικτυακές γλώσσες
προγραμματισμού
HTML και CSS
… αναλυτικός,
κριτικός &
συνεργατικός
τρόπος σκέψης
Ευχαριστήρια
Στον καθηγητή Πληροφορικής
μας:
Νίκο Μιχαηλίδη
http://blogs.sch.gr/nikmichailidis
Όμιλος Πληροφορικής
«Σχεδίαση και Κατασκευή Ιστοσελίδων»
Σχ. Έτος: 2014-2015
http://edutech.mysch.gr/mnimeia

More Related Content

PDF
Hildesheim 2019 CIRCE - The Greeks
PPT
Aepp oi-basikes=domes-kalo
PPTX
ήχοι, υπολογιστής και ηχορύπανση
PDF
Εφαρμογές Πληροφορικής Α' ΓΕΛ και Α' ΕΠΑΛ
PPTX
κεφ 15 κοινωνικα δικτυα
PPTX
Κεφ 16 πνευματικά δικαιώματα και προσωπικά δεδομένα στο διαδίκτυο
PPT
Ασφάλεια συναλλαγών στο διαδίκτυο
PPTX
Εφαρμογές νέφους (cloud computing)
Hildesheim 2019 CIRCE - The Greeks
Aepp oi-basikes=domes-kalo
ήχοι, υπολογιστής και ηχορύπανση
Εφαρμογές Πληροφορικής Α' ΓΕΛ και Α' ΕΠΑΛ
κεφ 15 κοινωνικα δικτυα
Κεφ 16 πνευματικά δικαιώματα και προσωπικά δεδομένα στο διαδίκτυο
Ασφάλεια συναλλαγών στο διαδίκτυο
Εφαρμογές νέφους (cloud computing)

Similar to Κατασκευή ιστοσελίδας με HTML και CSS για τους Πολιτιστικούς Περιπάτους Κληρονομιάς της Θεσσαλονίκης (16)

PDF
συντ επιτρ δικτ 2015 κεντρ μακεδ γερμαν καλλιτεχν θεατρ
PPTX
Από τη Σχολική Βιβλιοθήκη 1.0 και 2.0 στην πρόκληση και την προοπτική λειτουρ...
PDF
Ίδρυση Περιφερειακού Θεματικού Δικτύου με τίτλο «Δημιουργία εκπαιδευτικών εφα...
PDF
συγκροτηση 2015
PDF
συντον επιτρ περιφερ δικ δημ γραφ κ μακ 2015
PPTX
Σχεδιάζω, Υλοποιώ, Μοιράζομαι: Το παράδειγμα του 2ου δημοτικού σχολείου Ακράτας
PPTX
Erasmus+ Cliche online conference
PDF
παιδαγ ομαδ 2016 περιφερ δικτυο ενα σακι με ιστοριεσ
PDF
Μαθαίνω τον τόπο μου: Όταν η Τοπική Ιστορία… πάει σχολείο μέσα από ένα πρόγρα...
PDF
ανοιχτο ελευθερο εκπαιδευτικο λογισμικο
PDF
2ο Δημοτικό Σχολείο Καλυβίων 2005 - 2015
PDF
«ThessWiki – έξυπνα Μουσεία/Βιβλιοθήκες/Αρχεία, έξυπνοι πολίτες, έξυπνη πόλη»
PDF
Ακαδημαϊκές βιβλιοθήκες και τοπικά δίκτυα: νέες ευκαιρίες δράσης
DOC
σεμιναριο πολιτιστικα τπε
PDF
προκηρυξη 6ου-μαθητικου-συνεδριου-πληροφορικης-1ο
PDF
53rd Lyceum - CONSTANTINOPLE C.I.R.C.E. 2022.pdf
συντ επιτρ δικτ 2015 κεντρ μακεδ γερμαν καλλιτεχν θεατρ
Από τη Σχολική Βιβλιοθήκη 1.0 και 2.0 στην πρόκληση και την προοπτική λειτουρ...
Ίδρυση Περιφερειακού Θεματικού Δικτύου με τίτλο «Δημιουργία εκπαιδευτικών εφα...
συγκροτηση 2015
συντον επιτρ περιφερ δικ δημ γραφ κ μακ 2015
Σχεδιάζω, Υλοποιώ, Μοιράζομαι: Το παράδειγμα του 2ου δημοτικού σχολείου Ακράτας
Erasmus+ Cliche online conference
παιδαγ ομαδ 2016 περιφερ δικτυο ενα σακι με ιστοριεσ
Μαθαίνω τον τόπο μου: Όταν η Τοπική Ιστορία… πάει σχολείο μέσα από ένα πρόγρα...
ανοιχτο ελευθερο εκπαιδευτικο λογισμικο
2ο Δημοτικό Σχολείο Καλυβίων 2005 - 2015
«ThessWiki – έξυπνα Μουσεία/Βιβλιοθήκες/Αρχεία, έξυπνοι πολίτες, έξυπνη πόλη»
Ακαδημαϊκές βιβλιοθήκες και τοπικά δίκτυα: νέες ευκαιρίες δράσης
σεμιναριο πολιτιστικα τπε
προκηρυξη 6ου-μαθητικου-συνεδριου-πληροφορικης-1ο
53rd Lyceum - CONSTANTINOPLE C.I.R.C.E. 2022.pdf
Ad

More from Nikos Michailidis (20)

PDF
Odhgos ekpaid
PPTX
Κατασκευή, προγραμματισμός και έλεγχος χειρισμού ενός αυτόνομου Arduino Robot...
PPTX
Κατασκευή ρομπότ νερού μικρής κλίμακας (Hydrobot) και η αξιοποίησή του για τη...
PPTX
Ανάπτυξη εφαρμογής Android για την υποστήριξη των μαθητών προς ένα ασφαλέστερ...
PDF
Προγραμματίζοντας σε Scratch με τη βοήθεια του Google CS First: Η εμπειρία τ...
PPT
Εισαγωγή στην έννοια του Αλγόριθμου: Ένα παράδειγμα καλής πρακτικής αξιοποιών...
PDF
Mικρο-σενάρια στην Πληροφορική
PPT
Δημιουργία και συντήρηση ιστοτόπου τηλεκπαίδευσης με χρήση του LMS Moodle
PPTX
Η διδασκαλία των μονοδιάστατων πινάκων στο μάθημα ΑΕΠΠ
PPTX
Η διδασκαλία των μονοδιάστατων πινάκων στο μάθημα ΑΕΠΠ
PDF
Οδηγός για Τυπική και μη τυπική Εκπαίδευση 2014: Εκπαίδευση και Κατάρτιση
PPTX
Η διδασκαλία των μονοδιάστατων πινάκων στο μάθημα Ανάπτυξη Εφαρμογών σε Προγρ...
PPTX
Acstac 2014 - Presentation of 2 Π.Π.Γ.
PPT
B2 SaferInternet
PPTX
B2 SaferInternet 2014
PPT
B1 SaferInternet
PPT
B1 SaferInternet
PPTX
B2 SaferInternet 2014
PPT
Κίνδυνοι στο Facebook - Γ1
PPTX
Κίνδυνοι στο Facebook - Γ1
Odhgos ekpaid
Κατασκευή, προγραμματισμός και έλεγχος χειρισμού ενός αυτόνομου Arduino Robot...
Κατασκευή ρομπότ νερού μικρής κλίμακας (Hydrobot) και η αξιοποίησή του για τη...
Ανάπτυξη εφαρμογής Android για την υποστήριξη των μαθητών προς ένα ασφαλέστερ...
Προγραμματίζοντας σε Scratch με τη βοήθεια του Google CS First: Η εμπειρία τ...
Εισαγωγή στην έννοια του Αλγόριθμου: Ένα παράδειγμα καλής πρακτικής αξιοποιών...
Mικρο-σενάρια στην Πληροφορική
Δημιουργία και συντήρηση ιστοτόπου τηλεκπαίδευσης με χρήση του LMS Moodle
Η διδασκαλία των μονοδιάστατων πινάκων στο μάθημα ΑΕΠΠ
Η διδασκαλία των μονοδιάστατων πινάκων στο μάθημα ΑΕΠΠ
Οδηγός για Τυπική και μη τυπική Εκπαίδευση 2014: Εκπαίδευση και Κατάρτιση
Η διδασκαλία των μονοδιάστατων πινάκων στο μάθημα Ανάπτυξη Εφαρμογών σε Προγρ...
Acstac 2014 - Presentation of 2 Π.Π.Γ.
B2 SaferInternet
B2 SaferInternet 2014
B1 SaferInternet
B1 SaferInternet
B2 SaferInternet 2014
Κίνδυνοι στο Facebook - Γ1
Κίνδυνοι στο Facebook - Γ1
Ad

Recently uploaded (8)

PPTX
A digital marketing strategy presentation for Evangelos Venizelos
PPTX
Δριστά Κυριακή, Το καπλάνι της βιτρίνας της Άλκης Ζέη.pptx
PPTX
Δούλια Θάλεια, Καρδιά Πάνω σε Ρόδες -Άντρη Αντωνίου- τελική Βιβλιοπαρουσίαση....
PPTX
Χειραφέτιση και Αναμόρφωση 4. Η Εθνοσυνέλευση του 1862-1864
PPTX
A digital marketing strategy presentation for Evangelos Venizelos
PPTX
Γερμανίδου Δήμ., Αγκαθα Κρίστι.ΕΓΚΛΗΜΑ ΣΤΟΝ ΝΕΙΛΟ_pptx4.pptx
PPTX
Γρηγοριάδου Ανθή Μαρία, Τα Ψηλά Βουνά του Ζαχαρία Παπαντωνίου.pptx
PPTX
Γερμανίδου Φωτεινή, Το πτώμα στη βιβλιοθήκη.pptx
A digital marketing strategy presentation for Evangelos Venizelos
Δριστά Κυριακή, Το καπλάνι της βιτρίνας της Άλκης Ζέη.pptx
Δούλια Θάλεια, Καρδιά Πάνω σε Ρόδες -Άντρη Αντωνίου- τελική Βιβλιοπαρουσίαση....
Χειραφέτιση και Αναμόρφωση 4. Η Εθνοσυνέλευση του 1862-1864
A digital marketing strategy presentation for Evangelos Venizelos
Γερμανίδου Δήμ., Αγκαθα Κρίστι.ΕΓΚΛΗΜΑ ΣΤΟΝ ΝΕΙΛΟ_pptx4.pptx
Γρηγοριάδου Ανθή Μαρία, Τα Ψηλά Βουνά του Ζαχαρία Παπαντωνίου.pptx
Γερμανίδου Φωτεινή, Το πτώμα στη βιβλιοθήκη.pptx

Κατασκευή ιστοσελίδας με HTML και CSS για τους Πολιτιστικούς Περιπάτους Κληρονομιάς της Θεσσαλονίκης