CEI: CENTRO DE ESTUDIOS DE INNOVACIÓN - DISEÑO Y MARKETING

Master of Web Design

360 ώρες (6 μήνες)

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

στόχοι

Ο σχεδιασμός ιστοσελίδων, όπως γνωρίζετε, είναι ένα από τα πιο απαιτητικά επαγγέλματα στον κόσμο. Και είναι ότι οποιαδήποτε εταιρεία στην οποία πρόκειται να εργαστείτε ή με την οποία πρόκειται να ξεκινήσετε, θα χρειαστεί μια ιστοσελίδα για να δείξει την προσφορά υπηρεσιών ή προϊόντων της. Αυτό είναι όπου η εργασία ενός ατόμου που κυριαρχεί στη γνώση του κόσμου του σχεδιασμού και της ανάπτυξης ιστοσελίδων καθίσταται σημαντική. Σε αυτό το μάστερ, το οποίο αποτελείται από δύο ενότητες, ο μαθητής θα μάθει τις βάσεις των πιο χρησιμοποιούμενων γλωσσών προγραμματισμού στον κόσμο (HTML5 και CSS3) και επίσης για τον πιο χρησιμοποιούμενο διαχειριστή περιεχομένου σήμερα, το Wordpress.

Στην πρώτη ενότητα, θα εργαζόμαστε με βάση τον προγραμματισμό, ειδικά με τις γλώσσες HTML5 και CSS3 που σημαίνουν αυτό που θα μπορούσαμε να ονομάσουμε σκελετό κάθε ιστότοπου. Η σωστή εκπαίδευση σε αυτές τις γλώσσες θα επιτρέψει στον μαθητή να αντιμετωπίσει οποιοδήποτε είδος έργου με μια σταθερή βάση. Εργαζόμαστε για τη δομή των ιστότοπων και τον σωστό τρόπο για να οργανώσουμε τις πληροφορίες για τον χρήστη, έτσι ώστε η πλοήγηση να είναι εύκολη, διαισθητική και ελκυστική. Επίσης, για να επιτευχθεί η επιθυμητή αισθητική, λειτουργεί η εισαγωγή περιεχομένου πολυμέσων σε όλες τις μορφές του (βίντεο, ήχοι, εικόνες), καθώς και η προσαρμογή των ιστών για όλες τις συσκευές από τις οποίες έχει πρόσβαση σήμερα το Διαδίκτυο. Είναι αυτό που ονομάζουμε ιστότοπο με απόκριση ή προσαρμοστικό σχεδιασμό, ο οποίος προσαρμόζεται τέλεια σε οποιαδήποτε συσκευή και μέγεθος οθόνης. Στο τελευταίο μέρος της πρώτης ενότητας, ο μαθητής εισάγεται στη χρήση απλών προσθηκών με JavaScript / jQuery, με πραγματικά πρακτικά παραδείγματα.

Στη δεύτερη ενότητα master, ο μαθητής μαθαίνει να κυριαρχεί στη διαχείριση περιεχομένου μέσω του WordPress, ενός ισχυρού CMS ανοιχτού κώδικα που χρησιμοποιείται σήμερα από έναν ατελείωτο αριθμό ιστοσελίδων χάρη στον διαισθητικό σχεδιασμό του για τον διαχειριστή και τις εκτεταμένες δυνατότητες του για τον χρήστη. Θα γίνουν εργασίες για τη δημιουργία και εγκατάσταση θεμάτων, τη σωστή διαμόρφωση της πλατφόρμας και την εγκατάσταση χρήσιμων προσθηκών, την ανάπτυξη ιστοσελίδων από κενά θέματα (και όχι με πρότυπα) κ.λπ., που βοηθούν στην αύξηση της λειτουργικότητας του ιστοσελίδες και να μετατρέψετε οποιονδήποτε ιστότοπο μπορείτε να φανταστείτε σε πραγματικότητα.

πληροφορίες

