Άσκηση2 ifs (If and )

ΟΝΟΜΑΤΕΠΩΝΥΜΟ ΕΙΣΟΔΗΜΑ ΦΟΡΟΣ
ΒΕΖΥΡΟΠΟΥΛΟΥ ΑΘΗΝΑ 35000
ΓΡΗΓΟΡΙΑΔΟΥ ΒΑΛΕΝΤΙΝΑ 27000
ΔΑΝΙΗΛΙΔΟΥ ΒΑΣΙΛΙΚΗ 42000
ΖΑΜΠΕΔΗ ΔΕΣΠΟΙΝΑ 50000
ΚΑΪΜΑΚΗΣ ΛΑΜΠΡΟΣ 46000
ΚΑΛΟΓΙΑΝΝΙΔΗΣ ΣΤΑΥΡΟΣ 38000
ΚΑΠΛΑΝΗ ΦΩΤΕΙΝΗ 60000
ΚΑΡΣΛΙΔΗΣ ΓΕΩΡΓΙΟΣ 5500
ΚΑΡΥΠΙΔΟΥ ΑΝΝΑ 6000
ΚΟΜΝΗΝΟΣ ΒΛΑΣΣΗΣ 30000
ΜΑΛΛΙΝΟΣ ΚΥΡΙΑΚΟΣ 14000
ΜΑΡΓΑΡΙΤΟΠΟΥΛΟΥ ΕΥΗ 25000
ΜΑΥΡΟΥΔΗ ΜΑΡΙΑ 40000
ΜΠΟΥΛΙΩΝΗΣ ΜΑΡΙΟΣ 37000
ΝΤΙΣΛΗΣ ΒΑΣΙΛΕΙΟΣ 65000
ΝΤΟΥΡΟΥ ΝΙΚΟΛΕΤΑ 19000
ΠΑΝΑΓΙΩΤΙΔΟΥ ΕΛΣΑ 18000
ΠΡΟΚΟΠΙΔΗΣ ΜΑΝΩΛΗΣ 36000

Έστω Χ το εισόδημα ενός φορολογούμενου. Υποθέτουμε ότι ο υπολογισμός φόρους που θα πληρώσει στο τέλος του έτους γίνεται ως εξής:

  • Εάν το εισόδημα Χ είναι μικρότερο των 6.000€ τότε δεν πληρώνει φόρο.
  • Εάν το εισόδημα Χ βρίσκεται μεταξύ 6.000€ και 10.000€ (μικρότερο αλλά όχι ίσο των 10.000€) τότε πληρώνει ως φόρο το 5% του εισοδήματος.
  • Εάν το εισόδημα Χ βρίσκεται μεταξύ 10.000€ και 15.000€ (μικρότερο αλλά όχι ίσο των 15.000€) τότε πληρώνει ως φόρο το 10% του εισοδήματος.
  • Εάν το εισόδημα Χ βρίσκεται μεταξύ 15.000€ και 30.000€ (μικρότερο αλλά όχι ίσο των 30.000€) τότε πληρώνει ως φόρο το 15% του εισοδήματος.
  • Εάν το εισόδημα Χ βρίσκεται μεταξύ 30.000€ και 45.000€ (μικρότερο αλλά όχι ίσο των 45.000€) τότε πληρώνει ως φόρο το 30% του εισοδήματος.
  • Εάν το εισόδημα Χ είναι μεγαλύτερο ή ίσο των 45.000€ πληρώνει ως φόρο το 45% του εισοδήματος.

Στη στήλη Α έχουμε δίνονται τα ονόματα 20 διαφορετικών ανθρώπων.

Στη στήλη Β έχουμε δίνονται τα εισοδήματα των ανθρώπων.

1ο ζητούμενο:

Στη στήλη C να υπολογιστεί το εισόδημα των ανθρώπων.

ΠΡΟΣΟΧΗ: Δεν επιτρέπονται βοηθητικές στήλες. Κατά την επίλυση του προβλήματος μπορείτε να χρησιμοποιήσετε όσες βοηθητικές στήλες θέλετε. Στο τέλος όμως θα πρέπει να μεταφέρετε όλα τα αποτελέσματα σε ένα κελί και να διαγράψετε όλες τις βοηθητικές στήλες.

Γραφήματα

 


Λήψη αρχείου

γραφηματα

Άσκηση με πίνακες και μορφοποίηση


Λήψη αρχείου

Εισαγωγή στις Λίστες (HTML Lists)

Εισαγωγή στις Λίστες (HTML Lists)

Η HTML μάς επιτρέπει να παρουσιάζουμε πληροφορίες σε μορφή λιστών.
Οι λίστες είναι ένας πολύ πρακτικός τρόπος για να οργανώνουμε περιεχόμενο, όπως οδηγίες, στοιχεία, προϊόντα ή συνδέσμους.

Υπάρχουν τρεις βασικοί τύποι λιστών στην HTML:

