Οι όροι σχεδιασμού ιστοσελίδων είναι τα κύρια πράγματα που πρέπει να γνωρίζει ένας επιχειρηματίας. Ο σχεδιασμός ιστοσελίδων είναι η διαδικασία δημιουργίας και οργάνωσης των οπτικών και λειτουργικών πτυχών ενός ιστότοπου. Περιλαμβάνει διάφορους όρους και έννοιες που περιγράφουν διάφορες πτυχές του σχεδιασμού και της ανάπτυξης ιστοσελίδων.

Η σχεδίαση ιστοσελίδων υπάρχει εδώ και πολύ καιρό και δεν χάνει χρόνο στην ανάπτυξη μιας περίπλοκης γλώσσας γεμάτη ορολογία. Μόλις κάνετε έστω και το παραμικρό βήμα στον κόσμο του web design, θα αρχίσετε να ακούτε: «Ποιο CMS θέλετε να χρησιμοποιήσετε;», «Το θέλετε πάνω από το πάσο ή κάτω από το πάσο;», «Θέλετε θέλετε μια σταθερή διάταξη; ", "Τι φιλοξενία ιστού θέλετε να χρησιμοποιήσετε; » και μένεις να αναρωτιέσαι τι σημαίνει όλο αυτό. Γνωρίζουμε ότι η προσπάθεια να καταλάβουμε όλους τους βασικούς ορισμούς και όρους του σχεδιασμού ιστοσελίδων μπορεί να είναι αρκετά συντριπτική, ειδικά όταν είναι όλα καινούργια.

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

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

 

Ορισμοί και όροι σχεδίασης ιστοσελίδων.

Προσιτότητα

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

10 κυρώσεις της Google που μπορούν να επηρεάσουν τον ιστότοπό σας

Κάτω από την πτυχή (και πάνω από την πτυχή).

Κάτω και πάνω από το πάσο υπάρχουν δύο όροι που έχουν την προέλευσή τους στις εφημερίδες. Το «πτυχάκι» είναι το σημείο που διπλώνει η εφημερίδα. Το Top and Bottom περιγράφει εάν οι πληροφορίες εμφανίζονται στο επάνω ή στο κάτω μισό της πτυχής. Για ιστοσελίδες, το "πτυχάκι" συνήθως ορίζεται ως το σημείο στο οποίο πρέπει να ξεκινήσετε την κύλιση, αλλά η αρχή είναι η ίδια - οι πληροφορίες που βρίσκονται στο επάνω μέρος της σελίδας (ATF) είναι πιο προσιτές και ορατές από τις πληροφορίες που βρίσκονται στο στο κάτω μέρος της σελίδας (BTF). . .

Ελαστικό (διάταξη). Ελαστικό (διάταξη). Όροι σχεδίασης ιστοσελίδων

Η ελαστική διάταξη είναι μια προσέγγιση για το σχεδιασμό ιστοσελίδων που περιγράφει τις σχέσεις μεταξύ των στοιχείων και τη θέση τους στη σελίδα με όρους ποσοστών και όχι ειδικά σχεδιασμένων διαστημάτων και μεγεθών. Αυτό σημαίνει ότι οι ιστοσελίδες γίνονται πιο προσαρμόσιμες - τόσο στις προτιμήσεις που ορίζουν οι επισκέπτες σας όσον αφορά το μέγεθος γραμματοσειρά και την απόσταση μεταξύ τους και για τη βελτιστοποίηση της σελίδας για προβολή σε smartphone ή tablet.

Σήμερα, τα ελαστικά layouts αποτελούν βασικό μέρος των προσεγγίσεων του responsive design, αλλά πριν γεννηθεί η ιδέα του responsive design, τα elastic layouts παρείχαν έναν εύκολο τρόπο για να κάνετε τους ιστότοπους να ανταποκρίνονται.

Πρώην. Πρώην

Το Ex είναι μια μονάδα μέτρησης που χρησιμοποιεί ένα πεζό "x" στη γραμματοσειρά ως τυπικό μέτρο.

