Najpopularniejszy framework Javascript rośnie jeszcze bardziej w siłę i staje się realną alternatywą dla ociężałych animacji Flash. Ma w końcu nad nim przewagę:

• Przyjazny dla SEO ponieważ nie ingeruje w treść strony (Przynajmniej oferuje takie możliwości)
• Dużo lżejszy, sam framework zajmuje zaledwie 24KB (spakowana wersja 1.4.2)
• Gigantyczna baza pluginów
• Bardzo łatwy w instalacji i obsłudze
• Bardzo prosty do nauczenia

 Zapraszamy do skorzystania z naszych usług.

Jako, że nie samym edytorem składni HTML żyje webmaster, kontynuujemy nasze poszukiwania softu, który ułatwi pracę nad tworzeniem i edycją stron www. Na podstawie naszych doświadczeń wyłoniliśmy już zdecydowanie najlepszy edytor HTML – Aptanę, której zalety i wady opisaliśmy w poprzednim wpisie. Teraz zajmiemy się resztą przybornika, która jest niemalże "must have" każdego webmastera. Stwierdziliśmy, że nie ma sensu rozdrabniać się na poszczególne kategorię – zamieścimy tutaj jedynie spis wykorzystywanego przez nas oprogramowania (głównie darmowego) i skupimy się na ich zaletach i ewentualnych wadach. Tyle tytułem wstępu. Kolejne wpisy naszego przybornika powoli będą odchodzić od środowiska pracy i uciekać będą w niebezpieczną programistyczną sferę…

Na początku należałoby tu wspomnieć o konieczności posiadania wszystkich liczących się przeglądarek WWW. Każda strona powinna zostać starannie przetestowana i sprawdzona we wszystkich dostarczanych przez nie środowiskach. Komplet przeglądarek tzn: Google Chrome, Opera oraz Mozilla Firefox powinien zatem być instalowany w pierwszej kolejności (kolejność nieprzypadkowa , może kiedyś skusimy się na porządny test przeglądarek). Celowo pominęliśmy Internet Explorer-a. Czemu? Polecamy zajrzeć na pozycję 4 poniższego zestawienia darmowego oprogramowania przydatnego do tworzenia stron WWW. 

1. PSPad – edytor tekstowy.

Opis:  prosty, szybki i łatwy w obsłudze edytor tekstowy umożliwiający edycje kodu w wielu (również nieco bardziej egoztycznych) językach programowania. Świetnie nadaje się do dorywczego programowania prezentując dużo większą szybkość działania w porównaniu do kombajnów jak np. Aptana. 

Zalety: szybkość działania, prostota obsługi, mnogość funkcji, opcje projektów, konfigurowalność, porządne wsparcie kodowania plików, możliwość pracy bezpośrednio na serwerze FTP 

Wady: brak interpretera języków HTML i PHP 

Podsumowanie: jeśli nie potrzebujemy bezpośredniej pomocy ze strony interpretera składni możemy śmiało korzystać z PSPada zamiast Aptana – pod względem możliwości i wygody nie odczujemy żadnych strat, pozbędziemy się jednak sprawdzania pisowni HTML / PHP a na otarcie łez dostaniemy szybkość i możliwość komfortowej pracy na slabszych maszynach

Adres: http://www.pspad.com/ 

2. GIMP – edytor grafiki restrowej

Opis: tego programu chyba nie trzeba przedstawiać – zdecydowanie najlepszy, wieloplatformowy, darmowy edytor grafiki oferujący masę filtrów i efektów. Jego możliwości jak na darmowy soft są naprawdę imponujące. W większości przypadków powinien zaspokoić potrzeby początkujących webmasterów. 

Zalety: obsługa większości potrzebnych opcji i efektów potrzebnych do efektywnego tworzenia efektownej grafiki, dużo efektów, wsparcie wielu formatów graficznych (w tym PSD!)

Wady: nieco irytujący interfejs (można wspomóc się np Gimpadem), działa dość wolno 

Podsumowanie: program na tyle warty uwagi, że nawet posiadacze Photoshopa powinni mieć go na HDD

Adres: http://www.gimp.org/ 

3. Filezilla – klient FTP

  Opis: szybki i łatwy w obsłudze klient FTP. Jest darmowy co również jest niewątpliwą zaletą. Zdecydowanie najwygodniejszy w obsłudze wielu serwerów  (w stosunku do innych klientów jak i klientów wbudowanych w managery jak np. TotalCommander). 

Zalety: połączenia w zakładkach, bezproblemowa i szybka praca

Wady: brak?

Podsumowanie: jak dotąd korzystamy z niego dość intensywnie i nie sprawiał żadnych problemów.

Adres: http://filezilla-project.org/ 

4. IEtester – przeglądarki internetowe

Opis: jak sama nazwa wskazuje program pomoże nam przetestować stworzone przez nas dzieło w przeglądarkach IE 6,7,8. Program w gruncie rzeczy nie jest 3 przeglądarkami w 1 a "jedynie" zawiera silniki renderowania stron WWW zawarte w IE. Mimo iż istnieją przynajmniej 3 powody dla których nie warto używać już tych przeglądarek jednak wciąż ich udział w rynku jest spory.

