Πώς να κάνω μια ιστοσελίδα Χρησιμοποιώντας GIMP

Κάνοντας μια ιστοσελίδα από ένα πρότυπο που δημιουργείτε στο GIMP ( GNU Image Manipulation Program ) σας επιτρέπει να ξεκινήσετε την ιστοσελίδα σας γρήγορα με λιγότερο χρόνο και προσπάθεια . GIMP θα επιτρέψει ακόμα και να χειραγωγήσουν τα στρώματα και να κάνει άλλες επιπτώσεις πέρα ​​από το πεδίο εφαρμογής της τον αρχάριο . Γνώση του GIMP και πώς να το θέσω σε κώδικα HTML web σας θα είναι χρήσιμη. Τα πράγματα που θα χρειαστείτε
GIMP ( δωρεάν download για τα Windows , OS X , Linux )
Σημειωματάριο ( ή άλλο πρόγραμμα επεξεργασίας κειμένου )
HTML δεξιότητες (βλέπε άλλα άρθρα μας για βοήθεια σχετικά με τα βασικά )

Εμφάνιση Περισσότερες οδηγίες
Η 1

Ανοίξτε GIMP κάνοντας κλικ στο εικονίδιο , αφού έχετε κατεβάσει και εγκαταστήσει το πρόγραμμα από την ιστοσελίδα ( βλ. Πόρων ) . Επιλέξτε " Αρχείο" και " Νέα " πριν κάνετε κλικ drop down μενού " Πρότυπο " . Επιλέξτε το πλαίσιο Από προτύπου και από το drop-down μενού που εμφανίζεται , κάντε κλικ στο " 800x600 " επιλογή pixel . Άλλες επιλογές είναι διαθέσιμες για να μπορείτε να δοκιμάσετε στο μέλλον , αλλά αυτό είναι καλό για γενική χρήση σε μια πρακτική συνεδρία web design. Κάντε κλικ στο " OK". 2

Press " Crtl " και " b" ταυτόχρονα στο πληκτρολόγιό σας, εάν εμφανιστεί ένα παράθυρο με την ένδειξη " Toolbox" στο επάνω περιθώριο δεν pop up . Δύο πέμπτα του τρόπου κάτω από το παράθυρο είναι δύο τετράγωνα που επικαλύπτονται . Το ένα στο μπροστινό μέρος είναι το χρώμα προσκηνίου , το άλλο είναι το χρώμα του φόντου . Κάντε κλικ σε κάθε πλαίσιο ξεχωριστά και επιλέξτε το χρώμα από το παράθυρο " Αλλαγή χρώματος » που θα εμφανιστεί . Στο Αλλαγή χρώματος Παράθυρο , κάντε κλικ στο ποντίκι σας στη μεγάλη πλατεία που έχει τα χρώματα ξεθώριασμα από το ένα στο άλλο . Hue , κορεσμός , κόκκινο , πράσινο και μπλε επίπεδα μπορεί να ρυθμιστεί με τις συρόμενες μπάρες στα δεξιά , αφού έχετε την επιλογή σας . Κάντε κλικ στο " OK" για να κρατήσει την επιλογή και να κλείσετε αυτό το παράθυρο . Αλλάξτε το άλλο ( φόντο) το χρώμα κάνοντας κλικ στο πλαίσιο πίσω από το ένα που πατήσατε νωρίτερα την Εργαλειοθήκη , τα δύο πέμπτα της διαδρομής προς τα κάτω .
Εικόνων 3

Κάντε κλικ στο " Blend Tool " εικονίδιο στην εργαλειοθήκη . Αν δεν είστε σίγουροι που εικονίδιο αυτό , να αιωρείται πάνω από τα εικονίδια με το ποντίκι σας για να βρείτε τη σωστή εικόνα . Θα πρέπει να μοιάζει με ένα κουτί που έχει γκρι fade to λευκό . Το παράθυρο μη - εργαλειοθήκη θα αναφερόμαστε ως « καμβά », παρόλο που λέει πιθανώς " Untitled " και " 800x600 " κάπου στο επάνω περιθώριο του . Κάντε κλικ πάνω στον καμβά, στην επάνω αριστερή γωνία και σύρετε το ποντίκι προς τα κάτω δεξιά μέρος της οθόνης για να το γεμίσετε με το επιλεγμένο χρώμα σε μια κλίση . Εάν δεν είναι επιθυμητή κλίση , απλά επιλέξτε το " Bucket Συμπληρώστε Tool " και κάντε κλικ πάνω στον καμβά για να γεμίσει με ένα στερεό χρώμα .
Η