Σταθερό πλάτος (διάταξη). Σταθερό πλάτος (διάταξη). Ορισμοί και όροι σχεδίασης ιστοσελίδων.

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

Δεκαεξαδικό.

Οι δεκαεξαδικοί αριθμοί, γνωστοί και ως «δεκαεξαδικοί», είναι ένα σύστημα αριθμών βάσης-16, που σημαίνει ότι χρησιμοποιούν 16 χαρακτήρες για να ορίσουν ένα χρώμα. Οι δεκαεξαδικοί αριθμοί χρησιμοποιούν τους αριθμούς από το 0 έως το 9 και τα γράμματα Α έως F. Κάθε χρώμα προσδιορίζεται από τρία ζεύγη δεκαεξαδικών αριθμών. Το πρώτο ζεύγος αριθμών ή γραμμάτων αναφέρεται στην κόκκινη απόχρωση, το δεύτερο ζεύγος στην πράσινη απόχρωση και το τρίτο ζεύγος στην μπλε απόχρωση.

Άπειρη κύλιση. Άπειρη κύλιση

Η άπειρη κύλιση είναι όταν φορτώνεται νέο περιεχόμενο καθώς συνεχίζετε την κύλιση. Αυτό δημιουργεί μια "ατελείωτη", ατελείωτη κύλιση. Μερικά δημοφιλή παραδείγματα αυτού είναι τα χρονοδιαγράμματα του Facebook, του Pinterest ή του Twitter.

Κύλιση παράλλαξης. Κύλιση παράλλαξης.

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

Πολιτική Απορρήτου

Ανάλυση. Αδεια. Ορισμοί και όροι σχεδίασης ιστοσελίδων.

Ανάλυση είναι ο αριθμός των pixel που εμφανίζονται στην οθόνη. Αυτή είναι μια τυπική μέθοδος που χρησιμοποιείται στο σχεδιασμό ιστοσελίδων για τον προσδιορισμό μέγεθος εικόνες. Η ποιότητα της εικόνας περιγράφεται συνήθως σε εικονοστοιχεία ανά ίντσα, με περισσότερα pixel να έχουν ως αποτέλεσμα μια εικόνα υψηλότερης ποιότητας.

Αποκριτικό / φιλικό προς κινητά / βελτιστοποιημένο για κινητά. Απόκριση / Φιλικό προς κινητά / Βελτιστοποιημένο για κινητά

Από πέρυσι, περισσότερο από το ήμισυ της επισκεψιμότητας στο διαδίκτυο προέρχεται από smartphone. Αυτό σημαίνει ότι γίνεται όλο και πιο σημαντικό για έναν ιστότοπο να φαίνεται καλύτερος κινητές συσκευές, καθώς και σε υπολογιστές. Το να κάνετε τους ιστότοπους να ανταποκρίνονται/ανταποκρίνονται για κινητά/να βελτιστοποιούνται για κινητά σημαίνει να σχεδιάζετε και να αναπτύσσετε έναν ιστότοπο που θα προσαρμόζεται στη συσκευή ή την οθόνη στην οποία προβάλλεται.

Ευχρηστία. Ευκολία στη χρήση.

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

UX (Έρευνα χρήστη) / UI (Διεπαφή χρήστη)

Ο σχεδιασμός UX και UI είναι εργασία που βελτιώνει την εμπειρία του χρήστη. Είναι σημαντικό να γνωρίζετε τις διαφορές μεταξύ UX και UI για να κατανοήσετε πώς συνεργάζονται.

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

Η διεπαφή χρήστη, η διεπαφή χρήστη, εστιάζει στα οπτικά και διαδραστικά στοιχεία ενός ιστότοπου, όπως κουμπιά, εικονίδια και τυπογραφία. Στόχος είναι η βελτίωση της εμφάνισης και της λειτουργικότητας της ιστοσελίδας.

Ανατομία μιας τοποθεσίας frontend. Ορισμοί και όροι σχεδίασης ιστοσελίδων.

