Πώς να δημιουργήσει μια ιστοσελίδα στο Illustrator

Δημιουργία δικτυακό τόπο ή blog σας , και αφήστε το Illustrator να δημιουργήσει τον κώδικα . Σχεδιάστε το έργο σας στο Illustrator ή να εισαγάγετε από το αγαπημένο σας πρόγραμμα γραφικών , όπως Photoshop , Πυροτεχνήματα ή Corel . Μπορείτε να χρησιμοποιήσετε τους οδηγούς του Illustrator για τη διάταξη του σχεδιασμού σας , και σας επιτρέπει να ενημερώσετε το site, αν εσείς ή ένας πελάτης χρειάζεται να το αλλάξετε . Οδηγίες
Η 1

Open Illustrator και να δημιουργήσετε ένα νέο έγγραφο κάνοντας κλικ στο " Αρχείο" και " Νέα ". Εισάγετε " 960 pixels " για το πλάτος και το " 1.500 pixels " για το ύψος . Ρυθμίστε τη λειτουργία χρώματος σε " RGB ". Κάντε κλικ στο " View" και " Πραγματικό Μέγεθος " για να ρυθμίσετε την άποψη ζουμ στο 100 τοις εκατό . 2

Ισοπαλία διαλόγου κάνοντας κλικ στο " ορθογώνιο " εργαλείο στη γραμμή εργαλείων για να εκπροσωπήσει την οποία το κείμενο και οι εικόνες θα πάει . Ρυθμίστε όπως απαιτείται για να δημιουργήσουν μία ισορροπία .
Εικόνων 3

Δημιουργήστε κατευθυντήριες γραμμές γύρω από τα κουτιά με δεξί κλικ πάνω από τα τετράγωνα , και κάντε κλικ στο " Δημιουργία οδηγών . " Ανοίξτε τον πίνακα στρώματα κάνοντας κλικ στο " Παράθυρο " και " Layer ". Μετονομασία Layer 1 " Διάταξη " και ασφαλίστε το στρώμα κάνοντας κλικ στο πλαίσιο δίπλα στο εικονίδιο ματιού .
Η 4

Δημιουργήστε ένα νέο στρώμα πάνω από το "Διάταξη " στρώμα κάνοντας κλικ στο εικονίδιο "New Layer " στο κάτω μέρος του πίνακα του επιπέδου. Ονομάστε το στρώμα "Home ". Επαναλάβετε αυτή τη διαδικασία για άλλες σελίδες , όπως "About ", " Επικοινωνία " και " Blog ".
5

Προσθέστε το περιεχόμενό σας σε κάθε επίπεδο , όπως κείμενο , εικόνες , τις σκέψεις και τα λογότυπα , η ρύθμιση της διάταξη , όπως απαιτείται .
Η 6

Προετοιμάστε το site σας με τη δημιουργία φέτες . Κάντε κλικ στο "Διάταξη " στρώμα και στη συνέχεια " αντικείμενο ", " φέτα " και " Δημιουργία από οδηγούς . "
Η

7 Αποθηκεύστε το αρχείο σας κάνοντας κλικ στο " Αρχείο" και "Αποθήκευση για web & συσκευές ". Στο pop -up πίνακα , δημιουργία συνδέσμων πατώντας το κουμπί " Home" φέτα και εισάγετε μια διεύθυνση URL για τη σύνδεση στο σπίτι σας . Επαναλάβετε αυτή τη διαδικασία για άλλους δεσμούς. Κάντε κλικ στο κουμπί "Αποθήκευση " όταν τελειώσετε και να του δώσετε ένα όνομα όπως " index.html ".
8

Επαναλάβετε την παραπάνω διαδικασία για τα άλλα στρώματα , κάνοντας κλικ στο στρώμα όπως "About ", να αποθηκεύσετε το αρχείο σας κάνοντας κλικ στο " Αρχείο" και "Αποθήκευση για web & συσκευές ", τη δημιουργία δεσμών και να σώσει με ένα όνομα όπως " about.html . "
Η 9

Δοκιμάστε τα αρχεία σας για να βεβαιωθείτε ότι οι συνδέσεις λειτουργούν , ρυθμίστε εάν είναι απαραίτητο και να ανεβάσετε στο server σας .
Η
εικόνων