Μαθήματα Web Design — HTML, CSS, responsive design και τεχνικές SEO.
Web Design είναι ο σχεδιασμός και η κατασκευή ιστοσελίδων. Μαθαίνεις να γράφεις σωστό κώδικα HTML και να στήνεις την εμφάνιση με CSS, μέσα από το περιβάλλον του Adobe Dreamweaver, ώστε οι σελίδες σου να δείχνουν σωστά σε κάθε συσκευή (responsive) και να τις βρίσκουν οι μηχανές αναζήτησης (SEO).
Στόχος είναι να σχεδιάζεις και να συντηρείς μόνος σου απλούς αλλά και σύνθετους ιστότοπους. Δεν χρειάζεσαι προηγούμενη γνώση.
Και κάνεις κι εσύ τις ίδιες κινήσεις, βήμα-βήμα, μέσα στο μάθημα.
δες το από το μάθημα Photoshop →Ίδια μέθοδος σε όλα τα μαθήματα — στο δωρεάν ανοιχτό μάθημα αυτού του σεμιναρίου δεν υπάρχει βίντεο.Με ανοιχτό δίπλα το Dreamweaver, για να τη βλέπεις στην πράξη.
δες το ζωντανά →Κάθε ενότητα έχει τη δική της άσκηση, με τα αρχεία εξάσκησης του μαθήματος.
δες το ζωντανά →Ερωτήσεις σε κάθε μάθημα — και επαναληπτικό κουίζ στο τέλος, για το Certificate of Completion.
Τα κουίζ είναι διαθέσιμα μόνο στους εγγεγραμμένους χρήστες.Πακέτο eLearning 2+1 — 278 €: εγγράφεσαι σε 2 eLearning σεμινάρια και επιλέγεις ένα ακόμα δωρεάν. Συμπληρώνεις τη φόρμα εγγραφής και η Γραμματεία σού ανοίγει την πρόσβαση, εντός 1 εργάσιμης ημέρας.
Πληρωμή: 1 σεμινάριο 139 €: 70 € με την εγγραφή και 69 € εντός 10 ημερών · 2+1 278 €: 139 € + 139 €, ή 3 άτοκες με πιστωτική ή Klarna · με IRIS, e-banking ή κάρτα (τις 2 δόσεις με IRIS ή e-banking).
Η εξέταση πιστοποίησης είναι προαιρετική. Δεν περιλαμβάνονται στα δίδακτρα: λογισμικό · παράβολο εξέτασης (105 €, με μία δωρεάν επανεξέταση εντός 1 μήνα).
Διάρκεια πρόσβασης: 2 μήνες για 1 σεμινάριο (6 μήνες για 2 ή 3 με το πακέτο 2+1) · συνήθης χρόνος μελέτης ~30 ώρες.
Αν χρειαστείς περισσότερο χρόνο μετά τη λήξη, έχεις 15 ημέρες δωρεάν παράταση (3 μήνες, αν το πρόγραμμά σου είναι 7 μηνών και πάνω) — αρκεί να τη ζητήσεις με email έως 7 ημέρες μετά τη λήξη — και μετά η πρόσβαση παρατείνεται με 25 € τον μήνα.
Χρήση υπολογιστή με διαχείριση φακέλων και αρχείων · πληκτρολόγιο και ποντίκι · Windows 10 ή νεότερο ή macOS · βασική περιήγηση στο Διαδίκτυο.
Υπολογιστή με Windows 10+ ή Mac και σύνδεση στο Διαδίκτυο. Adobe Dreamweaver έκδοση 2018 ή νεότερη, εγκατεστημένο στον υπολογιστή σου — το λογισμικό δεν περιλαμβάνεται στα δίδακτρα. Οδηγίες εγκατάστασης σού δίνονται μέσα από την πλατφόρμα. Ηχεία ή ακουστικά για τα βίντεο — και ιδανικά δεύτερη οθόνη, για να μελετάς στη μία και να εξασκείσαι στην άλλη.
Προετοιμάσου και πιστοποίησε τις γνώσεις σου στο Dreamweaver αλλά και στον ευρύτερο τομέα του Web Design με τις πιστοποιήσεις της Adobe, της κατασκευάστριας εταιρείας για το πρόγραμμα του Dreamweaver. Ολοκληρώνοντας τα μαθήματα του σεμιναρίου Web Design, μπορείς, συμμετέχοντας σε εξετάσεις, να αποκτήσεις τη διεθνή πιστοποίηση Adobe Certified Professional in Web Authoring Using Adobe Dreamweaver.
Η LABTECH είναι πιστοποιημένο εξεταστικό κέντρο της Adobe (Certiport Authorized Testing Center για τις εξετάσεις Adobe). Οι εξετάσεις γίνονται μόνο online, από τον χώρο σου, με live επιτήρηση μέσω κάμερας.
Έχοντας διενεργήσει πάνω από 12.000 εξετάσεις με ποσοστό επιτυχίας στο 95% σου εγγυόμαστε ότι θα σε βοηθήσουμε με τον καλύτερο δυνατό τρόπο ώστε να αποκτήσεις το επίπεδο πιστοποίησης που χρειάζεσαι.
Η εξέταση είναι προαιρετική και το παράβολο εξέτασης δεν συμπεριλαμβάνεται στα δίδακτρα του σεμιναρίου. Το παράβολο είναι 105 € (εκτός διδάκτρων) και περιλαμβάνει μία δωρεάν επανεξέταση (εντός 1 μήνα).
Παρακολούθησε το σεμινάριο του Web Design εξ ολοκλήρου από το σπίτι ή τον επαγγελματικό σου χώρο. Μέσω της εκπαιδευτικής μας πύλης σού δίνουμε τη δυνατότητα να εκπαιδευτείς γρήγορα και αποτελεσματικά προσαρμόζοντας την εκπαίδευση στο δικό σου πρόγραμμα. Αφού ο μαθητής μελετήσει το online μάθημα μέσω της πλατφόρμας eLearning έχει τη δυνατότητα να ασκηθεί σε δομημένο ασκησιολόγιο για την κάθε ενότητα που παρακολούθησε. Καθ’ όλη τη διάρκεια των μαθημάτων ο μαθητής μπορεί να επικοινωνεί μέσω της πλατφόρμας μαθημάτων απευθείας με τον καθηγητή του σεμιναρίου, για επίλυση αποριών και καθοδήγηση ως προς τη μελέτη του.
Το σεμινάριο του Web Design διδάσκεται εξ ολοκλήρου στα Ελληνικά και δεν χρειάζεσαι προαπαιτούμενες γνώσεις πάνω στο πρόγραμμα. Το σεμινάριο ξεκινάει με την εκμάθηση βασικών εργαλείων Web Design καθώς και κώδικα HTML και CSS. Η ύλη που θα διδαχθείς ακολουθεί την επίσημη ύλη όπως αυτή έχει οριστεί από την Adobe για απόκτηση πιστοποίησης. Στην πορεία των μαθημάτων διδάσκονται προχωρημένα εργαλεία επεξεργασίας και δημοσίευσης ιστοσελίδων, διαδικασίες hosting και κατοχύρωσης domain name για τον ιστότοπό σου καθώς και διαδικασίες βελτιστοποίησης της προβολής σου στη Google (SEO). Ολοκληρώνοντας ο μαθητής μπορεί να αποκτήσει την πιστοποίηση Adobe Certified Professional in Web Authoring Using Adobe Dreamweaver, τη διεθνή πιστοποίηση της εταιρείας Adobe.
Για όλη τη διάρκεια του online σεμιναρίου μπορείς να απευθύνεσαι σε καθηγητές της LABTECH για απορίες. Οι καθηγητές απαντούν με σειρά προτεραιότητας, με υποστήριξη μέσω συστήματος μηνυμάτων μέσα από το μάθημα, Δευτέρα–Παρασκευή 10:00–20:00. Μπορείς να στέλνεις απορίες και εκτός ωραρίου, αλλά θα απαντηθούν την αμέσως επόμενη εργάσιμη ημέρα και ώρα.
Ο μέσος χρόνος εκπαίδευσης (διαβάσματος και ασκήσεων) που θα χρειαστείς είναι περίπου 30 ώρες. Τα online μαθήματα έχουν το πλεονέκτημα ότι δεν απαιτούν συγκεκριμένες ημέρες και ώρες παρακολούθησης. Μπορείς να συνδεθείς με τους κωδικούς σου οποιαδήποτε ημέρα και ώρα και να παρακολουθήσεις μάθημα ή να κάνεις ασκήσεις και τεστ. Με ταχύρρυθμο καθημερινό διάβασμα μπορείς να ολοκληρώσεις το σεμινάριο σε 15 ημέρες ή και λιγότερο. Εναλλακτικά, αν έχεις περιορισμένο χρόνο να αφιερώσεις για διάβασμα, στη LABTECH η πρόσβαση είναι 2 μήνες (6 με το πακέτο 2+1), με 15 ημέρες δωρεάν παράταση — αρκεί να τη ζητήσεις με email έως 7 ημέρες μετά τη λήξη — και στη συνέχεια 25 € τον μήνα, ώστε να έχεις επαρκές περιθώριο για την ολοκλήρωση της μελέτης και των εξετάσεών σου.
| Σεμινάριο | Διάρκεια πρόσβασης |
Απαιτούμενος χρόνος μελέτης (κατά μέσο όρο) |
|---|---|---|
| Web Design | 2 μήνες | 30 ώρες |
| Πακέτο eLearning (2+1) | 6 μήνες |
Το πρόγραμμα των online μαθημάτων διεξάγεται εξ ολοκλήρου μέσω internet και δεν εγκαθιστάς καμία πλατφόρμα eLearning στον υπολογιστή σου. Λειτουργεί σε όλους τους σύγχρονους φυλλομετρητές (Chrome, Edge, Firefox, Safari) και μπορείς να το παρακολουθήσεις από οποιονδήποτε υπολογιστή έχει πρόσβαση στο internet. Χρειάζεται να έχεις εγκατεστημένο το λογισμικό στο οποίο θα εκπαιδευτείς (π.χ. AutoCAD, Photoshop, MS Office, κ.λπ.). Γραπτές οδηγίες εγκατάστασης του απαιτούμενου λογισμικού μπορούν να παρασχεθούν στα πλαίσια της εκπαίδευσης.
Με την εγγραφή στο πρόγραμμα eLearning θα αποκτήσεις πρόσβαση σε πλήρεις οδηγίες για τη χρήση της πλατφόρμας όπου διεξάγονται τα μαθήματα. Για την υλοποίηση των online μαθημάτων είναι απαραίτητος Ηλεκτρονικός Υπολογιστής με Windows ή Mac. Η μελέτη γίνεται σε laptop ή σταθερό υπολογιστή — το ποντίκι είναι αναπόσπαστο μέρος των μαθημάτων. Από κινητό ή tablet μπορείς να δεις το υλικό, αλλά όχι να εξασκηθείς σωστά.
Συμμετέχοντας στα online μαθήματα κάθε μαθητής παραλαμβάνει:
Παρακολουθώντας το σεμινάριο Web Design μπορείς να κάνεις όλες τις απαιτούμενες εργασίες για το σχεδιασμό και τη συντήρηση απλών αλλά και σύνθετων ιστοχώρων. Το μάθημα του Web Design έχει σχεδιαστεί με τέτοιον τρόπο ώστε μετά την περάτωσή του, οι σπουδαστές να είναι σε θέση να σχεδιάζουν web sites (ιστότοπους) οι οποίοι θα ανταποκρίνονται στις τρέχουσες ανάγκες της αγοράς. Οι θεματικές ενότητες που καλύπτει το σεμινάριο είναι:
Μαθήματα HTML
Μέσα από το σχεδιαστικό περιβάλλον του Dreamweaver μαθαίνεις να χρησιμοποιείς τη γλώσσα δημιουργίας ιστοσελίδων HTML για να εισάγεις κείμενο, εικόνες, υπερσυνδέσμους, φόρμες και γραφικά. Η HTML (ακρωνύμιο του αγγλικού HyperText Markup Language, ελλ. Γλώσσα Σήμανσης Υπερκειμένου) είναι η κύρια γλώσσα σήμανσης για τις ιστοσελίδες, και τα στοιχεία της είναι τα βασικά δομικά στοιχεία των ιστοσελίδων. Η HTML γράφεται υπό μορφή στοιχείων HTML τα οποία αποτελούνται από ετικέτες (tags), σκοπός του μαθήματος είναι να μάθουμε να συντάσσουμε σωστά τον κώδικα HTML ώστε ένας web browser να διαβάζει τα έγγραφα HTML και να τα συνθέτει σε σελίδες που μπορεί να διαβάσει ή να ακούσει ο απλός χρήστης του διαδικτύου. Ο browser δεν εμφανίζει τις ετικέτες HTML, αλλά τις χρησιμοποιεί για να ερμηνεύσει το περιεχόμενο της σελίδας. Τα στοιχεία της HTML χρησιμοποιούνται για να χτίσουν όλους τους ιστότοπους. Η HTML επιτρέπει την ενσωμάτωση εικόνων και άλλων αντικειμένων μέσα στη σελίδα, και μπορεί να χρησιμοποιηθεί για να εμφανίσει διαδραστικές φόρμες.
Μαθήματα CSS
Τα μαθήματα για τη γλώσσα μορφοποίησης CSS δίνουν τη δυνατότητα στον web designer να ορίζει χρώματα και μεγέθη οργανωμένα σε στυλ και έπειτα να εφαρμόζει τα στυλ αυτά στα στοιχεία των σελίδων ενός site. Η CSS (Cascading Style Sheets-Διαδοχικά Φύλλα Στυλ) ή (αλληλουχία φύλλων στυλ) είναι μια γλώσσα υπολογιστή που ανήκει στην κατηγορία των γλωσσών φύλλων στυλ που χρησιμοποιείται για τον έλεγχο της εμφάνισης ενός εγγράφου που έχει γραφτεί με μια γλώσσα σήμανσης. Χρησιμοποιείται δηλαδή για τον έλεγχο της εμφάνισης ενός εγγράφου που γράφτηκε στις γλώσσες HTML και XHTML, δηλαδή για τον έλεγχο της εμφάνισης μιας ιστοσελίδας και γενικότερα ενός ιστοτόπου. Η CSS είναι μια γλώσσα υπολογιστή προορισμένη να αναπτύσσει στιλιστικά μια ιστοσελίδα δηλαδή να διαμορφώνει περισσότερα χαρακτηριστικά, χρώματα, στοίχιση και δίνει περισσότερες δυνατότητες σε σχέση με την HTML. Για μια όμορφη και καλοσχεδιασμένη ιστοσελίδα η χρήση της CSS κρίνεται ως απαραίτητη.
SEO - Βελτιστοποίηση Προβολής Ιστοσελίδας στο Διαδίκτυο
Κρίσιμο κομμάτι του σεμιναρίου Web Design είναι η εκμάθηση των σωστών κανόνων SEO που πρέπει να εφαρμόζονται σε μία ιστοσελίδα ώστε να βελτιστοποιείται η θέση στην οποία προβάλλεται στα αποτελέσματα του Google και των άλλων μηχανών αναζήτησης. Το SEO (Search Engine Optimization) είναι η τεχνική με την οποία μια ιστοσελίδα μπορεί να εμφανιστεί στα πρώτα αποτελέσματα αναζητήσεων όταν κάποιος ψάχνει συναφές περιεχόμενο σε κάποια μηχανή αναζήτησης και στα ελληνικά μπορεί να αποδοθεί με την έκφραση "βελτιστοποίηση προβολής ιστοσελίδων".
Σαν διαδικασία αποτελείται από 2 στάδια:
1. Onsite optimization: βελτιστοποίηση κώδικα ιστοσελίδας, σωστός τίτλος, περιγραφή, λέξεις κλειδιά και πλούσιο περιεχόμενο.
2. Offsite optimization: Δημιουργία εισερχόμενων συνδέσμων προς την ιστοσελίδα μας από όσο το δυνατόν πιο πολλά και καταξιωμένα συναφή websites. Επίσης δημιουργία συνδέσμων και κοινού σε όλα τα γνωστά μέσα κοινωνικής δικτύωσης όπως το Facebook, το X (πρώην Twitter) κ.λπ.
Προετοιμασία ιστοτόπου κατά GDPR
Το GDPR (General Data Protection Regulation) σημαίνει «Γενικός Κανονισμός Προστασίας Δεδομένων». Υπάρχουν συγκεκριμένες τεχνικές και διαδικαστικές ενέργειες που πρέπει να γίνουν από πλευράς Web Designer ώστε ένας ιστότοπος να είναι GDPR Ready (συμμορφωμένος). Στα πλαίσια του μαθήματος GDPR στο σεμινάριο Web Design θα αναλύσουμε τις ενέργειες που πρέπει να γίνουν:
1. Ανάρτηση Πολιτικής Ασφάλειας και Απορρήτου
2. Δήλωση προστασίας προσωπικών δεδομένων
3. Συναίνεση (consent) χρήσης Cookies στον ιστότοπο
4. Δήλωση Πολιτικής Cookies
Τα σημαντικότερα σημεία στην ύλη του σεμιναρίου
Κανόνες σωστού design σύμφωνα με τα πρότυπα W3C.
Εκμάθηση σύνταξης και ετικετών (tags) HTML5.
Δημιουργία και σύνταξη CSS και CSS3. Χρήση preprocessor Sass.
Το περιβάλλον του Dreamweaver, παράθυρα, τύποι προβολών. Εισαγωγή εικόνων, συνεργασία με το Photoshop.
Responsive Design μέσω Bootstrap framework για Φορητές Συσκευές (Mobile, Tablet).
Αυτόματη προσαρμογή ιστοτόπου στο μέγεθος οθόνης μέσω media query.
Εισαγωγή βίντεο HTML5, ήχου, iframes, φορμών.
Δημιουργία απόλυτων και σχετικών υπερσυνδέσεων. Τεχνικές ανασχεδιασμού.
Αρχές SEO. Βελτιστοποίηση προβολής στις μηχανές αναζήτησης.
Χρήση JavaScript. Ενσωμάτωση social plugins (π.χ. Facebook).
Web hosting & domain name. Αξιολόγηση και έλεγχος σφαλμάτων του site
Δες το δωρεάν ανοιχτό μάθημα: περιέχει ολόκληρο το Μάθημα 1, με θεωρία, ερωτήσεις κατανόησης και τεστ προετοιμασίας για την εξέταση (στο ανοιχτό μάθημα δεν υπάρχει βίντεο).
Το σεμινάριο του Web Design με Dreamweaver είναι μέρος του ολοκληρωμένου Σεμιναρίου Σχεδίασης και Περιεχομένου Ιστοτόπων που σε οδηγεί στην απόκτηση της διεθνούς πιστοποίησης Adobe Certified Professional in Web Design. Το Adobe Certified Professional είναι η επίσημη, διεθνώς αναγνωρισμένη πιστοποίηση της Adobe. Με 1 εξέταση αποκτάς το Adobe Certified Professional in Web Authoring Using Adobe Dreamweaver· για την πιστοποίηση Web Design χρειάζεται να περάσεις επιτυχώς 2 εξετάσεις: Dreamweaver και Photoshop (ή Animate).
Περισσότερες πληροφορίες για το Adobe Certified Professional
Τα μαθήματα και η προετοιμασία εξετάσεων υλοποιούνται εξ ολοκλήρου με ασύγχρονη εξ αποστάσεως εκπαίδευση (eLearning) και η διάρκεια χρήσης της πλατφόρμας των μαθημάτων είναι 6 μήνες (πακέτο 2+1). Οι εξετάσεις πιστοποίησης για το Adobe Certified Professional διεξάγονται στα Αγγλικά.
| Επίπεδο Σεμιναρίου | Δίδακτρα | Online Εγγραφή & Αγορά |
|---|---|---|
| Πακέτο eLearning 2+1 (3 σεμινάρια): Web Design (Dreamweaver), Photoshop + ένα 3ο σεμινάριο της επιλογής σου |
278 € τα παράβολα εξετάσεων χωριστά (105 € ανά εξέταση) |
Αγορά |
Δες επίσης: Μαθήματα AutoCAD · AutoCAD 3D & 2D Advanced
Πραγματικές κριτικές από το προφίλ μας στο Google — 4,9★.