-

Φρυγανιά. Τριμμένη φρυγανιά.

Όταν οι ιστοσελίδες δείχνουν στους χρήστες πώς πλοηγήθηκαν στην ιστοσελίδα και πώς να επιστρέψουν αρχική σελίδα, αυτό γίνεται συχνά χρησιμοποιώντας τριμμένη φρυγανιά. Αυτό εμφανίζεται συνήθως ως μια σειρά ένθετων κατηγοριών, όπως Αρχική σελίδα > Κατηγορία > Έτος > Μήνας > Δημοσίευση.

Favicon. Favicon.

Το favicon είναι ένα μικροσκοπικό εικονίδιο που εμφανίζεται στη γραμμή καρτελών του προγράμματος περιήγησής σας. Συνήθως έχουν μέγεθος 16×16 pixel (το οποίο είναι στην πραγματικότητα πολύ μικρό) και αποθηκεύονται ως εικόνες .ico, .gif ή .png. Μπορείτε να χρησιμοποιήσετε σχεδόν οποιαδήποτε εικόνα ως εικονίδιο, αρκεί να έχει το σωστό μέγεθος και να έχει αποθηκευτεί στη σωστή μορφή.

Επίκεντρο. Συντονιστής.

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

Μπροστινό μέρος. Μπροστινό μέρος.

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

Χάμπουργκερ εικονίδιο. Χάμπουργκερ εικονίδιο.

Το εικονίδιο χάμπουργκερ αναφέρεται στο εικονίδιο μενού που βρίσκεται συνήθως σε μεταγενέστερα προγράμματα. Έχει τρεις οριζόντιες ρίγες (εξ ου και το «χάμπουργκερ») και κρύβει το παραδοσιακό μενού πλοήγησης πίσω από ένα μόνο εικονίδιο.

Σελίδα προορισμού. Σελίδα προορισμού.

Αυτή είναι η πρώτη σελίδα που θα δουν οι επισκέπτες στον ιστότοπό σας. Πολλοί ιστότοποι χρησιμοποιούν μια αποκλειστική σελίδα προορισμού για να μάθουν κάτι από τον επισκέπτη (όπως η κοινή χρήση της διεύθυνσης ηλεκτρονικού ταχυδρομείου ή μιας σελίδας για συγκεκριμένο προϊόν). Δικος σου σελίδα προορισμού είναι μια από τις πιο σημαντικές σελίδες στον ιστότοπό σας και θα πρέπει να αφιερώσετε πολύ χρόνο για να την βελτιστοποιήσετε.

Πλοήγηση. Πλοήγηση.

Η πλοήγηση είναι το σύστημα που χρησιμοποιείται για τη μετακίνηση μεταξύ στοιχείων στην ιστοσελίδα σας και είναι ένα από τα πιο σημαντικά στοιχεία οποιασδήποτε ιστοσελίδας. Γι' αυτό είναι τόσο σημαντικό να γνωρίζετε τις βασικές αρχές της πλοήγησης στον ιστότοπο. Το περισσότερο φωτεινό παράδειγμα Οι πλοηγήσεις είναι μενού που εμφανίζονται στις περισσότερες ιστοσελίδες. Προσέξτε όμως πολύ τον τρόπο οργάνωσης των σελίδων και τις μεταξύ τους συνδέσεις. Μπορούν επίσης να κάνουν μια ιστοσελίδα πολύ πιο εύκολη για τους επισκέπτες στην πλοήγηση.

Ανατομία Backend Ιστοσελίδας. Ορισμοί και όροι σχεδίασης ιστοσελίδων.

-

Πίσω τέλος. Πίσω τέλος.

Αυτό είναι το μέρος του συστήματός σας που εκτελεί αποτελεσματικά τον ιστότοπό σας, αλλά είναι κρυμμένο από τους επισκέπτες. Υπάρχουν πολλά διαφορετικά διαθέσιμα στοιχεία back-end, αλλά όλα περιέχουν συνήθως τα ίδια πράγματα—εφαρμογές, δομή πληροφοριών και το CMS σας.

