Kaip įterpti garso ir vaizdo failus į Dreamweaver

Nors galite naudoti „Dreamweaver“, norėdami įterpti vaizdo įrašų failus tiesiai į tinklalapį, geriausias patarimas yra naudoti vieną iš vaizdo įrašų prieglobos paslaugų, pvz., „YouTube“ arba „Vimeo“.

Meniu Įterpimas pasirinkę Media, rasite kelias vaizdo ir garso parinktis. Jei norite įterpti vaizdo failus, kurie yra vieno iš senesnių ir labiau patentuotų formatų, pvz., „Windows Media Video“ (.wmv) arba „QuickTime“ (.mov), išskleidžiamajame sąraše „Įterpti“ pasirinkite parinktį „Papildinys“. Meniu.

Jei norite naudoti naujausius vaizdo įrašų formatus naudodami HTML5 vaizdo įrašo žymą, galite įterpti vaizdo įrašą MP4, webM arba Ogg Theora formatu atlikdami šiuos veiksmus:

Spustelėkite, kur norite, kad failas būtų rodomas jūsų tinklalapyje.

Pasirinkite Įterpti → Medija → HTML5 vaizdo įrašas.

Taip pat galite spustelėti išskleidžiamąjį sąrašą įterpimo skydelyje, pasirinkti Media, tada pasirinkti HTML 5 vaizdo įrašą. Jūsų dizaine pasirodo mažas pilkas langelis su filmo piktograma.

Kaip įterpti garso ir vaizdo failus į Dreamweaver

Spustelėkite mažą pilką langelį, kuriame yra filmo piktograma.

Vaizdo įrašo ypatybės rodomos ekrano apačioje esančioje nuosavybės inspektoriuje.

Nuosavybės inspektoriaus lauke Šaltinis įveskite vaizdo įrašo failo URL arba pasirinkite Naršymo piktogramą, tada pasirinkite vaizdo failą standžiajame diske.

Pasirinkus failą, šaltinio lange rodomas kelias ir failo pavadinimas.

Kaip įterpti garso ir vaizdo failus į Dreamweaver

(Pasirenkama) Naudodami laukus Alt Source 1 ir Alt Source 2 įveskite URL arba naršykite ir pasirinkite vaizdo įrašą papildomais formatais.

Vienas iš HTML5 vaizdo įrašų žymos naudojimo sudėtingumo yra tas, kad ją galite naudoti su trimis vaizdo įrašų formatais: mp4, Ogg Theora ir webM. Jei norite, kad vaizdo įrašas būtų paleistas visose populiariose žiniatinklio naršyklėse, turite įtraukti vaizdo įrašą visais trimis formatais.

Matote, kad visi trys šaltinio laukai užpildyti vaizdo įrašais kiekviename iš šių formatų. Be to, lauke „Flash Fallback“ galite įtraukti „Flash“ vaizdo įrašą, skirtą senesnėms žiniatinklio naršyklėms.

Jei manote, kad beprotiška įterpti keturis skirtingus vaizdo failus keturiais skirtingais formatais, nesate vieni. Šis sudėtingumas atsiranda dėl to, kad naršyklių įmonės nesutaria, koks vaizdo įrašo formatas yra geriausias.

Kitas vaizdo įrašų talpinimo „Vimeo“ arba „YouTube“ naudojimo pranašumas yra tas, kad galite įkelti vaizdo įrašą tik vienu formatu, o „YouTube“ ir „Vimeo“ jį konvertuoja ir pateikia visais šiais formatais automatiškai.

Įveskite aukštį ir plotį atitinkamai nuosavybės inspektoriaus H ir W laukuose.

Kai pridedate garso ar vaizdo įrašą, „Dreamweaver“ automatiškai nenustato failo aukščio ir pločio, todėl įdėję failą turite pridėti matmenis nuosavybės inspektoriuje.

Išsaugokite puslapį ir spustelėkite peržiūros (gaublio) piktogramą (darbo srities viršuje), kad atidarytumėte puslapį naršyklėje ir užtikrintumėte suderinamumą.

Ne visi vaizdo įrašų formatai bus leidžiami visose naršyklėse. Išbandykite vaizdo įrašą, kad įsitikintumėte, jog jis paleidžiamas bent naršyklėje, pagal kurią taikote kaip pagrindinę paskirties vietą. Jei faile nustatėte automatinį paleidimą, failas bus paleistas automatiškai, kai puslapis įkeliamas į naršyklę. Kitu atveju naršyklė įterpia paprastą valdiklį, kad galėtumėte pradėti, pristabdyti, greitai persukti į priekį ir atsukti vaizdo įrašą.


Kaip SVG pritaikyti skaidrumą

Kaip SVG pritaikyti skaidrumą

Sužinokite, kaip „Illustrator“ pritaikyti skaidrumą SVG grafikai. Sužinokite, kaip išvesti SVG su skaidriu fonu ir pritaikyti skaidrumo efektus.

Darbas su vaizdais Adobe XD

Darbas su vaizdais Adobe XD

