Próbowaliśmy wieloma sposobami, poprzez osadzanie czcionki we flashu, jednak nie było to zbyt rozsądne. Postanowiliśmy zainteresować się ciekawym skryptem Cufon. Po wielu dyskusjach postanowliśmy wykorzystać ją w projekcie. Niestety są wady tej decyzji, ponieważ tekst nie jest kopiowalny, ale za to jest indeksowany przez wyszukiwarki. Rozwiązanie jest o tyle ciekawe, że gromadzi naprawdę ogromną bazę czcionek. Co ważne, pomyśleli także o Polakach – są bowiem polskie znaki

Sposób użycia tego rozwiązania może być dosyć skomplikowany dla początkujących, ale po kilku wskazówkach zobaczycie, że jest on naprawdę prosty. Zaczynamy od wejścia na stronę CufonFonts.com i odnalezienia odpowiedniej czcionki. My w tym przypadku potrzebowaliśmy czcionkę Myriad Pro. Gdy już odnajdziemy czcionkę, którą potrzebujemy, zaznaczamy typy kodowania ( zakładka Cufon Kit Download), które będą przez nas używane (najlepiej zaznaczyć tylko te, które napewno wykorzystamy, wtedy skrypt będzie ważył o wiele mniej, co wiąże się z szybszym ładowaniem strony i mniejszym wykorzystaniem transferu). Następną czynnością jaką wykonujemy jest pobranie wygenerowanego pliku, umieszczenio go w folderzu głównym strony lub jakimkolwiek innym. Następnie w sekcji head dokumentu umieszczamy poniższe polecenie:

<script src=”http://cufon.shoqolate.com/js/cufon-yui.js” type=”text/javascript”></script>
<script src=”myriad-pro.cufonfonts.js” type=”text/javascript”></script>
<script type=”text/javascript”>
Cufon.replace(‘.myriad_pro_semibold_italic’, { fontFamily: ‘Myriad Pro Semibold Italic’, hover: true });
Cufon.replace(‘.myriad_pro_semibold’, { fontFamily: ‘Myriad Pro Semibold’, hover: true });
Cufon.replace(‘.myriad_pro_regular’, { fontFamily: ‘Myriad Pro Regular’, hover: true });
Cufon.replace(‘.myriad_pro_condensed_italic’, { fontFamily: ‘Myriad Pro Condensed Italic’, hover: true });
Cufon.replace(‘.myriad_pro_condensed’, { fontFamily: ‘Myriad Pro Condensed’, hover: true });
Cufon.replace(‘.myriad_pro_bold_italic’, { fontFamily: ‘Myriad Pro Bold Italic’, hover: true });
Cufon.replace(‘.myriad_pro_bold_condensed_italic’, { fontFamily: ‘Myriad Pro Bold Condensed Italic’, hover: true });
Cufon.replace(‘.myriad_pro_bold_condensed’, { fontFamily: ‘Myriad Pro Bold Condensed’, hover: true });
Cufon.replace(‘.myriad_pro_bold’, { fontFamily: ‘Myriad Pro Bold’, hover: true });
</script>

I to by było na tyle. Jeżeli chcemy użyć czcionki to używamy poszczególnej klasy css. Możemy też zadeklarować własną klasę css, a także narzucić daną czcionkę dla całego dokumentu dodając klasę do znacznika body. I tak możemy cieszyć oczy internautów naszą stroną internetową.

Pozdrawiam
Łukasz

• strony błędów
• przyjazne linki i funkcja mod_rewrite
• przekierowania

ErrorDocument 404 /error/404.html

Dzięki takiej komendzie każdy błąd 404, który jest wyświetlany w przypadku nie istnienia pliku na serwerze, będzie zastąpiony stroną wskazaną pod adresem /error/404.html. Dobrym rozwiązaniem będzie stworzenie np. mapy strony w pliku 404 bądź też wyszukiwarki, dzięki czemu potencjalny użytkownik pozostanie na naszej stronie na dłużej.
404 to jest chyba najczęstszy błąd, ale w pliku .htaccess mamy możliwość definiowania także innych stron błędów. Wystarczy po prostu zmienić symbol błędu w pliku .htaccess, np. dla błędu 503 będzie to wyglądało tak:

