Δημιουργία ιστοτόπων στο Webflow - μάθημα 31.900 RUB. από Uprock, εκπαίδευση 4 μηνών, ημερομηνία 27 Νοεμβρίου 2023.

instagram viewer

ΘΕΩΡΙΑ

Εισαγωγή

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

• Τι αφορά αυτό το μάθημα;
• Πώς λειτουργεί το μάθημα
• Σχέδια και τιμές
• Σχέδια τοποθεσίας
• Σχέδια λογαριασμού
• Ανασκόπηση και ανάλυση διάταξης
• Λίστα ελέγχου αποδοχής διάταξης
• Σχέδιο εργασίας
• Προετοιμασία της διάταξης για διάταξη
• Εξαγωγή και βελτιστοποίηση εικόνων
• Προετοιμασία άλλων αρχείων

ΘΕΩΡΙΑ

Δομή Ιστού

Σε αυτό το μάθημα, θα εξοικειωθείτε με τα βασικά στοιχεία μιας ιστοσελίδας και τις αρχές της διάταξης μπλοκ στις οποίες λειτουργεί η υπηρεσία Webflow. Οι βασικές γνώσεις θα σας βοηθήσουν να κατανοήσετε τη βασική ορολογία της ανάπτυξης ιστοσελίδων. Θα μάθετε τι είναι η ιεραρχία ιστοσελίδων και από τι αποτελείται. Εξερευνήστε τον πίνακα Navigator για να κατανοήσετε πώς δημιουργείται και εμφανίζεται η δομή του στοιχείου στο Webflow.

• Μπλοκ διάταξη και βασικό HTML και CSS
• Ιεραρχία στοιχείων τοποθεσίας
• Πίνακας πλοήγησης
• Πρακτική: Σχεδιασμός της δομής του ιστότοπου

ΘΕΩΡΙΑ

Δημιουργία και δημοσίευση έργου

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

• Εγγραφή και δημιουργία έργου
• Δημοσίευση ιστοσελίδας
• Κοινή χρήση έργου
• Κλωνοποίηση έργου
• Κλωνοποίηση προσαρμοσμένου προτύπου

ΘΕΩΡΙΑ

βασικές ρυθμίσεις

Θα εξοικειωθείτε με τις βασικές ρυθμίσεις του έργου στη λειτουργία Ρυθμίσεις έργου. Ως αποτέλεσμα, ρυθμίστε το έργο, ανεβάστε εικόνες σε φακέλους και δημιουργήστε το UI Kit.

• Ρυθμίσεις έργου
• Σύνδεση του τομέα σας
• Αρχεία ιστότοπου
• Γενικές ρυθμίσεις έργου
• Ρύθμιση βασικών στυλ
• Μεταφόρτωση εικόνων
• Κιτ UI βασικών στοιχείων

ΠΡΑΚΤΙΚΗ

Στοιχεία

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

• Προσθήκη στοιχείων
• Επισκόπηση των κύριων στοιχείων
• Επισκόπηση λειτουργικών στοιχείων
• Εξατομίκευση στοιχείων
• Εξάσκηση: Δημιουργία της κύριας δομής του ιστότοπου
• Εξάσκηση: Προσθήκη στοιχείων και τάξεων

ΠΡΑΚΤΙΚΗ

Στυλ στοιχείων

Θα εξοικειωθείτε με έννοιες όπως Classes και Combo Classes και θα μάθετε για τον σκοπό τους. Ως αποτέλεσμα, προσθέστε τάξεις σε Ενότητες, Κοντέινερ, Εικόνες, Κείμενα.

• Γενικές αρχές
• Επισκόπηση απλών ενοτήτων του πίνακα στυλ
• Επισκόπηση πίνακα Style Manager
• Καταστάσεις στοιχείων
• Εξάσκηση: Προσθήκη περιεχομένου στα στοιχεία

ΠΡΑΚΤΙΚΗ

Ρυθμίσεις στυλ. 1 μέρος

