Υπάρχουν πολλές διατάξεις ιστότοπου που μπορείτε να βρείτε στο διαδίκτυο. Είναι βολικό στη χρήση όταν δεν υπάρχει χρόνος να γράψετε όλο τον κώδικα από το μηδέν. Είναι πολύ πιο εύκολο να επεξεργαστείτε ένα υπάρχον πρότυπο αλλάζοντας το σχεδιασμό του. Έτσι, για να σχεδιάσετε το δικό σας μενού ιστότοπου, πρέπει να εκτελέσετε διάφορα βήματα.
Οδηγίες
Βήμα 1
Για παράδειγμα, εξετάζεται η εργασία στο σύστημα ucoz. Ο σχεδιασμός διαφόρων στοιχείων ενός ιστότοπου καθορίζεται συχνά χρησιμοποιώντας ένα φύλλο στυλ (CSS). Για πρόσβαση σε αυτό, συνδεθείτε στον πίνακα ελέγχου χρησιμοποιώντας λογαριασμό διαχειριστή. Στην κύρια σελίδα του πίνακα, επιλέξτε την ενότητα "Διαχείριση σχεδιασμού".
Βήμα 2
Στην αναπτυσσόμενη λίστα των σελίδων με δυνατότητα επεξεργασίας, επιλέξτε Φύλλο στυλ (CSS) από την κατηγορία Γενικά πρότυπα. Κοιτάξτε τις πληροφορίες που γράφονται στις γραμμές που σχετίζονται με τον γενικό σχεδιασμό (General Style block) και συγκεκριμένα με το μενού (μπλοκ με τη λέξη Μενού στα ονόματά τους). Πρέπει να μάθετε ποιες παράμετροι έχουν οριστεί για τη γραμμή μενού: πλάτος, ύψος, φόντο του πίνακα και κουμπιά, εικόνες και ούτω καθεξής.
Βήμα 3
Εάν οι παράμετροι δεν σας ταιριάζουν, αντικαταστήστε τις με αυτές που χρειάζεστε και αποθηκεύστε το πρότυπο. Μετά από αυτό, μπορείτε ήδη να ξεκινήσετε τον επεξεργαστή γραφικών και, χρησιμοποιώντας τις πληροφορίες που αποκτήσατε, σχεδιάστε τα δικά σας κουμπιά. Αποθηκεύστε τα και επιστρέψτε στον ιστότοπο. Στο μενού "Εργαλεία", επιλέξτε το στοιχείο "Διαχείριση αρχείων" ή κάντε κλικ στο σύνδεσμο του ίδιου ονόματος που βρίσκεται κάτω από το μπλοκ με τον κωδικό.
Βήμα 4
Ανεβάστε νέα κουμπιά στον ιστότοπο (βέλη κατεύθυνσης ή άλλα γραφικά στοιχεία που θα χρησιμοποιήσετε στο μενού). Σημειώστε την τιμή για τα κουμπιά στον κώδικα (για παράδειγμα, φόντο: url («https:// σύνδεσμος προς την εικόνα από τον διαχειριστή αρχείων») χωρίς επανάληψη XXpx XXpx), ορίστε τις παραμέτρους για ευθυγράμμιση, θέση στη σελίδα. Γράψτε το στυλ και το μέγεθος της γραμματοσειράς για τις ενότητες μενού (font-family και font-size) και κάντε οποιεσδήποτε άλλες αλλαγές χρειάζεστε.
Βήμα 5
Κάντε κλικ στο κουμπί "Αποθήκευση", περιμένετε την ειδοποίηση ότι το πρότυπο έχει αποθηκευτεί με επιτυχία και ανοίξτε τη σελίδα του ιστότοπου για να αξιολογήσετε το αποτέλεσμα της εργασίας που έχει γίνει Εάν δεν είστε ικανοποιημένοι με κάτι, μπορείτε να αναιρέσετε τις ενέργειές σας στο παράθυρο επεξεργασίας CSS χρησιμοποιώντας το κουμπί αριστερού βέλους στη γραμμή εργαλείων.