# 125: Photoshopping Laman Video Tunggal - Trik CSS

Anonim

Dalam screencast ini, kita menggali merancang satu lagi halaman yang sangat penting. Ini adalah salah satu halaman yang saya teruja untuk merancang sejak awal, kerana halaman ini sangat kurang disajikan oleh reka bentuk terakhir. Dalam reka bentuk baru ini, kami akan menghampirinya dari awal dan merancang sesuatu yang lebih sesuai dengan kandungannya.

Urutan pertama perniagaan adalah membuat video sebenar di halaman seluasnya. Saya rasa akan lebih hebat sekiranya videonya lebih besar di layar daripada di YouTube. Saya suka menonton video yang sangat besar, tetapi saya tidak selalu suka skrin penuh - yang menyembunyikan keseluruhan skrin.

Persoalannya kemudian menjadi tajuk tajuk video. Kami sudah mempunyai tajuk laman web, tajuk video, dan sub-navigasi bar hitam. Sekiranya kita juga menyertakan tajuk (dan mungkin keterangan dan data meta) yang mendorong video lebar penuh ini jauh ke bawah halaman. Halaman ini adalah mengenai video, jadi kami menyimpan video di atas maklumat yang lain. Nasib baik kita boleh menggunakan bar hitam untuk menunjukkan tajuk video, jadi tidak seperti pengguna hilang apa yang mereka lihat atau di mana mereka berada dalam hierarki laman web ini.

Kami juga menggunakan navigasi bar hitam untuk menawarkan pautan Langganan di iTunes - yang lebih relevan di halaman ini daripada tempat lain di laman web ini. Itulah jenis penyesuaian templat kandungan yang menjadikan laman web menyanyi.

Di bawah video, kita dapat menyusun grid yang pada dasarnya kelihatan seperti entri blog atau coretan atau entri alamanak atau apa sahaja. Isi dan komen di sebelah kiri 2/3 dan isi (bar sisi) di sebelah kanan 1/3.