Εφαρμογές Πληροφορικής (CSS)

Περιγραφή θέματος

• Γενικά

  Σύμπτυξη όλων Ανάπτυξη όλων
  • 

    Announcements Φόρουμ

• Καθορίζοντας την εμφάνιση – CSS
  • Εισαγωγή στα Cascading Style Sheets - CSS

  • 

    Εισαγωγή στα Cascading Style Sheets - CSS Διαδραστικό περιεχόμενο

    1. Ανοίξτε το αρχείο εμπλουτισμένης εισήγησης με τίτλο ‘Εισαγωγή στα CascadingStyleSheets -  CSS’.
    2. Αλληλεπιδράστε με τα διαδραστικά σημεία όπου χρειάζεται για να αποκτήσετε πληρέστερη κατανόηση του περιεχομένου των διαφανειών.

  • 

    CSS Αίσωπος Διαδραστικό περιεχόμενο

    1. Ανοίξτε τον σύνδεσμο με τον τίτλο ‘CSS Αίσωπος’ .
       
    2. Διερευνήστε τα ερωτήματά μας και καταγράψτε τις υποθέσεις σας.
       

  • ---

    Ενσωμάτωση βασικών κανόνων μορφοποίησης σε ένα HTML έγγραφο ή σύνδεσή τους με ένα HTML έγγραφο.

  • 1. Αποθηκεύστε τοπικά στον υπολογιστή σας τα τρία αρχεία που βρίσκονται μέσα στον φάκελο CSS.
    2. Με τη χρήση του σημειωματάριου ανοίξτε το ‘htmlΑρχείο’ και τροποποιήστε το προκειμένου να το συνδέσετε με το ‘css1’ αρχείο.   Αποθηκεύστε. Ανοίξτε το αρχείο με το φυλλομετρητή για να δείτε αν εφαρμόστηκαν οι κανόνες μορφοποίησης.
    3. Με τη χρήση του σημειωματάριου ανοίξτε το ‘htmlΑρχείο’ και το  ‘css2’ αρχείο. Τροποποιήστε το πρώτο αρχείο προκειμένου να ενσωματώσετε τους κανόνες μορφοποίησης από το  ‘css2’ αρχείο. Αποθηκεύστε. Ανοίξτε το αρχείο με το φυλλομετρητή για να δείτε αν εφαρμόστηκαν οι κανόνες μορφοποίησης.

    
    

    Λήψη φακέλου

    • CSS
      • css1.css
      • css2.css
      • htmlΑρχείο.html
  • 

    Σύνδεση CSS με HTML Διαδραστικό περιεχόμενο

    1. Ανοίξτε το αρχείο εμπλουτισμένης εισήγησης με τίτλο ‘Σύνδεση CSS με HTML’.
    2. Αλληλεπιδράστε με τα διαδραστικά σημεία όπου χρειάζεται για να αποκτήσετε πληρέστερη κατανόηση του περιεχομένου των διαφανειών.

    
    

  • 

    Βρες τα Λάθη Διαδραστικό περιεχόμενο

    Ανοίξτε την άσκηση ‘Βρες τα Λάθη’. Εντοπίστε και υπογραμμίστε τα λάθη.

    
    

  • 

    Τεστ CSS Προσωπικότητας Διαδραστικό περιεχόμενο

    Ανοίξτε την άσκηση ‘Τεστ CSS Προσωπικότητας’ και εκτελέστε το τεστ απαντώντας τις ερωτήσεις.

    
    

  • 

    Aνακεφαλαίωση Διαδραστικό περιεχόμενο

    1. Ανοίξτε το αρχείο εμπλουτισμένης εισήγησης με τίτλο ‘Ανακεφαλαίωση’.
    2. Αλληλεπιδράστε με τα διαδραστικά σημεία όπου χρειάζεται για να αποκτήσετε πληρέστερη κατανόηση του περιεχομένου των διαφανειών.

    
    

  • ---

    Μορφοποίηση με τη χρήση του κειμενογράφου

  • 

    Άσκηση Μορφοποίησης Διαδραστικό περιεχόμενο

    Ανοίξτε τον σύνδεσμο 'Άσκηση Μορφοποίησης' και δουλέψτε σε ομάδες με τον διπλανό σας.
    

  • 

    Αξιολόγηση Συνεργασίας Ανατροφοδότηση

    Συμπληρώστε την 'Κλίμακα Διαβαθμισμένων Κριτηρίων' για να αξιολογήσετε τη δυνατότητα συνεργασίας του συμμαθητή σας στην ομαδική δραστηριότητα που προηγήθηκε.
    

  • ---

    Βασικοί κανόνες μορφοποίησης CSS
    

  • 

    Code pen Διαδραστικό περιεχόμενο

    Χρησιμοποιήστε τη διαδικτυακή εφαρμογή ‘Cοde pen’.
    

  • 

    Βασικοί κανόνες Μορφοποίησης CSS Διαδραστικό περιεχόμενο

    1. Ανοίξτε το αρχείο εμπλουτισμένης εισήγησης με τίτλο ‘Βασικοί κανόνες Μορφοποίησης CSS.
    2. Αλληλεπιδράστε με τα διαδραστικά σημεία όπου χρειάζεται για να αποκτήσετε πληρέστερη κατανόηση του περιεχομένου των διαφανειών.

    
    

  • 

    Ημερολόγιο Μάθησης Ανατροφοδότηση

    Ανοίξτε το ηλεκτρονικό  ‘Ημερολόγιο Μάθησης’.  Καταγράψτε τα προσωπικά σας νοήματα.
    

  • ---

    Δημιουργία και αξιολόγηση αρχείου CSS

  • 

    Code pen Διαδραστικό περιεχόμενο

    Χρησιμοποιήστε τη διαδικτυακή εφαρμογή ‘Code pen’.
    

  • 

    Ανακεφαλαίωση CSS Διαδραστικό περιεχόμενο

    Ανοίξτε τη δραστηριότητα ‘Ανακεφαλαίωση CSS ’. Ερμηνεύστε τον εννοιολογικό χάρτη καταγράφοντας ψηφιακά τη αφήγησή σας και αποθηκεύστε στο e-portfolio σας.