Πώς να επανασχεδιάσετε ένα πρότυπο ιστότοπου

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

Πώς να επανασχεδιάσετε ένα πρότυπο ιστότοπου
Πώς να επανασχεδιάσετε ένα πρότυπο ιστότοπου

Βίντεο: Πώς να επανασχεδιάσετε ένα πρότυπο ιστότοπου

Βίντεο: Πώς να επανασχεδιάσετε ένα πρότυπο ιστότοπου
Βίντεο: David Fravor UFOs, Aliens, Fighter Jets, and Aerospace Engineering Lex Fridman 2024, Ενδέχεται
Anonim

Ο ευκολότερος τρόπος για να δημιουργήσετε έναν ιστότοπο είναι να χρησιμοποιήσετε ένα πρότυπο. Ωστόσο, για να ξεχωρίζει ο πόρος, πρέπει να αλλάξετε την προεπιλεγμένη διάταξη. Και εδώ δεν μπορείτε να κάνετε χωρίς βασικές γνώσεις html και css.

Πώς να επανασχεδιάσετε ένα πρότυπο ιστότοπου
Πώς να επανασχεδιάσετε ένα πρότυπο ιστότοπου

Οδηγίες

Βήμα 1

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

Βήμα 2

Ακόμα κι αν δεν πρόκειται να επαναλάβετε πλήρως το πρότυπο, αντικαταστήστε τις περισσότερες από τις εικόνες και ειδικά αυτές που βρίσκονται ως λογότυπο Αντικαταστήστε κάθε εικόνα με αυτόν τον τρόπο:

- ανοίξτε το αρχείο γραφικών στο πρόγραμμα Photoshop.

- στο μενού "Εικόνα" - "Μέγεθος εικόνας" δείτε τις παραμέτρους του.

- ανοίξτε ένα νέο φύλλο με ακριβώς τις ίδιες διαστάσεις.

- δημιουργήστε την επιθυμητή εικόνα χρησιμοποιώντας τα εργαλεία εφαρμογής.

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

Έτσι, αντί για μια εικόνα, θα πρέπει να εμφανίζεται μια άλλη.

Βήμα 3

Μόλις αλλάξετε όλες τις εικόνες, συμπιέστε το φάκελο με τα αρχεία (στην περίπτωση του Joomla) και ανεβάστε το μέσω του πίνακα διαχείρισης του ιστότοπου στο μενού "Επεκτάσεις". Δείτε αν το θέμα εμφανίζεται σωστά με τις νέες εικόνες.

Βήμα 4

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

Βήμα 5

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

Βήμα 6

Ανοίξτε το style.css στο Σημειωματάριο ++. Μπορείτε να χρησιμοποιήσετε άλλα προγράμματα που έχουν σχεδιαστεί για την επεξεργασία του κώδικα, αλλά για το σκοπό αυτό δεν μπορείτε να χρησιμοποιήσετε το τυπικό "Σημειωματάριο", διαφορετικά θα υπάρξουν σφάλματα λόγω της κωδικοποίησης. Χρησιμοποιήστε το FireBug για να βρείτε τις παραμέτρους που θέλετε να αλλάξετε και να τις επεξεργαστείτε ταυτόχρονα στο Σημειωματάριο ++.

Βήμα 7

Αποθηκεύστε τα τελικά css και ανεβάστε το αρχείο στο διακομιστή.

Συνιστάται: