Μάθημα : ΣΧΕΔΙΑΣΜΟΣ ΚΑΙ ΑΝΑΠΤΥΞΗ ΙΣΤΟΤΟΠΩΝ Β - Πληροφορικής

Κωδικός : S189104

ΣΧΕΔΙΑΣΜΟΣ ΚΑΙ ΑΝΑΠΤΥΞΗ ΙΣΤΟΤΟΠΩΝ Β - Πληροφορικής

S189104  -  Σοφία Καρύδη

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

Μάθημα

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

Μάθημα 1ο

Δημιουργία Ιστοσελίδας

  • Editor (notepad++)
  • Browser
  • Ελάχιστος κώδικας
  • Επεξήγηση δομής ιστοσελίδας
  • Εφαρμογή 1
Μάθημα 2ο

Βασικά στοιχεία Html

  • Δημιουργία παραγράφων
  • Αλλαγή γραμμής
  • Οντότητες
  • Ετικέτες με σημασία

 

 

  Εφαρμογή -2
Μάθημα 3ο

Περιεχόμενο με σημασία

  • Επικεφαλίδες
  • Σημασιολογικές ετικέτες
  • Νέα στοιχεία
  • Παράμετροι(attributes) στοιχείων
  • Στοιχεία δομής
  • Στοιχεία παρουσίασης

 

Εφαρμογή -3
Μάθημα 4ο

Περισσότερες μορφοποιήσεις

  • Quotation and Citation Elements
  • Σχόλια
  • Στοιχεία διαμόρφωσης
  • Διατήρηση κενών διαστημάτων και αλλαγών γραμμής - το στοιχείο pre

 

Εφαρμογή -4
Μάθημα 5ο

Εμφάνιση με στυλ

  • η παράμετρος style
  • κανόνες μορφοποίσης CSS
  • σύνταξη κανόνων μορφοποίησης 
  • text-align
  • color
  • background-color
  • font-family
  • font-size
  • border
  • display
Εφαρμογή -5

 

Μάθημα 6ο

CSS τα βασικά

html_cloud
  • κανόνες μορφοποίησης
  • ιδιότητα
  • τιμή
  • μορφοποίηση κειμένου
  • Internal CSS
  • External CSS
  • Inline CSS

 

Μάθημα 7ο

Χρησιμοποιώντας εξωτερικό στυλ

Μάθημα 8ο

Πίνακας κλασικών επιτυχιών...

  • Δημιουργία πίνακα το στοιχείο table
  • Γραμμή πίνακα tr
  • Κελί πίνακα td
  • Συγχώνευση στηλών colspan
  • Συγχώνευση γραμμών rowspan
  • Μορφοποίση πίνακα
    • Ιδιότητα border-collapse

 

Μάθημα 10ο

Εμφάνιση και απόκρυψη περιεχομένου ιστοσελίδας με χρήση CSS και HTML.

Μάθημα 12ο

Δεδομένα σε… φόρμα

  •  Η ετικέτα form και οι παράμετροι method και action
  • πεδία input
  • τύπος text
  • τύπος radio
  • τύπος checkbox
  • τύπος submit

 

Μάθημα 13ο

Ήχος και video

mini project

Κορυφαία 5 Emoji

Δημιουργήστε μια ελκυστική ιστοσελίδα με τα αγαπημένα σας emoji, με κινούμενα σχέδια, λίστες και διαδραστικά στοιχεία.

Ημερολόγιο

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

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

Όλες...
  • - Δεν υπάρχουν ανακοινώσεις -