Wgrywanie grafiki na serwer

Na początek poszukajmy hostingu, na którym umieścimy grafikę. Ja proponuję darmowy: www.hosting-zdjec.pl, jednak po pewnym czasie grafika zniknie, nie jestem w stanie powiedzieć kiedy się to stanie, żeby uniknąć takich sytuacji najlepiej jest wykupić hosting na określony czas i wtedy mamy wszystko pod kontrolą, niestety wiąże się to z kosztami. Przykładowe płatne hostingi: www.laohost.pl, www.netmark.pl

Teraz musimy wgrać grafikę na serwer. Ja wybrałem darmowy hosting www.hosting-zdjec.pl. Wchodzimy na stronę, mniej więcej na środku będzie przycisk "Przeglądaj...", klikamy w niego. Wyskoczy nam okienko, w którym musimy wskazać jedną z grafik szablonu (np. folder z szablonem/images/index_01.gif ) potwierdzamy przyciskiem "Otwórz". Teraz pozostaje zaakceptować Regulamin i zaznaczyć "Prywatne". I klikamy Dodaj (przycisk na szarym tle)

Na nowej stronie będzie miniaturka grafiki, którą wgrywaliśmy. Kopiujemy link, który jest w ramce Link bezpośredni zdjęcia to tyle, jeśli chodzi o hosting. Wklejąc link do przeglądarki zobaczysz, że pokaże się tylko sam obrazek, bez żadnej strony, przycisków, linków itd... Jeśli po podmianie grafika nie będzie się wyświetlać, prawdopodobnie to może być główny powód. Pamiętaj zawsze na końcu linku musi być rozszerzenie graficzne tj. np. .jpg .gif, nie może być .html
Teraz proszę otworzyć folder z szablonem i kliknąć prawym przyciskiem myszy na ikonkę index.html (to jest ta, którą jeśli się kliknie dwa razy to otworzy się szablon w przeglądarce), w menu podręcznym (jest to menu które otworzy się klikająć prawym przyciskiem myszy na ikonkę index.html) kliknąć Otwórz za pomocą..., a następnie Notatnik. Teraz wystarczy po podmieniać.

Linijka np.

img src="http://www.krzysss13.vot.pl/szablon3wx/Szablon1exa/images/index_01.gif"

odpowiedzialna jest za wyświetlanie grafiki o nazwie index_01.gif. Musimy teraz zastąpić tą linijkę linkiem bezpośrednim do grafiki o nazwie index_01.gif. Link bezpośredni to ten który chwilę temu kopiowaliśmy ze strony www.hosting-zdjec.pl

Kliknij na obrazek, aby powiększyć

Jeśli wszytko jest OK, należy skopiować kod i korzystać z szablonu.