Είναι το Κανονικό επίπεδο, Standard. Πρακτικά, είναι το Βασικό επίπεδο, στο οποίο έχουν προστεθεί, πολλά επιπλέον στοιχεία.
Θυμίζουμε, πως όλες οι Μέθοδοι δημιουργίας Ιστοσελίδων, καταλήγουν τελικά σε κώδικα HTML. Με την HTML, δημιουργούμε Στατικές Ιστοσελίδες, οι οποίες όμως, με τη προσθήκη εντολών της JavaScript.
Στο τέλος, γίνεται μία Εισαγωγή στη JavaScript, με αρκετά παραδείγματα και ασκήσεις.
Περισσότερα
Η Γλώσσα HTML, είναι η κύρια Γλώσσα για δημιουργία Ιστοσελίδων.
Όπως είναι γνωστό, η δημιουργία Ιστοσελίδων, έχει μία ιδιαιτερότητα. Αυτός που δημιουργεί την Ιστοσελίδα, δεν γνωρίζει σε ποια οθόνη θα προβληθεί. Υπάρχουν οθόνες, με πολύ διαφορετικές διαστάσεις. Για το λόγο αυτό, έχουν αναπτυχθεί ειδικές Γλώσσες, οι οποίες σε Συνδυασμό, με κατάλληλα προγράμματα Προβολής, επιτρέπουν τη προσαρμογή του περιεχομένου, στα δεδομένα της οθόνης χρήστη.
Σε αυτή τη Σειρά Μαθημάτων, θα μάθουμε τα ακόλουθα:
Εισαγωγή στη Γλώσσα HTML, Πως δουλεύει ένας Browser, Επίσκεψη σε Site – Λεπτομέρειες, Δημιουργία Εγγράφου HTML. Ανοιγμα Τοπικά, Βασική Δομή Εγγράφου HTML, Κείμενο σε Εγγραφο HTML. Συστατικά Στοιχεία Κειμένου, Περιγραφή του Προβλήματος δημιουργίας Εγγράφου HTML, Προσαρμογή Κειμένου στις Διαστάσεις του Παραθύρου, Πολλές Ασκήσεις. Videos με τις Λύσεις των Ασκήσεων.
Προσθήκη Παραγράφου σε Κείμενο. Χαρακτήρες Bold κλπ. Επικεφαλίδες h1 έως h6 Brake για Αλλαγή Γραμμής. Προσθήκη: Εκθέτη – Δείκτη. Μαρκάρισμα και Προβολή τμήματος Κειμένου, που έχει Διαγραφεί. Απλή Εισαγωγή Εικόνας. Προσθήκη Comment σε Εγγραφο. Προσθήκη Link σε έγγραφο. Δέσμη Εγγράφων HTML. Πολλές Ασκήσεις. Videos με τις Λύσεις των Ασκήσεων.
Στη συνέχεια κάνουμε μία εισαγωγή στη CSS, που είναι μία Γλώσσα Μορφοποίησης. Εισαγωγή στη CSS. Προσθήκη Εντολών CSS - σε έγγραφο HTML. Εντολές CSS – InLine. Εντολές CSS – Internal. Εντολές CSS – External. Προτεραιότητα Εφαρμογής Εντολών CSS – Παραδείγματα. Πως εργαζόμαστε, για Διαμόρφωση Εγγράφων με CSS. Περιγραφή του Προβλήματος, Επιλογής Γραμματοσειράς. CSS Font Family - Επιλογή Γραμματοσειράς. CSS Box Model. CSS για Διαμόρφωση Κειμένων - Βασικές Ιδιότητες Πολλές Ασκήσεις. Videos με τις Λύσεις των Ασκήσεων.
Αναλυτικές Ρυθμίσεις Border και Margin, με τις παραμέτρους του CSS Box Model. Χρώμα Αντικειμένων - Εισαγωγή στα Μοντέλα Χρωμάτων. Αθροιστικά και Αφαιρετικά Μοντέλα. Μοντέλο RGB. Χρώματα σε RGB και Hex. Χρώματα σε Εγγραφο HTML, με τη Συνάρτηση RGB. Ιδιότητες Πολλές Ασκήσεις.Videos με τις Λύσεις των Ασκήσεων.
Τα Χαρακτηριστικά μιας Εικόνας. Διαστάσεις Εικόνας, κατά τη Προβολή Εγγράφου σε Browser. Εικόνες GIF σε Εγγραφο Εικόνες PNG: Αδιαφάνεια - Opacity Πολλές Ασκήσεις.Videos με τις Λύσεις των Ασκήσεων.
Χαρακτηρισμός Στοιχείων ενός Εγγράφου – Κλάσεις. Δημιουργία class σε Εγγραφο. Selectors για Διαμόρφωση μιας Κλάσης. Ids Στοιχείων ενός Εγγράφου. Selector για Διαμόρφωση Id. Links με χρήση Id. Πολλές Ασκήσεις. Videos με τις Λύσεις των Ασκήσεων.
Εισαγωγή στους Πίνακες, Δημιουργία Απλού Πίνακα. Διαμόρφωση Στοιχείων Πίνακα. Εισαγωγή στις Λίστες. Δημιουργία Λίστας. Πολλές Ασκήσεις.Videos με τις Λύσεις των Ασκήσεων.
Δημιουργία Description List. Δημιουργία Nested List. Διαμόρφωση Unordered List. Διαμόρφωση Ordered List. Δημιουργία - Διαμόρφωση Division. Link για Μεταφορά σε άλλη θέση, στο ίδιο έγγραφο. Εισαγωγή στα Μενού Επιλογών. Δημιουργία απλού Κατακόρυφου Μενού με Λίστα. Πολλές Ασκήσεις. Videos με τις Λύσεις των Ασκήσεων.
Στοιχείο Section. Στοιχείο Span. Σχεδίαση, οριζόντιας γραμμής σε έγγραφο Indent ολόκληρης παραγράφου. Indent πρώτης γραμμής. Προσθήκη Footer, σε έγγραφο.
Προσθήκη iframe σε έγγραφο. Meta tags. Ιδιότητα Display. Στοιχεία Block και Inline.
Τοποθέτηση Στοιχείων InLine και Box σε έγγραφο, με βάση το CSS Box Model
Δημιουργία απλού Οριζόντιου Μενού.
Εξήγηση τι είναι τα Responsive Sites. Σχεδίαση Ιστοσελίδων, που είναι Responsive.
Σ αυτή τη Σειρά Μαθημάτων, δίνουμε έμφαση, στη Σχεδίαση Ιστοσελίδων, που προσαρμόζονται στις μικρές οθόνες, των Φορητών Συσκευών, όπως είναι τα Κινητά τηλέφωνα. Δίνουμε μεγάλη σημασία στις λεπτομέρειες.
Αναλυτική περιγραφή των βημάτων που απαιτούνται, για τη δημιουργία και δημοσίευση μιας ιστοσελίδας. Εργασία, με το πρόγραμμα Web File Transfer, για δημοσίευση Ιστοσελίδων, που δημιουργεί ο Σπουδαστής, σε χώρο στο Internet, που παραχωρείται, γι αυτό το σκοπό, από τη Euro Logic Studies.
Περιλαμβάνει: Up Load, του υλικού στο Server Folder. Καθορισμό Αρχείου Εισόδου, σε Δέσμη εγγράφων. Προβολή των Ιστοσελίδων που δημοσιεύει ο Σπουδαστής, σε Browser, μέσα από το πρόγραμμα Web File Transfer. Λειτουργία του Web File Transfer, σαν IDE (Integrated Development Environment), για αντιμετώπιση των προβλημάτων και βελτίωση, βήμα προς βήμα, των Σελίδων που δημιουργεί και δημοσιεύει ο Σπουδαστής, σε πραγματικό περιβάλλον, στο Internet.
Με τα τρόπο αυτό ο Σπουδαστής, βλέπει ζωντανά, το αποτέλεσμα της προσπάθειάς του, στον υπολογιστή του και το κινητό του τηλέφωνο.
Ακολουθεί μία εισαγωγή στη Javascript.
Εξηγούμε τι είναι αυτή η Γλώσσα. Τι προσφέρει.
Ασχολούμεθα με τα στοιχεία της HTML, που είναι απαραίτητα, για τη συνεργασία με τη Γλώσσα, όπως είναι τα στοιχεία forms, input, button κλπ.
Εξηγούμε τι είναι και πως χρησιμοποιείται το DOM, Document Object Model, αναφερόμαστε στις Βασικές Μεθόδους του DOM και μπορούν να χρησιμοποιηθούν σε ένα έγγραφο.
Εξηγούμε, σε ποιο σημεία ενός εγγράφου καταχωρούνται οι εντολές της. Πως είναι οργανωμένες οι ρουτίνες, τι μεταβλητές χρησιμοποιεί, σε ποιες θέσεις προβάλει τα αποτελέσματα, ποιες συναρτήσεις χρησιμοποιεί και με μια σειρά παραδείγματα, παρουσιάζουμε τις δυνατότητες και βελτιώσεις που προσθέτει σε μία Ιστοσελίδα, κάνοντας το περιεχόμενό της δυναμικό.
Δείχνουμε για παράδειγμα, πως μπορούμε να προβάλουμε εναλλακτικά εικόνες, σε κάποια περιοχή του εγγράφου, πως μπορούμε να επιλέξουμε τι και πως θέλουμε να προβάλλεται, ανάλογα με τις διαστάσεις του παραθύρου του Browser και πολλά άλλα.
Σ αυτή τη Σειρά Μαθημάτων, δίνουμε έμφαση, στη Σχεδίαση Ιστοσελίδων, που προσαρμόζονται στις μικρές οθόνες, των Φορητών Συσκευών, όπως είναι τα Κινητά τηλέφωνα. Δίνουμε μεγάλη σημασία στις λεπτομέρειες.
Σε όλη τη Σειρά Μαθημάτων, εκτός από την απαραίτητη Θεωρία, η εκμάθηση γίνεται με μια Σειρά επιλεγμένα παραδείγματα, που επιτρέπουν στο χρήστη, να κατανοήσει τη χρησιμότητα των διαφόρων εντολών.
Παράλληλα γίνονται πολλές, κατάλληλα επιλεγμένες Ασκήσεις. Ο Σπουδαστής προσπαθεί να τις λύσει και αν δεν τα καταφέρει βλέπει ένα Video με τη λύση.
Η πραγματική Χρονική Διάρκεια των Μαθημάτων
Σε όλες τις Σειρές Μαθημάτων, αναφέρουμε, πόσο χρόνο θα διαρκέσει η παρακολούθηση της Σειράς. Σημειώνουμε όμως, πως η χρονική διάρκεια που αναφέρουμε είναι ενδεικτική.
Στις Σειρές Μαθημάτων, που προσφέρει η Euro Logic Studies, η πραγματική χρονική διάρκεια, είναι εντελώς διαφορετική και προσαρμόζεται στις ανάγκες και τις δυνατότητες, κάθε σπουδαστή.
Συγκεκριμένα:
Υπάρχουν σπουδαστές, που επείγονται να ολοκληρώσουν σύντομα, πχ για να διεκδικήσουν μία θέση εργασίας. Εχουν τη δυνατότητα να το κάνουν.
Σε αυτή τη περίπτωση, μετά την ολοκλήρωση της παρακολούθησης, αφήνουμε το σύστημα ανοιχτό, όσο χρειάζεται ο σπουδαστής, με σκοπό να κάνει επαναλήψεις. Αυτό συμβαίνει, διότι θεωρούμε, πως υπάρχει κίνδυνος, επειδή ο σπουδαστής επείγεται να ολοκληρώσει σύντομα, να περάσει κάποια ύλη στα γρήγορα, με αποτέλεσμα, να μη την αφομοιώσει, μέσα στο χρόνο που διαθέτει και τελικά να μη γνωρίζει σημαντικά στοιχεία.
Από την άλλη, υπάρχουν σπουδαστές, που έχουν πρόβλημα χρόνου, πχ άτομα που εργάζονται, έχουν οικογένεια και παιδιά, ελεύθεροι επαγγελματίες, στελέχη επιχειρήσεων κλπ.
Παράλληλα, υπάρχουν άτομα, που έχουν τελειώσει τα σχολεία, πριν πολλά χρόνια και χρειάζονται περισσότερο χρόνο να προσαρμοστούν στις απαιτήσεις μιας Σειράς Μαθημάτων.
Ολοι αυτοί, με την εγγραφή τους σε κάποια από τις Σειρές Μαθημάτων, που προσφέρει η Euro Logic Studies, θα παρακολουθούν όποτε μπορούν και πρέπει να γνωρίζουν, πως θα έχουν στη διάθεσή τους, όλο το χρόνο που χρειάζονται, για να πάρουν από τα Μαθήματα αυτό που θέλουν και να ολοκληρώσουν σωστά και με άνεση.
Μπορεί σε μια Σειρά Μαθημάτων, να αναφέρεται για παράδειγμα, πως η χρονική διάρκεια είναι ίση με τρεις μήνες, αλλά σε όλους αυτούς, δίνουμε πάντοτε παράταση. Σημειώνουμε, πως όλο το υλικό, όλων των Σειρών Μαθημάτων, είναι πάντοτε διαθέσιμο στο Server της Euro Logic Studies. Αυτό σημαίνει, πως κανείς δεν πρέπει να ανησυχεί, πως το υλικό δεν θα υπάρχει σε λίγο, οπότε πρέπει να βιαστεί, για να τελειώσει.
Το αποτέλεσμα από όλα αυτά, είναι πως η πραγματική χρονική διάρκεια των μαθημάτων που προσφέρουμε, προσαρμόζεται στις ανάγκες κάθε σπουδαστή.
Το μόνο που ζητάμε, είναι όλα αυτά, να γίνουν μέσα σε λογικά πλαίσια. Να μη βρεθεί σπουδαστής, που θέλει πέντε χρόνια για να ολοκληρώσει.