Zalety: obecność wszystkich  przeglądarek prosto z Redmond, wygodne zakładki i sporo opcji

Wady: duży rozmiar pliku instalacyjnego oraz nieco zbyt wolne działanie

Podsumowanie: jest to niezbędnik dla nas gdyż w nowszych systemach Windows ciężko znaleźć np IE 6.

Adres: http://ietester.com/ 

5. HeidiSQL – klient SQL

Opis: wygodny i szybki klient SQL, będący bezpłatną alternatywą dla paneli PHPmyAdmin. Zdecydowanie ułatwia i uprzyjemnia pracę przy tworzeniu i edycji tabel. Dodatkowo posiada interpreter składni SQL co powinno pomóc  początkującym

Zalety: szybkość i wygoda, wygoda, wygoda…

Wady: brak!

Podsumowanie: jako iż zdarzało nam się zjeść zęby przy pracy z bazami danych, ten program jest naszym głównym wsparciem i narzędziem pracy

Adres: http://www.heidisql.com/ 

Kilka słów na zakończenie…

Przedstawiony wyżej przybornik nadaje się do niemalże wszystkich zastosowań w branży tworzenia i projektowania stron www. Doświadczenie pokazało nam jednak, że czasami komercyjne rozwiązania nadają większego rozmachu i profesjonalizmy naszym projektom zatem jeszcze długo żaden freeware nie zastąpi np Photoshopa…  W następnej części niezbędnika zajmiemy się już kwestia znajomości i poprawności kody HTML, CSS i PHP. Nie zabraknie przydatnych linków i kącików dla dociekliwych wyjadaczy

Najlepszy edytor html – Aptana

Wypróbowaliśmy wiele edytorów ale w tym przypadku nie mamy wątpliwości. Najlepszym edytorem jest Aptana. Przede wszystkim posiada korekcję składni html, autouzupełnianie tagów oraz ich własności a nawet wartości tych własności np <input type="checkbox"… (wie jakie mogą być wartości type dla znacznika input). Dodatkowo potrafi formatować cały tekst jednym skrótem klawiszowym (automatycznie robi wcięcia w zależności od głębokości danego znacznika html) i przy okazji zna praktycznie całą dokumentację CSS. 

Nie jest to specjalnie wybitne osiągniecie ponieważ są edytory które potrafią to samo, ale aptana ma jeszcze szereg innych zalet. Możemy dzięki niej pracować BEZPOŚREDNIO na plikach ftp bez konieczności zapisywania i wysyłania ich na serwer. Oczywiście jest opcja synchronizacji serwera z wybranym katalogiem w trzech trybach- syncho, download i upload. Dodatkowo jeżeli zajmujemy się programowaniem w php to jest wtyczka która podobnie jak przy html zna całą składnię owego języka, wszystkie metody, funkcje i wartości jakie przyjmują. Identyczna sytuacja z javascript. Razem tworzy to niesamowity produkt lepszy nawet niż Adobe Dreamweaver CS3. Jeżeli ktoś chce używać Aptany do edycji html bez php to śmiało można zainstalować najnowszą wersję. Jeżeli jednak ktoś zamierza korzystać z dobrodziejstw php to polecamy zainstalować Aptanę w wersji 1.5.1 oraz starszy plugin php. W nowej wersji 2.X został on zastąpiony PHP Development Tools, które raczej są jakąś kpiną a nie faktycznym pluginem. Podejrzewam, że kiedy owy plugin się rozwinie, to może stanowić alternatywę dla starego produktu ale na razie nie ma szans. Polecamy przeczytać http://www.ilovecolors.com.ar/aptana-php/ Aby dowiedzieć się jak zainstalować starą wersję. 

Podsumujmy więc zalety aptany:

• Pełne wsparcie dla języka HTML w tym: lista błędów składniowych, autouzupełnianie tagów, atrybutów i ich wartości.
• Pełne wsparcie dla języka CSS w tym: lista błędów składniowych, autouzupełniane własności i ich wartości. Pamięta też jakie były ostatnio wpisywane identyfikatory i klasy w edytowanym dokumencie html.
• Wsparcie dla języka JavaScript (oraz frameworków w nim napisanych np jQuery) w tym: lista błędów składniowych, autouzupełnianie własności. W przypadku JavaScript jest trochę gorzej niż HTML czy CSS ale mimo wszystko jest dobrze.
• Pełne wsparcie dla języka PHP(starszy plugin) w tym: lista błędów składniowych, lista wszystkich metod i funkcji oraz argumentów jakie przyjmują z krótkim opisem. 
• Operacje na serwerach FTP, SFTP, synchronizacja z katalogiem na dysku.
• Podgląd edytowanych stron w przeglądarkach.

Główne zmiany w stosunku do poprzedniej wersji to radykalna zmiana kodu źródłowego. Moduły zostały zupełnie inaczej rozplanowane dzięki czemu możliwe było włożenie mechanizmów ajaxowych. W tym dynamiczny i bezpieczny upload plików oraz obrazów. Upload obrazów jest możliwy również z poziomu edytora co jest ogromnym postępem jeśli chodzi o łatwość obsługi. Jest to jeden z kamieni milowych jakie udało nam się pokonać.

