Линда.цом Дизајнирајте Веб ХТМЛ позадински видео

• Може 5, 2024

Позадински видео је одличан начин за пласирање вашег производа и на овом Линда.цом видео-курсу под називом Дизајн веба: ХТМЛ позадински видео с Цхрисом Цонверсеом научићете како додати позадински видео са аутоматским играњем на своју веб страницу. Такође ћете научити како да користите ЦСС за постављање других дизајнерских елемената преко позадинског видеа. А датотеке за вежбање су бесплатне чак и за чланство у Стандарду.

Цонверсе започиње хтмл датотеку са голим костима и гради главни контејнер див за елементе дизајна: линију текста, логотип СВГ и видео запис. Он показује како се користи аутоплаи у видео ознаци и како поставити две најчешће врсте видео записа, .мп4 и .огг.

Затим Цонверсе прелази на ЦСС датотеке и ЦСС да би се стил и позиционирао видео и центрирана слика логотипа. Он креће даље да учини исто и за текст ознаке. Посебно ми се допала његова техника рада са ивицама.

Цонверсе затим говори о томе како да овај изглед постане одговоран користећи медијске упите за средње и мале екране и ЦСС. Опет поставља стилове за видео, логотип и линију. Такође показује како да поставите замену слике за мале екране који не могу да репродукују видео запис и да сакрију видео.

Прелазећи на сложеније проблеме, Цонверсе показује како се помоћу ЈаваСцрипт-а може додати сложенија контрола над приказом функција мобилних уређаја, као што су додирни догађаји. Он уводи веб локацију треће стране која се зове Модернизр и која ће генерисати ЦСС класе које се могу додати на страницу преко ЈаваСцрипт-а на основу карактеристика тренутног уређаја. Он показује како генерисати код, преузети га и додати га на вашу веб страницу.

У последњој лекцији Цонверсе показује како да кодирате позицију и остале стилове изгледа тако да видео покрива цео прозор прегледача.

Овај курс се односио на ХТМЛ и ЦСС који се користе за обликовање и позиционирање позадинског видеа за веб и мобилне уређаје. Међутим, надао сам се да ће аутор размотрити опције за хостинг и оптимизацију видео датотеке за брзо преузимање. Такође, било би добро знати додати елементе интерактивног дизајна преко позадинског видеа, а не само статичке елементе.

Цхрис Цонверсе је дипломирао графички дизајн са Роцхестер Института за технологију и 22 године искуства у дизајну и технологији.

//ввв.линда.цом/ХТМЛ-туториалс/Десигн-Веб-ХТМЛ-Бацкгроунд-Видео/373560-2.хтмл

Откривање: Нисам новчано надокнађен за овај чланак. Мишљења су у потпуности моја на основу мог искуства.

Видео Упутства: 3000+ Common English Words with Pronunciation (Може 2024).