Lynda.com Sukurkite žiniatinklio HTML fono vaizdo įrašą

• Gegužė 18, 2024

Foninis vaizdo įrašas yra puikus būdas parduoti savo produktą ir dalyvauti šiame „Lynda.com“ vaizdo įrašų mokymo kursuose Sukurkite žiniatinklį: HTML fono vaizdo įrašas su Chrisu Converse jūs išmoksite pridėti automatinio paleidimo foninį vaizdo įrašą į savo tinklalapį. Taip pat išmoksite, kaip naudoti CSS kitiems fasoniniams vaizdo elementams patalpinti. O pratybų failai yra nemokami net ir narystės standartiniu atveju.

„Converse“ prasideda html failais be kaulų ir sukuria pagrindinį „div“ konteinerį projektavimo elementams: teksto žymelę, logotipą svg ir vaizdo įrašą. Jis demonstruoja, kaip vaizdo įrašo žymoje naudoti automatinį paleidimą ir kaip nustatyti du dažniausiai pasitaikančius vaizdo įrašų tipus .mp4 ir .ogg.

Tada „Converse“ pereina prie CSS failų ir CSS, norėdami stilių išdėstyti ir išdėstyti vaizdo įrašą bei centre esantį logotipo vaizdą. Jis pereina prie to paties su etiketės tekstu. Ypač man patiko jo darbo su sienomis technika.

Tada „Converse“ aptaria, kaip pritaikyti šį išdėstymą reaguojant į žiniasklaidos užklausas vidutiniuose ir mažuose ekranuose bei CSS. Vėlgi, jis nustato vaizdo įrašo, logotipo ir etiketės stilius. Jis taip pat demonstruoja, kaip nustatyti pakaitinį vaizdą mažiems ekranams, kurie negali atkurti vaizdo, ir paslėpti.

Pereidamas prie sudėtingesnių klausimų, „Converse“ parodo, kaip naudoti „JavaScript“, kad būtų galima sudėtingesnę mobiliųjų prietaisų funkcijų, tokių kaip jutikliniai įvykiai, ekrano valdymą. Jis pristato trečiosios šalies svetainę, pavadintą „Modernizr“, kuri sukurs CSS klases, kurias galima įtraukti į puslapį naudojant „JavaScript“, remiantis dabartinio įrenginio ypatybėmis. Jis parodo, kaip sugeneruoti kodą, atsisiųsti ir įtraukti jį į savo tinklalapio kodą.

Paskutinėje pamokoje „Converse“ parodo, kaip užkoduoti vietą ir kitus išdėstymo stilius, kad vaizdo įrašas apimtų visą naršyklės langą.

Šis kursas buvo apie HTML ir CSS, naudojamus internetinių ir mobiliųjų įrenginių fono vaizdo stiliui formuoti ir išdėstyti. Vis dėlto tikėjausi, kad autorius aptars vaizdo failo prieglobos ir optimizavimo galimybes, kad būtų galima greitai atsisiųsti. Taip pat būtų malonu žinoti, kaip vietoje fono vaizdo įrašo pridėti interaktyvius dizaino elementus, o ne tik statiškus elementus.

Chrisas Converse'as yra įgijęs grafinio dizaino laipsnį iš Ročesterio technologijos instituto ir 22 metų dizaino ir technologijos patirtį.

//www.lynda.com/HTML-tutorials/Design-Web-HTML-Background-Video/373560-2.html

Atskleidimas: Man nebuvo suteikta finansinė kompensacija už šį straipsnį. Remdamasis savo patirtimi, visiškai laikau savo nuomonę.

Vaizdo Instrukcijos: HTML/CSS Pagrindai #01 - Įžanga (Gegužė 2024).