Gdzie-Jak pisac i jak testowac\374 - strona główna

KURS HTML
3. GDZIE/JAK PISAĆ I JAK TESTOWAĆ ?
Jest mnóstwo programów stworzonych w celach zarządzania witryną. Mnie wystarczy
kilka i uwaŜam, Ŝe Wam teŜ. Na początku powinniśmy wyposaŜyć swój komputer w edytor
tekstu. Pewnie w Twoim systemie znajduje się nie jedna taka aplikacja, ale pewnie nie sprosta
webmasterskim wymaganiom.
Po pierwsze powinna dbać o kodowanie tekstu [zamiana 6 polskich znaków (ą, ś, ź, Ą, Ś,
Ź) tak, aby poprawnie wyświetlały się na wszystkich komputerach] i kolorowanie składni
(ułatwienie przeglądania kodu, dzięki zastosowaniu specjalnych kodów odpowiadających
poszczególnym elementom). Aplikacja, której uŜywam, ewentualnie uŜywałem nazywa się
PitPad, polecam takŜe Notatnik+. Są narzędzia same tworzące źródło, a takŜe pomagające je
tworzyć, jednakŜe polecam korzystać z edytora tekstu.
Jak testować ?
Jak testować? Na kilku popularnych przeglądarkach (Internet Explorer, Mozilla, Opera...)
i za pomocą specjalnego narzędzia na tym serwisie, które w połączeniu z organizacją W3C
natychmiastowo wyłapie wszystkie „źródlane” błędy.
Powinniśmy dobrze zorganizować swoją pracę z edytorem i przeglądarką. Źródło
zapisane w edytorze tekstu zapisujmy w plikach o rozszerzeniu htm, lub html (zdecydujmy
się na jedno z nich np. htm), które następnie otwieramy w przeglądarce. Dalsza praca polega
na zaktualizowaniu pliku (zapisaniu go po wprowadzeniu zmian) i odświeŜeniu strony w
przeglądarce za pomocą specjalnego przycisku, lub odpowiedniego klawisza (zwykle F5).
Strona główna serwisu
Strona główna, lub dokładniej strona startowa (nie zawsze jest to tym samym) powinna
mieć nazwę index.htm(l), np. index.htm. Jest to bardzo waŜny plik – jeŜeli strona będzie w
internecie, podając lokalizację strony automatycznie otworzy się ten plik np. wchodząc na
adres www.witryna.pl, lub www.witryna.pl/folder otwiera nam się tak naprawdę pierwszym
dokumentem,
który
zostanie
załadowany
będzie
www.witryna.pl/index.htm,
www.witryna.pl/folder/index.htm.
Struktura katalogów i pliki
www.INFORMATYKA.cba.pl
lub
KURS HTML
Kolejna waŜna sugestia strony startowej. Powinien być to plik ułoŜony najwyŜej w
drzewie strony, czyli, aby Ŝaden plik, folder strony nie znajdował się głębiej. Przedstawię to
na dwóch drzewkach, pierwsze jest dobre, drugie jest złe:
- index.htm
- grafika
- strona.htm
•
top.jpg
- druga.htm
•
buzia.gif
- trzecia.htm
•
pasek.png
•
grafika
•
top.jpg
•
index.htm
•
buzia.gif
•
strona.htm
•
pasek.png
•
druga.htm
•
trzecia.htm
- dokumenty
Uwaga: kaŜdy dokument musi mieć własną unikalną nazwę (z wykluczeniem
dokumentów znajdujących się w róŜnych folderach), którą będziemy podawać w później
poznanych linkach. Nazwa moŜe składać się z liter, bez Ŝadnych ogonków, umlautów itp.,
cyfr, znaków - i _. Nigdy nie powinniśmy umieszczać tam odstępów, slashów, cudzysłowów
ampersandów (&), pytajników, tagów, dwukropków i innych.
Nazwy plików
Odstęp jest po prostu zabroniony, slash oznacza zagłębianie się w głębie strony (foldery),
cudzysłowy jakby były, to by uniemoŜliwiały pisanie linków do stron, gdyŜ kończyłyby
wartość atrybutu, ampersendy i pytajniki zarezerwowane są dla skryptów, a inne są po prostu
niepotrzebne.
Pamiętajmy, Ŝe plik.htm, pliK.htm i PLIK.htm to trzy róŜne pliki. Niektóre przeglądarki, a
tak Ŝe edytory stron www nie odróŜniają wielkich od małych liter. Najlepiej uŜywać jest
zawsze małych znaków.
www.INFORMATYKA.cba.pl