4 Κάντε κλικ στο Αρχείο στο επάνω μέρος του καμβά και , από την πτώση down μενού , επιλέξτε New . Όταν το παράθυρο " Δημιουργία νέας εικόνας " σκάει επάνω , αλλάξτε τις τιμές για το " Πλάτος " και " Ύψος " , έτσι ώστε να μειώνονται κατά 20 pixels το καθένα με 780 pixels πλάτος και 580 pixels ύψος . Επιλέξτε " Επεξεργασία" και στη συνέχεια "Αντιγραφή" από το drop down μενού . Μεταβείτε στο πρώτο καμβά και επιλέξτε " Επεξεργασία" και στη συνέχεια " Επικόλληση" για να επικολλήσετε το μικρότερο εικόνα στο πρωτότυπο . Θα auto- κέντρο κατά την επικόλληση . Επιστρέψτε στο νέο ( κενό) καμβά και κλείστε το . Κάντε κλικ στο " Αρχείο" και από το drop down μενού , επιλέξτε " Αποθήκευση ως. " Μακιγιάζ ένα όνομα για την εργασία σας και να το αποθηκεύσετε .
5

Η ιστοσελίδα γίνεται αν θέλετε να κατάτμηση της εικόνας για να το χρησιμοποιήσει σε HTML ( δείτε την επόμενη ενότητα ) .
εικόνων Κάνοντας GIMP φέτες ( που χρησιμοποιούνται στην HTML )
Η 6

Δημιουργήστε την κορυφή (κεφαλίδα ) της ιστοσελίδα . Κάντε κλικ στο " ορθογώνιο Select Tool " στο εργαλείο Πλαίσιο . Κάντε κλικ τον καμβά στην ακραία επάνω αριστερή γωνία και σύρετε για να επιλέξετε το top 20 pixels σε ύψος και σε ολόκληρο το πλάτος ( 800 pixels ) . Μπορείτε να πείτε πόσα εικονοστοιχεία που έχετε επιλέξει στο ορθογώνιο κοιτάζοντας το κάτω μέρος του παραθύρου καμβά για να δείτε τις διαστάσεις ( σε pixels ) δίπλα στη λέξη " ορθογώνιο ". Επιλέξτε "Εικόνα " και από το drop down μενού , επιλέξτε « Περικοπή επιλογή . " Επιλέξτε " Save As" και συνθέτουν το όνομα " top.jpeg » που αντικατοπτρίζει το γεγονός ότι το αρχείο είναι στην κορυφή της ιστοσελίδας σας . Κλείστε τη σελίδα .
Η 7

Δημιουργήστε τη μέση της σελίδας web . Ανοίξτε το αρχείο στο GIMP ότι το όνομα και αποθηκεύσατε στο βήμα τέσσερα . Επιλέξτε το " ορθογώνιο Select Tool " και πάλι και επιλέξτε μια περιοχή στο μεσαίο τμήμα του καμβά που εκτείνεται σε όλο το πλάτος , αλλά είναι μόνο ένα εικονοστοιχείο σε υψηλά επίπεδα. Περικοπή σε αυτή την επιλογή και να αποθηκεύσετε το αρχείο με το όνομα " middle.jpeg » που αντικατοπτρίζει το γεγονός ότι το αρχείο είναι το πρότυπο για το σώμα της ιστοσελίδας .
8

Δημιουργήστε το κάτω μέρος της σελίδας web με τον ίδιο τρόπο που κάνατε στην κορυφή της σελίδας επιλέγοντας ένα 20 pixel υψηλό κουτί που καλύπτει το πλάτος της οθόνης στο κάτω μέρος της σελίδας . Αποθηκεύστε το αρχείο ως " bottom.jpeg . "
Η 9

Κάντε την ιστοσελίδα το ίδιο πλάτος με την εικόνα σας στο GIMP ( πλάτος 800 pixels ) . Πληκτρολογήστε στην HTML αφού ανοίξετε το τμήμα της σελίδας .
Η 10

Στην κορυφή , αμέσως μετά το άνοιγμα της ετικέτα του σώματος , προσθέστε στον κώδικα HTML σας . Κάνετε το ίδιο πράγμα κάτω στον κώδικα , λίγο πριν προσθέσετε το με τον ίδιο κωδικό όπως έχει εγγραφεί στο πάνω μέρος της σελίδας , εκτός του ότι διαβάζει στον κώδικα .
Η 11

Γράψτε το υπόλοιπο του κώδικα , όπως θα κάνατε κανονικά στην HTML για το κείμενο και τα γραφικά σας .
Η

Η