Све слике које желите да повежете на веб локацији ХТМЛ прво треба отпремити на исто место на које шаљете ХТМЛ за веб страницу, без обзира да ли је веб локација хостована на веб серверу до ког сте дошли ФТП или користите услугу веб хостинга. Ако користите услугу веб хостинга, вероватно користите образац за отпремање који пружа услуга. Ови обрасци су обично у одељку за администрацију вашег налога за хостинг.
Отпремање слике на услугу хостинга само је први корак. Затим у ХТМЛ морате додати ознаку да бисте је идентификовали.
Отпремање слика у исти директоријум као и ХТМЛ
Фотографије се могу налазити у истом директоријуму као и ХТМЛ. Ако је то случај:
- Отпремите слику у корен ваше веб странице.
- Додајте ознаку слике у ХТМЛ како бисте усмерили на слику.
- Отпремите ХТМЛ датотеку у корен ваше веб локације.
- Тестирајте датотеку отварањем странице у веб прегледачу.
Ознака слике има следећи формат:
Под претпоставком да отпремате месечеву фотографију са именом „лунар.јпг“, ознака слике има следећи облик:
Висина и ширина нису обавезни, али се препоручују. Ове подразумеване вредности су у пикселима, али се такође могу изразити у процентима:
Ознака слике не захтева завршну ознаку.
Ако повезујете слику са другим документом, користите сидрене ознаке и уметните ознаку слике унутра.
Отпремање слика у поддиректоријум
Уобичајеније је чување слика у поддиректоријуму, који се обично назива Слике. Да бисте указали на слике у том директоријуму, морате знати где се она налази у односу на корен ваше веб странице.
Корен ваше веб странице је место где се приказује УРЛ, без икаквих директоријума на крају. На пример, за веб локацију под називом „МиВебпаге.цом“, роот следи следећи образац: http://MyWebpage.com/. Забележите косу црту на крају. Тако се обично означава корен директоријума. Потдиректоријуми укључују ту косу црту да покажу где се налазе у структури директоријума. Пример веб локације МиВебпаге може имати структуру:
http://MyWebpage.com/ - основни директоријум
http://MyWebpage.com/products/ - директоријум производа
http://MyWebpage.com/products/documentation/ - директоријум документације у директоријуму производа
http://MyWebpage.com/images/ - директоријум слика
У овом случају, када покажете на своју слику у директоријуму слика, напишете:
Ово се зове апсолутни пут на вашу слику.
Уобичајени проблеми са сликама које се не приказују
Приказивање слика на вашој веб страници у почетку може бити изазов. Два најчешћа разлога су што слика није отпремљена тамо где ХТМЛ показује или је ХТМЛ погрешно написан.
Прво што треба да урадите је да видите да ли можете да пронађете своју слику на мрежи. Већина добављача услуга хостинга имају неку врсту алата за управљање помоћу којег можете видети где сте поставили слике. Након што мислите да имате тачан УРЛ за своју слику, откуцајте је у прегледач. Ако се слика прикаже, онда сте на тачном месту.
Затим проверите да ли ваш ХТМЛ показује на ту слику. Најлакши начин да то урадите је да налепите УРЛ слике да сте управо тестирали атрибут СРЦ. Поново отпремите страницу и тестирајте.
СРЦ атрибут ваше сликовне ознаке никада не би требало да започиње Ц: \ или датотека: Изгледа да функционишу када тестирате своју веб страницу на свом рачунару, али сви који посете вашу страницу видеће покварену слику. То је зато што Ц: \ показује на локацију на твој Хард диск. Будући да се слика налази на вашем тврдом диску, она се приказује када је погледате, али неће ни за кога другог.