Агульны сцэнар онлайн з'яўляецца тое, што ў вас ёсць выява на вашым сайце, што вы хочаце звязаць. Магчыма, вы кадавання старонку на вашым сайце, і вы хочаце дадаць гэты вобраз, або, можа быць, вы хочаце, каб спасылка на яго з іншага сайта, як кошт сацыяльных медыя, што ў вас ёсць. У любым выпадку, першы крок у гэтым працэсе складаецца ў ідэнтычнасць URL (уніфікаваны паказальнік рэсурсу) гэтай выявай. Гэта унікальны адрас і шлях да файла гэтага канкрэтнага малюнка на Web.
Давайце паглядзім, як гэта робіцца.
Пачатак
Для пачатку, перайсці на старонку з выявай вы хочаце выкарыстаць. Майце на ўвазе, аднак, што вы павінны выкарыстоўваць малюнак, якое вы валодаеце. Гэта таму, што паказвае на малюнкі іншых людзей лічыцца крадзеж прапускная здольнасць і вы можаце атрымаць у бяду - нават на законных падставах. Калі вы спасылку на малюнак на вашым сайце, вы выкарыстоўваеце свой уласны вобраз і сваю ўласную паласу прапускання. Гэта нармальна, але калі вы спасылку на сайт нехта яшчэ, вы смокчуць сваю прапускную здольнасць сайта для адлюстравання гэтага малюнка. Калі сайт мае штомесячныя абмежаванні на іх выкарыстанне паласы прапускання, што многія хостынгавыя кампаніі сапраўды навязвання, то вы ясьце ў іх месячны ліміт без іх згоды. Акрамя таго, капіраванне ладу іншага чалавека на ваш сайт можа быць парушэннем аўтарскіх правоў. Калі хто - то мае ліцэнзію малюнак выкарыстоўваць на сваім вэб - сайце, яны зрабілі гэта на сваім вэб - сайце ў адзіночку. Спасылкі на гэты вобраз і малюнак яго на свой сайт, каб ён адлюстроўвае на старонцы выходзіць за межы гэтай ліцэнзіі і можа адкрыць вам да юрыдычных пеняў і штрафаў.
Ніжняя лінія, вы можаце спасылацца на малюнкі, якія знаходзяцца па-за межамі вашага ўласнага сайта / дамена, але гэта лічыцца грубым у лепшым выпадку і ў горшым выпадку незаконнай, так што проста пазбягаць такой практыкі, усе разам. Дзеля гэтага артыкула, мы будзем лічыць, што малююнкі законна размешчаных на вашым ўласным дамене.
Зараз, калі вы разумееце, «падводныя камяні» увязванне малюнка, мы хочам, каб вызначыць, які браўзэр вы будзеце выкарыстоўваць.
Розныя браўзэры робяць рэчы па-рознаму, што мае сэнс, так як усе яны з'яўляюцца унікальнымі праграмнымі платформамі, створаных рознымі кампаніямі. Па большай частцы, аднак, браўзэры усю працу некалькі аналагічных ў гэтыя дні. У Google Chrome, гэта тое, што я хацеў бы зрабіць:
- Знайдзіце малюнак, якое вы хочаце.
- Пстрыкніце правай кнопкай мышы гэта выява (Ctrl + клік на Mac).
- З'явіцца меню. З гэтага меню я абярыце Капіяваць Адрас малюнка.
- Калі ўставіць тое, што зараз у буфер абмену, вы выявіце, што ў вас ёсць поўны шлях да гэтай выявы.
Цяпер, гэта тое, як ён працуе ў Google Chrome. Іншыя браўзэры маюць адрозненні. У Internet Explorer, пстрыкнуць правай кнопкай мышы на малюнак і вызначце пункт Уласцівасці. У гэтым дыялогавым акне вы ўбачыце шлях да гэтай выявы. Скапіруйце адрас малюнка, выбраўшы яго і скапіяваць яго ў буфер абмену.
У Firefox вы пстрыкніце правай кнопкай мышы на малюнак і вызначце капіяваць размяшчэнне малюнка.
Мабільныя прылады яшчэ складаней, калі гаворка заходзіць аб пошуку URL-шлях, і так як ёсць вельмі шмат розных прылад на рынку сёння, ствараючы канчатковы спіс, як знайсці URL малюнка на ўсіх платформах і прыладах будзе складанай задачай. У многіх выпадках, аднак, націсніце і ўтрымлівайце на малюнак, каб атрымаць доступ да меню, якое дазволіць вам захаваць малюнак або знайсці яго URL.
ОК, так што, як толькі ў вас ёсць URL малюнка, вы можаце дадаць яго ў HTML-дакумент. Памятаеце, што гэта быў увесь сэнс гэтага практыкаванні, каб знайсці URL на малюнак, каб мы маглі дадаць яго на нашай старонцы! Вось як дадаць яго ў HTML. Звярніце ўвагу, што можна было б напісаць гэты код у залежнасці ад таго, HTML рэдактар, які вы аддаеце перавагу:
тып:
Паміж першым наборам падвойных двукоссяў вы б ўставіць шлях да выявы, якое патрабуецца ўключыць. Значэнне Альтэрнатыўнага тэксту павінна быць апісальным утрыманнем растлумачыць, што малюнак з'яўляецца для каго-небудзь, хто не можа на самай справе ўбачыць яго на гэтай старонцы.
Загрузіць вэб-старонку і праверыць яго ў вэб-браўзэры, каб убачыць, калі малюнак зараз на месцы!
карысныя парады
Шырыня і вышыня атрыбуты не патрабуецца на малюнках, і яны павінны быць выключаны, калі вы заўсёды хочаце, каб малюнак, якое будзе вынесена ў гэты дакладны памер. З рэагуюць сайтамі і малюнкамі, REflow і змяненнем памераў у залежнасці ад памеру экрана, гэта рэдка бывае ў гэтыя дні. Вы, верагодна, лепш пакінуць шырыню і вышыню выключэння, тым больш, што ў адсутнасці якой-небудзь іншай інфармацыі для праклейвання або стыляў), браўзэр будзе адлюстроўваць малюнак у яго памеры па змаўчанні ў любым выпадку.