Poprawny szablon dla Joomla. cz. III

Przystępując do tworzenia projektu prawdziwej witryny, potrzebujemy kilku narzędzi. Każdy prawdopodobnie ma swoje ulubione. Tutaj jest wykaz wszystkich, które ja wykorzystuję i z których Ty możesz skorzystać. Przydatny rozdział? Wszystkie programy możesz pobrać bezpłatnie.

Ważna uwaga: Gdy dostępny był bezpośredni odnośnik do plikowni, podaję go, aby uczynić pobieranie jak najprostszym. Gdy były podane serwisy lustrzane [mirrors], wybrałem jeden z nich. Bardziej doświadczeni mogą przeanalizować link i odejmując jego fragment, iść do strony głównej witryny.

Bezpłatne edytory HTML/Projektów Web

Wybrałem tutaj dwa. Pierwszy to HTML NVU. Znalazłem go ostatnio i długo się nim bawiłem. Wydaje się dobry, ma wbudowaną walidację (ważne dla nas), ma rozszerzenie Mambo/Joomla, które Cię zapewne ucieszy. Jest w 100% programem Open Source. Dzięki temu pobierzesz go bez żadnej opłaty i masz dostęp do kodu źródłowego, jeśli zechcesz wprowadzić specjalne zmiany. Rozszerzenie możesz pobrać na MamboForge. Kompletny zestaw pakietów tego projektu jest tutaj..

Druga propozycja jest w zasadzie czymś więcej. "CSE HTML Validator " zawiera wszystko w jednym: sprawdza HTML, XHTML, CSS, odnośniki, pisownię i dostępność. Możesz pobrać bezpłatną wersję . CSE HTML Validatora tutaj

Z tych dwu edytorów, CSE Validator jest prawdopodobnie lepszy, ale NVU z kolei ma istotne rozszerzenie. Ech, co zrobić!

Uwaga: Nie są to edytory HTML typu WYSIWYG. W edytorze takim, jak Dreaweaver, możesz tworzyć strony nie widząc nawet kodu HTML. Ale to nie musi być najlepsza droga tworzenia witryny Joomla/Mambo. Ważne jest, aby HTML i style CSS byly widoczne na stronie index.php (jak przekonałeś się w ostatnim artykule), to nie jest naprawdę ani czasochłonne, ani złożone.

Przeglądarki zgodne ze standardami

Potrzebujemy również przyzwoitej przeglądarki. Jeśli jeszcze używasz Internet Explorera, pójdź w ustronne miejsce i daj sobie klapsa.

Skończyłeś? Dobrze, zasłużyłeś na to! Zostawiając całkiem na marginesie fakt, że IE nie tylko ma najwięcej błędów, dziur zagrażających bezpieczeństwu, kiedykolwiek by nie było instalowane (jakby to była Netscape!), to ma przede wszystkim problem w zgodności ze standardami. Wspominaliśmy w poprzednim artykule, że wsparcie dla CSS nie jest konsekwentne w przeglądarkach. IE najgorzej wspiera CSS. Projektując strony pod IE, musisz korzystać z haków (sztuczek) CSS - specjalnych fragmentów CSS, widzianych i interpretowanych tylko przez niektóre przeglądarki. Korzystając w pracy nad projektem z przeglądarki wspierającej standardy, dodajesz fragmenty przeznaczone dla innych przeglądarek. Postępując inaczej utrudniasz sobie - delikatnie mówiąc - pracę. "Design for the best and then for the rest" - jak mówi przysłowie (angielskie).

Dlatego mój wybór to Firefox, i skoro już tu jesteś, pobierz też pasek narzędzi projektanta (developer toolbar), będzie bardzo przydatny w naszej pracy. Uwaga: Najłatwiej dołączyć ten pasek narzędzi po zainstalowaniu Firefoxa, korzystając z menu Rozszerzenia. Proces instalacji jest wówczas bardziej zautomatyzowany

OK, następnym razem, jak spojrzę do statystyk mojej witryny, nie chcę widzieć jakichkolwiek wyników przy IE, dobrze?

Wolne edytory graficzne

W zgodzie z naszym tematem jest bardzo przyzwoity, a przy tym bezpłatny edytor graficzny. Nazywa się GIMP i pobierzesz go tutaj. Potrzebujesz również kodu, który pobierzesz tutaj. Więcej informacji znajduje się http://gimp-win.sourceforge.net/stable.html.

Uwaga: Jeśli przejdziesz na stronę główną http://gimp.org, możesz skorzystać o wiele więcej - pobrać kod źródłowy (to oprogramowanie Open Source, jak Joomla). Możesz przejść do jednej z powyższych witryn i poszukać aktualnych wersji instalacyjnych.

Upewnij się, że pobrałeś i zainstalowałeś wszystkie narzędzia, o których przeczytałeś. Skoro tak, jesteś gotowy, by przystąpić do stworzenia Podstawowego szablonu CSS dla Joomla/Mambo

Tłum. Stefan Wajda [aka zwiastun]
Źródło: Tutorial 3:Free Web Design Tools
Przedruk tylko za zgodą autora i redakcji