Είδος λίστας Ετικέτα Περιγραφή
Ταξινομημένη λίστα <ol> Η σειρά των στοιχείων έχει σημασία (1, 2, 3…).
Μη ταξινομημένη λίστα <ul> Η σειρά δεν έχει σημασία (σημάδια κουκίδων).
Λίστα ορισμών <dl> Χρησιμοποιείται για ορισμούς ή περιγραφές όρων.

🟢 1. Μη Ταξινομημένες Λίστες (Unordered Lists)

Οι λίστες αυτές ξεκινούν με την ετικέτα <ul>
Κάθε στοιχείο της λίστας δηλώνεται με <li> (list item).

🔹 Παράδειγμα:

<h3>Αγαπημένα φρούτα</h3>
<ul>
<li>Μήλο</li>
<li>Πορτοκάλι</li>
<li>Μπανάνα</li>
</ul>

Αποτέλεσμα:

  • Μήλο

  • Πορτοκάλι

  • Μπανάνα

👉 Από προεπιλογή, η HTML χρησιμοποιεί κουκίδες (•) μπροστά από κάθε στοιχείο.

🔵 2. Ταξινομημένες Λίστες (Ordered Lists)

Οι λίστες αυτές ξεκινούν με την ετικέτα <ol>
Κάθε στοιχείο δηλώνεται επίσης με <li>, αλλά τα στοιχεία αριθμούνται αυτόματα.

🔹 Παράδειγμα:

<h3>Βήματα συνταγής</h3>
<ol>
<li>Προθέρμανε τον φούρνο.</li>
<li>Ανακάτεψε τα υλικά.</li>
<li>Ψήσε για 30 λεπτά.</li>
</ol>

Αποτέλεσμα:

  1. Προθέρμανε τον φούρνο.

  2. Ανακάτεψε τα υλικά.

  3. Ψήσε για 30 λεπτά.

👉 Μπορείς να αλλάξεις το είδος της αρίθμησης με το χαρακτηριστικό type:

  • type="A" για κεφαλαία γράμματα (A, B, C)

  • type="a" για πεζά γράμματα (a, b, c)

  • type="I" για ρωμαϊκούς αριθμούς (I, II, III)

🟣 3. Λίστες Ορισμών (Definition Lists)

Αυτή η λίστα χρησιμοποιείται για όρους και ορισμούς.

  • <dl> → αρχίζει τη λίστα ορισμών

  • <dt> → δηλώνει τον όρο (definition term)

  • <dd> → δηλώνει τον ορισμό (definition description)

🔹 Παράδειγμα:

<h3>Γλωσσάρι όρων</h3>
<dl>
<dt>HTML</dt>
<dd>Η γλώσσα δομής ιστοσελίδων.</dd><dt>CSS</dt>
<dd>Η γλώσσα μορφοποίησης και στυλ ιστοσελίδων.</dd>
</dl>

Αποτέλεσμα:
HTML
 Η γλώσσα δομής ιστοσελίδων.
CSS
 Η γλώσσα μορφοποίησης και στυλ ιστοσελίδων.

🌈 Παράδειγμα Ολοκληρωμένης Σελίδας

<!DOCTYPE html>
<html lang="el">
<head>
<meta charset="UTF-8">
<title>Λίστες στην HTML</title>
<style>
body {
font-family: Arial, sans-serif;
background-color: #f0f8ff;
color: #333;
margin: 30px;
}h2 {
color: darkblue;
}ul {
list-style-type: square;
}ol {
list-style-type: upper-roman;
}
</style>
</head>
<body><h1>Λίστες στην HTML</h1><h2>Μη Ταξινομημένη Λίστα</h2>
<ul>
<li>Μήλο</li>
<li>Πορτοκάλι</li>
<li>Μπανάνα</li>
</ul><h2>Ταξινομημένη Λίστα</h2>
<ol>
<li>Ξύπνα νωρίς</li>
<li>Κάνε πρωινό</li>
<li>Πήγαινε στο σχολείο</li>
</ol><h2>Λίστα Ορισμών</h2>
<dl>
<dt>HTML</dt>
<dd>Γλώσσα δομής ιστοσελίδων.</dd>
<dt>CSS</dt>
<dd>Γλώσσα εμφάνισης και μορφοποίησης.</dd>
</dl>

</body>
</html>

✅ Τι πρέπει να θυμάσαι

  • Οι λίστες δημιουργούνται με τις ετικέτες <ul>, <ol>, <dl>.

  • Τα στοιχεία της λίστας δηλώνονται πάντα με <li> (εκτός από λίστες ορισμών).

  • Μπορείς να ενσωματώσεις λίστες μέσα σε άλλες λίστες (π.χ. υποκατηγορίες).

  • Με την CSS μπορείς να αλλάξεις το είδος κουκίδας, το χρώμα και τη στοίχιση.

Λάβε δράση – Πειραματίσου στο W3Schools

Μπορείς να δοκιμάσεις όσα έμαθες για τις λίστες ζωντανά, μέσα από το περιβάλλον του W3Schools.
Εκεί μπορείς να αλλάξεις τον κώδικα και να δεις αμέσως το αποτέλεσμα!

🔗 HTML Lists – Try it Yourself:
👉 https://www.w3schools.com/html/html_lists.asp