CMS

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

ΗΛΕΚΤΡΟΝΙΚΟ ΕΜΠΟΡΙΟ. Ηλεκτρονικό εμπόριο.

ΗΛΕΚΤΡΟΝΙΚΟ ΕΜΠΟΡΙΟ σημαίνει «ηλεκτρονικό εμπόριο». όπως το "e-mail" σημαίνει "ηλεκτρονικό ταχυδρομείο". Συνήθως προσθέτετε ένα κατάστημα στον ιστότοπό σας ΗΛΕΚΤΡΟΝΙΚΟ ΕΜΠΟΡΙΟ, το οποίο θα χειρίζεται τις περιγραφές προϊόντων, τις αγορές και τις πωλήσεις και τα δεδομένα πελατών.

HTTP/HTTPS

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

Το HTTPS είναι μια επέκταση του HTTP που μπορεί να δημιουργήσει συνδέσεις μέσω SSL (Secure Socket Layer). Αυτός είναι ένας πολύ πιο ασφαλής τρόπος κοινής χρήσης δεδομένων στο διαδίκτυο. Πολλά σύγχρονα προγράμματα περιήγησης ιστού θα σας προειδοποιήσουν εάν ένας ιστότοπος χρησιμοποιεί το τυπικό πρωτόκολλο HTTP και όχι HTTPS.

Ως κάτοχος ιστότοπου, μπορείτε να αγοράσετε τα πιστοποιητικά SSL που απαιτούνται για τη χρήση του HTTPS από διάφορους παρόχους. Μόλις προστεθεί, θα κάνει τον ιστότοπό σας πιο ασφαλή και θα δημιουργήσει εμπιστοσύνη με τους πελάτες σας.

Συνδέω. Όροι σχεδίασης ιστοσελίδων

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

Πρότυπο. Δείγμα.

Τα πρότυπα χρησιμοποιούνται στο σχεδιασμό ιστοσελίδων με τον ίδιο σχεδόν τρόπο που χρησιμοποιούνται για έγγραφα και εικόνες—για να διασφαλιστεί η συνεπής σχεδίαση σε πολλές διαφορετικές σελίδες. Οι περισσότερες πλατφόρμες CMS θα σας παρέχουν ένα σύνολο προτύπων για τον ιστότοπό σας που θα σας βοηθήσουν να διασφαλίσετε τη συνέπεια μεταξύ των σελίδων σας και του σχεδιασμού σας σε αυτές.

Τεχνικές προϋποθέσεις για το Διαδίκτυο. Ορισμοί και όροι σχεδίασης ιστοσελίδων.

-

Κείμενο συνδέσμου. Κείμενο συνδέσμου.

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

Backlink. Backlink.

Αυτοί είναι σύνδεσμοι προς τον ιστότοπό σας από άλλους ιστότοπους. Όταν ένας άλλος ιστότοπος συνδέεται με τον δικό σας, για παράδειγμα για να κατευθύνει τους αναγνώστες του σε έναν πόρο, έχετε λάβει ένα backlink. Τα backlinks είναι πολύ σημαντικά όταν πρόκειται για την αύξηση της κατάταξης αναζήτησής σας, επειδή τα πολλαπλά backlinks από αξιόπιστους ιστότοπους θα αυξήσουν την προβολή του ιστότοπού σας.

Εύρος ζώνης. Εύρος ζώνης.

Το εύρος ζώνης είναι ένας όρος που χρησιμοποιείται σε πολλά διαφορετικά πλαίσια, αλλά ουσιαστικά σημαίνει τον όγκο των δεδομένων που αποστέλλονται ή λαμβάνονται σε μια δεδομένη περίοδο. Μπορεί να χρησιμοποιηθεί, για παράδειγμα, για να περιγράψει την ταχύτητά σας στο διαδίκτυο, όπου συνήθως αναφέρεται σε kilobits ανά δευτερόλεπτο (kbps). Ωστόσο, μερικές φορές χρησιμοποιείται για να περιγράψει πόσα δεδομένα μπορείτε να χρησιμοποιήσετε ανά μήνα ως μέρος του πακέτου φιλοξενίας ιστού σας.

