rozz.pl rozz.pl rozz.pl rozz.pl rozz.pl
 
       

 

ROZZ.PL    · 
SZUKAJ    · 
INFORMACJE    · 
KONTAKT    · 
STRONY    · 




 





 
   user:

   pass:

 



 

Online od 01.10.2007.


Strona zoptymalizowana dla:

   



O stronie


Chcę w tym akapicie zamieścić kilka informacji, głównie technicznych, o powstawaniu tej strony i uwagach z tym związanymi.

Stronę napisałem w całości sam, z wykorzystaniem odpowiednich narzędzi, ale nie będąc z wykształcenia ani z zawodu informatykiem. Nie ma tu więc żadnej wypożyczonej grafiki, żadnego gotowego skryptu czy przerobionego systemu portalowego. Po prostu moja interpretacja zasad i sposobów tworzenia stron. Czas pracy szacuję na ok. 240 godzin, ale całość prac trwała łącznie ponad pół roku.

Kilka słów o narzędziach których używałem:
  • FontFX – stary program do tworzenia prostych elementów 3D – logo
  • Photoshop 7 – elementy graficzne i cięcie strony
  • Apache 2 – stronę tworzyłem i testowałem na domowym komputerze, więc konieczne było postawienie serwera – Apache doskonale współdział z Win2k i później Vistą, jedynie konfiguracja dla użytkownika przyzwyczajonego do intuicyjnych GUI była trudna do opanowania, ale raz przystosowana jest odporna nawet na zmianę systemu jako że jest przechowywana lokalnie
  • PHP 5 – najbardziej popularny język tworzenia zawartości dynamicznej po stronie serwera, bezproblemowo funkcjonujący pod windowsami, z wyjątkiem dość ciężkiej konfiguracji
  • MySQL 5 – i współpracująca z PHP baza danych, również bezproblemowo i tym razem z nieco mniejszym problemem z konfiguracją
  • phpMyAdmin 2 – najlepsze moim zdaniem narzędzie do zdalnego zarządzania bazą danych
  • Webuilder 2006 – jeden z edytorów kodu z którego korzystałem najwięcej, obok PHP Designer i Dreamweavera; wszystkie trzy mają istotne wady, m.in. nadmiar interakcji, niedostosowane skróty klawiaturowe, strony kodowe, itd., ale Webuilder wypadł z nich najlepiej. Tu chcę jeszcze powiedzieć wszystkim zawziętym fanom Notatnika, że edytowanie kodu w edytorach wizualnych nie jest lame, a ma za zadanie skrócić czas pisania strony i ułatwić analizę błędów. Jeśli jednak jakiś zagorzały programista woli namiętnie poszukiwać zgubionego nawiasu poprzez 100-kilowy plik txt, to oczywiście szanujemy go.
  • różne manuale – PHP, JS, CSS, specyfikacja HTML, itd.

Jako standard HTML przyjąłem XHTML 1.0 Transitional. XHTML 1.1 wydaje mi się jeszcze zbyt ciasny i wymagałby innego, węższego podejścia do kodu. Strona jest jak widać zwalidowana w W3C.
Trzymanie się standardu nie jest łatwym zadaniem jeśli jednocześnie chce się utrzymać prawidłowy wygląd strony w czołowych przeglądarkach. Żeby to osiągnąć musiałem kolejno rezygnować z kilku pierwotnych zamysłów, ponieważ przeglądarka Microsoftu jak wiadomo zrobi wszystko żeby wprowadzić jak najwięcej swoich interpretacji HTML, a jak najmniej tych standaryzowanych. Poniżej wymieniam pewne elementy które z punktu widzenia specyfikacji HTML są w MSIE interpretowane nieprawidłowo (włączając w to wersję 7 na której testowałem stronę), każdy z tych punktów wydłużyl czas pisania strony o kilka godzin. Strona w Mozilli i MSIE wygląda w zasadzie identycznie, za to nieco inaczej (i gorzej) wygląda w Operze, która miewa podobne problemy z interpretacją co Internet Explorer.
  • MSIE nie potrafi poprawnie zinterpretować niektórych plików które są zapisywane z tzw. BOM’em (byte order mark) – wstawia pustą linię, co często powoduje rozjechanie szkieletu grafiki
  • MSIE automatycznie otacza niektóre formularze dodatkowym break’iem, co też skutecznie może powodować rozjechanie grafiki; żeby utrzymać podobny wygląd w pozostałych przeglądarkach musiałem uzależnić fragmenty kodu od użytej przeglądarki
  • MSIE nawet w wersji 7 nie interpretuje prawidłowo jednego z najstarszych znaczników HTML – rowspan; rowspanowanie jest zawsze proporcjonalne, zwykle przeciwnie do intencji autora, a także niewrażliwe na height; żeby to obejść trzeba wprowadzać dodatkowe sztuczne elementy w spanowanej komórce
  • odczyt tła zbudowanego z powtarzalnego obrazka o bardzo małych rozmiarach powoduje w MSIE znaczne opóźnienie czasowe w wyświetlaniu strony i jej przewijaniu (lagowanie)
  • MSIE z pewnym opóźnieniem wyświetla zmianę koloru tła menu w zależności od ustawienia wskaźnika myszy, być może ma to związek z poprzednim punktem
  • w wielu przypadkach w ogóle nie jest uwzględniona interpretacja CSS, np. kolory borderu, style linii, itd.

Ostatnia rzecz dotycząca HTML o której chciałem wspomnieć to wybór między dwoma stosowanymi formatami tworzenia stron – tabelarycznym i opartym o CSS. Na samym początku zastanawiałem się czy nie spróbować nowego, elastycznego i innowacyjnego formatu opartego o CSS. Wymagałoby to na pewno znacznego wydłużenia pracy, ponieważ taki projekt byłby dla mnie nowy. Wciąż też niewiele stron jest opartych wyłącznie o format identyfikatorów CSS (przykładami może być nowy portal gazeta.pl oraz tvn24.pl), a starsze wersje przeglądarek mogą mieć jeszcze problemy z interpretacją takich stron. Pozostał więc ulubiony format wszystkich webmasterów – tabelaryczny, ze swoim błędnym rowspanowaniem w MSIE, nadmiernym zagnieżdżaniem tabel, gubieniem znaczników i niewielką elastycznością układu. A strona jak widać nie jest szczególnie skompikowana, więc układ CSS na pewno by się na niej sprawdził. Ale widocznie jeszcze musi poczekać na modę.

Co do PHP to tworzy ono w zasadzie prosty system portalowy, czyli podsystem newsów z komentarzami, wyszukiwanie, logowanie, panel administracyjny do zarządzania newsami i komentarzami i w zasadzie więcej tu nie ma do powiedzenia. Utworzyłem specjalnego użytkownika do przeglądania jak działa panel administracyjny, bez możliwości rzeczywistego wprowadzania zmian – jeśli ktoś miałby ochotę zajrzeć to można się zalogować jako test/test.



O Autorze


Autor, ur. 1979, jest kontrolerem finansowym polskiego oddziału koncernu przetwarzającego materiały piankowe dla przemysłu, będącego częścią amerykańskiej grupy kapitałowej.



 




PHP/SQL/HTML/CSS/JS/GFX/Tekst © 2007 by Rozz
Wszystkie prawa zastrzeżone. Żadna część tej strony nie może być publikowana bez zgody autora.

Valid XHTML 1.0 Transitional Poprawny CSS!