Ασκήσεις – Υποστηρικτικό υλικό

  1. Υλικό.
  2. Λογισμικό
  3. Εφαρμογές.

 

Εισαγωγή CSS Παρουσίαση HTML + CSS

CSS tutorial starting with HTML + CSS (σύντομος οδηγός στην Αγγλική γλώσσα)

Άσκηση  Μάιος 2017

Μελετώντας την ενότητα για τις φόρμες, από το αρχείο html_bootcamp και από εδώ, δημιουργήστε μία φόρμα που να έχει την μορφή που φαίνεται στην παρακάτω εικόνα:

Οδηγίες

  • Τον html κώδικα θα τον γράψετε στο ήδη υπάρχων αρχείο form.html (το ανοίγουμε με το notepad++) ( form κατεβάστε το συμπιεσμένο αρχείο στον υπολογιστή σας και αποσυμπιέστε το αρχείο)
  • H ετικέτα για δημιουργία φόρμας είναι η <form>… </form>
  • Μέσα στην <form> εμφωλεύουμε την <fieldset> αν θέλουμε να δημιουργήσουμε το πλαίσιο γύρω από την φόρμα
  • Η <legend> εμφωλεύεται μέσα στην <fieldset> και εμφανίζει το κείμενο – επικεφαλίδα (στο παράδειγμα είναι το «Personal Data» και το «Preferences»
  • Μέσα στην <fieldset> βάζουμε το κείμενο και την αντίστοιχη ετικέτα για το στοιχείο της φόρμας (π.χ. Name: <input type=»text» name= «namefield»><br>)

Παλαιότερη Άσκηση εδώ.

On line επεξεργαστής αρχείου HTML εδώ και ένας πιο απλός εδώ και εδώ.

Όλες οι ετικέτες της HTML εδώ.

Υλικό για επανάληψη : html_askhseis

 

 

Εξεταστέα ‘Ύλη Προαγωγικών Εξετάσεων Ιουνίου 2018

  • Κεφάλαιο 7 (σελ.54-70)
  • Κεφάλαιο 9, Παράγραφος 9.3 (σελ.84-86)
  • Κεφάλαιο 10 (σελ.87-92)
  • Κεφάλαιο 11 (σελ.93-102)
  • Κεφάλαιο 13, Παράγραφος 13.3 (σελ.114-118)

Διδάσκουσα: Ελπίδα Λαγουδάκη