Πώς να κάνω μια ιστοσελίδα Illustrator

Οι πιο βασικές ιστοσελίδες θα έχουν γραμμή τίτλου, γραμμή πλοήγησης με καρτέλες σε διάφορες ιστοσελίδες και ένα τμήμα για το περιεχόμενο. Κάνοντας μια ιστοσελίδα με το Adobe Illustrator είναι ένα από τα ευκολότερα προγράμματα λογισμικού για χρήση . Υπάρχουν πολλές εφαρμογές σχεδιασμού μπορείτε να επιλέξετε από τα βασικά και είναι εύκολο να καταλάβει . Θα χρησιμοποιήσετε απλή διανυσματικά γραφικά για τη δημιουργία ενός δικτυακού τόπου στο Illustrator . Vector γραφικά είναι τα σχέδια που χρησιμοποιούν σημεία, γραμμές , καμπύλες και σχήματα για να δημιουργήσετε τις εικόνες , σε αντίθεση με τα γραφικά raster που χρησιμοποιούν pixels , όπως το Adobe Photoshop . Οδηγίες
Δημιουργία φακέλου ρίζας και Ρύθμιση Dreamweaver

1

Δημιουργήστε ένα φάκελο στην επιφάνεια εργασίας σας . Για να το κάνετε αυτό , κάντε δεξί κλικ στην επιφάνεια εργασίας σας και επιλέξτε "New Folder" στο drop down μενού . Αυτό θα είναι το φάκελο root . Ονομάστε το φάκελο κάτι που σας αρέσει . 2

Open Dreamweaver , κάντε κλικ στο « Site» στην κορυφή και επιλέξτε " Νέο Site ". Το μενού ορισμός site τότε θα ανοίξει και θα σας μεταφέρει μέσα από τα βήματα που πρέπει να δημιουργήσει ένα site στο Dreamweaver .
Εικόνων 3

Ονομάστε το site σας στον καθορισμένο τομέα . Δεν χρειάζεται να ανησυχείτε για τη συμπλήρωση του πεδίου για μια διεύθυνση URL . Αφού το όνομα της ιστοσελίδας σας, κάντε κλικ στο "Next ".
Η 4

Ορίστε αυτό το επόμενο ρύθμιση σε " Όχι , δεν θέλω να χρησιμοποιεί μια τεχνολογία διακομιστή . " Κάντε κλικ στο κουμπί "Next " για να μεταβείτε στην επόμενη ομάδα ρυθμίσεων .
5

Επιλέξτε " Επεξεργασία τοπικών αντιγράφων στον υπολογιστή μου , στη συνέχεια να φορτώσετε στο διακομιστή ( στο Internet ) όταν είστε έτοιμοι. " Στη συνέχεια , κάντε κλικ στο εικονίδιο του φακέλου και , στη συνέχεια, στο μενού που ανοίγει βρείτε ριζικό κατάλογο , επιλέξτε το και κάντε κλικ στο κουμπί "Επιλογή ". Όταν έχετε κάνει αυτό κάντε κλικ στο "Next " για να μεταβείτε στο επόμενο βήμα .
Η 6

Επιλέξτε "Κανένα" για το πώς θέλετε να συνδεθείτε στο απομακρυσμένο server σας . Κάντε κλικ στο επόμενο αφού ρυθμίσετε αυτήν τη ρύθμιση . Κάντε κλικ στο κουμπί "Τέλος" μετά την επανεξέταση των ρυθμίσεών σας .
Εικόνων Σχεδιάζοντας την ιστοσελίδα σε Illustrator
Η 7

Ανοίξτε το Adobe Illustrator και κάντε κλικ στο κουμπί " Δημιουργία νέου εγγράφου στο Web . " Δεν είναι απαραίτητο να ρυθμίσετε τις ρυθμίσεις , οπότε κάντε κλικ στο "OK " για να συνεχίσετε .
8

Σχεδιάστε ένα απλό "σπίτι" σελίδα για την ιστοσελίδα σας, χρησιμοποιώντας τη γραμμή εργαλείων . Δημιουργήστε μόνο γραμμή τίτλου , μια γραμμή πλοήγησης , και ένα χώρο για το περιεχόμενό σας . Μπορείτε να το κάνετε αυτό, χρησιμοποιώντας το εργαλείο ορθογωνίου και το εργαλείο τύπου . Στη γραμμή πλοήγησης , δημιουργούν επιμέρους καρτέλες για να πλοηγηθείτε σε διαφορετικές σελίδες . Για παράδειγμα , εάν έχετε μια ιστοσελίδα για ένα εστιατόριο , μπορείτε να ρυθμίσετε υποκατηγορία καρτέλες για το σπίτι , ορεκτικά και επιδόρπια .
Η

9 Επιλέξτε το " Φέτα " εργαλείο από τη γραμμή εργαλείων σας, αφού έχετε τα βασικά για το web site σας σχεδιαστεί . Δημιουργήστε την πρώτη σας φέτα με την κατάρτιση από ένα πλαίσιο γύρω από την περιοχή του τίτλου σας . Επαναλάβετε αυτή τη διαδικασία με το χώρο του μπαρ πλοήγησης σας και την περιοχή σας περιεχόμενο .
Η 10

Μεταβείτε στο " Φέτα Επιλογή " εργαλείο . Δείχνει αν κρατήστε πατημένο το κουμπί του ποντικιού σας στο εργαλείο φέτα . Κάντε διπλό κλικ στο slice τίτλο σας . Όταν το μενού "Slice Επιλογές" ανοίγει , το όνομα φέτα σας και στη συνέχεια πατήστε " OK". Επαναλάβετε αυτό το βήμα με την μπάρα πλοήγησης φέτα και τη φέτα περιοχή περιεχομένου .
Η 11

