Pages

istoselideshtml

Θεματική Ενότητα 3

Ύλη: Κεφάλαιο 9 (μόνο 9.3), 10, 11 {ενδεικτικές ώρες: 18}

ΘΕΩΡΙΑ: σελ. 80 - σελ. 102 (ΔΙΑΒΑΣΕ ΕΔΩ ΤΟ Ε-ΒΟΟΚ)

ΘΕΩΡΙΑ: ΒΙΝΤΕΟΜΑΘΗΜΑ 1 (ΚΛΙΚ ΕΔΩ ΓΙΑ ΝΑ ΔΕΙΣ ΤΟ ΒΙΝΤΕΟ)

ΘΕΩΡΙΑ: ΒΙΝΤΕΟΜΑΘΗΜΑ 2 (ΚΛΙΚ ΕΔΩ ΓΙΑ ΝΑ ΔΕΙΣ ΤΟ ΒΙΝΤΕΟ)

ΘΕΩΡΙΑ: ΒΙΝΤΕΟΜΑΘΗΜΑ 3 (ΚΛΙΚ ΕΔΩ ΓΙΑ ΝΑ ΔΕΙΣ ΤΟ ΒΙΝΤΕΟ)

ΘΕΩΡΙΑ: ΒΙΝΤΕΟΜΑΘΗΜΑ 4 (ΚΛΙΚ ΕΔΩ ΓΙΑ ΝΑ ΔΕΙΣ ΤΟ ΒΙΝΤΕΟ)

ΘΕΩΡΙΑ: ΒΙΝΤΕΟΜΑΘΗΜΑ 5 (ΚΛΙΚ ΕΔΩ ΓΙΑ ΝΑ ΔΕΙΣ ΤΟ ΒΙΝΤΕΟ)

Για να δω τον κώδικα html από κάθε ιστοσελίδα κάνω δεξί κλικ σε κάποιο σημείο της ιστοσελίδας και επιλέγω "Προβολή κώδικα σελίδας"

https://www.whatismyip.com (για να βρω το Ip μου και άλλα στοιχεία που αφορούν την σύνδεσή μου)

https://www.papaki.com/el (για να αγοράσω και να κατοχυρώσω ένα domain name, ελέγχοντας παράλληλα αν το όνομα που έχω επιλέξει είναι διαθέσιμο ή αν χρησιμοποιείται ήδη από κάποιον/α άλλον/η)

ΠΡΑΚΤΙΚΗ ΑΣΚΗΣΗ:

Κατασκευή ιστοσελίδας στο blogger της google 

(ομάδες από 1 έως και 4 άτομα *)

* απαιτείται από την ομάδα ένας τουλάχιστον λογαριασμός google 

Kατάθεση ομάδων ανά τμήμα στον παρακάτω σύνδεσμο (μέχρι 19 Φεβρουαρίου). Η βαθμολογία θα είναι κοινή για όλα τα μέλη της ομάδας. Συμπλήρωσε τη φόρμα και κάνε υποβολή. 

ΦΟΡΜΑ ΣΥΜΠΛΗΡΩΣΗΣ ΟΜΑΔΑΣ

Βαθμολογία ιστοσελίδας = 10 μονάδες

Βαθμολογία συμμετοχής (+++παρουσία) = 5 μονάδες

ΠΡΟΤΑΣΕΙΣ ΘΕΜΑΤΟΛΟΓΙΑΣ

Κάθε ομάδα θα επιλέξει την θεματολογία της ιστοσελίδας από κοινού και θα κάνει διαμοιρασμό εργασιών μεταξύ τους (ανέβασμα υλικού και συντήρηση).

ΜΕΡΙΚΑ ΠΑΡΑΔΕΙΓΜΑΤΑ ΠΑΡΑΚΑΤΩ:

1. Vlog news (αναρτήσεις με βίντεο)

2. ενημερωτικό blog - σχολική διαδικτυακή εφημερίδα (με ειδήσεις και άλλα ενδιαφέροντα θέματα της καθημερινότητας που αφορούν το σχολείο και όχι μόνο)

3. gaming blog (με νέα από το χώρο του gaming ή παρουσίαση παιχνιδιών)

4. grils accessories presentation (νέα από το χώρο της μόδας)

5. Νέα τεχνολογικά gadgets 

