Problemy początkującego webmastera

Autor: antyqjon

Jeżeli dopiero zaczynasz swoją przygodę z tworzeniem stron WWW, to koniecznie przeczytaj ten artykuł! Unikniesz ewentualnych problemów w przyszłości. A jeżeli znasz się na HTML-u, uważasz się za wielkiego „guru” to… też przeczytaj Lektura na pewno nie zaszkodzi, a może pomóc.

Cóż, zdarza się czasem tak, że… wszystko idzie jak z płatka (sorry Rafał ;-), ale są sytuacje, w których coś jest nie tak, a my nie wiemy o co chodzi. Najpierw problem trzeba zdiagnozować, potem zlokalizować no i dobrze byłoby go usunąć.

Problemy, z jakimi się spotyka webmaster można podzielić na dwie grupy:

1. Problemy podczas testowania na własnym komputerze

Po pierwsze sprawa rozdzielczości ekranu. Załóżmy taką sytuację: pracujesz na komputerze w rozdzielczości 800×600 pikseli i wymęczyłeś kod, który między innymi wygląda tak:

<TABLE WIDTH="100%"> 
  <TR> 
    <TD> 
      jakiś tam tekst, który jest trochę dłuższy niż jedna linia... 
      <IMG SRC="a_moze_jeszcze_jakis_obrazek.jpg" 
WIDTH="70%"> 
    </TD> 
  </TR> 
</TABLE> 

No i jest OK, strona wygląda ładnie, ale postanowiłeś zmienić rozdzielczość na np. 1024×768. Odpalasz przeglądarkę, otwierasz swoją stronę i… delikatnie mówiąc wiele elementów się rozjechało A to czemu? Dlatego, że zastosowałeś względne rozmiary tabeli. Tabelka ma 100% szerokości ekranu, czyli w rozdzielczości 800×600 niecałe 800 pikseli. Jednak po zmianie rozdzielczości tabelka ma trochę ponad 1000 pikseli szerokości. Obrazek również zwiększył swoje rozmiary, przez co mógł stać się nieczytelny.

Jak temu zaradzić? Podawać bezwzględne rozmiary elementów strony w pikselach. Np.:

<TABLE WIDTH="780"> 
  <TR> 
    <TD> 
      jakiś tam tekst, który jest trochę dłuższy niż jedna linia... 
      <IMG SRC="a_moze_jeszcze_jakis_obrazek.jpg" 
WIDTH="500"> 
    <TD> 
  </TR> 
</TABLE> 

No i sprawdź teraz. W obu rozdzielczościach strona wygląda poprawnie, nic się nie rozjeżdża i tak ma być!

I może jeszcze jeden przykład „wpadki”. Tym razem związana z przeglądarkami. Chodzi o użycie (według mnie nieestetycznych i odrażających) znaczników MARQUEE i BLINK.

Znacznik MARQUEE wyświetla przesuwający się tekst. Odradzam jego używanie, no ale niech Wam będzie… Moja uwaga jest taka: znacznik ten działa tylko w przeglądarce Internet Explorer.
Użytkownicy innych przeglądarek (np. Netscape) zobaczą tekst statyczny (poprawcie mnie, jeśli w jakiejś przeglądarce oprócz IE to działa!). Natomiast Netscape wprowadził własny znacznik BLINK, który powoduje, że objęty nim tekst miga. I znowu, jeśli ten efekt można uzyskać w innej przeglądarce niż Netscape, proszę o stosowny komentarz.

<MARQUEE>ten tekst się przesuwa tylko w Internet 
Explorerze</MARQUEE> 
<BLINK>a ten tekst miga tylko w Netscape</BLINK> 

I jeszcze raz przypominam: używając powyższych znaczników raczej odstraszycie internautów od strony niż ich przyciągniecie.

2. Problemy podczas testowania na serwerze

To jest już odrębna kategoria błędów. To te wpadki, których nie uświadczymy testując stronę u siebie na komputerze, ale po jej opublikowaniu na serwer ze zdumieniem stwierdzamy, że strona się po prostu sypie.

Ktoś pytał mnie kiedyś „dlaczego, jak oglądam stronę u siebie to działa, a na serwerze nie?”. Oto kod, z którym był problem:

<IMG SRC="C:\Moje dokumenty\Moje obrazy\claudia_schiffer.jpg">

Jak się możecie łatwo domyślić, na jego komputerze w katalogu Moje obrazy znajdowało się zdjęcie Claudii Schiffer. Pojawiało się ono również na stronie oglądanej u niego na komputerze.

Problem w tym, że po opublikowaniu strony na serwer zdjęcia na niej nie było… Wyjaśnienie nie jest trudne: na serwerze nie było pliku claudia_schiffer.jpg (umieszczonego w katalogu C:\Moje dokumenty\Moje obrazy). Co więcej, na tym serwerze (jeśli to był serwer pod kontrolą systemu UNIX czy Linux) nie ma nawet dysku C!

Radą jest stworzenie u siebie na dysku jak i na serwerze katalogu (np. images/) w którym będą przechowywane obrazki wyświetlane na stronie.

<IMG SRC="images/claudia_schiffer.jpg">

Powyższy kod zadziała na pewno, jedynym warunkiem jest prawidłowość ścieżek dostępu lokalnie i na serwerze.