Μια εισαγωγή στην CSS!

Τι είναι η CSS

Να χρησιμοποιηθεί το σενάριο της 1ης ώρας.

• Σημασία
• Ιστορία
• Σύνταξη
• Τρόποι ενσωμάτωσης:
  • Inline
  • Internal
  • External
• Παράδειγμα με δημιουργία εξωτερικού style.css με

body{
   background-color: bisque;
   color: black;
   font-family: Verdana, Geneva, Tahoma, sans-serif;
}

• Σύνδεση του index.html με το style.css εισάγοντας στην περιοχή head την ετικέτα:

    <link rel="stylesheet" href="style.css">

• Σύνδεση του whoweare.html με το style.css με τον ίδιο τρόπο.

2η ώρα

Να μπει διαφορετικό φόντο στο header, footer, section
Στοίχιση στο κέντρο για header και footer.
Να γίνει μια σύντομη εισαγωγή στα χρώματα της CSS (140 ονόματα και RGB)

3η ώρα

Box Model:

• Περιγράμματα: να δειχθεί η συντόμευση και να μπει border-bottom στον header. Αντίστοιχα border-top στο footer
• Περιθώρια: να μπει padding στο header και footer
• Margin: να μπει body{margin:0}

4η ώρα

Να εφαρμοστούν τα παραπάνω και στην σελίδα index.html
Να ολοκληρωθούν οι σελίδες με περιεχόμενο,

5η ώρα

Χρήση του a:hover για το μενού
Στοίχιση εικόνων.

6η ώρα

Παρουσίαση των ιστοσελίδων των ομάδων και ετεροαξιολόγηση.