# 125: Фотошопиране на единичната видео страница - CSS-трикове

Anonim

В този скрийнкаст се впускаме в проектирането на друга много важна страница. Това е една от страниците, от които се вълнувам да проектирам от самото начало, защото това е страница, която беше особено недостатъчна от последния дизайн. В този нов дизайн ще подходим от нулата и ще проектираме нещо, което по-добре подхожда на съдържанието.

Първата поръчка на бизнес е да направите действителното видео на страницата колкото е възможно по-голямо. Мисля, че би било страхотно, ако видеото е по-голямо на екрана, отколкото е в YouTube. Обичам да гледам много големи видеоклипове, но не винаги харесвам цял екран - което скрива целия екран.

Тогава въпросът става къде отива заглавието на видеото. Вече имаме заглавката на сайта, заглавката на видеоклиповете и под навигацията в черната лента. Ако включим и заглавие (и евентуално описание и мета данни), което изтласква този видеоклип с пълна ширина доста по-надолу по страницата. Тази страница е свързана с видео, така че ние държим видеото над тази друга информация. За щастие можем да използваме черна лента, за да покажем заглавието на видеоклипа, така че не е така, че потребителят се губи по отношение на това, което гледа или къде се намира в йерархията на сайта.

Също така използваме навигацията с черна лента, за да предложим връзка за Абонамент в iTunes - която е по-подходяща на тази страница, отколкото където и да е другаде на сайта. Това е вид персонализиране на шаблони за съдържание, което кара един сайт да пее.

Под видеото можем да структурираме мрежа, която по същество прилича на публикация в блог или фрагмент или запис на аламанак или нещо друго. Съдържание и коментари отляво 2/3 и отстрани (странична лента) съдържание отдясно 1/3.