Dlaczego po wrzuceniu na serwer, nie wyświetlają się obrazki?

Robię bardzo prostą stronę internetową, właściwie to tylko zajmuje adres przekierowujący gdzie indziej. Nie umiem programować więc stronę robię w kreatorze wizualnym i korzystam do tego celu z edytora tekstu Word z 2019 roku. Na komputerze jak wyświetlam stronę to mam obrazki ale jak już wrzucę na serwer stronę to mi obrazków nie wyświetla. (obrazki są też wrzucane w WebFTP). Oczywiście znacznik IMG SRC działa, ale tak jak mówię, robię w kreatorze wizualnym i później w tym gąszczu znaków wygenerowanym przez Worda nie jestem w stanie znaleźć odpowiedniego miejsca na umieszczenie tego kodu. Proszę o pomoc. Co jest grane? Może znacie jakieś inne, tanie, małozaawansowane edytory, najchętniej w wersji pudełkowej.

KPAKOB napisał:

ak już wrzucę na serwer stronę to mi obrazków nie wyświetla.

Jeśli Word wyświetla obrazki, to tylko dlatego, że w kodzie jest zapisany adres dokładnego położenia obrazka na Twoim dysku twardym. Jak taki plik strony umieścisz na serwerze, to świat wyświetlający taką stronę nie będzie miał dostępu do obrazków z Twojego dysku twardego bo komputer swój np. wyłączysz. Dlatego trzeba edytować ścieżki do położenia obrazków.
https://www.kurshtml.edu.pl/html/wstawienie_obrazka,zielony.html

Jak otwieram w trybie offline stronę za pomocą przeglądarki to mam zmienioną nazwę ścieżki obrazka z mojego nazewnictwa na np. image003.jpg
Jak zatytułuje tak samo obrazek i wrzucę do WebFTP to dalej się on nie wyświetla.
No i najciekawsze - nie wyświetlają się nawet kształty które można rysować w samym Wordzie (strzałki, kółka, kwadraty) - które nie są brane z zewnątrz i co wydaje się że powinny być one elementarną częścią kodu HTML stworzonego przez Worda, a jednak tak nie jest.

Pobierz sobie darmowy zabytkowy edytor HTML Kompozer i go zainstaluj.
https://sourceforge.net/projects/kompozer/

Otwórz stronę. Wejdź na zakładkę Preview by obejrzeć, jak się ona wyświetla.
Sprawdź, czy w kodzie do pliku obrazka masz coś takiego:
<div class="klasa_css">
<img src="./katalog_obrazka/obrazek.jpg" alt="">
</div>

Potem sprawdź zachowanie z kropką lub dwiema lub bez - bo to zupełnie różne adresowanie do obrazka, czyli przećwicz dla edukacji, co się dzieje kiedy masz adresy do obrazków:
<img src="./katalog_obrazka/obrazek.jpg" alt="">
<img src="../katalog_obrazka/obrazek.jpg" alt="">
<img src="katalog_obrazka/obrazek.jpg" alt="">
<img src="/katalog_obrazka/obrazek.jpg" alt="">

Dzięki za link do programu z którego komendy da się już wstawiać normalnie i wyświetlać na stronie obrazki. A co oznaczają te wykrzykniki w pauzach pomiędzy tekstem kiedy otwieram w tym programie stronę?

Program jest już trochę zabytkowy.
HTML jest to kod używany do tworzenia struktury stron internetowych i ich zawartości. Jest to język znaczników (tagów), dzięki którym można dodać do strony tekst, linki, zdjęcia, formularze i.in.
Tagi mogą być standardowe w konstrukcji strony - i są pierwotne:
https://zs7.walbrzych.pl/HTML-CSS-JS/html_znaczniki_wg_kategorii.html

Ale jak program nie rozpozna taga, to wrzuci wykrzyknik. To nie jest aż tak złe, bo w konstrukcji stron pojawia się dużo nowych tagów jako definicji pewnych obszarów na stronie. Jak program nie wie, jaki mają charakter jako niestandardowe, to narysuje wykrzyknik.

Przeczytaj też o adresowaniu względnym i bezwzględnym:
http://zs2krasnystaw.edu.pl/dla_ucznia/kurs_html5/k_2_4_3.php

Jak lokalnie wstawisz obrazek na swoim dysku, to będzie miał adres lokalny do SWOJEGO katalogu na dysku twardym. By był widoczny na serwerze stron, musi mieć prawidłowe adresowanie, które można uzyskać na kilka sposobów, adresując dostęp do obrazka jako adres względny lub bezwzględny. Czasami jest sporo eksperymentów koniecznych, by ustalić na serwerze, jaka to powinna być definicja.

Obrazki się nie wyświetlają, bo pewnie nie są wrzucone na serwer. A jeśli są, to pewnie ich adresy nie są zmienione w atrybucie src tagu img.

A jeśli są, to pewnie jest problem z wielkością liter. Na Windows wielkość liter w nazwie pliku nie ma znaczenia. Na Linux już ma. Wszelkie serwery są postawione w większości na Linuxie, więc jeśli przesłałeś tam plik "Grafika.jpg", a w kodzie strony masz "grafika.jpg" (różne wielkości liter) - to nie zobaczysz.

Twój img powinien wyglądać mniej więcej tak:



Przykład:

[/code]