Πώς να προσαρμόσετε το πρότυπο

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

Πώς να προσαρμόσετε το πρότυπο
Πώς να προσαρμόσετε το πρότυπο

Βίντεο: Πώς να προσαρμόσετε το πρότυπο

Βίντεο: Πώς να προσαρμόσετε το πρότυπο
Βίντεο: Hermes | Εφαρμογή ασφαλτικών μεμβρανών HERMES σύμφωνα με το πρότυπο ΕΛΟΤ1415 2024, Δεκέμβριος
Anonim

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

Πώς να προσαρμόσετε το πρότυπο
Πώς να προσαρμόσετε το πρότυπο

Απαραίτητη

  • - πρότυπο ιστότοπου ·
  • - Πρόγραμμα Photoshop.
  • - επέκταση για το πρόγραμμα περιήγησης FireBug.
  • - Πρόγραμμα επεξεργασίας Notepad ++.

Οδηγίες

Βήμα 1

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

Βήμα 2

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

Βήμα 3

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

Βήμα 4

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

Βήμα 5

Ανοίξτε το πρότυπο στο πρόγραμμα επεξεργασίας Notepad ++. Χρησιμοποιήστε το FireBug για να βρείτε τις παραμέτρους που πρέπει να αλλάξετε και να τις επεξεργαστείτε στο Σημειωματάριο ++.

Βήμα 6

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

Συνιστάται: