Πώς να εισαγάγετε ένα λογότυπο σε έναν ιστότοπο

Πίνακας περιεχομένων:

Πώς να εισαγάγετε ένα λογότυπο σε έναν ιστότοπο
Πώς να εισαγάγετε ένα λογότυπο σε έναν ιστότοπο

Βίντεο: Πώς να εισαγάγετε ένα λογότυπο σε έναν ιστότοπο

Βίντεο: Πώς να εισαγάγετε ένα λογότυπο σε έναν ιστότοπο
Βίντεο: Create amazing buttons in Google Sites 2024, Δεκέμβριος
Anonim

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

Πώς να εισαγάγετε ένα λογότυπο σε έναν ιστότοπο
Πώς να εισαγάγετε ένα λογότυπο σε έναν ιστότοπο

Οδηγίες

Βήμα 1

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

Βήμα 2

Τοποθετήστε την εικόνα του λογότυπου πάνω από την ανοιχτή εικόνα - στο Paint, το στοιχείο "Επικόλληση από" στην αναπτυσσόμενη λίστα "Επικόλληση" προορίζεται για αυτό. Χρησιμοποιήστε το ποντίκι για να σύρετε το λογότυπο στην επιθυμητή θέση στην εικόνα φόντου, αλλάξτε το μέγεθος όπως απαιτείται και αποθηκεύστε το αποτέλεσμα με το συνδυασμό πλήκτρων Ctrl + S. Μεταφορτώστε το αρχείο κεφαλίδας με το λογότυπο στον διακομιστή, αντικαθιστώντας το αρχικό αρχείο και η λειτουργία θα ολοκληρωθεί.

Βήμα 3

Για να εισαγάγετε ένα λογότυπο στον κώδικα HTML μιας σελίδας, είναι πιο βολικό να χρησιμοποιείτε τη λειτουργία γραφικών (λειτουργία WYSIWYG) του προγράμματος επεξεργασίας σελίδων, η οποία είναι διαθέσιμη στα περισσότερα συστήματα διαχείρισης τοποθεσιών. Αφού ανοίξατε την απαραίτητη σελίδα σε έναν τέτοιο επεξεργαστή, κάντε κλικ στο μέρος όπου πρέπει να τοποθετηθεί το λογότυπο και πατήστε το κουμπί για να εισαγάγετε μια εικόνα στο μενού. Θα εμφανιστεί ένα παράθυρο διαλόγου στην οποία θα πρέπει να καθορίσετε τη θέση του αρχείου με το λογότυπο στον υπολογιστή. Ανάλογα με τον επεξεργαστή, ο ίδιος διάλογος μπορεί να περιέχει πεδία για την εισαγωγή πρόσθετων παραμέτρων - μεγέθη εικόνας, εσοχές από παρακείμενα στοιχεία σελίδας κ.λπ. Όταν τελειώσετε, κάντε κλικ στο OK και, στη συνέχεια, αποθηκεύστε την επεξεργασμένη σελίδα.

Βήμα 4

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

Βήμα 5

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

Συνιστάται: