ΕΙΣΑΓΩΓΗ ΣΤΗΝ HTML(Εργασία – Ηλεκτρονικό Επιχειρείν 2024)

Teacher

Περιγραφή

 

Το μάθημα "Εισαγωγή στην HTML" έχει σχεδιαστεί για όσους θέλουν να μάθουν τα βασικά της HTML και να κατανοήσουν πώς να δημιουργούν δομημένες ιστοσελίδες. Κατά τη διάρκεια του μαθήματος, οι μαθητές θα εξοικειωθούν με τη σύνταξη και τη δομή της HTML, θα μάθουν να χρησιμοποιούν βασικά tags, όπως επικεφαλίδες, παραγράφους, συνδέσμους και εικόνες, και θα δομήσουν περιεχόμενο σε ιστοσελίδες με τη χρήση divs και spans.

Στόχοι Μαθήματος:

  • Κατανόηση της βασικής δομής μιας HTML σελίδας.
  • Χρήση θεμελιωδών HTML tags για τη δημιουργία περιεχομένου.
  • Απόκτηση δεξιοτήτων για την οργάνωση περιεχομένου με τη χρήση tags διαμόρφωσης δομής.

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

CC - Αναφορά Δημιουργού

Ενότητες

Εισαγωγή στην HTML

Εξοικείωση με τις βασικές έννοιες και την ιστορία της HTML, την έννοια των tags και τη δομή μιας HTML σελίδας.

Περιεχόμενο:

  • Θεωρία:
    • Τι είναι η HTML και ποια η σημασία της για το Web.
    • Ιστορική αναδρομή και εκδόσεις της HTML (HTML4, XHTML, HTML5).
    • Η δομή μιας HTML σελίδας (το <!DOCTYPE>, η <html>, <head>, και <body>).
    • Αναφορά στα βασικά tags (<p>, <h1>, <a>, <img>, <ul>, <ol>, κτλ.).
Βασική Σύνταξη και Δομή HTML Εγγράφων
  • Στόχος: Κατανόηση και χρήση πιο προχωρημένων στοιχείων HTML, ώστε να δομηθεί καλύτερα το περιεχόμενο μιας σελίδας.
  • Περιεχόμενο:
    • Θεωρία:
      • Εισαγωγή στις επικεφαλίδες και η σημασία τους για την ιεραρχία του περιεχομένου (<h1> έως <h6>).
      • Δημιουργία συνδέσμων και εικόνων (attributes href, src, alt).
      • Εισαγωγή στα divs και spans για τη δομή περιεχομένου.
      • Συμβουλές για καλή δομή και αναγνωσιμότητα κώδικα.
    • Ασκήσεις:
      • Δόμηση μιας σελίδας με επικεφαλίδες που ακολουθούν ιεραρχική δομή.
      • Χρήση divs και spans για οργάνωση περιεχομένου και styling.
      • Εισαγωγή εικόνων με περιγραφή alt και προσθήκη συνδέσμων.
    • Quiz:
      • Quiz με σύντομες ερωτήσεις πάνω στα attributes και στη σωστή χρήση των div και span tags.

Ημερολόγιο

Προθεσμία
Γεγονός μαθήματος
Γεγονός συστήματος
Προσωπικό γεγονός

Ανακοινώσεις

  • - Δεν υπάρχουν ανακοινώσεις -
περισσότερα…