Κρύπτη. Μετρητά.

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

Όροι σχεδιασμού ιστοσελίδων DNS

Το DNS σημαίνει Υπηρεσία ονομάτων τομέα. Αυτό είναι το σύστημα με το οποίο το πρόγραμμα περιήγησής σας βρίσκει ιστοσελίδες. Οταν εσύ azbyka.com.ua  , το πρόγραμμα περιήγησής σας αναζητά έναν "πίνακα DNS" που μετατρέπει αυτήν τη φιλική προς τον άνθρωπο διεύθυνση σε διεύθυνση φιλική προς τον υπολογιστή (δηλαδή, μια διεύθυνση που αποτελείται από αριθμούς). Το σύστημα DNS παρακολουθεί πού βρίσκονται όλες οι ιστοσελίδες στον κόσμο, έτσι ώστε το πρόγραμμα περιήγησής σας να μπορεί να τις βρει.

Όνομα τομέα

Αυτό είναι το όνομα του ιστότοπού σας. Μπορείτε να αγοράσετε domain από πολλές εταιρείες. Δεν μπορούν να περιέχουν περισσότερους από 63 χαρακτήρες. Για παράδειγμα,  https://azbyka.com.ua/είναι το όνομα τομέα μας.

fTP

Το FTP σημαίνει Πρωτόκολλο μεταφοράς αρχείων και είναι ένα σύστημα για τη μεταφορά αρχείων και δεδομένων από την τοπική αποθήκευση (για παράδειγμα, στον υπολογιστή σας) στον διακομιστή ιστού σας. Για να χρησιμοποιήσετε το FTP, πρέπει να κάνετε λήψη ενός μικρού προγράμματος που ονομάζεται πελάτης FTP.

Μόνιμος σύνδεσμος. Μόνιμος σύνδεσμος

Ένας μόνιμος σύνδεσμος που σας επιτρέπει να παρέχετε μια διεύθυνση που θα οδηγεί πάντα σε μια συγκεκριμένη ανάρτηση ιστολογίου ή σελίδα, ανεξάρτητα από το πώς αλλάζετε τη δομή του ιστότοπού σας γύρω από αυτήν. Αυτό είναι πολύ χρήσιμο εάν χρησιμοποιείτε αναρτήσεις ιστολογίου για να αυξήσετε την επισκεψιμότητα στον ιστότοπό σας, επειδή δεν χρειάζεται να αλλάξετε με μη αυτόματο τρόπο δεκάδες (ή εκατοντάδες) συνδέσμους εάν αποφασίσετε να αλλάξετε σχεδιασμός της ιστοσελίδας σας ή αλλάξτε το όνομα τομέα σας.

URL

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

Φιλοξενία Ιστού. Ορισμοί και όροι σχεδίασης ιστοσελίδων.

Ένα web hosting είναι μια εταιρεία που διαχειρίζεται τους διακομιστές που αποθηκεύουν το δικό σας веб-сайт. Όπως εξηγούμε στο άρθρο μας για τη φιλοξενία ιστοσελίδων, οι οικοδεσπότες Ιστού μπορεί να διαφέρουν πολύ στο επίπεδο των υπηρεσιών που προσφέρουν. Ένας καλός οικοδεσπότης Ιστού θα μπορεί να σας διαβεβαιώσει ότι ο ιστότοπός σας θα είναι διαθέσιμος στο 99,9% του χρόνου και θα σας παρέχει επίσης τα εργαλεία για να τον διατηρήσετε ασφαλή και αποτελεσματικό.

Διακομιστής Ιστού

Ένας διακομιστής web είναι ο υπολογιστής που αποθηκεύει πραγματικά την ιστοσελίδα σας. Πιθανότατα βρίσκεται σε μια εγκατάσταση διακομιστή που ανήκει στον οικοδεσπότη Ιστού σας, αν και είναι επίσης δυνατό να τρέξετε τους δικούς σας διακομιστές.