ErrorDocument 503 /error/503.html

I tak analogicznie dla wszystkich innych, oczywiście ścieżka do pliku może być dowolna. Dzięki takiemu zastosowaniu nie tylko umilamy widok użytkownikom, lecz także sprawiamy, że możemy zatrzymać użytkownika dłużej na naszej stronie, co jest niezwykle ważne.

Options FollowSymLinks
RewriteEngine On

No i zostało nam w sumie niewiele do zrobienia, ale jest to jedna z najtrudniejszych rzeczy, jeżeli chodzi o początkujących webmasterów. Przyjazne lilnki są o tyle ważne, że jest to bardzo przydatna informacja zarówno dla wyszukwiarek, jak i dla naszych czytelników. Dzięki przyjaznym linkom możemy informować o czym jest dany artykuł czy podstrona. Następnym krokiem jest ustalenie położenie pliku względem DOCUMENT_ROOT.
Jeżeli nasza strona jest oparta o system CMS bądź CMF, to linki tworzone są tam dynamicznie, zatem możemy przepisywać je i tworzyć tzw. przyjazne linki. Wystarczy, że użyjemy takiego polecenia:

RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule ^(.*)$ index.php?$1 [L]

Pora jeszcze wytłumaczyć o co w tym wszystkim chodzi. Pierwsza linijka sprawdza czy wywołany adres jest rzeczywistym plikiem, jeżeli nie, to sprawdza czy wywołany adres jest rzeczywistym katalogiem, jeżeli nie, to zostanie załadowany plik index.php, a [L] oznacza LAST, czyli jest to ostatni punkt, który miał wykonać plik .htaccess. I to cała filozofia. Na szczęście większość dostępnych CMS’ów (wordpress, modx) potrafi generować pliki .htaccess. My wtedy ustawiamy tylko to jak mają wyglądać linki. Większy problem występuje w joomli, bo tu przyjazne linki to chyba największe utrapienie webmasterów.

RewriteCond %{HTTP_HOST} ^domena.pl
RewriteRule ^(.*)$ http://www.domena.pl/$1 [R=permanent,L]

Mam nadzieję, że artykuł się przyda wielu amatorom. Zapraszam do pytani i dyskusji, może dowiem się czegoś nowego. Pozdrawiam

W skrócie .htaccess to poprostu plik konfiguracyjny serwera. Dzięki niemu możemy konfigurować ustawienia dla każdego katalogu na serwerze oczywiście znając odpowiednie komendy i je rozumiejąc. W dzisiejszym poście postaram się nieco przybliżyć jego specyfikę i zastosowania.

Pierwsza część artykułu będzie dotyczyć następujących zagadnień:

• dostęp do strony internetowej poprzez hasło
• domyślny plik strony WWW, kolejność wczytywania plików
• powiązanie typów plików
• blokada dostępu do strony WWW

Jednym z takich ciekawych, popularnych zastosowań pliku .htaccess jest autoryzacja dostępu do strony internetowej. Dzięki odpowiednim komendom możemy poprosić użytkownika o autoryzację, czyli podanie nazwy użytkownika oraz hasła. Jest to o tyle przydatne, że możemy zabezpieczyć stronę do której dostęp mają mieć wybrani użytkownicy. Takie działanie możemy uzyskać stosując taki ciąg komend:

AuthType Basic
AuthName „Proszę o podanie loginu i hasła.”
AuthUserFile sciezka/.htpasswd
Require valid-user

Aby oczywiście program zadziałał musimy utworzyć plik .htpasswd, który będzie przechowywał loginy i hasła. To teraz czas na objaśnienie jak tworzyć plik .htpasswd. Zawartość utworzonego przez nas pliku powinna wyglądać następująco:
login:hasło
Oczywiście hasło musi być zakodowane – > Odsyłam to generatora pliku .htaccess i .htpasswd:
http://tools.dynamicdrive.com/password/, gdzie wprowadzając nasz login i hasło otrzymamy gotowy plik .htpasswd, przy okazji możemy też skorzystać z zaproponowanego pliku .htaccess

