Obvyklým online scénářem je, že máte na svém webu obrázek, na který chcete odkazovat. Možná kódujete stránku na vašem webu a chcete jej přidat, nebo chcete na ni odkazovat z jiného webu, například účet sociálních médií, který máte. V obou případech je prvním krokem v tomto procesu identifikace adresy URL (jednotného zdroje lokátoru) tohoto obrázku. Jedná se o jedinečnou adresu a cestu k tomuto konkrétnímu obrázku na webu. Podívejme se na to, jak se to dělá.
Začínáme
Chcete-li začít, přejděte na stránku s obrázkem, který chcete použít. Mějte však na paměti, že byste měli použít obrázek, který vlastníte. To je proto, že poukazuje na obrazy jiných lidí je považován za krádež šířky pásma a může vás dostat do problémů - dokonce i legálně. Pokud odkazujete na obrázek na svých webových stránkách, používáte vlastní obrázek a svou vlastní šířku pásma. To je v pořádku, ale pokud odkazujete na web někdo jiný, sážíte jejich šířku pásma pro zobrazení tohoto obrázku. Pokud má tato stránka měsíční limity na využití šířky pásma, kterou ukládají mnohé hostingové společnosti, pak se bez jejich souhlasu stravujete do měsíčního limitu. Kopírování obrazu jiné osoby na vaše webové stránky může navíc znamenat narušení autorských práv. Pokud někdo licencoval obrázek, který měl používat na svých webových stránkách, udělal to pouze pro své webové stránky. Spojení s tímto obrazem a jeho kreslení na vaše stránky, takže se na jeho stránce zobrazí mimo tuto licenci a mohlo by vás otevírat právní sankce a pokuty. Dolní řádek můžete propojit s obrázky, které se nacházejí mimo vaši vlastní stránku / doménu, avšak v nejhorším případě se považovaly za nehorázné a v nejhorším případě za nelegální.
V zájmu tohoto článku předpokládáme, že obrázky jsou legálně umístěny ve vaší doméně.
Nyní, když rozumíte "gotchas" propojení obrazů, budeme chtít určit, který prohlížeč použijete. Různé prohlížeče dělají věci jinak, což dává smysl, neboť jsou to jedinečné softwarové platformy vytvořené různými společnostmi. Většina prohlížečů však funguje v dnešní době poněkud podobná. V Google Chrome tohle bych udělal:
-
Najděte požadovaný obrázek.
-
Klikněte pravým tlačítkem na tento obrázek (Ctrl + klikněte na počítači Mac).
-
Zobrazí se nabídka. Z této nabídky vybírám Kopírovat adresu obrázku.
-
Pokud vložíte, co je nyní ve vaší schránce, zjistíte, že máte úplnou cestu k tomuto obrázku.
Právě to funguje v prohlížeči Google Chrome. Ostatní prohlížeče mají rozdíly. V aplikaci Internet Explorer klikněte pravým tlačítkem myši na obrázek a vyberte Vlastnosti. Z tohoto dialogového okna se zobrazí cesta k tomuto obrázku. Zkopírujte adresu obrázku výběrem a kopírováním do schránky.
Ve Firefoxu byste pravým tlačítkem myši na obrázek a zvolte kopírovat umístění obrázku.
Mobilní zařízení jsou ještě trickierá, pokud jde o nalezení cesty adresy URL a jelikož na trhu existuje tolik různých zařízení, vytváření definitivního seznamu, jak najít adresu URL obrázků na všech platformách a zařízeních, by byla náročná úloha. V mnoha případech se však dotknete a přidržíte obrázek, abyste získali přístup k nabídce, která vám umožní uložit obrázek nebo najít jeho adresu URL.
OK, takže jakmile máte adresu URL obrázku, můžete ji přidat do dokumentu HTML. Nezapomeňte, že toto byl celý bod tohoto cvičení, abychom našli adresu URL obrázku, abychom ji mohli přidat na naši stránku! Zde je návod, jak jej přidat pomocí kódu HTML. Všimněte si, že byste tento kód zapsali do libovolného editoru HTML, který upřednostňujete:
Typ:
Mezi první sadou dvojitých uvozovek byste vložili cestu k obrázku, který chcete zahrnout. Hodnota alterního textu by měla obsahovat popisný obsah vysvětlující, co je obrázek pro někoho, kdo jej nemusí na stránce skutečně vidět.
Nahrajte webovou stránku a vyzkoušejte ji ve webovém prohlížeči, abyste zjistili, zda je váš obrázek na svém místě!
Užitečné tipy
Atributy šířky a výšky nejsou na obrázcích vyžadovány a měly by být vyloučeny, pokud nechcete, aby byl tento obrázek vykreslen v přesné velikosti. S citlivými webovými stránkami a obrázky, které se mění podle velikosti obrazovky, to je zřídka v dnešní době. Je pravděpodobné, že je lepší nechat šířku a výšku vypnout, zejména proto, že při absenci jiných dimenzí informací nebo stylů) bude prohlížeč zobrazovat obrázek ve své výchozí velikosti stejně.
