Додавање слика на своје веб странице

Добијање слика за правилно приказивање

Било које слике које желите да повежете са ХТМЛ-ом на вашем веб сајту прво би требало да буду постављене на исто место које шаљете ХТМЛ-у за веб страницу, без обзира да ли је веб локација хостована на веб серверу до којег долазите путем ФТП-а или користите услугу веб хостинга. Ако користите веб хостинг услугу, вероватно користите форму за учитавање коју пружа услуга. Ови обрасци су обично у одељку администрације вашег хостинг рачуна.

Преношење слике на хостинг услугу је само први корак. Затим морате додати ознаку у ХТМЛ-у да бисте је идентификовали.

Убацивање слика у исти директориј као ХТМЛ

Ваше фотографије могу бити лоциране у истом директорију као и ХТМЛ. Ако је то случај:

1. Отпремите слику у корен ваше веб странице.
2. Додајте ознаку слике у свој ХТМЛ да бисте показали на слику.
3. Отпремите ХТМЛ датотеку у корен ваше веб странице.
4. Тестирајте датотеку отварањем странице у вашем веб прегледачу.

Ознака слике узима следећи формат:

Под претпоставком да постављате фотографију месеца са именом "лунар.јпг", ознака за слику узима следећи облик:

Висина и ширина су необавезни али препоручени. Имајте на уму да ознака слике не захтева затварање ознаке.

Ако се повезујете на слику у неком другом документу, користите ознаке сидра и угасите ознаку слике изнутра.

Отпремање слика у поддиректоријуму

Често је чувати слике у под-директоријуму, обично под називом Слике . Да бисте указали на слике у том директоријуму, морате знати где се налази у односу на корен ваше веб странице.

Корен ваше веб странице је гдје се приказује УРЛ, без било каквих директорија на крају. На пример, за веб локацију под називом "МиВебпаге.цом" роот следи овај образац: хттп://МиВебпаге.цом/. Обратите пажњу на косу на крају. Овако се наводи корен директорија. Поддиректорије укључују ту косу да покажу где седе у структури директоријума. Сајт на примеру МиВебпаге можда има структуру:

хттп://МиВебпаге.цом/ - коријенски директориј хттп://МиВебпаге.цом/продуцтс/ - каталог производа хттп://МиВебпаге.цом/продуцтс/доцументатион/ - каталог документације у каталогу производа хттп: // МиВебпаге.цом/ имагес/ - именик слика

У овом случају, када покажете на своју слику у директоријуму слика, пишете:

Ово се зове апсолутна стаза за вашу слику.

Заједнички проблеми са сликама које не приказују

Добијање слика које се појављују на вашој веб страници могу бити у почетку изазовне. Два најчешћа разлога је да слика није отпремљена тамо где ХТМЛ показује, или је ХТМЛ написан погрешно.

Прво што треба да урадите је да видите да ли можете да пронађете своју слику онлине. Већина хостинг провајдера има неку врсту алата за управљање које можете користити да бисте видели где сте учитали своје слике. Када мислите да имате тачан УРЛ за вашу слику, упишите га у свој прегледач. Ако се слика појави, онда имате тачну локацију.

Затим проверите да ли ХТМЛ показује на тој слици. Најлакши начин да то урадите је да налепите УРЛ адресу слике коју сте управо тестирали у атрибуту СРЦ. Поново отпустите страницу и тестирајте.

Атрибут СРЦ-а ваше ознаке за слике никада не би требало да почиње са Ц: \ или датотеком: Ови ће изгледати да раде када тестирате своју веб страницу на сопственом рачунару, али сви који посећују вашу страницу видеће сломљену слику. То је зато што Ц: \ указује на локацију на вашем чврстом диску. Пошто је слика на тврдом диску, приказује се када гледате.