Ludwik.org

Jak usprawnić pisanie stron?

Ostatnimi dniami zacząłem sobie dużo kodować. Nie mówię tu akurat o PHP tylko o (x)html oraz css. Kodowanie stron nie jest dla mnie aż tak dziewiczą dziedziną, jednak ciągle popełniam te same błędy. O tym wszystkim co poniżej napiszę większość pewnie wie, ale a nuż się coś przyda.

Edytor HTML
Pierwsze podstawowa sprawa to oczywiście soft jakim się posługujemy. Są weterani, którzy uważają, że Notatnik (czyli standardowy edytor tekstu załączany z każdym Windowsem) to po prostu najlepszy edytor pod słońcem. Ale to są prawdziwi sado- maso- weterani… Ja osobiście testowałem już kilka tego typu aplikacji (w tym Notatnik ) i najbardziej spodobał mi się program kED. Ma on wszystko to, co powinien mieć edytor, czyli kolorowanie składni, numeracja linijek i inne dodatkowe fjuczery. Najbardziej przydatna jest jednak numeracja linijek. Dlaczego? Chociażby dla zwykłego poprawiania kodu po Validacji. Przy wynikach błędów wykrytych przez Validator jest zawsze napisana linijka, w której owy błąd się znajduje. Poza tym, pisząc kod samemu od podstaw, zapamiętujemy wzrokowo w jakiej lini znajduje się dany element. Przydaje się to szczególnie przy późniejszej edycji.

Struktura dokumentu HTML
Kiedyś, gdy pisałem strony, nigdy nie używałem komentarzy. Nie robiłem tej czynności tylko dlatego, że po prostu mi sie nie chciało, uważałem, że jest to zwykła strata czasu… Na moje nieszczęście szybko się przekonałem, że tak nie jest. Gdy po długim czasie nie zaglądania do kodu chciałem coś w nim zmienić, traciłem sporo czasu żeby znaleźć dany element.
Warto mieć zawsze zapisany jakiś dokument (x)html z początkowym szablonem, czyli meta-tagi, tag dodający zewnętrzny arkusz stylów (przy czym trzeba sobie też przygotować taki arkusz), doctype itp.

Grafika
Jako, że jestem bardziej grafikiem niż webmasterem to używam na co dzień programu Adobe Photoshop CS2. Nie każdy jednak lubi się bawić w wirtualne rysowanie, dlatego dla takich osób polecałbym mniej zaawansowane programy. Ostatnio Paweł Wimmer na swoim blogu pisał o programach graficznych dla osób, które bardziej wolą kodować niż malować. Dlatego zapraszam do zapoznania się z jego artykułem: PC Image Editor.

Ogólny porządek
“Dobra jest… Później się to zrobi / usunie / doda” - gówno prawda! Nie zrobisz czegoś teraz, to później już na pewno nie. Wszystko rób na bieżąco. I zachowuj przy tym porządek. Gdy tworzysz szablon umieść wszystkie z nim pliki związane w jednym jedynym katalogu. Bo po co potem szukać gdzie co jest i przy publikacji dokumentu zmieniać ścieżki do plików i elementów graficznych? Natomiast, gdy już jakiś plik / katalog / fragment kodu stanie się nieużyteczny to go wywal do kosza! Po cholerę Ci on?! Poza tym, przy dłuższym nieusuwaniu niepotrzebnych śmieci zaczniesz się gubić, nie będziesz mógł się odnaleźć…

A teraz zadaj sobie pytanie: warto zachować porządek?