Problemy z robieniem ładnych stron WWW

Ostatnio zastanawiałem się trochę nad elementami, jakie wpływają na wizualny aspekt strony WWW, oraz z możliwościami ustalania ich wyglądu. Zasadniczo mamy do czynienia z pięcioma kategoriami:

1. Tekst
2. Grafika rastrowa
3. Grafika SVG
4. Proste obiekty CSS
5. Osadzone obiekty multimedialne.


Kolor można przypisać właściwie wszystkim elementom. (W przypakdu obiektów multimedialnych występują dodatkowę komplikację, o których jeszcze wspomnę.) Największym problemem jest jednak ustalanie wymiarów.

Ustalenie wielkości samego tekstu powinno być proste. Najelpiej jest bowiem zdać sie na indywidualne preferencje danej osoby. Dla jednej osoby mały font będzie wyglądał tak samo dobrze, jak duży font dla innej.

Problem pojawia się jednak, gdy do gry wchodzi grafika rastrowa. Niestety, jeśli ta grafika ma spełniać dekoracyjne funkcje, jej wielkość musi być dobrana do wielkości tekstu. Zasadniczo można ją przeskalować, ale ten typ grafiki bardzo nie lubi owego skalowania. Aby wykluczyć skalowanie i zapewnić dobranie jej wielkości do tekstu należy grafikę rastrową i tekst określić w jednostkach px. Czyli rezygnujemy ze spersonalizowanych ustawień odbiorców końcowych. W pewnych okolicznościach można zapewnić dobry wygląd grafiki rastrowej dla dość szerokiego zakresu wielkości tekstu i nie odwoływać się do procesu skalowania, ale tylko w pewnych okolicznościach.

Teoretycznie grafika SVG powinna rozwiązać problem. Jest to grafika wektorowa, więc nie ma problemów ze skalowaniem. Niestety najnowsze przeglądarki mogą ją stosować w dość ograniczonym zakresie. W przypadku przeglądarki Microsoftu pojawia się jeszcze kilka innych problemów. Można jednak postarać się wymyślić jakieś rozwiązanie.

Część efektów graficznych można jednak uzyskać za pomocą czystego CSS. Zasadniczo można bawić się różnokolorowymi, prostokątnymi pudełkami. Owe pudełka są obiektami wektorowymi, więc można je sobie swobodnie skalować. Pewnym problemem może być bardzo cienkie obramowanie pudełka, które należy wykonać w px, ale nie stanowi to większego problemu. Niestety bardziej atrakcyjne możliwości CSS są w bardzo wstępnej fazie implementacji i w wielu przeglądarkach nie działają, więc pozostają tylko ciekawostkami.

Na koniec zostawiłem osadzone obiekty multimedialne. (Dla części przeglądarek do owych obiektów zalicza się też grafika SVG.) Pierwszym problemem są pluginy, które muszą być zainstalowane i aktywne, aby dany obiekt został wyświetlony. Wypadałoby więc ograniczyć ich stosowanie tylko do skrajnych wypadków. Jeśli zaś chodzi o ustalanie wymiarów, zależy to od konkretnej treści, jaka została osadzona. Obiekty Flash, podobnie jak SVG, są wektorowe, więc mogą być określane swobodnie. Ogólnie rzecz biorąc, może być z tym bardzo różnie.

Czyli w podsumowaniu mogę napisać, że albo stosuje się dość ascetyczną grafikę, albo określa się wszystko na sztywno i ignoruje spersonalizowane ustawienia. W ostateczności można dorobić dodatkowe ustawienia obecne na samej stronie (skórkę). Wypada też pamiętać, że mały tekst czyta się mało wygodnie. Jeśli już określać jego rozmiar, dopiero 16px powinno być akceptowalne.


Polecamy serwisy:
Ciekawe www:
komputery
Gwiadzy pop
Bizes newss
Motory samochody
Cezak
Stoke on Trent
Rzorywka

Strona głowna serwisu

Artykuły:

Postęp w świecie www
Bojkot standardów w sieci
Wyszukiwarka w MSIE7
Przeglądarka www Opera
Windowsowa ewolucja
GNU w relacji z Linuksem
Onet i Opera - jak wrogowie
Filmy na stronie www
Moje boje z CSS
Przyjazna strona www

Pojęcia ogólne:

Język serwerowy PHP
Standardowy język HTML
Kaskadowe arkusze stylów CSS

Inne:


 


(c) 2008 www.edious.lua.pl
Wszystkie prawa zastrzeżone! Kopiowanie serwisu, jak i jego fragmentów zabronione!