Można oczywiście zabezpieczyć nie tylko folder ale i pojedynczy plik, wtedy należy dodać jeszcze taką komendę:

<files index.html>
Require valid-user
</files>

I to by było na tyle jeżeli chodzi o autoryzację użytkowników.

Kolejnym zastosowaniem pliku omawianego dzisiaj pliku jest kolejność wczytywania plików. Zastosowanie to jest bardzo przydatne i często wykorzystywane jest do określenia domyślnego pliku strony WWW. Chcąc osiągnąć taki efekt musimy skorzystać z dyrektywy DirectoryIndex. Plik .htaccess może wyglądać następująco:

DirectoryIndex index.html index.php inna.html

Należy pamiętać, że o priorytecie świadczy kolejność. Mówiąc po polsku, najpierw serwer będzie próbował się połączyć z plikiem index.html, jeżeli się okaże że nie ma go w katalogu to będzie próbował połączyć się z następnym i dalej analogicznie.

Plik .htaccess ma także wiele innych zastosowań. Jednym z nich jest także powiązanie typów plików. Co to znaczy? Że na przykład plik o nazwie jakisplik.mojerozszerzenie może być interpretowany jaki plik .html
Taki efekt osiągamy dzięki dyrektywie AddType. Dla zobrazowania, plik .htaccess może wyglądać następująco:

AddType text/html .mojerozszerzenie

Natomiast dla języka PHP może to wyglądać tak:

AddType application/x-httpd-php .mojerozszerzenie

Następnym zastosowaniem jest blokowanie dostępu. Często webmasterzy blokują adresy IP, które wyrządzają szkody na portalach bądź piszą obraźliwe i niezgodne z netykietą teksty czy komentarze na blogach. Aby zablokować intruza o danym adresie IP używany komendy:

deny from xxx.xxx.xx.xx

A jeżeli nikogo nie lubimy to wstawiamy:

deny from all

A jeżeli lubisz tylko wybrane adresy IP to ustawiasz:

deny from all
allow xxx.xxx.xx.xx

Możemy także blokować dostęp z róznych domen, wtedy zamiast adresu IP wstawiamy adres domeny (np. domena.pl)

Zapraszam zatem do dyskusji. Za kilka dni ukaże się kolejna cześć, będę pisał między innymi o przekierowaniach i funkcji mod_rewrite. Pozdrawiam

TYPO3 – jest systemem do zarządzania firmowymi witrynami internetowymi i intranetowymi (ECMS - Enterprise Content Management System). TYPO3 to system elastyczny, łatwo rozszerzalny, posiadający zestaw gotowych do użycia interfejsów, funkcji i modułów. Temu systemowi zaufało już wiele znanych korporacji. Z TYPO3 korzystają między innymi KFC, Pizza Hut, Castorama, Unesco, National Geographic, a także my wdrażaliśmy już wiele projektów zaimplementowanych na TYPO3. Owy CMF przeznaczony jest już dla osób znających się na programowaniu, nawet wielu programistów uważa go za dosyć trudny i skomplikowany system.

Zalety TYPO3:

• Obsługa wielu różnych stron i domen
• Wygodny panel zarządzający systemu
• Wygodne edytory tekstu
• Integracja z innymi systemi, współdzielenie baz danych
• Historia oparta na nielimitowanej funkcji cofania zmian.
• Optymalizacja i skalowanie grafiki
• Wewnętrzna wyszukiwarka
• Intuicyjne zarządzanie plikami
• Zarządzanie uprawnieniami użytkowników
• Możliwość nieograniczonej rozbudowy serwisu
• Przedstawianie adresów URL w przyjazny sposób dla użytkowników i wyszukiwarki
• System umożliwia jednoczesną pracę kilku zespołom redakcyjnym.
• Istnieje duża liczba darmowych dodatków (extensions) do Systemu TYPO3.
• Jest darmowy i działa w każdej przeglądarce

Wady TYPO3:

• Dosyć trudny
• Trudna instalacja
• Wymaga dobrych serwerów