• Πρόγραμμα επεξεργασίας απλού κειμένου που ειδικεύεται στον ιστό: Dreamweaver / Sublime / Notepad ++ / Komodo Edit / Brackets
• HTML5 / CSS3
• Ευρετηρίαση για κινητά. Μπότα
• Θέση web SEO. Προσβασιμότητα και χρηστικότητα
• JavaScript
• jQuery
• Σχεδιασμός ιστοσελίδων WordPress
• Διαδικτυακή αντίληψη και σκίτσο
• Προσφορές και σχεδιασμός ιστοσελίδων
• Ανάπτυξη και βελτιστοποίηση Ιστού στο WordPress

διάρκεια

Σύνολο 360 ωρών

• Προσωπικά ή Διαδικτυακά
• 280 ώρες μαθημάτων
• Δευτέρα έως Πέμπτη (+ κάποια Παρασκευή)
• Τελικά έργα 80 ωρών

Πρόγραμμα

Πρωινά

• 09.00 - 12.00 ώρες
• 12.00 - 15.00 ώρες

Απογευματινα

• 16.00 - 19.00 ώρες
• 19.00 - 22.00 ώρες

Επίσημος

• Το σχολείο μας είναι ένα από τα πέντε Κέντρα Εξουσιοδότησης της Adobe στην Ισπανία . Αυτό το γεγονός δείχνει ότι η CEI έχει εκπληρώσει όλες τις απαιτήσεις που απαιτεί η Adobe και, ομοίως, αποτελεί εγγύηση ποιότητας για όλους τους μαθητές μας.
• Το CEI είναι ένα εξουσιοδοτημένο εκπαιδευτικό κέντρο της Apple . Επομένως, οι μαθητές μας θα είναι σε θέση να αποκτήσουν την πιστοποίηση Apple Professional και να προωθήσουν τη σταδιοδρομία τους σε τεχνολογίες σχεδιασμού και πληροφοριών, επιχειρηματικά περιβάλλοντα και αγορές B2B.
• Η IBM μας εμπιστεύεται και για αυτόν τον λόγο μας έχουν απονείμει το σήμα IBM Education Partner . Αυτή η σφραγίδα επιβραβεύει τα σχολεία που διατηρούν και προωθούν την ποιοτική εκπαίδευση.
• Το σχολείο μας ενοποιείται ως το κέντρο αναφοράς του Maxon Training Center στην Ισπανία και γίναμε το 1ο σχολείο στην Ευρώπη που έγινε Πάροχος Εκπαίδευσης Maxon για το R18 .

Ενότητα Web Design με HTML5, CSS3 και Javascript

01- Σχεδιασμός Ιστού, HTML5 ΚΑΙ CSS3

Εισαγωγή στη χρήση εξοπλισμού υπολογιστών

Λειτουργικά συστήματα:

• Παράθυρα
• Μακ
• Linux

Εγκατάσταση και διαχείριση λογισμικού:

• Πρόγραμμα περιήγησης
• Συντάκτες κειμένου

Σύστημα αρχείων και φάκελοι

• Δημιουργήστε αρχεία και φακέλους
• Οργάνωση διαδικτυακών έργων
• Απόλυτες, σχετικές και διευθύνσεις URL

σερφάρισμα στο διαδίκτυο

Αρχές στη διαχείριση δικτύου

Αρχιτεκτονική διακομιστή-πελάτη

Διακομιστές και πρωτόκολλα

• Πιστοποιητικά SSL
• HTTP / HTTPS
• FTP / SFTP / FTPS

Ομάδα πελατών

Εισαγωγή στους δρομολογητές και τους διακόπτες

DNS (τομείς και IP)

• Δημόσια IP
• Τοπική IP
• Ονόματα τομέα

Φιλοξενία, στέγαση & CPD

Βασικές αρχές για τη δημιουργία στατικών ιστότοπων

• Γλώσσες που χρησιμοποιούνται (HTML5 και CSS3)
• Ροή εκτέλεσης κώδικα
• Οπτική δομή ενός ιστότοπου

Αρχές χρηστικότητας και προσβασιμότητας