ΔΡΑΣΤΗΡΙΟΤΗΤΑ 1 – Εξερεύνησε στο W3Schools

🔗 Άνοιξε τον παρακάτω σύνδεσμο:
👉 https://www.w3schools.com/html/tryit.asp?filename=tryhtml_lists

Στην αριστερή στήλη θα δεις τον κώδικα HTML με δύο λίστες:

<h2>An unordered HTML list</h2>

<ul>

<li>Coffee</li>

<li>Tea</li>

<li>Milk</li>

</ul>

 

<h2>An ordered HTML list</h2>

<ol>

<li>Coffee</li>

<li>Tea</li>

<li>Milk</li>

</ol>

Στην δεξιά πλευρά βλέπεις το αποτέλεσμα της HTML σελίδας.

🧠 Βήμα 2 – Παρατήρησε

✏️ Ερωτήσεις:

  1. Τι παρατηρείς στη μορφή της μη ταξινομημένης λίστας (<ul>) σε σχέση με την ταξινομημένη (<ol>);
  2. Ποιο στοιχείο εμφανίζεται πρώτο και ποιο τελευταίο στη λίστα;
  3. Ποιο tag χρησιμοποιείται για κάθε στοιχείο της λίστας;

💻 Βήμα 3 – Πειραματίσου

Πάτα “Try it Yourself” και δοκίμασε να αλλάξεις:

1️⃣ Στη μη ταξινομημένη λίστα (<ul>):

  • Άλλαξε τα στοιχεία σε φρούτα, π.χ.
  • <li>Μήλο</li>
  • <li>Πορτοκάλι</li>
  • <li>Μπανάνα</li>
  • Πρόσθεσε ένα ακόμη στοιχείο (π.χ. “Αχλάδι”).

2️⃣ Στην ταξινομημένη λίστα (<ol>):

  • Άλλαξε τα στοιχεία σε βήματα μιας συνταγής, π.χ.
  • <li>Ανακάτεψε τα υλικά</li>
  • <li>Πρόσθεσε το νερό</li>
  • <li>Ψήσε στο φούρνο</li>

3️⃣ Πάτησε RUN ▶️ και δες το αποτέλεσμα.

🎨 Προαιρετική πρόκληση

Δοκίμασε να αλλάξεις τον τρόπο αρίθμησης της ταξινομημένης λίστας:

<ol type=”A”>

<li>Ανακάτεψε</li>

<li>Πρόσθεσε</li>

<li>Ψήσε</li>

</ol>

❓ Πώς αλλάζει το αποτέλεσμα;
(Από αριθμούς → σε γράμματα)

🏁 Βήμα 4 – Συμπέρασμα

✍️ Γράψε :

  • Ποια ετικέτα χρησιμοποιώ για μη ταξινομημένη λίστα;
  • Ποια για ταξινομημένη λίστα;

Ποια για κάθε στοιχείο της λίστας;

Δραστηριότητα 2 – Αλλάζω μια λίστα

Στόχος: Να επεξεργαστείς υπάρχον κώδικα και να κατανοήσεις πώς αλλάζουν οι λίστες.

1️⃣ Δημιούργησε ένα νέο αρχείο με όνομα mylist.html
2️⃣ Αντέγραψε τον παρακάτω κώδικα:

<!DOCTYPE html>

<html lang=”el”>

<head>

<meta charset=”UTF-8″>

<title>Η Λίστα μου</title>

</head>

<body>

 

<h2>Αγαπημένα ζώα</h2>

<ul>

<li>Σκύλος</li>

<li>Γάτα</li>

<li>Παπαγάλος</li>

</ul>

 

</body>

</html>

 

3️⃣ Άλλαξε τη λίστα ώστε να δείχνει αγαπημένα φαγητά.
4️⃣ Πρόσθεσε ένα ακόμη στοιχείο στη λίστα.
5️⃣ Άλλαξε την ετικέτα <ul> σε <ol> και δες τη διαφορά στο αποτέλεσμα.

✏️ Σκέψου:

Πότε είναι καλύτερο να χρησιμοποιώ <ol> και πότε <ul>;

 

🌈 Δραστηριότητα 3 – Δημιούργησε τη δική σου λίστα!

Στόχος: Δημιούργησε μια προσωπική σελίδα που περιέχει πολλαπλές λίστες.

1️⃣ Δημιούργησε ένα νέο αρχείο με όνομα favorites.html
2️⃣ Πρόσθεσε τίτλο, επικεφαλίδες και λίστες με τα αγαπημένα σου πράγματα.

φύλλο εργασίας – βιογραφικό με χιούμορ

παρακάτω υπάρχει ένα βιογραφικό, διαφορετικό απο τα άλλα!  Ρίξτε μια ματιά και κάντε κι εσεις ένα!

ημερομηνία παράδοσης 13/01/25

τρόποι παράδοσης:

  1. αποστολή στο email μου  lena_anag@yahoo.gr
  2. να το γράψετε σε ένα flash- ακι  και να το φέρετε στο σχολείο.

Το βιογραφικό μου με χιούμορ