Lynda.com Oblikujte spletni HTML v ozadju video

• Maj 3, 2024

Video v ozadju je odličen način za trženje vašega izdelka in v tem tečaju video izobraževanja Lynda.com z naslovom Oblikujte splet: Videoposnetki v ozadju HTML s Chrisom Converseom se boste naučili, kako dodati video v ozadju za samodejno predvajanje na svojo spletno stran. Naučili se boste tudi, kako uporabljati CSS za namestitev drugih oblikovalskih elementov v videoposnetke v ozadju. In vadbene datoteke so brezplačne tudi za članstvo v Standardu.

Converse se začne z html datoteko z golimi kostmi in ustvari glavni vsebnik div za elemente oblikovanja: besedilno oznako, logotip svg in video. Pokaže, kako v videooznaki uporabljati samodejno predvajanje in kako nastaviti dve najpogostejši vrsti videoposnetka, .mp4 in .ogg.

Nato se Converse premakne v datoteke CSS in CSS, da postavi videz in osrednjo sliko logotipa. Nadaljuje z dejanjem istega besedila. Še posebej mi je bila všeč njegova tehnika dela z obrobami.

Converse nato razpravlja o tem, kako prilagoditi to postavitev z uporabo medijskih poizvedb za srednje in majhne zaslone in CSS. Spet določa stile za video, logotip in oznako. Pokaže tudi, kako nastaviti nadomestno sliko za majhne zaslone, ki ne morejo predvajati videoposnetka, in skriti video.

Ko gre za bolj zapletene težave, Converse prikazuje, kako uporabljati JavaScript za dodajanje kompleksnejšega nadzora nad zaslonom za funkcije mobilnih naprav, kot so dogodki na dotik. Uvede spletno mesto tretje osebe, imenovano Modernizr, ki bo ustvarilo razrede CSS, ki jih je mogoče dodati na stran prek JavaScript na podlagi funkcij trenutne naprave. Pokaže, kako kodo ustvariti, prenesti in dodati v kodo svoje spletne strani.

V zadnji lekciji Converse prikazuje, kako kodirati položaj in druge sloge postavitve, tako da video pokriva celotno okno brskalnika.

Ta tečaj je govoril o HTML in CSS, ki sta bila uporabljena za oblikovanje in pozicioniranje videoposnetka v ozadju za spletne in mobilne naprave. Vendar sem upal, da bo avtor razpravljal o možnostih gostovanja in optimizaciji video datoteke za hiter prenos. Prav tako bi bilo dobro vedeti, kako lahko dodate interaktivne elemente oblikovanja prek videoposnetka v ozadju namesto samo statičnih elementov.

Chris Converse je diplomiral iz grafičnega oblikovanja na Rochesterskem tehnološkem inštitutu in ima 22 let izkušenj na področju oblikovanja in tehnologije.

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

Razkritje: Za ta članek nisem bil finančno kompenziran. Mnenja so glede na moje izkušnje povsem lastna.

Navodila Video: Ruby on Rails by Leila Hofer (Maj 2024).