Πρωτότυπος ιστότοπος (UX / UI)

• Διεπαφή χρήστη (Marvel)
• Εμπειρία χρήστη (InVision)

HTML5

• Ετικέτες και χαρακτηριστικά
• Σημασιολογία και χρήση
• Πρότυπο και δομή εγγράφου HTML5
• Σχόλια
• Παραγράφους, τίτλοι και μορφές κειμένου
• Πολυμέσα (Εικόνες, Ήχος και Βίντεο)
• Σύνδεσμοι και κουμπιά
• Κονίστρα
• Πίνακες
• Έντυπα
• iFrames
• Μετα-ετικέτες
• Favicom

CSS3

Σύνδεση CSS

Επιλογείς και ψευδο-επιλογείς

Χαρακτηριστικά

• Χρωματιστά
• Χρήματα
• Μορφή και μεταμόρφωση κειμένων
• Ύψος, πλάτος
• Ακρες
• Περιθώρια
• Συμπληρώματα
• Θέσεις
• ευθυγραμμία
• Σκιασμένο και ντεγκραντέ
• Αδιαφάνεια
• Μεταμορφώσεις
• Φίλτρα

Ψεύτικα γυαλιά (ενεργό, αιωρημένο, επιλεγμένο, πρώτο παιδί, τελευταίο παιδί, ένατο παιδί)

Ψευδοστοιχεία (μετά, πριν)

Εισαγωγή και εφαρμογή γραμματοσειρών (μέσα και γραμματοσειρά)

Εισαγωγή και εφαρμογή εικονιδίων (γραμματοσειρές και SVG)

Μεταβλητές CSS

Κινούμενες εικόνες CSS (βασικά καρέ)

Ευρετηρίαση για κινητά

• Γενικές κατασκευές (πλωτήρες)
• Απλές δομές (Flexbox)
• Σύνθετες δομές (πλέγμα CSS)

Πλαίσια και API

• Bootstrap 4
• Υλοποιώ
• Σχεδιασμός υλικών

Internet

• Δημιουργήστε έναν τομέα
• Δημιουργία web hosting
• Σύνδεση και αποστολή ιστότοπου στο διακομιστή

SEO

• Σύνδεση ιστού με το Google Search Console
• Εφαρμογή κανονικού συνδέσμου

02- Ανάπτυξη Ιστού (Front-End)

JavaScript

• Εισαγωγή στον προγραμματισμό front-end
• JavaScript. Γενική σύνταξη
• Συμπεριλάβετε JavaScript σε έγγραφα HTML
• JavaScript σε συνημμένα
• JavaScript μέσα σε κώδικα HTML
• JavaScript. Μεταβλητές και τελεστές
• Τοπικές μεταβλητές και καθολικές μεταβλητές
• Αριθμητικές μεταβλητές
• Μέθοδοι για αριθμητικές μεταβλητές
• Χειριστές ανάθεσης
• Τελεστές αύξησης και μείωσης
• Μαθηματικοί τελεστές
• Συμβολοσειρές κειμένου (χορδές)
• Μέθοδοι για συμβολοσειρές κειμένου
• Απροσδιόριστες μεταβλητές
• Μεταβλητές NULL
• Μεταβλητές NaN
• Λογικοί τελεστές σε JavaScript
• Σχετικοί χειριστές

jQuery

• Εισαγωγή στο Jquery
• Βήματα για τη χρήση του jQuery
• Πρώτο σενάριο με jQuery
• Βασικά στοιχεία JQuery: Προσθήκη και κατάργηση τάξεων CSS
• Βασικά στοιχεία JQuery: εμφάνιση και απόκρυψη στοιχείων σελίδας
• Βασικά στοιχεία JQuery: Γρήγορα εφέ με το jQuery
• Βασικά στοιχεία JQuery: επανάκληση της λειτουργίας jQuery
• Βασικά στοιχεία JQuery: Χρήση του Basic Ajax με το jQuery
• Βασικά στοιχεία JQuery: Ajax jQuery με μήνυμα φόρτωσης