Πώς να μετατρέψετε Photoshop εξερεύνησης σε HTML Web

Photoshop είναι ένα εξαιρετικό εργαλείο για τη δημιουργία ιστοσελίδας mockups . Όταν ήρθε η ώρα να αναπτύξετε τις οθόνες σας , θα ήταν ωραίο απλά να κάνετε κλικ σε ένα κουμπί και να λάβει το πρωτότυπο σας ζωντανά . Ωστόσο , το Photoshop είναι αυστηρά ένα πρόγραμμα γραφικών χωρίς δυνατότητες HTML . Ευτυχώς , η εξαγωγή mockup σας σε ένα Web- φιλική μορφή γραφικών , όπως JPEG ή GIF , και την οικοδόμηση μια ιστοσελίδα που χρησιμοποιεί αυτά τα στοιχεία είναι απλή . Να θυμάστε ότι πρέπει να κάνετε πρόσθετες εργασίες από την πλευρά της HTML για να δημιουργήσετε τα διαδραστικά στοιχεία , όπως links, τα μενού και τα pop- ups . Οι δυνατότητες διαδραστικότητας είναι ατελείωτες, οπότε ανανεώσει τις HTML και CSS. Τα πράγματα που θα χρειαστείτε
Photoshop ( οποιαδήποτε έκδοση )
HTML editor
πρόγραμμα περιήγησης στο Web
Η Εμφάνιση Περισσότερες οδηγίες
Βασικά
Η 1

Ανοίξτε mockup σας Photoshop και να εξάγει σε μορφή εικόνας Web - φιλικό . Επιλέξτε "Αποθήκευση για το Web και συσκευές " από το μενού "Αρχείο" . Στο παράθυρο διαλόγου επιλέξτε μια μορφή αρχείου, όπως JPEG , GIF ή PNG και επιλέξτε μια ποιότητα εικόνας . 2

Κάντε κλικ στο " Save" και το όνομα του αρχείου σας (για παράδειγμα , myMockup.jpg )

Η 3

Ανοίξτε επεξεργαστή HTML σας και να δημιουργήσετε ένα νέο αρχείο HTML . Συντάκτες HTML όπως το Dreamweaver θα δημιουργήσει την ιστοσελίδα σκελετός για σας .
Η 4

Προσθέστε μια ετικέτα εικόνας μέσα στο στοιχείο της ιστοσελίδας σας . Η ετικέτα εικόνας θα είναι κάπως έτσι : .
5

Αποθηκεύστε το αρχείο HTML σας , τότε να το φορτώσετε σε οποιοδήποτε πρόγραμμα περιήγησης στο Web


εικόνων