Masz problem? Zajrzyj tutaj!
Ogromna wiekszosc problemow z HTMLem sprowadza sie do kilku podstawowych spraw. Wymienie tu je wszystkie - sprawdzcie je po kolei, jesli Wasz blog nie funkcjonuje poprawnie. Byc moze sami Wasz problem rozwiazecie. Wiem, ze bedzie to troche zmudna praca, ale niestety, taki jest HTML.... Kazdy nawias, kazdy cudzyslow itp ma ogromne znaczenie.
Nalezy sprawdzic:
- Uklad nawiasow trojkatnych < oraz >.
- Obecnosc komendy zamykajacej </___>.
- Zmienne w nawiasach klamrowych { oraz }.
- Struktura dokumentu - co jest w <head>, a co w <body>.
- Cudzyslowy.
- Umiejscowienie pol tekstowych <div>.
- Przejscie do nastepnej linijki - <BR>.
- Poprawne linki "skomentuj", "wpisz sie".
- Nieszczesne bajery, czyli Java.
1. Uklad nawiasow trojkatnych < oraz >
Pamietajcie, ze kazda komenda HTML umieszczana jest w nawiasach trojkatnych < oraz >. Czestym problemem jest przypadkowe ominiecie np. nawiasu zamykajacego. Jesli np. nie zamkniecie komendy <title>, to na stronie nie wyswietli sie Wam NIC, mimo ze w edytorze bedzie widac caly kod HTML.
Zatem sprawdzcie, czy po KAZDYM trojkatnym nawiasie otwierajacym pierwszym napotkanym nawiasem bedzie nawias zamykajacy.
Innymi slowy: niepoprawne sa takie kody:
<title>Tytul strony</title
<body>
<body>
img src="http://obrazek.gif>
<img <BR> src="http://obrazek.gif">
Wroc
2. Obecnosc komendy zamykajacej </___>
Na poczatek troche teorii :) Komendy HTML mozna podzielic na dwa postawowe rodzaje:
* samodzielne (ang: standalone)
* pojemniki (ang: containers).
Jak wynika z nazwy, komendy samodzielne to takie, ktore istnieja same z siebie i nie potrzebuja zadnej komendy zamykajacej, konczacej. Jak na przyklad <br>albo <img src="http://obrazek.gif>.
Ale ogromna wiekszosc komend to pojemniki. Oznacza to, ze skladaja sie z dwoch czesci: poczatku i konca. Wyglada to tak:
<komenda> cos tam miedzy nimi </komenda>
I tak np. do pogrubiania tekstu sluzy komenda <b>, a jej komenda zamykajaca jest oczywiscie </b>. Zatem jesli na Waszym blogu caly tekst jest pogrubiony, a tego nie chcecie, pewnie zabraklo Wam komendy zamykajacej. Sprawdzcie!
Inny przyklad - komenda dotyczaca pola tekstowego, czyli <div>. Tu bardzo czesto gubicie komende zamykajaca, bo znajduje sie ona bardzo daleko, na samym koncu, po calej zawartosci pola tekstowego. A jest to rowniez powazny blad, bo bez tej komendy umieszczonej w odpowiednim miejscu tekst sie rozjezdza, przeskakuje nie tam gdzie trzeba, wskakuje do innej ramki itp.
Jeszcze inny przyklad: Zapomnicie zamknac komende <a href="http://adresstrony">, ktora jest linkiem. Jesli nie wpiszecie
<a href="http://adresstrony"> Kliknij tutaj! </a>, tylko
<a href="http://adresstrony"> Kliknij tutaj!
... to caly dalszy tekst tez bedzie linkiem...
Wroc
3. Zmienne w nawiasach klamrowych { oraz }
Spojrzcie na tekst, ktory znajduje sie nad okienkiem edycji Waszego bloga. Prawie kazdej stronie przyporzadkowane sa tzw. zmienne, czyli slowa w nawiasach klamrowych, ktore cos specjalnego oznaczaja :) I chodzi o to, by wlasnie te zmienne znalazly sie w kodzie HTML Waszego bloga. Na kazdej stronie inne. Upewnijcie sie np, ze na stronie glownej macie wpisana zmienna {blog} oznaczajaca Wasze notki, zmienna {archiwum} oznaczajaca linki do archiwum z poszczegolnych miesiecy itp. Zauwazcie, ze w Edytorze HTML Archiwum nie ma zmiennej {blog}, jej miejsce zajmuje zmienna {archiwum}. Wlasnie z tego powodu nie zadziala Wam szablon, przygotowany tylko dla strony glownej, ktory wkleicie sobie do Archiwum. Nie beda sie Wam zgadzaly zmienne.
Zatem upewnijcie sie, ze wpisane zmienne sa poprawne, ze nie ma literowek, bledow i - UWAGA! - ze nie sa wpisane drukowanymi literami! Musi byc dokladnie tak, jak podano nad okienkiem.
Wroc
4. Struktura dokumentu - co jest w <head>, a co w <body>
Sprawdzcie, czy wstawiacie komendy HTML w dobre miejsce. Ogromna wiekszosc komend wedruje do sekcji body, czyli gdzies pomiedzy <body> a </body>. Wyjatkiem sa niektore skrypty Java, tytul strony itp. Po szczegolowe informacje odsylam do innej czesci FAQ - Struktura plikow HTML-owych.
Wroc
5. Cudzyslowy
Czy na pewno zamkneliscie wszystkie cudzyslowy? Strona nie wyswietli sie poprawnie, jesli bedzie w niej np:
<font color="#000000 size="2">
<table width=100%" border="0">
Wroc
6. Umiejscowienie pol tekstowych <div>
W innym dziale FAQ dotyczacycm pol tekstowych wyjasnilam, jak wstawia sie takie pola (divy, okienka z paskiem przewijania). Mozna wstawic takich pol wiecej. Trzeba jednak uwazac, by wstawiac je wedlug takiej samej zasady. Tzn. jesli wyrownujemy polozenie pierwszego pola od lewej strony i od gory (np: 10 piseli od lewej, 20 od gory) to kolejne pola takze nalezy wyrownac od lewej i od gory.
Zdarza sie, ze divy projektowane sa w ten sposob: jeden polozony w odleglosci 50 pikseli od lewej strony, a drugi - 50 pikseli od prawej. Niestety, jesli ktos otworzy taka strone w malym okienku, to divy najada na siebie. Bo przegladarka bedzie respektowala wolne miejsce z lewej strony pierwszego i z prawej strony drugiego diva. Gdyby natomiast oba byly wyrownane do lewej, to w malym okienku pojawilby sie pasek przewijania, ale tresc bylaby widoczna.
Warto tez uwazac z mieszaniem jednostek (np: szerokosc jednego pola - 100 pikseli, a drugiego - 20%). Nie jest to blad (wrecz przeciwnie - mozna uzyskac ciekawe efekty), ale poczatkujacy powinni na to uwazac :)
Wroc
7. Przejscie do nastepnej linijki - <BR>
Jesli macie wrazenie, ze tresc strony "zlewa sie" w jedna calosc i gdybyscie mogli, to powstawialibyscie gdzieniegdzie "Entery" - to mam dla Was dobra wiadomosc. Istnieje komenda, ktora znaczy to samo, co "Enter" w Notatniku czy Wordzie. Przejscie do nastepnej linijki to w HTMLu <br>.
Wroc
8. Poprawne linki "skomentuj", "wpisz sie"
Jesli macie problem z poprawnymi linkami w strukturze bloga (np: link do strony z komentarzami, do dodawania wpisu do Ksiegi) - to podam Wam tutaj gotowe komendy HTML.
STRONA GLOWNA
Link do Ksiegi gosci to:
<a href="http://{ksywa}.blog.pl/xiega/index.php">Ksiega gosci</a>
ARCHIWUM
Link do strony glownej to:
<a href="http://{ksywa}.blog.pl">Strona glowna</a>
KSIEGA GOSCI
Link do strony glownej to:
<a href="http://{ksywa}.blog.pl">Strona glowna</a>
Link do dodawania wpisu to:
<a href="{dodawanie}">Wpisz sie!</a>
STRONA Z KOMENATARZAMI
Link do strony glownej to:
<a href="http://{ksywa}.blog.pl">Strona glowna</a>
Link do dodawania komentarza to:
<a href="{dodawanie}">Skomentuj!</a>
Wroc
9. Nieszczesne bajery, czyli Java
Nie bez powodu czuje mocna niechec do skryptow Java i innych bajerow. Nie tylko opozniaja one ladowanie sie strony, nie tylko denerwuja niektorych czytalnikow (zwlaszcza animowane kursory, muzyczka, alerty), to czesto tez powoduja bledy na samym blogu. Moze sie zdarzyc, ze np. znikna Wam paski przewijania. Moze sie w ogole zdarzyc cale mnostwo niemilych sytuacji wynikajacych z konfliktu miedzy skryptami Java. Dlatego jeszcze raz mowie: ostroznie z bajerami. Jesli juz chcecie ozdobic czyms Waszego bloga, niech to bedzie jeden, gora dwa skrypty, i to niedlugie. Podobnie jest z wzgledami estetycznymi - niektore blogi to istna Cepelia!
Tak wiec w razie dziwnych problemow z blogiem warto przede wszystkim usunac z kodu HTML skrypty Java.