Θα μελετήσετε τη σύνθεση του πίνακα Style και θα εξετάσετε την ενότητα Layout, η οποία χρησιμοποιείται για τη διαμόρφωση της διάταξης των στοιχείων μεταξύ τους.

• Πίνακας στυλ: Ενότητα διάταξης
• Εξάσκηση: Λεπτομερής διάταξη των ενοτήτων 1 και 2

ΠΡΑΚΤΙΚΗ

Ρυθμίσεις στυλ. μέρος 2ο

Θα συνεχίσετε να εξερευνάτε τη σύνθεση του πίνακα Style και να εξετάζετε το στοιχείο Grid, το οποίο είναι υπεύθυνο για τον τρόπο διάταξης των στοιχείων, το οποίο είναι ιδανικό Κατάλληλο για τη δημιουργία μιας ποικιλίας σύνθετων διατάξεων πλέγματος, συμπεριλαμβανομένων πινάκων που μπορούν εύκολα να μετατραπούν σε κάρτες σε κινητά οθόνες.

• Πίνακας στυλ: Στοιχείο πλέγματος
• Εξάσκηση: Λεπτομερής διάταξη των ενοτήτων 3 και 4

ΠΡΑΚΤΙΚΗ

Ρυθμίσεις στυλ. Μέρος 3

Θα συνεχίσετε να μελετάτε τη σύνθεση του πίνακα στυλ και να μελετάτε την ενότητα Μέγεθος, η οποία σας επιτρέπει να προσδιορίσετε το μέγεθος του στοιχείου, το σύνολο ελάχιστες και μέγιστες τιμές πλάτους και ύψους και προσαρμόστε τη συμπεριφορά των θυγατρικών στοιχείων που υπερβαίνουν τα όρια γονικό στοιχείο.

• Πίνακας στυλ: Τμήμα μεγέθους
• Εξάσκηση: Λεπτομερής διάταξη των ενοτήτων 5 και 6

ΠΡΑΚΤΙΚΗ

Σελίδες ιστότοπου

Θα ρίξουμε μια ματιά στον πίνακα Σελίδες. Ας μάθουμε ποιοι τύποι σελίδων υπάρχουν και πώς να τις προσαρμόσετε. Ως αποτέλεσμα, θα δημιουργήσετε 7-8 ενότητες του ιστότοπου.

• Σελίδες ιστότοπου
• Εξάσκηση: Λεπτομερής διάταξη των ενοτήτων 7 και 8

ΠΡΑΚΤΙΚΗ

Δευτερεύουσες λειτουργίες

Θα μάθετε για πρόσθετες λειτουργίες που σας βοηθούν ενώ εργάζεστε σε ένα έργο, καθώς και στην εύρεση εκπαιδευτικού υλικού. Ως αποτέλεσμα, θα δημιουργήσετε 9-10 ενότητες του ιστότοπου.

• Το Helper λειτουργεί σε λειτουργία Designer
• Πρακτική. Λεπτομερής διάταξη των ενοτήτων 9 και 10

ΠΡΑΚΤΙΚΗ

Σύμβολα και μοτίβα

Μάθετε πώς να δημιουργείτε Σύμβολα από στοιχεία ή ομάδες στοιχείων στο Webflow για τη διαχείριση επαναλαμβανόμενων μπλοκ και περιεχομένου. Ως αποτέλεσμα, θα διαμορφώσετε το μενού πλοήγησης, τη γραμμή πλοήγησης, θα ρυθμίσετε συνδέσμους αγκύρωσης και θα δημιουργήσετε σύμβολα για το Μενού και το Υποσέλιδο.

• Επισκόπηση πίνακα συμβόλων
• Ανασκόπηση έτοιμων Layouts
• Δημιουργία χαρακτήρων
• Πρακτική

ΠΡΑΚΤΙΚΗ

Προσαρμοστική διάταξη

