Στο μέρος 2 αυτής της σειράς, ξεκινάμε τη μετατροπή HTML / CSS του mockup του Photoshop που δημιουργήσαμε στο πρώτο μέρος. Ξεκινάμε με ένα πολύ σκελετικό πλαίσιο έργου. Στη συνέχεια ρίχνουμε μια ματιά στον οργανισμό επιπέδου αρχείων του Photoshop Στη συνέχεια ξεκινάμε από κάτω προς τα πάνω, δημιουργώντας τα κομμάτια που χρειαζόμαστε από το αρχείο Photoshop και γράφοντας το HTML και το CSS που χρειαζόμαστε για να ολοκληρώσουμε τη δουλειά. Ένα μεγάλο μέρος της δουλειάς δεν είναι στην πραγματικότητα «τεμαχισμός» του αρχείου Photoshop, αλλά κοιτάζοντας προσεκτικά και προσπαθώντας να μιμηθείτε τι γίνεται εκεί με σωστές τεχνικές σήμανσης και CSS.
Σύνδεσμοι από βίντεο:- Ιστοσελίδα Kailin Yong
- Προετοιμασία jQuery
- Μέρος 1: Mockup Photoshop
- Μέρος 2: Μετατροπή HTML / CSS
- Μέρος 3: Θέμα WordPress