Kolejną sprawą wartą wspomnienia jest wybór edytora wysiwyg (wizualny edytor html) pomiędzy Xinhą i TinyMCE. Oba te edytory są jednymi z nielicznych na rynku które oferują praktycznie wszystko co jest potrzebne przy edycji dokumentów przy czym oba z nich produkują poprawny kod html dzięki czemu strony nie będą się ‘rozjeżdżać’ ani zajmować zbyt dużo miejsca w bazie danych.

W najbliższym czasie zostanie dodany także drugi szablon panelu sterowania. Będzie można wybrać pomiędzy klasycznym niebieskim oraz prostym złoto-szarym.

Została dodana zakładka opcje która pozwala m.in na zmianę słów kluczowych strony głównej, zmiany hasła oraz wszelakich ustawień dotyczących panelu sterowania.

Dlaczego warto 

System zarządzania treścią sam w sobie nie jest wart 699zł netto. Ale w tą cenę wchodzi stworzenie grafiki strony głownej i napisanie aplikacji która skorzysta z danych zapisanych w panelu sterowania. W dzisiejszych czasach wielu ludzi szuka rozwiązań jak najtańszych i często dziwi się później, że nie wszystko można zrobić tak jakby się chciało. Niestety ale za produkt który spełni oczekiwania w 100% trzeba zapłacić.

Dlaczego więc nie darmowy CMS? Ponieważ to są potężne aplikacje które mają zbyt wiele ustawień i tak na prawdę są ciężkie w obsłudze. Do tej pory żaden klient nie wybrał tańszej opcji z darmowym CMSem, pomijając stworzenie szablonów do już zainstalowanych systemów. Dzieje się tak dlatego, że za działanie darmowego systemu webdeveloperzy inni niż autorzy ów CMS’ów nie mogą odpowiadać. Natomiast jeżeli chodzi o nasz, napisany od zera, cms, to jesteśmy w pełni świadomi jego sposobów działania i możemy za niego odpowiadać. Wiąże się to z tym, że gdyby klientowi zdarzył się jakiś problem, bug to usuniemy go bez jakiejkolwiek opłaty.

Obecnie nasze rozwiązania są stosunkowo tanie jeśli porównać naszą ofertę z konkurencją. Możemy sobie na to pozwolić właśnie ze względu na cms który zawiera wszystkie potrzebne opcje i nie jest specjalnie przeładowany bajerami.

Oficjalnym terminem skończenia prac będzie piątek czyli 19.02.2010

Wszyscy klienci którzy w najbliższym czasie zdecydują się na stronę internetową opartą o system zarządzania treścią będą mieli możliwość skorzystania z bezpłatnego upgrade’u do nowej wersji. Po miesiącu oferta wygaśnie.

Starsza wersja będzie nadal w sprzedaży za tą samą cenę. Oferuje wszystkie narzędzia jakie są potrzebne do edycji treści podstron. Zostanie tylko nieco zoptymalizowana. Standardowo kosztuje ona 699zł netto a nowa wersja która wejdzie do sprzedaży za miesiąc będzie kosztować 999zł netto. W pakiecie również znajdzie się ModRewrite dla Front Endu czyli prościej mówiąc zamiana linków pokroju /index.php?page=strona na bardziej przyjazne /Strona,Nazwa_strony

Dodatkowo będzie możliwość wybrania edytora wizualnego html. Obecnie jest to Xinha, a będzie można wybrać jeszcze TinyMCE. Na specjalne życzenie zainstalujemy dowolny kompatybilny edytor.

Lista głównych różnic pomiędzy wersją standardową a wzbogaconą:

• Dodatkowe znaczki BBCode
  • Obrazy [Image='nazwa'] [Image=id]
  • Pliki [Image='nazwa'] [Image=id]
• Dodatkowe ustawienia BBCode
  • Rozmieszczenie obrazów [Image='nazwa',align=left] mogą być left right i center
  • Pliki – analogicznie rozmieszczenie i opcje pokazywana opisu
  • Galerie – analogicznie rozmieszczenie i opcje szablonu
• Ułatwienia w edycji
  • Wgrywanie multimediów bez konieczności wychodzenia z okna edycji podstrony
  • Artykuły, newsy i podstrony jako osobne zakładki
  • Ajaxowe zarządzanie podstronami jako wybór

Naszym celem jest utworzenie kącika zawierającego najróżniejsze zagadnienia, ciekawostki oraz rozwiązania problemów na które z pewnością prędzej czy później natrafi zarówno początkujący jak i zaawansowany programista. Z czasem przybędzie również kilka krótkich felietonów naszego autorstwa, w których rozprawimy się z jak dotąd nieuzewnętrznionymi przez nas kwestiami.

Dalsze plany odnośnie naszego małego kącika dotyczą humoru, którego każdemu programiście nie powinno zabraknąć

Zapraszamy zatem do lektury i częstego nas odwiedzania.

Ekipa Tech Design