# 125: Photoshopping της ενιαίας σελίδας βίντεο - CSS-Κόλπα

Anonim

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

Η πρώτη παραγγελία της επιχείρησης είναι να κάνει το πραγματικό βίντεο στη σελίδα όσο μεγαλύτερο μπορεί. Νομίζω ότι θα ήταν καταπληκτικό εάν το βίντεο ήταν μεγαλύτερο στην οθόνη από ό, τι στο YouTube. Μου αρέσει να βλέπω βίντεο πολύ μεγάλα, αλλά δεν μου αρέσει πάντα η πλήρης οθόνη - η οποία κρύβει ολόκληρη την οθόνη.

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

Χρησιμοποιούμε επίσης την πλοήγηση μαύρης γραμμής για να προσφέρουμε έναν σύνδεσμο Εγγραφή στο iTunes - ο οποίος είναι πιο σχετικός σε αυτήν τη σελίδα από οπουδήποτε αλλού στον ιστότοπο. Αυτό είναι το είδος της προσαρμογής των προτύπων περιεχομένου που κάνει έναν ιστότοπο να τραγουδά.

Κάτω από το βίντεο, μπορούμε να δημιουργήσουμε ένα πλέγμα που ουσιαστικά μοιάζει με ανάρτηση ιστολογίου ή απόσπασμα ή καταχώριση alamanac ή οτιδήποτε άλλο. Περιεχόμενο και σχόλια στα αριστερά 2/3 και περιεχόμενο (πλευρική γραμμή) στα δεξιά 1/3.