Poza tym ciekawostką jest, że TYPO3 ma wbudowany parser własnego języka skryptowego TypoScript, który jest napisany w PHP. TYPO3 jest na tyle profesjonalną aplikacją, że wprowadzona system certyfikacji. W polsce pierwszy egzamin odbył się w lutym 2009 roku. Co ważne, system jest darmowy, a swoimi możliwościami przewyższa komercyjne produkty.

Drupal – jest systemem CMS, który umożliwia użytkownikowi łatwe publikowanie, zarządzanie i organizowanie zawartości strony. Posiada wiele funkcji, które oferują między innymi system blogów, środowiska przeznaczone do wspólnej pracy nad projektem, fora internetowe, newslettery, galerie zdjęć, możliwość uploadu downloadu plików. Dla wielu programistów jest on zbyt ubogi, a dla początkujących za trudny, więc wygoda znajduje się tak po środku. Jeszcze się taki nie urodził, co by wszystkim dogodził.

Dlaczego o nim piszemy? Bo należy do grupy systemów, które cenią funkcjonalność. Na tym systemie także oparte są serwisy wielkich korporacji.

Zalety Drupala:

• nie zajmuje dużo miejsca,
• posiada możliwość doinstalowywania modułów, bo jak wiadomo podstawowa paczka systemu jest bardzo mała
• jest bardzo optymalny przy dużym wykorzystaniu zasobów serwera
• jest dosyć bezpiecznym systemem
• jest darmowy i cały czas rozwijany

Wady Drupala:

• brak polskiej dokumentacja, oczywiście posiadamy polskie forum drupala, ale to nie wystarcza
• by zaczął być funkcjonalny potrzebuje doinstalowania modułów, (dla niektórych zaleta, dla niektórych wada) dla nas wada
• trudny panel administratora
• ciężki w instalacji i konfiguracji modułów

Na pierwszy rzut oka widać, że Drupal nie jest super systemem, ale wiecie za co go cenimy? Za funkcjonalność, która wymaga poświęcenia i dużej wiedzy, bo gdyby nie ten system nie umiałbym tak dobrze języka PHP jak teraz.

eZ Publish – nowoczesny, bezpieczny i bardzo wydajny wzorzec projektowy CMF. Aplikacja została stworzona przez norwegów. Kod źródłowy jest udostępniony na licencjach GNU GPL, New BSD, a także licencji profesjonalnej – Pul License, eZ publish Professional License. Wykorzystywany jest do budowy wielkich serwisów. Jest bardzo intuicyjny i profesjonalny. Podobnie jak TYPO3 jego funkcjonalność wykracza wielokrotnie poza niektóre systemy komercyjne, dlatego że eZ Publish nie tylko jest systemem zarządzania treścią, ale także potężną platformą programistyczną. Za pomocą tej aplikacji możemy tworzyć takie aplikacje jak sklepy internetowe, portale, serwisy korporacyjne, a nawet systemy e-learningowe.

Zalety eZ Publish:

• bardzo duża funkcjonalność
• prosty intuicyjny panel administratora i redaktora
• edytor on-line
• bezpieczność, jeden z najbardziej bezpiecznych systemów CMS na świecie
• funkcjonalny wzorzec projektowy, możemy go rozbudować jak tylko chcemy
• polska dokumentacja, polski panel administracyjny
• generatory plików pdf
• przyjazne adresy URL
• pełna kontrola zawartości sekcji head
• możliwość rozbudowy o nowe moduły
• harmonogram zdarzeń i wiele innych

Wady eZ Publish:

• według nas brak

Porównaliśmy ze sobą do tej pory 6 najlepszych CMSów. Pora wybrać najlepszy. Dokonując analizy z pewnością wybierzemy te najlepsze. Swój głos oddajemy na TYPO3 i eZ Publish.

Zapraszamy do udziału w dyskusji i wymiany doświadczeniami dotyczących systemów CMS.

Pozdrawiamy

Grupa ArtSEO