Ορολογία ανάπτυξης Ιστού. Ορισμοί και όροι σχεδίασης ιστοσελίδων.

CSS

Το CSS σημαίνει Cascading Style Sheets και μαζί με το HTML, αυτά τα φύλλα είναι το πιο θεμελιώδες μέρος οποιασδήποτε ιστοσελίδας. Πριν από δέκα χρόνια, η μορφοποίηση ιστοσελίδων, όπως το μέγεθος των επικεφαλίδων ή το αν οι εικόνες είχαν περιθώρια, καθορίστηκε στον ίδιο τον κώδικα HTML. Αυτό σήμαινε ότι η αλλαγή της μορφοποίησης ήταν έντασης εργασίας η διαδικασία μετάδοσης κάθε στοιχείου σελίδες και αλλαγές κώδικα.

Με το CSS όλα είναι πολύ πιο απλά. Το στυλ μιας σελίδας περιέχεται σε ένα (ή περισσότερα) αρχεία CSS που καθορίζουν την εμφάνιση των επικεφαλίδων, τον τρόπο εμφάνισης των εικόνων και πολλά άλλα στοιχεία. Λένε στο πρόγραμμα περιήγησης πώς να εμφανίζει τον ιστότοπο. Έτσι, η μορφή ολόκληρων ιστότοπων μπορεί να αλλάξει αλλάζοντας μόνο ένα κομμάτι κώδικα.

DHTML

Το DHTML σημαίνει Dynamic HyperText Markup Language. Είναι ένας όρος για μια γλώσσα που συνδυάζει πολλές γλώσσες σχεδίασης ιστοσελίδων—HTML, JavaScript και CSS—σε μία σούπερ γλώσσα για ανάπτυξη ιστού. Αυτό συνήθως χρησιμοποιούν οι σύγχρονοι προγραμματιστές ιστού για να δημιουργήσουν έναν ιστότοπο για εσάς.

Doctype. Ορισμοί και όροι σχεδίασης ιστοσελίδων.

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

Εμ. EM. Όροι σχεδίασης ιστοσελίδων

Το Em χρησιμοποιείται για να περιγράψει το μέγεθος μιας γραμματοσειράς σε σχέση με τη γραμματοσειρά "γονική" που χρησιμοποιείται στη σελίδα. 1Em σημαίνει ότι η γραμματοσειρά (ή μερικές φορές άλλα στοιχεία) έχουν το ίδιο μέγεθος με το γονικό τους στοιχείο, 2em σημαίνει ότι έχουν διπλάσιο μέγεθος και ούτω καθεξής.

Ενσωματωμένο στυλ. Ενσωματωμένο στυλ. Όροι σχεδίασης ιστοσελίδων

Ενώ το CSS (δείτε παραπάνω) μπορεί να χρησιμοποιηθεί για να περιγράψει τη μορφή ολόκληρων σελίδων ταυτόχρονα, μερικές φορές χρειάζεται να αλλάξετε μόνο το στυλ σε μία σελίδα. Αυτό συμβαίνει όταν χρησιμοποιείται ένα ενσωματωμένο στυλ. Ένα ενσωματωμένο στυλ είναι ένα κομμάτι κώδικα CSS γραμμένο στην κεφαλή μιας ιστοσελίδας που επηρεάζει μόνο στοιχεία σε αυτήν τη σελίδα και όχι ολόκληρο τον ιστότοπό σας.

Οικογένεια γραμματοσειράς/στυλ/βάρος. Οικογένεια γραμματοσειράς/στυλ/βάρος

