Pięć faz projektowania

Tok pracy nad szablonem obejmuje co najmniej pięć faz:

1. Ustalenie założeń projektu: struktury strony, układu materiałów, projektu graficznego.
2. Założenie podstawowych plików szablonu,
3. Opracowanie materiałów graficznych i kodowanie:
   • opracowanie pliku index.php generującego dokumenty HTML,
   • opracowanie pliku template_css.css formatującego zawartość stron,
   • przygotowanie niezbędnych plików graficznych.
4. Testowanie i wzbogacanie funkcjonalności szablonu,
5. Stworzenie pakietu instalacyjnego.

Metoda pracy

Dobra organizacja pracy to podstawa.

Małymi kroczkami

Pracę nad projektem szablonu najlepiej organizować małymi kroczkami. O wiele łatwiej wówczas dostrzec problemy i uniknąć błędów. Pomyśl, co chcesz osiągnąć, wpisz instrukcje, które mają prowadzić do planowanego efektu, a następnie sprawdź, czy efekt został osiągnięty.

Dopiero gdy wszystko jest w porzadku, wykonuj kolejne zadanie.

Rozwiązywanie problemów

Jeśli nie udaje się osiągnąć planowanego efektu:

1. Sprawdź najpierw, czy nie ma błędów w kodzie - a nuż brakuje literki!.
2. Następnie rozważ, czy zastosowane techniki są rzeczywiście w stanie przynieść pożądany rezultat.
3. Wreszcie przejrzyj opracowania, przeszukaj Sieć - najpewniej ktoś już znalazł i opisał odpowiednie rozwiązanie.

Projektowanie przezorne

Poprawny efekt często oznacza dopiero początek sukcesu. Przezorny projektant sprawdzi zawsze, czy uzyska ten sam lub zbliżony efekt w każdych warunkach. Nawet mistrzowie testują swoje projekty przynajmniej w kilku przeglądarkach na każdym etapie pracy.

Pewno dlatego są mistrzami. Bo wiedzą, że nie ma idealnych przeglądarek. Wiedzą, że dla niektórych trzeba zastosować specjalne rozwiązanie, czasem sztuczkę. Ty już też wiesz - więcej dowiesz się z sekcji Szablony i przeglądarki

Dostosowywanie do przeglądarek

Warto przy tym przyjąć proste założenie: najpierw projektujemy dla przeglądarki w największym stopniu zgodnej ze standardami, a potem dostosowujemy kod do widzimisię pozostałych.

Zainstaluj na swoim komputerze przynajniej Firefox, Operę, Netscape, Internet Explorer. I sprawdzaj efekty w każdej z nich.

Nieprzypadkowo najpierw wskazaliśmy Firefox. To przeglądarka aktualnie w największym stopniu zgodna ze standardami. A jeśli zainstalujesz dodatkowo pasek narzędzi projektanta (Developer toolbar), będziesz dysponować wprost nieocenionymi narzędziami analizy efektów swojej pracy.

Uwagi, źródła

Jeżeli masz sugestie odnośnie treści lub chcesz zgłosić poprawki do tego rozdziału, skomentuj go albo umieść wiadomość na forum: Dokumentacja - Propozycje, zmiany, poprawki

Dziękujemy!

Stefan Wajda, Zespół Dokumentacji PCJ