Често сценарио на интернет е дека имате слика на вашата веб-страница на која сакате да се поврзете. Можеби кодираш страница на вашиот сајт и сакаш да ја додадеш сликата, или можеби сакаш да се поврзеш со него од друга страна, како сметка на социјалните медиуми што ја имаш. Во секој случај, првиот чекор во овој процес е да се идентификува URL-то (униформен ресурс локатор) на таа слика. Ова е единствената адреса и датотека патека до таа специфична слика на Интернет.
Ајде да погледнеме како се прави ова.
Да започнеме
За да започнете, одете на страницата со сликата што сакате да ја користите. Сепак, имајте на ум дека треба да користите слика што ја поседувате. Тоа е затоа што посочувањето на сликите на другите луѓе се смета за кражба на пропусниот опсег и може да ви донесе проблеми - дури и легално. Ако се поврзете со сликата на вашата веб-страница, користите сопствена слика и свој пропусен опсег. Тоа е во ред, но ако се поврзете со некој друг веб-сајт, вие го цицате нивниот пропусен опсег за да ја прикажете сликата. Ако таа локација има месечни ограничувања за користењето на пропусниот опсег, што го наметнуваат многу хостинг компании , а потоа јадете во нивната месечна граница без нивна согласност. Дополнително, копирањето на сликата на друго лице на вашата веб-страница може да претставува повреда на авторските права. Ако некој има лиценцирана слика за користење на нивната веб-страница, тие го направиле тоа само за нивниот веб-сајт. Поврзувањето со таа слика и неговото цртање во вашата веб-страница, за да се прикаже на вашата страница, оди надвор од таа лиценца и може да ве отвори до законски казни и парични казни.
Крајна линија, можете да се поврзете со слики кои се надвор од вашата веб-страница / домен, но во најлош случај се сметаше за непристојно и нелегално, така што само да се избегне оваа практика. За волја на оваа статија, ќе претпоставиме дека сликите се легално хостирани на вашиот сопствен домен.
Сега кога ќе ги разберете "gotchas" за поврзување на слики, ние ќе сакаме да идентификуваме кој пребарувач ќе го користите.
Различни прелистувачи ги прават работите поинаку, што има смисла, бидејќи тие се единствени софтверски платформи создадени од различни компании. Сепак, во најголем дел, прелистувачите работат деновиве слично. Во Google Chrome, тоа е она што јас би го направил:
- Најдете ја сликата што ја сакате.
- Десен клик на сликата ( Ctrl + клик на Mac).
- Ќе се појави мени. Од тоа мени избирам Копирај адреса на слика .
- Ако го поставите она што е сега на вашата таблата со исечоци, ќе најдете дека имате целосна патека до таа слика.
Сега, вака функционира Google Chrome. Другите прелистувачи имаат разлики. Во Internet Explorer, десен клик на сликата и изберете Својства . Од тој дијалог-кутија ќе ја видите патеката до оваа слика. Копирајте ја адресата на сликата со избирање и копирање на вашата таблата со исечоци.
Во Firefox, вие ќе кликнете со десното копче на сликата и изберете ја локацијата за копирање .
Мобилните уреди се дури и сложени кога станува збор за изнаоѓање на патека за URL, и бидејќи има толку многу различни уреди на пазарот денес, создавајќи дефинитивна листа за тоа како да пронајдете URL за слики на сите платформи и уреди, ќе биде тешка задача. Во многу случаи, сепак, можете да допрете и задржете на сликата за да пристапите до мени кое ќе ви овозможи да ја зачувате сликата или да го пронајдете нејзиниот URL.
Добро, па откако ќе ја имате URL-то на вашата слика, можете да го додадете во HTML документ. Запомнете, ова беше целата поента на оваа вежба, за да го пронајдеме URL-то на сликата за да можеме да го додадеме на нашата страница! Еве како да го додадете со HTML. Имајте на ум дека ќе го напишете овој код во зависност од кој уредувач на HTML сакате:
Тип:
Помеѓу првиот сет на двојни цитати, ќе ја залепите патеката до сликата што сакате да ја вклучите. Вредноста на алт текстот треба да биде описна содржина објаснувајќи каква слика е за некој кој всушност не може да го види на страната.
Поставете ја вашата веб-страница и тестирајте ја во веб-прелистувачот за да видите дали вашата слика е сега во место!
Корисни совети
Атрибутите на ширина и висина не се бараат на сликите, и тие треба да се исклучат, освен ако не секогаш сакате таа слика да биде прикажана во таа точна големина. Со одзив веб-страници и слики кои се рефлектираат и менуваат големината врз основа на големината на екранот, ова ретко се случува во овие денови. Веројатно е подобро да ја напуштите ширината и висината, особено затоа што во отсуство на други информации за големини или стилови) пребарувачот ќе ја прикаже сликата во неговата стандардна големина во секој случај.