Οι σχεδιαστές ιστού και οι προγραμματιστές συχνά δεν λειτουργούν με συγκεκριμένες γραμματοσειρές, επειδή διαφορετικά προγράμματα περιήγησης δεν χρησιμοποιούν πάντα τις ίδιες γραμματοσειρές. Αυτός είναι ο λόγος για τον οποίο σε ένα έγγραφο CSS θα δείτε ότι η γραμματοσειρά που χρησιμοποιείται ορίζεται ως οικογένεια γραμματοσειρών—μια ομάδα γραμματοσειρών που μπορεί να χρησιμοποιηθεί—και όχι ως μία μεμονωμένη. Μαζί με αυτόν τον ορισμό, το έγγραφο CSS θα ορίσει επίσης το στυλ γραμματοσειράς (πλάγια, υπογράμμιση, κ.λπ.) και το βάρος (έντονη, φωτεινή, κ.λπ.).

HTML. Ορισμοί και όροι σχεδίασης ιστοσελίδων.

Η γλώσσα σήμανσης υπερκειμένου είναι η βάση του Διαδικτύου. Όλες οι ιστοσελίδες είναι γραμμένες, τουλάχιστον σε κάποιο βαθμό, σε HTML, η οποία έχει σχεδιαστεί για να είναι όσο το δυνατόν πιο εύκολη στη σύνταξη. Στην πραγματικότητα, μπορεί να είναι πολύ χρήσιμο, δοκιμάστε το Φροντιστήριο επί κώδικας HTML, για να δείτε αν είναι εύκολο να γράψετε - θα εκπλαγείτε τι μπορείτε να πετύχετε σε λίγες ώρες!

Μεταδεδομένα.

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

Ανοιχτή πηγή. Ανοιχτή πηγή. Όροι σχεδίασης ιστοσελίδων

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

Σκαλωσιά. Σκαλωσιά. Ορισμοί και όροι σχεδίασης ιστοσελίδων.

Ιστός σταδιοποίησηςсайта είναι η διαδικασία δημιουργίας ενός σχεδόν τελικού αντιγράφου του και στη συνέχεια δοκιμής του πριν από την ανάπτυξη της ζωντανής έκδοσης του ιστότοπου. Οι περισσότεροι προγραμματιστές ιστού «στασιοποιούν» έναν ιστότοπο πριν τον κυκλοφορήσουν για να βεβαιωθούν ότι όλα λειτουργούν σωστά. Και συχνά, σημαντικές αλλαγές σε έναν ιστότοπο συμβαίνουν στον ιστότοπο εγκατάστασης και όχι στον ζωντανό ιστότοπο.

Εγκυρος. Εγκυρος.

Στον σχεδιασμό ιστοσελίδων, έγκυρες ιστοσελίδες είναι αυτές που δεν περιέχουν σφάλματα. Στην πράξη, αυτό σημαίνει ιστοσελίδες που ακολουθούν τα πρότυπα που ορίζονται στις προδιαγραφές HTML που δημοσιεύονται από το W3C, την κοινότητα που θέτει πρότυπα για την ανάπτυξη ιστού.

XML. Όροι σχεδίασης ιστοσελίδων

Η XML σημαίνει επεκτάσιμη γλώσσα σήμανσης. Η XML είναι ένα θεμελιώδες μέρος του σχεδιασμού ιστοσελίδων επειδή λειτουργεί ως «μεταγλώσσα» που μεταφράζει στοιχεία μιας γλώσσας σε μια άλλη. Αυτό σημαίνει ότι οι ιστοσελίδες μπορούν να δημιουργηθούν χρησιμοποιώντας πολλές διαφορετικές γλώσσες, όλες από τις οποίες επικοινωνούν μέσω XML.

Το τελευταίο πράγμα…

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

Ωστόσο, μπορεί να είναι πολύ χρήσιμο να έχετε έναν οδηγό στον μερικές φορές περίπλοκο κόσμο του σχεδιασμού ιστοσελίδων, ειδικά όταν μόλις ξεκινάτε. Οι επαγγελματίες σχεδιαστές ιστοσελίδων μας θα σας βοηθήσουν να ξεκινήσετε τον συναρπαστικό κόσμο του web design.

АЗБУКА

 

Κινούμενα σχέδια λογότυπων.