Importavę vaizdus į „Adobe XD“, neturėsite daug redagavimo valdymo galimybių, tačiau galite keisti vaizdų dydį ir pasukti juos taip, kaip darytumėte bet kurią kitą formą. Taip pat galite lengvai apvalinti importuoto vaizdo kampus naudodami kampinius valdiklius. Vaizdų užmaskavimas Nustatydami uždarą formą […]

Kaip koreguoti teksto ypatybes „Adobe XD“.

Kaip koreguoti teksto ypatybes „Adobe XD“.

Kai turite tekstą Adobe XD projekte, galite pradėti keisti teksto ypatybes. Šios ypatybės apima šriftų šeimą, šrifto dydį, šrifto svorį, lygiavimą, tarpą tarp simbolių (įbrėžimas ir sekimas), eilučių tarpus (pirmaujantis), užpildymą, kraštinę (brūkšnį), šešėlį (metamas šešėlis) ir fono suliejimą. Taigi pažiūrėkime, kaip šios savybės taikomos. Apie skaitomumą ir šriftą […]

Darbas su piešiniais Photoshop CC

Darbas su piešiniais Photoshop CC

Kaip ir „Adobe Illustrator“, „Photoshop“ piešinių lentos suteikia galimybę viename dokumente sukurti atskirus puslapius arba ekranus. Tai gali būti ypač naudinga, jei kuriate ekranus mobiliajai programai ar nedidelei brošiūrai. Galite galvoti apie piešinių lentą kaip apie specialų sluoksnių grupės tipą, sukurtą naudojant skydelį Sluoksniai. Jos […]

„InDesign“ formos ir daugiakampiai

„InDesign“ formos ir daugiakampiai

Daugelis įrankių, kuriuos rasite skydelyje „InDesign Tools“, naudojami linijoms ir formoms piešti puslapyje, todėl galite įvairiais būdais kurti įdomius savo leidinių brėžinius. „InDesign“ viduje galite kurti bet ką – nuo ​​pagrindinių formų iki sudėtingų brėžinių, o ne naudoti piešimo programą, pvz., […]

Apvyniokite tekstą „Adobe Illustrator CC“.

Apvyniokite tekstą „Adobe Illustrator CC“.

Teksto įvyniojimas naudojant Adobe Illustrator CC nėra tas pats, kas įvynioti dovaną – tai lengviau! Teksto apvyniojimas verčia tekstą apvynioti aplink grafiką, kaip parodyta šiame paveikslėlyje. Ši funkcija bet kuriam kūriniui gali suteikti šiek tiek kūrybiškumo. Grafika verčia tekstą apvynioti aplink jį. Pirmiausia sukurkite […]

Kaip pakeisti figūrų dydį „Illustrator“.

Kaip pakeisti figūrų dydį „Illustrator“.

Kuriant „Adobe Illustrator CC“ dažnai reikia tikslaus dydžio (pavyzdžiui, 2 x 3 colių) formos. Sukūrus formą, geriausias būdas pakeisti jos dydį iki tikslių išmatavimų yra naudoti transformavimo skydelį, parodytą šiame paveikslėlyje. Pasirinkite objektą ir pasirinkite Langas → Transformuoti į […]

Kaip sukurti QR kodus „InDesign CC“.

Kaip sukurti QR kodus „InDesign CC“.

Naudodami „InDesign“ galite kurti ir keisti QR kodo grafiką. QR kodai yra brūkšninio kodo forma, kurioje galima saugoti informaciją, pvz., žodžius, skaičius, URL adresus ar kitų formų duomenis. Naudotojas nuskaito QR kodą naudodamas savo fotoaparatą ir programinę įrangą įrenginyje, pavyzdžiui, išmaniajame telefone, o programinė įranga naudoja […]

Kaip padaryti, kad nauja nuotrauka atrodytų sena naudojant „Photoshop CS6“.

Kaip padaryti, kad nauja nuotrauka atrodytų sena naudojant „Photoshop CS6“.

Gali būti, kad jums prireiks naujos nuotraukos, kad atrodytumėte sena. „Photoshop CS6“ jums tinka. Nespalvota fotografija yra naujesnis reiškinys, nei galėtumėte pagalvoti. Dagerotipai ir kitos ankstyvosios nuotraukos dažnai turėjo rusvą ar melsvą atspalvį. Galite sukurti savo sepijos atspalvių šedevrus. Tonuotos nuotraukos gali sukurti […]

„Adobe CS5 Illustrator“ „Live Paint“ funkcija

„Adobe CS5 Illustrator“ „Live Paint“ funkcija

Naudodami „Adobe Creative Suite 5 (Adobe CS5) Illustrator“ funkciją „Live Paint“ galite sukurti norimą vaizdą ir užpildyti sritis spalvomis. „Live Paint“ kibiras automatiškai aptinka regionus, sudarytus iš nepriklausomų susikertančių takų, ir atitinkamai juos užpildo. Dažai tam tikrame regione išlieka gyvi ir teka automatiškai, jei tokių yra […]