Jak propojit audio a video soubory v Dreamweaveru

Dreamweaver můžete použít k propojení se zvukovým souborem nebo videem. Propojení s multimediálním souborem je stejně snadné jako propojení s jakýmkoli jiným souborem, jak vidíte v následujících pokynech.

Chcete-li pomocí aplikace Dreamweaver vytvořit odkaz na video nebo zvukový soubor, postupujte takto:

Vyberte text, obrázek nebo jiný prvek, který chcete použít k vytvoření odkazu.

Pokud odkazujete na soubor videa, dobrým trikem je vzít z videa jeden statický obrázek a vložit ho na svou webovou stránku. Poté z tohoto obrázku vytvořte odkaz na soubor videa.

Vyberte Vložit → Hypertextový odkaz nebo klikněte na ikonu hypertextového odkazu na panelu Společné vkládání.

Otevře se dialogové okno Hypertextový odkaz.

Případně můžete kliknout na ikonu Procházet hned napravo od pole Odkaz v inspektoru Vlastnosti. (Ikona Procházet vypadá jako malá složka se soubory.)

Jak propojit audio a video soubory v Dreamweaveru

Do pole Text zadejte text, který chcete použít jako odkaz.

Pokud jste před otevřením dialogového okna Hypertextový odkaz vybrali část textu na stránce, tento text se automaticky zobrazí v poli Text.

Do pole Odkaz zadejte adresu URL, kde se nachází zvukový nebo video soubor.

Případně klikněte na ikonu Procházet (ikona složky souborů) napravo od pole Odkaz a procházejte pevný disk a vyhledejte video nebo zvukový soubor, na který chcete odkazovat.

Stejně jako u jakéhokoli jiného souboru, na který odkazujete, se ujistěte, že jste uložili své audio nebo video soubory do složky místního webu.

Všimněte si, že můžete odkazovat na audio nebo video soubor na jiném webu, ale musíte mít přesnou adresu URL umístění souboru.

(Volitelné) Pomocí pole Cíl v dialogovém okně Hypertextový odkaz definujte, kde se otevře odkazovaná stránka.

Chcete-li odkazovanou stránku otevřít v novém okně prohlížeče nebo na nové kartě v prohlížeči, zvolte možnost _blank. Možnost Nový se nedoporučuje, protože není standardní. Zvolte _self pro otevření odkazované stránky ve stejném okně (výchozí).

Zvolte _top, chcete-li stránku vynutit otevření v novém okně prohlížeče, i když je stránka zobrazena v rámci. Možnost _parent se již téměř nikdy nepoužívá, ale pokud je vaše stránka v sadě rámců, můžete tuto možnost vybrat, chcete-li otevřít odkazovanou stránku o úroveň nad aktuální stránkou ve struktuře rámců.

(Volitelné) Vyplňte název, přístupový klíč a rejstřík karet.

Pole Název, Přístupový klíč a Index karty v dialogovém okně Hypertextový odkaz jsou volitelná. Tato nastavení usnadňují handicapovaným návštěvníkům procházení vašeho webu pomocí speciálních prohlížečů.

Po dokončení zadávání nastavení klepněte na OK a poté vyberte Soubor → Uložit pro uložení stránky.

Dialogové okno se zavře a odkaz se vytvoří automaticky.

Kliknutím na ikonu Náhled (zeměkoule) (v horní části pracovní oblasti) otevřete stránku v prohlížeči, kde můžete otestovat odkaz na svůj multimediální soubor.

Dreamweaver spustí váš určený webový prohlížeč a zobrazí stránku. Pokud máte potřebný přehrávač, soubor se stáhne, přehrávač se spustí a soubor se automaticky přehraje.

Mnoho lidí si přeje, aby se multimediální soubory, jako je video, vyskakovaly v novém okně prohlížeče. Chcete-li to provést, vytvořte soubor HTML a vložte do něj svůj multimediální soubor. Poté pomocí chování Otevřít okno prohlížeče v aplikaci Dreamweaver vytvořte vyskakovací okno, které zobrazí vaši multimediální stránku.

Na videosoubory můžete namísto jejich vkládání odkazovat (stejně jako byste odkazovali na jakýkoli soubor), ale výhodou vložení zvukového nebo video souboru přímo na stránku je, že se soubor přehraje na vaší webové stránce, místo aby se otevřel v samostatné okno nebo přehrávač.


Manipulace s textem a grafikou v rozvržení InDesign CC

Manipulace s textem a grafikou v rozvržení InDesign CC

InDesign nabízí mnoho nástrojů pro efektivní manipulaci s textem a grafikou v rozvržení. Optimalizujte své návrhy s nejnovějšími technikami.

Pochopení ořezových cest v aplikaci InDesign CC

Pochopení ořezových cest v aplikaci InDesign CC

Ořezové cesty jsou silným nástrojem pro práci s obrazovými součástmi v aplikaci InDesign. Tento článek popisuje, jak efektivně vytvářet a používat ořezové cesty pro odstranění pozadí a úpravu obrázků.

Vytvářejte ořezové cesty v InDesign Creative Suite 5

Vytvářejte ořezové cesty v InDesign Creative Suite 5

Vytváření a používání ořezových cest v Adobe InDesign CS5 je užitečné pro blokování obrazových oblastí a obtékání textu. Naučte se užitečné tipy a triky, jak efektivně využít ořezové cesty.

Jak exportovat soubory JPEG a PNG Adobe InDesign CS6 pro tisk

Jak exportovat soubory JPEG a PNG Adobe InDesign CS6 pro tisk

Naučte se, jak efektivně exportovat JPEG a PNG soubory z Adobe InDesign CS6 pro tisk. Ideální pro online publikování a sdílení obrázků.

Jak formátovat odstavce ve Photoshopu CS6

Jak formátovat odstavce ve Photoshopu CS6

Naučte se, jak efektivně formátovat odstavce v Adobe Photoshopu CS6 pomocí funkce Panel Odstavec.

Jak používat novou perspektivní mřížku v Adobe Illustrator CS6

Jak používat novou perspektivní mřížku v Adobe Illustrator CS6

Objevte, jak efektivně používat perspektivní mřížku v Adobe Illustrator CS6 pro úspěšné ilustrace. Naučte se klíčové kroky a tipy pro tvorbu a úpravy.

Jak upravit příběhy InDesign CC

Jak upravit příběhy InDesign CC

Naučte se, jak efektivně upravit textové příběhy v Adobe InDesign CC pomocí vestavěného editoru příběhů a pokročilých funkcí.

Práce s obrázky v Adobe XD

Práce s obrázky v Adobe XD

Efektivní techniky pro práci s obrázky v Adobe XD, včetně úpravy velikosti, maskování, oříznutí, rotace a pokročilých úprav ve Photoshopu.

Jak přidat průhlednost do přechodu ve Photoshopu CS6

Jak přidat průhlednost do přechodu ve Photoshopu CS6

Naučte se, jak přidat <strong>průhlednost</strong> do přechodu ve Photoshopu CS6 a dosáhnout tak efektivního vzhledu pro své projekty.

Kreslení tvarů v publikaci InDesign CS5

Kreslení tvarů v publikaci InDesign CS5

Vytvářejte tvary, jako jsou obdélníky a elipsy, v dokumentu InDesign CS5 pomocí nástrojů tvarů. Získejte užitečné tipy pro optimalizaci vašeho designu.