Πώς μπορώ να κάνω ένα πρότυπο ιστοτόπου;

Ετοιμάζονται πρότυπα σχεδίασης ιστότοπων και πληρωμένα καιδωρεάν, για κάθε γούστο. Ωστόσο, όλα αυτά έχουν ένα τεράστιο μειονέκτημα - δεν είναι μοναδικά. Ακόμα κι αν αγοράσατε ένα πρότυπο, τότε κάποιος άλλος μπορεί να το αγοράσει.

Πώς να είστε, αν θέλετε να έχετε τη δική σας ιστοσελίδα,και δεν μπορείτε να παραγγείλετε ένα σχέδιο ιστοσελίδας σε ένα επαγγελματικό στούντιο; Μπορείτε και πρέπει να προσπαθήσετε να δημιουργήσετε το δικό σας πρότυπο σχεδίασης για τον ιστότοπό σας. Ένα πρότυπο είναι ένα είδος προετοιμασίας για το σχεδιασμό των σελίδων του web project σας, το οποίο στη συνέχεια συμπληρώνετε με το απαραίτητο περιεχόμενο.

Έτσι, πού να ξεκινήσετε. Το πρώτο βήμα - προκαταρκτική προσεκτική εξέταση, πώςΘέλετε να δείτε το σχέδιο του ιστότοπού σας, μπορεί να φαίνεται περιττό. Ωστόσο, μόνο με την πρώτη ματιά. Είναι καλύτερο να σχεδιάσετε ένα μελλοντικό σχέδιο σε χαρτί, να πειραματιστείτε με διαφορετικές επιλογές και μόνο στη συνέχεια να αρχίσετε να εργάζεστε σε έναν επεξεργαστή γραφικών.

Το επόμενο βήμα, όπως ίσως ήδη μαντέψατε, σχεδιάζει ένα σχέδιο σε έναν γραφικό επεξεργαστή. Η οποία ταυτόχρονα επιλέγει τον συντάκτη - θέμα προσωπικών γούστων και προτιμήσεων. Το πιο κοινό πακέτο γραφικών - Adobe Phohtoshop, οπότε θεωρείτε ότι η δημιουργία ενός προτύπου για το σχεδιασμό του site θα είναι στο παράδειγμά του.

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

Στο πρόγραμμα Adobe Phohtoshop υπάρχει ένα ειδικό εργαλείο για την κοπή εικόνων - Εργαλείο φέτας. Με αυτό το εργαλείο, κυριολεκτικά σαν μαχαίριη εικόνα κόβεται στον απαιτούμενο αριθμό τεμαχίων. Θα πρέπει να ληφθεί υπόψη ότι κατά την συμπλήρωση του κειμένου, ορισμένα κελιά πίνακα ή μπλοκ στη σελίδα του ιστότοπου μπορούν να "τεντώσουν". Επομένως για αυτά τα κύτταρα είναι απαραίτητο να κόψετε κομμάτια της εικόνας έτσι ώστε όταν αντιγραφούν να μην δημιουργούν την εντύπωση ενός κεραμιδιού.

Όταν η εικόνα κόβεται στον απαιτούμενο αριθμό εξαρτημάτων, πρέπει να την αποθηκεύσετε. Στο Adobe Phohtoshop, αυτό είναι εύκολο. Στο μενού Αρχείο πρέπει να επιλέξετε στοιχείο Αποθηκεύστε για συσκευές Web. Στο παράθυρο διαλόγου που εμφανίζεται, πρέπει να το κάνετεεπιλέξτε τον τύπο αρχείου "HTML & εικόνες", καθορίστε το όνομα του αρχείου "index.htm" ή "index.html" (προτιμότερη είναι η επέκταση .htm) και αποθηκεύστε αυτό το αρχείο στον ριζικό φάκελο του μελλοντικού ιστότοπού σας. Εάν όλα έγιναν σωστά, τότε στο αντίστοιχο φάκελο θα εμφανιστεί το αντίστοιχο αρχείο index.html και ο κατάλογος εικόνων. Στις εικόνες, μόνο τα κομμένα κομμάτια της εικόνας θα είναι.

Τι θα ακολουθήσει; Απομένει μόνο να επεξεργαστείτε το αρχείο index.html έτσι ώστε όταν το γεμίζετε με κείμενοΔεν υπήρξε διάρρηξη της εικόνας ή λευκές λωρίδες. Προκειμένου να αποφευχθούν τέτοια προβλήματα, είναι απαραίτητο να επιλέξουμε για ποια κύτταρα τα είδωλα πρέπει να είναι υπόβαθρα, τα οποία κύτταρα θα τεντωθούν ή θα συνδυαστούν. Μην αποθαρρύνεστε αν δεν πετύχετε να κόψετε τέλεια την εικόνα από την πρώτη φορά, ίσως χρειαστεί μερικές οδυνηρές προσπάθειες. Αλλά ως αποτέλεσμα, ο σχεδιασμός του ιστότοπού σας θα είναι ακριβώς αυτό που θα θέλατε και ο ίδιος ο ιστότοπος θα σας ευχαριστήσει πρωτοτυπία και μοναδικότητα.

Με βάση τα υλικά της ιστοσελίδας webstudio2u.net