Φύλλα εργασίας

Επισυνάπτονται στο τέλος τα φύλλα εργασίας που θα δοθούν στους μαθητές με οδηγίες για όλες τις δραστηριότητες.

Τα φύλλα εργασίας θα είναι αναρτημένα και στο blog του καθηγητή, για οικονομία χαρτιού και χρόνου.

 

Πρόσθετα στοιχεία - σχόλια

·       Για την οικονομία του χρόνου του μαθήματος η 3η δραστηριότητα είναι μισό συμπληρωμένη. Αν οι μαθητές είναι πιο αποδοτικοί ή αν υπάρχει ευχέρεια χρόνου θα μπορούσε να δίνεται μόνο η δεξιά στήλη του πίνακα, δηλαδή πως θέλουμε να φαίνεται μια ιστοσελίδα, και οι μαθητές να έγραφαν όλες τις ετικέτες. 

·       Επειδή όλο το υλικό του μαθήματος είναι αναρτημένο στο blog του εκπαιδευτικού, δίνεται η δυνατότητα για περαιτέρω εξάσκηση του μαθητή ασύγχρονα από το σπίτι του όποτε το επιθυμεί.

·       Επίσης η 4η δραστηριότητα στέλνει τα αποτελέσματα αυτόματα στο email του μαθητή και του δίνει κίνητρο να ξαναπροσπαθήσει μέχρι να επιτύχει το 100%. Θα μπορούσε ο μαθητής, όταν κατακτήσει τη νέα γνώση να βάλει στο 1ο πεδίο του quiz το email του γονέα-κηδεμόνα του για να υπερηφανευτεί και να του αποδείξει όσα κατάφερε. Επιτυγχάνεται εμμέσως ένας δίαυλος επικοινωνίας κηδεμόνων – σχολείου.

Φύλλο εργασίας HTML

Σε ομάδες ανά 3 μαθητές πραγματοποιήστε τις επόμενες δραστηριότητες.

Στο προηγούμενο μάθημα είδαμε πως η απλούστερη γενική μορφή μιας ιστοσελίδας είναι:

<HTML>
<HEAD>
<TITLE> Τίτλος ιστοσελίδας </TITLE>
</HEAD>
<BODY>
Το περιεχόμενο της σελίδας
</BODY>
</HTML>

1η δραστηριότητα (10 λεπτά)

συνδεθείτε στη επόμενη σελίδα

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

Πατήστε Run

θα βλέπετε μια ιστοσελίδα σαν την επόμενη

στην υπάρχουσα παράγραφο γράψτε «επεξεργασία δεδομένων»

προσθέστε μια παράγραφο «πληροφορία»

έτσι ώστε να βλέπετε μια ιστοσελίδα με την επόμενη μορφή

Προσθέστε τις λέξεις «υλικό» και «λογισμικό» ως κεφαλίδες1

Μέσα στο «υλικό» προσθέστε τα «εσωτερικό», «περιφερειακές συσκευές» ως κεφαλίδες2

Οι λέξεις περιφερειακές συσκευές να είναι σε διαφορετικές γραμμές 

 

 

 

2η δραστηριότητα (5 λεπτά)

Βιντεοπροβολέας ή διαδραστικός πίνακας

Στην 1η στήλη του επόμενου πίνακα δίνονται μερικές βασικές εντολές της HTML και στην 2η δίνονται ανακατεμένα η σημασία τους. Αντιστοιχίστε τον αριθμό της 1ης στήλης και δίπλα το σωστό  γράμμα της 2ης στήλης.

 

1.               <HTML>...</HTML>

a.               Ορίζει την εισαγωγή κάποιας εικόνας -image- και των παραμέτρων που αφορούν στη θέση της, το μέγεθός της, κ.ά

2.               <HEAD>...</HEAD>

b.               Δηλώνει αλλαγή γραμμής

3.               <BODY>...</BODY>

c.                Ορίζει δεσμό με ιστοσελίδα που βρίσκεται στο URL

4.               <TITLE>…</TITLE>

d.               Ορίζει παράγραφο.

5.               <P>….</P>

e.               Ορίζει το τμήμα εκείνο της ιστοσελίδας στο οποίο αναφέρονται δι- αχειριστικής φύσεως πληροφορίες που αφορούν στο περιεχόμενο της ιστοσελίδας. Οι πληροφορίες αυτές δεν εμφανίζονται από τον φυλλομετρητή.

6.               <BR>

f.                 Ορίζει τον τίτλο της.

7.               <IMG>

g.               Ορίζει την αρχή και το τέλος μιας ιστοσελίδας

8.               <A HREF=”URL”> … </A>

h.               Ορίζει το περιεχόμενο της ιστοσελίδας

9.               <ol>

<li>…</li>

<li>…</li>

κλπ

</ol>

i.                 Δημιουργία Αριθμημένης Λίστας

10.            <ul>

<li>…</li>

<li>…</li>

κλπ

</ul>

j.                 Δημιουργία Λίστας

 

 

3η δραστηριότητα (15 λεπτά)

Στον επόμενο πίνακα δίνεται μια Ιστοσελίδα και μισό γραμμένες  οι εντολές σε HTML που την δημιουργούν. Να συμπληρώσετε τα 10 κενά έτσι ώστε να δημιουργούν μια ιστοσελίδα όπως φαίνεται δίπλα.

<html>

<title>………1………..<……2….>

<…..3……>

καλό<…4….>καλόκαίρι

</head>

<BODY>

<H1>Διακοπές</H1>

<H2>….5…….</H2>

<H3>Μεσσήνη</H3>

<ol>

<li> Μένουμε Ελλάδα</li>

<ul>

<li>Ιούνιος</li>

<li>Ιούλιος</li>

<li>Αύγουστος</li>

<…6…l>

<li>Βουνά</li>

<..7…>Νησιά<..8…>

<li>Εξωτερικό</li>

</ol>

<…9… >

<…10…>

 

 

Συνδεθείτε στην επόμενη σελίδα, συμπληρώστε τα κενά έτσι ώστε να δημιουργήσετε μια ιστοσελίδα όπως φαίνεται στην δεξιά στήλη.

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

 

 

4η δραστηριότητα (10 λεπτά) αυτοαξιολόγηση

Απαντήστε στο επόμενο quiz αυτοαξιολόγησης για να δείτε τι μάθατε σήμερα.

Μπορείτε να απαντήσετε ξανά και ξανά μέχρι να βελτιώσετε την βαθμολογία σας.

Ερωτηματολόγιο αυτοαξιολόγησης