Lynda.com Készítse el a webes HTML háttérvideót

• Április 30, 2024

A háttér-videó egy nagyszerű lehetőség a termék forgalmazására, és ezen a Lynda.com videó-képzési tanfolyamon Tervezze meg az internetet: HTML háttér videó a Chris Converse segítségével megtanulja, hogyan adhat hozzá automatikusan lejátszott háttérvideót weboldalához. Azt is megtanulja, hogyan lehet CSS-t felhasználni más tervezési elemek elhelyezésére a háttér videó fölé. És a gyakorlat fájlok ingyenesek még a normál tagsághoz.

A Converse egy csupasz csontú html fájllal kezdődik, és felépíti a fő div tárolót a tervezési elemekhez: a szövegcímke, az logó svg és a videó. Bemutatja, hogyan lehet az automatikus lejátszást használni a videocímkében, és hogyan állíthatja be a két leggyakoribb videotípust, az .mp4 és .ogg fájlokat.

Ezután a Converse a CSS-fájlokhoz és a CSS-hez mozog, és stílusosítja és pozicionálja a videót és a középső logó képet. Folytatja, hogy ugyanezt tegye a címke szövegéhez. Különösen tetszett neki a határokkal való együttműködés technikája.

Ezután a Converse megvitatja, hogyan lehet ezt az elrendezést reagálni médiakérdezésekkel közepes és kis képernyőkre és CSS-re. Ismét stílusokat állít be a videóhoz, a logóhoz és a címkehöz. Azt is bemutatja, hogyan lehet csereképet beállítani a videót nem képes kis képernyőkre, és elrejteni a videót.

A bonyolultabb kérdésekre térve a Converse bemutatja, hogyan lehet a JavaScriptet használni a mobil eszközök funkcióinak, például az érintéses események megjelenítésének összetettebb vezérléséhez. Bevezeti a Modernizr nevű harmadik fél webhelyét, amely CSS osztályokat hoz létre, amelyeket a JavaScript segítségével az aktuális eszköz tulajdonságai alapján hozzáadhat az oldalhoz. Bemutatja, hogyan lehet létrehozni a kódot, letölteni és hozzáadni az Ön weboldalához.

Az utolsó leckében a Converse bemutatja, hogyan kell kódolni az elrendezés helyzetét és más stílusait, hogy a videó lefedje a teljes böngészőablakot.

Ez a tanfolyam a webes és mobil eszközök háttérképének stílusozására és elhelyezésére használt HTML és CSS témájáról szólott. Reméltem azonban, hogy a szerző megvitatja a videofájl gyors letöltésre való tárolásának és optimalizálásának lehetőségeit. Ezenkívül jó lenne megtudni, hogyan lehet interaktív tervezési elemeket hozzáadni a háttér videóhoz a statikus elemek helyett.

Chris Converse a Rochester Institute of Technology grafikai tervezője és 22 éves tervezési és technológiai tapasztalattal rendelkezik.

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

Nyilvánosság: Nem kaptam pénzügyi ellentételezést e cikkért. A véleményem teljesen a saját véleményem, tapasztalataim alapján.

Video Utasításokat: Dobjunk össze egy weboldalt magunknak! Drupal 8 CMS - 2 rész | ITFroccs.hu (Április 2024).