Τον τελευταίο αιώνα, η διάταξη της ιστοσελίδας ήταν ο τομέας μερικών επαγγελματιών. Οι εξελίξεις στην τεχνολογία έχουν απλοποιήσει σημαντικά αυτό το έργο. Τώρα οποιοσδήποτε χρήστης του Διαδικτύου μπορεί να δημιουργήσει έναν ιστότοπο.
Είναι απαραίτητο
- - πακέτο λογισμικού για διάταξη ιστοσελίδας.
- - ένα raster πρόγραμμα επεξεργασίας γραφικών για τη δημιουργία στοιχείων σχεδίασης.
Οδηγίες
Βήμα 1
Δημιουργήστε μια λίστα με τα στοιχεία που θα υπάρχουν στον ιστότοπο. Αυτό μπορεί να είναι στοιχεία όπως ένα μενού πλοήγησης, μια φόρμα αναζήτησης, ένα διαφημιστικό ή ενημερωτικό banner, μια λίστα φίλων. Το όνομα του έργου αναφέρεται συνήθως στην κορυφή της σελίδας, μπορεί να υπάρχει οριζόντιο μενού πλοήγησης. Το κεντρικό μέρος ανατίθεται στο κύριο περιεχόμενο του ιστότοπου. Στο κάτω μέρος της σελίδας, συνήθως τοποθετούνται μετρητές παρουσίας, στοιχεία επικοινωνίας για σχόλια.
Βήμα 2
Δημιουργήστε μια διάταξη ιστότοπου σε έναν επεξεργαστή γραφικών. Ο κύριος στόχος εδώ είναι να προσδιοριστεί η εμφάνιση των στοιχείων, η σχετική τους θέση. Μην χρησιμοποιείτε πολύ φωτεινά χρώματα. Η ουδέτερη χρωματική παλέτα θεωρείται καλύτερα. Χρησιμοποιήστε ένα σταθερό στυλ για τα μπλοκ. Προσπαθήστε να κάνετε το σχεδιασμό όσο το δυνατόν πιο φιλικό προς τον χρήστη. Αποφύγετε στοιχεία που είναι δύσκολο να εφαρμοστούν σε HTML και CSS.
Βήμα 3
Αποθηκεύστε τη διάταξη της σελίδας σε μορφή bitmap χωρίς απώλεια ποιότητας. Ορίστε τα στοιχεία στυλ που θα αποδίδονται χρησιμοποιώντας HTML. Αυτά μπορεί να είναι μενού, σύνδεσμοι, πίνακες, φόρμες αναζήτησης. Εξαγάγετε τα υπόλοιπα στοιχεία από τη διάταξη και αποθηκεύστε τα σε ξεχωριστά αρχεία. Δημιουργήστε δύο έγγραφα κειμένου στον σκληρό σας δίσκο. Αλλάξτε την επέκταση ενός από αυτά σε.htm. Θα περιέχει τον κωδικό που είναι υπεύθυνος για τη σχετική θέση των στοιχείων. Το δεύτερο αρχείο θα περιέχει τα φύλλα στυλ.
Βήμα 4
Ανοίξτε το πρώτο αρχείο σε πρόγραμμα επεξεργασίας HTML. Τοποθετήστε τα στοιχεία σχεδίασης σελίδας που έχουν αποθηκευτεί νωρίτερα σε αρχεία bitmap. Δημιουργήστε συνδέσμους κειμένου, πίνακες και άλλα στοιχεία που πρέπει να αποδίδονται σε HTML. Τα χαρακτηριστικά των στοιχείων, όπως το χρώμα, το μέγεθος της γραμματοσειράς, η παρουσία περιγραμμάτων, γράφουν σε ένα αρχείο CSS. Εάν πρέπει να κάνετε κινούμενη εικόνα στοιχείων, χρησιμοποιήστε το JavaScript.