6. Ιστορικού περιεχομένου (πχ. B' Παγκόσμιος πόλεμος-ιστορικά στοιχεία σε βίντεο και εικόνα)

7. Κόμιξ και ηλεκτρονικά βιβλία

8. Παράξενα γεγονότα στον κόσμο

9. Vlog αθλητικά

10. Τρομακτικές ιστορίες 

11. ....

12. ....

Επιλογή template ιστοσελίδας από τον παρακάτω σύνδεσμο

https://gooyaabitemplates.com/free-blogger-templates/

1. FREE LOGO DESIGN

+ CANVAS.COM (απαιτεί λογαριασμό google)

2. Δημιουργία πρωτότυπου ονόματος για την ιστοσελίδα (συνδυασμός μέχρι και 4 λέξεων)

3. JAVA SCRIPT - ΜΕΤΑΦΡΑΣΗ ΣΕ ΠΟΛΛΕΣ ΓΛΩΣΣΣΕΣ

4. JAVA SCRIPT - ΕΞΩΤΕΡΙΚΟΣ ΣΥΝΔΕΣΜΟΣ ΜΕ ΕΙΚΟΝΑ

5. JAVA SCRIPT - FACEBOOK PAGE 

6. Αφαίρεση του μηνύματος της google για τα cookies στην αρχική σελίδα

ΚΕΝΤΡΙΚΗ ΙΣΤΟΣΕΛΙΔΑ ΕΞΑΣΚΗΣΗΣ HTML

https://www.w3schools.com/html/default.asp

https://www.w3schools.com/tryit/tryit.asp?filename=tryhtml_default

https://www.w3schools.com/html/tryit.asp?filename=tryhtml_intro 

Βαθμολογία εργασιών = 2 μονάδες

ΕΡΓΑΣΙΑ HTML1 - Η πρώτη μου ιστοσελίδα (Βιντεομάθημα 3)

Περίληψη: Δημιουργία μιας απλής ιστοσελίδας με θέμα τα 200 χρόνια από την απελευθέρωση του 1821, με περιεχόμενο κείμενο και 2 εικόνες. 

Ο τίτλος (<title>...</title>) της ιστοσελίδας θα είναι της μορφής: 

<title>ΟΝΟΜΑΤΕΠΩΝΥΜΟ-ΤΜΗΜΑ</title>

κείμενο

2-3 σειρές κειμένου (πχ. πληροφορίες από wikipedia)

+ 2 εικόνες από το διαδίκτυο (βρίσκω την εικόνα που θέλω στο διαδίκτυο και κάνω πάνω σε αυτήν δεξί κλικ και "Αντιγραφή διεύθυνσης εικόνας" και στη συνέχεια κάνω επικόλληση μέσα στο scr=""

πχ. <img src="https://o.remove.bg/downloads/b5235d7a-8bc3-4211-bfca-79fe23a49f9e/Cunningham-NBAOpener-removebg-preview.pngwidth="200" hight="200">

ΠΑΡΑΔΕΙΓΜΑ ΠΑΡΑΚΑΤΩ ΣΕ ΕΙΚΟΝΑ

ΒΗΜΑ 1: Άνοιγμα Notepad = Σημειωματάριο

ΒΗΜΑ 2: Συγγραφή κώδικα στον σύνδεσμο: https://www.w3schools.com/tryit/tryit.asp?filename=tryhtml_default

ΒΗΜΑ 3: Αντιγραφή επικόλληση του κώδικα στο σημειωματάριο και εξαγωγή (αποθήκευση ως) σε "Eργασία1-Ιστοσελίδα.html"

ΑΠΟΣΤΟΛΗ ΕΡΓΑΣΙΑΣ 1 ΕΔΩ (μέχρι 24 Φεβρουαρίου)

ΕΡΓΑΣΙΑ HTML2 - Συνέχεια της ΕΡΓΑΣΙΑΣ ΗΤΜL1 (Βιντεομάθημα 4-5)

Αποστολή εργασίας εδώ (μέχρι 26 Φεβρουαρίου)

Βαθμολογία τεστ = 3 μονάδες

TEST QUIZ 1 - 20 ερωτήσεις πολλαπλών επιλογών πάνω στις θεωρίες των Βιντεομαθημάτων 1 και 2 και μάθημα 3 εισαγωγή στην html (15 με 19 Φεβρουαρίου)

ΤΕΣΤ QUIZ 2 - 10 ερωτήσεις πολλαπλών επιλογών πάνω στις βασικές εντολές της ΗTML των Βιντεομαθημάτων 3 και 4 (22 με 26 Φεβρουαρίου)

ΤΕΣΤ QUIZ 3 - 10 ερωτήσεις πολλαπλών επιλογών πάνω στην πρακτική εφαρμογή των Βιντεομαθημάτων 5 και 6 (8 με 12 Μαρτίου)