Πηγαίνετε στο μενού Αρχείο και επιλέξτε "Αποθήκευση για το Web και συσκευές . " Μπορείτε να επιλέξετε αν θέλετε να αποθηκεύσετε τις εικόνες σας ως GIF ή JPEG . Κάντε κλικ στο "Αποθήκευση".
Η 12

Επιλέξτε το " Other ... " στην εκτός βελτιστοποιηθεί μενού . Αυτό μπορεί να βρεθεί κάτω από τις φέτες drop down μενού . Θα πάρετε ένα μενού που ανοίγει με τις επιλογές αποθήκευσης .
Η 13

Αλλαγή από " HTML " στο " Slices " στο μενού ρυθμίσεων εξόδου . Αυτό το μενού drop-down είναι το δεύτερο από την κορυφή . Μετά την επιλογή " φέτες ", αλλάξτε τη ρύθμιση εδώ για να "Δημιουργία CSS . "
Η 14

Αλλάξτε το χρώμα του φόντου σε "Κανένα " στο μενού παρασκήνιο . Κάντε κλικ στο "OK". Ρυθμίστε το " Format" για να " HTML και εικόνες . " Αλλαγή "Ρυθμίσεις " για να " Όλες οι φέτες του χρήστη . "

15

Αλλάξτε το όνομα του αρχείου σας με το " δείκτη " στην αποθήκευση ως τμήμα . Ρυθμίστε τη θέση που αποθηκεύετε ως ριζικό φάκελο που δημιουργήσατε στο πρώτο τμήμα . Κάντε κλικ στο κουμπί "Αποθήκευση" όταν έχετε κάνει αυτό .
Εικόνων Τελειώνοντας Web Site σας στο Dreamweaver
Τετάρτη 16

Open Dreamweaver , επιλέξτε " Αρχείο> Άνοιγμα " και ανοίξτε index.html σας αρχείο που θα εξαχθεί από το Illustrator . Θα πρέπει να μπορείτε να βρείτε αυτό στο φάκελο root .
Τετάρτη 17

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

δημιουργήσετε ένα σύνδεσμο hotspot για την πλοήγηση σας, κάνοντας κλικ στο κομμάτι πλοήγησης . Στο κάτω μέρος , κάντε κλικ στο μπλε εργαλείο χάρτη για hotspot και να συντάξει ένα πλαίσιο γύρω από την πρώτη καρτέλα μπάρα πλοήγησης . Τοποθετήστε το όνομα του αρχείου HTML που θέλετε να συνδέσετε στο πλαίσιο σύνδεσμο . Για παράδειγμα , αν σχεδιάσετε ένα πλαίσιο γύρω από την καρτέλα στο σπίτι , θα πρέπει να γράφεις " index.html " στο πλαίσιο σύνδεσμο . Θα πρέπει επίσης να βεβαιωθείτε ότι έχετε δώσει ένα όνομα alt ώστε οι περιηγητές για τυφλούς και κωφούς χρήστες μπορούν να διαβάσουν το σύνδεσμο φωναχτά ή πληκτρολογήστε το Braille . Στο σπίτι τύπου τμήμα alt .
Πέμπτη 19

Επαναλάβετε αυτό το βήμα για κάθε μία από τις καρτέλες μπάρα πλοήγησης σας . Για παράδειγμα , αν η επόμενη καρτέλα μπάρα πλοήγησης σας είναι για εισόδους , θα συντάξει ένα πλαίσιο γύρω από την καρτέλα , πληκτρολογήστε " entrees.html " στο πλαίσιο σύνδεσμο και πληκτρολογήστε " εισόδους " στο πλαίσιο alt .
Η 20

συνδέσεων γραμμή τίτλου της περιοχής σας και την περιοχή του περιεχομένου σας χωρίς τη δημιουργία ενός hotspot . Για να το κάνετε αυτό, κάντε κλικ στην εικόνα και , στη συνέχεια, προσθέστε το όνομα του HTML που επιθυμείτε να συνδέσετε στο χώρο σύνδεσμο . Για παράδειγμα , στη γραμμή τίτλου σας θα πρέπει να συνδέεται με την " index.html ". Να είστε βέβαιος ότι η περιοχή των συνόρων λέει "0".

21

Πηγαίνετε στο " Αρχείο> Αποθήκευση . " Αυτή θα είναι η αρχική σελίδα για την ιστοσελίδα σας και τη βάση για όλες τις άλλες σελίδες HTML για την ιστοσελίδα σας, καθώς και .
Η 22

Αλλαγή του τίτλου ιδιοκτησίας στην κορυφή από το δείκτη σε ό, τι την επόμενη σελίδα για η ιστοσελίδα σας πρόκειται να είναι .
Η 23

Επιλέξτε " αρχείο> Αποθήκευση ως" και ονομάστε το αρχείο " entrees.html . " Το όνομα πρέπει να είναι πεζό και δεν έχουν κενά .
Η 24

Επαναλάβετε αυτά τα βήματα για όλες τις υπόλοιπες ιστοσελίδες . Ένας εύκολος τρόπος για να εξετάσουμε αυτό είναι απλά να εξετάσουμε κάθε μία από τις καρτέλες μπάρα πλοήγησης σας . Κάθε καρτέλα θα χρειαστεί μια ξεχωριστή ιστοσελίδα έχει οριστεί γι 'αυτό .
Τετάρτη 25

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