Σε αυτό το μάθημα θα μάθετε τα βασικά της προσαρμοστικής διάταξης και θα εξοικειωθείτε με την έννοια των «σημείων διακοπής». Ως αποτέλεσμα, δημιουργήστε μια προσαρμοστική έκδοση tablet και φορητών συσκευών, μια προσαρμοστική έκδοση για μεγάλες οθόνες και ένα προσαρμοστικό μενού.

• Βασικά στοιχεία προσαρμοστικής διάταξης
• ορια ΑΝΤΟΧΗΣ
• Έλεγχος προσαρμοστικότητας
• Προσαρμογή ιστότοπου για οθόνες κινητών
• Προσαρμογή ιστότοπου για μεγάλες οθόνες
• Δοκιμή προσαρμοστικότητας

ΕΚΤΕΤΑΜΕΝΕΣ ΔΥΝΑΤΟΤΗΤΕΣ

Κινουμένων σχεδίων. 1 μέρος

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

• Γενικές Αρχές Κινουμένων Σχεδίων
• Ενεργοποιητές
• Ρύθμιση σκανδάλων
• Στοιχεία κινούμενων σχεδίων στο αιώρηση
• Σύνδεσμοι αγκύρωσης

ΕΚΤΕΤΑΜΕΝΕΣ ΔΥΝΑΤΟΤΗΤΕΣ

Κινουμένων σχεδίων. μέρος 2ο

Θα μάθετε τι είναι το παγκόσμιο κινούμενο σχέδιο. Ως αποτέλεσμα, μάθετε πώς να το δημιουργήσετε.

• Παγκόσμιο κινούμενο σχέδιο
• Στοιχείο Κινούμενα σχέδια
• Κινούμενα σχέδια κατά τη φόρτωση και την κύλιση της σελίδας

ΕΚΤΕΤΑΜΕΝΕΣ ΔΥΝΑΤΟΤΗΤΕΣ

Εισαγωγή κωδικού τρίτου μέρους

Θα καταλάβετε γιατί πρέπει να εισαγάγετε κωδικό τρίτου μέρους. Γνωρίστε το στοιχείο Ενσωμάτωση. Μάθετε πώς να ενσωματώνετε κώδικα τρίτων, για παράδειγμα, να συνδέσετε υπηρεσίες σχολίων ή ένα γραφικό στοιχείο χάρτη. Στην πράξη, μάθετε πώς να εισάγετε τον κωδικό της κάρτας.

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

ΕΚΤΕΤΑΜΕΝΕΣ ΔΥΝΑΤΟΤΗΤΕΣ

Analytics και SEO

Μάθετε τι είναι τα web analytics και το SEO και γιατί χρειάζονται. Θα καταλάβετε πώς να συνδέσετε το Analytics και να ρυθμίσετε σελίδες SEO.

• Σύνδεση του Analytics
• Σύνδεση Yandex Metrica και Google Analytics
• Ρύθμιση SEO στις ρυθμίσεις σελίδας

ΕΚΤΕΤΑΜΕΝΕΣ ΔΥΝΑΤΟΤΗΤΕΣ

Ολοκλήρωση του έργου

Για άλλη μια φορά, περάστε από όλα τα στάδια δημιουργίας μιας ιστοσελίδας. Θα μάθετε πώς να εγκρίνετε και να μεταφέρετε τον ιστότοπο στον πελάτη. Μάθετε πώς μπορείτε να συνδέσετε έναν ιστότοπο σε έναν τομέα σε φιλοξενία Webflow, ανεβάστε τον ιστότοπο και εγκαταστήστε τον στη φιλοξενία σας.

• Λίστα ελέγχου για τον έλεγχο του ιστότοπου
• Έγκριση και παράδοση του έργου στον πελάτη
• Σύνδεση ιστότοπου με τομέα σε φιλοξενία Webflow
• Μεταφόρτωση του ιστότοπου και εγκατάσταση του στο hosting σας

ΕΚΤΕΤΑΜΕΝΕΣ ΔΥΝΑΤΟΤΗΤΕΣ

Δώρο

Εργασία αποφοίτησης