Ηλεκτρονική Σχολική Τάξη (η-Τάξη) | Σχεδιασμός και Ανάπτυξη Ιστοτόπω...

Σχεδιασμός και Ανάπτυξη Ιστοτόπων

T263125 - ΝΙΚΟΛΑΟΣ ΓΑΤΣΗΣ

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

Γεια σας παιδιά!!

Καλή σχολική χρονιά!

Ονομάζομαι Νίκος Γάτσης και μαζί θα κάνουμε το μάθημα "Σχεδιασμός και Ανάπτυξη Ιστοτόπων"

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

Θα πρέπει να κάνετε κλικ πάνω σε κάθε ενότητα για να δείτε τα περιεχόμενά της.

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

Δημιουργία ιστοσελίδων με HTML, CSS και JavaScript, μέσα από παραδείγματα εφαρμογών.

| Σχόλια (0)

Ενότητες

Βασικοί Κανόνες Χρήσης του Εργαστηρίου Πληροφορικής.

1) Ο κάθε μαθητής έχει συγκεκριμένη θέση σε ένα υπολογιστή την οποία δεν αλλάζει αν δεν υπάρχει σοβαρός λόγος και χωρίς να ρωτήσει τον καθηγητή Η/Υ.

2) Σεβόμαστε το συμμαθητή που κάθεται δίπλα μας και συνεργαζόμαστε μαζί του.

3) Σεβόμαστε τα μηχανήματα και τα προσέχουμε σα να είναι δικά μας.

4) Απαγορεύονται τα τρόφιμα και τα νερά μέσα στο εργαστήριο και ειδικά δίπλα στους υπολογιστές.

5) Απαγορεύεται η χρήση κινητών τηλεφώνων.

6) Δεν αγγίζουμε την οθόνη των υπολογιστών.

7) Δεν αγγίζουμε ποτέ τα καλώδια και τις πρίζες που υπάρχουν μέσα στο εργαστήριο.

8) Απόλυτη ησυχία όταν μιλάει ο καθηγητής Η/Υ. (Μιλάμε χαμηλόφωνα μόνο όταν συνεργαζόμαστε σε μία εργασία).

9) Δεν παίζουμε παιχνίδια στον Η/Υ και δεν επισκεπτόμαστε ιστοσελίδες που δεν έχουν σχέση με το μάθημα μας – η ώρα μας στο εργαστήριο πληροφορικής είναι πολύτιμη!

10) Όταν τελειώνει το μάθημα, αποθηκεύουμε την εργασία μας στον φάκελό μας με τον τρόπο που έχει επισημάνει ο καθηγητής Η/Υ και τακτοποιούμε τις καρέκλες μας.

Καλή σχολική χρονιά

Εισαγωγή στο WEB.

Σκοπός

Ο σκοπός αυτής της ενότητας είναι να γνωρίσεις τι είναι τα Internet - WWW και HTML - CSS - JavaScript, να καταλάβεις πώς να τα χρησιμοποιήσεις και να εφαρμόσεις βασικές έννοιες της HTML για να δημιουργήσεις μια απλή ιστοσελίδα.

Λέξεις κλειδιά

Internet

WWW

ΗTML

CSS

Javascriρt

Headings

Αναμενόμενα αποτελέσματα

Ολοκληρώνοντας αυτήν την ενότητα, θα γνωρίζεις/ μπορείς να:

κατανοείς τη λειτουργικότητα του INTERNET και του WEB (επικοινωνία πελάτη/client-διακομιστή/server)

κατανοείς τον τρόπο με τον οποίο χρησιμοποιείται το HTML

να διαφοροποιείς τη λειτουργία των HTML, CSS και JavaScript

εκτιμήσεις τη χρήση ενός επεξεργαστή

να δημιουργήσεις μια απλή ιστοσελίδα (HTML, head, body tags)

εφαρμόσεις τις επικεφαλίδες (headings) και τις παραγράφους μέσα σε μια σελίδα (tags h1, h2, p)

διαφοροποιήσεις και χρησιμοποιήσεις 2 τύπους αλλαγής γραμμής (tags br, wbr)

εφαρμόσεις πολλούς τύπους μορφοποίησης κειμένου (tags strong-bold, em- italics κλπ.)

Η αρχιτεκτονική του διαδικτύου

Το πρωτόκολλο HTTP (Hyper Text Transfer Protocol)
Διευθύνσεις URL (Universal Resource Locator)
Εισαγωγή στην HTML
Τα εργαλεία που θα χρησιμοποιήσουμε - vs code και browser
Τα εργαλεία που θα χρησιμοποιήσουμε - codepen.io

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

από 18/9/18 έως 24/9/18

Η πρώτη μας ιστοσελίδα

Σύνταξη της HTML

Document Object Model (DOM)

Τα στοιχεία του <head>

Τα στοιχεία του <body>

Σύνθετα στοιχεία HTML

από 25/9/18 έως 1/10/18

Εισαγωγή στη CSS3

από 2/10/18 έως 8/10/18

To μοντέλο εγκιβωτισμού