Większość takich systemów jest także profesjonalnie zrobiona od strony technicznej, większość z nich posiada tak zwane generatory przyjaznych linków, a serwer nie koniecznie musi posiadać funkcję mod_rewrite, przydaje się to dla strony umieszczonych na darmowych serwerach, gdzie nie ma włączonej owej funkcji. A takiej coś przydaje się przy optymalizacji stron, wyszukiwarkom łatwiej indeksuje się takie strony i są chętniej przez nie odwiedzane.

Przejdźmy więc do rzeczy.

WordPress - dobry dla początkujących webmasterów, nie wymaga dużej wiedzy programistycznej. Wystarczy zainstalować na serwerze i możemy się nim bawić do woli. Posiada bardzo intuicyjny interfejs. Nie jest typowym CMS’em, lecz blogiem, ale wielu traktuje go także jako system zarządzania treścią.

Zaletą wordpress’a są:

• obsługa wtyczek(pluginy) – są bardzo przydatne, jeżeli chcemy rozbudować stronę o nowe funkcjonalności
• przyjazne linki – obsługuje funkcję mod_rewrite, dzięki czemu tworzy przyjazne linki dla wyszukiwarek, a w wordpressie jest to bardzo profesjonalne
• łatwe pozycjonowanie
• obsługa skórek – możemy samemu wgrywać lub tworzyć nowe templatki do swojego wordpress’a
• jest łatwy w użyciu zarówno dla administratora, jak i dla użytkowników.
• pingowanie do odpowiednich miejsc po napisaniu posta
• jest cały czas rozwijany
• jest całkowicie darmowy

Wady WordPress’a:

• prawie żadnych rzucających się w oczy, ale niektórych denerwuje ponoć położenie menu.

O obsłudze tego systemu będziemy pisać już niedługo.

Joomla – System wymaga większej wiedzy informatycznej niż wordpress. Chociaż zwykly użytkownik bez problemów może postawić na joomli swój portal, stronę klubu sportowego, klanu CS’a czy zupełnie coś innego. Jeżeli chodzi o funkcjonalność joomli, to trzeba przyznać, że jest naprawdę rozbudowana. Posiada takie pluginy jak sklep internetowy, forum, księgi gości, newslettery, rejestrację użytkowników, a nawet obsługę gg i skype.

Główne zalety Joomli:

• gotowa i w pełni funkcjonalna strona www
• obsługa jest łatwa i wygodna
• na polecenie administratora tworzy przyjazne linki
• jest cały czas rozwijany
• ogromny wybór szablonów
• darmowy

Wady Joomli:

• wymaga dobrego serwera, jest dosyć ciężkim systemem
• za bardzo rozbudowany panel administracyjny, jeżeli chodzi o początkujących
• Panel administracyjny często wywala błędy
• Dla początkujących jest dosyć niezrozumiały

ModX CMF – ModX to system dla profesjonalistów, podobnie jak TYPO3 wymaga dużej wiedzy programistycznej. Dzięki temu systemowi możemy tworzyć nawet aplikacje intranetowe, mamy możliwość ingerować w jego kod źródłówy i sami go rozwijać. System posiada bardzo intuicyjny interfejs. Każda podstrona może być odrębnym elementem. Tu nie jest tak jak w wodpressie, że wszystkie podstrony oparte są na tym samym szablonie. W ModX ty wszystkim zarządzasz, ale musisz mieć ogromną wiedze.

Zalety Modx’a:

• wsparcie WEB 2.0
• moduł zdarzeń
• wsparcie dla standardów sieciowych
• bardzo łatwe redagowanie tekstów za pomocą edytorów tekstu
• CSS Menu Builder
• 100%-owa kontrola nad meta-tagami każdej z podstron
• kapitalne tworzenie przyjaznych adresów URL
• Obsługa błędów i parsowanie dokumentów
• obsługa niestandardowych dokumentów (PDF, XML, Excel)

Wady ModX’a:

• brak zainteresowania polską społecznością

Myślę, że teraz każdy wie, jaki CMS będzie spełniał jego wymagania. Dla początkujących osobiście proponuję WordPress’a, dla nieco wymagających Joomlę, a dla profesjonalistów i zapaleńców ModX to konieczność i nowe doświadczenie.

Pozdrawiamy

Zespół ArtSEO

Dziękujemy i pozdrawiamy

Grupa ArtSEO