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

Η Adobe Creative Suite είναι μια μεγάλη σειρά από προγράμματα για να έχουν για την ανάπτυξη και τη δημιουργία ενός δικτυακού τόπου . Ένας από τους κύριους λόγους για τους οποίους είναι γιατί ένα άτομο δεν χρειάζεται να έχουν ευρεία γνώση HTML να είναι σε θέση να δημιουργήσετε μια τοποθεσία Web . Αυτά τα δύο προγράμματα μπορούν να βοηθήσουν ένα άτομο να κάνει μια ελάχιστη ποσότητα εργασίας , αλλά εξακολουθείτε να λαμβάνετε ένα εξαιρετικό τελικό προϊόν . Τα πράγματα που θα χρειαστείτε
Adobe Photoshop
Adobe Dreamweaver
Η Εμφάνιση Περισσότερες οδηγίες
Δημιουργήστε το Design στο Photoshop
Η

1 Ανοίξτε ένα νέο έγγραφο του Photoshop κάνοντας κλικ στο το εικονίδιο Photoshop στον υπολογιστή . Αφού ανοίξει το πρόγραμμα , επιλέξτε το πλήκτρο "Ctrl + N" και ένα νέο έγγραφο θα ανοίξει . 2

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

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

4

Πηγαίνετε στο "Αρχείο" και " μέρος " για να τοποθετήσετε κάποιες εικόνες στη σελίδα. Οι ίδιοι κανόνες που ισχύουν για την εκτύπωση σχεδιασμού ισχύουν συχνά Web design , καθώς και . Αυτό σημαίνει ότι πρέπει να είστε βέβαιοι ότι τα στοιχεία σχετικά με την ευθυγράμμιση της σελίδας .
5

Τελειώστε το σχέδιο για την αρχική σελίδα του δικτυακού τόπου . Αποθηκεύστε αυτή τη σελίδα ως αρχείο JPEG και κλείστε το .
Εικόνων Προετοιμαστείτε για το Web με το Dreamweaver
Η 6

Open Dreamweaver . Μετά ανοίγει το Dreamweaver , πηγαίνετε στο " Αρχείο" και στη συνέχεια κάντε κλικ στο "Άνοιγμα ". Όταν ανοίξει το επόμενο παράθυρο , επιλέξτε "Δημιουργία . " Αυτό βρίσκεται στην κάτω δεξιά γωνία της οθόνης .
Η 7

Όταν η νέα σελίδα ανοίγει , θα δείτε τον κώδικα της σελίδας . Βρείτε την καρτέλα " Σχεδίαση " στη σελίδα που είναι κοντά στην καρτέλα "Κώδικας" ακριβώς πάνω από το παράθυρο επεξεργασίας HTML . Αφού είστε σε κατάσταση σχεδίασης , μεταβείτε στο μενού "Εισαγωγή" στο πάνω μέρος της σελίδας και επιλέξτε " Εικόνα " από το μενού .
8

θα εμφανιστεί ένα παράθυρο που θα σας επιτρέψει να επιλέξετε ένα εικόνα να τοποθετήσετε στη σελίδα. Βρείτε το αρχείο JPEG που μόλις δημιουργήσατε στο Photoshop και επιλέξτε το. Αυτή η εικόνα θα είναι πλέον στη σελίδα Dreamweaver σας .
Η 9

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

Επαναλάβετε αυτή τη διαδικασία πλήρους ( Βήματα 1 και 2 ) για να δημιουργήσετε μια άλλη σελίδα για την τοποθεσία Web . Είναι στο χέρι σας να σχεδιάσετε κάθε σελίδα πώς θέλετε να το σχεδιασμό , αλλά το σημαντικό πράγμα που θυμάται είναι να το αποθηκεύσετε ως αρχείο JPEG και ανεβάστε το στο Dreamweaver κάθε φορά . Όταν όλα έχουν ειπωθεί και γίνει , θα έχετε μια ελκυστική ιστοσελίδα που δημιουργήθηκε με το Photoshop και το Dreamweaver .
Η
εικόνων