Internetowy potworek

8 Feb 2008; Maksymus007

Klikając tu i ówdzie zawędrowałem do strony łódzkiej autoszkoły o wdzięcznej nazwie Extreme. Uznałem, iż nada się ona do nowego działu jaki postanowiłem tu utworzyć - internetowe potworki. Nie chodzi mi tu o naśmiewanie się z ludzi, którzy zaczynają, którzy mogą nie wiedzieć (aż dziwne że ja to pisze, nie?) - chodzi mi o serwisy profesjonalne, mające być profesjonalne lub wykonane przez profesjonalistów. Zaczynamy więc!

Pierwsze spotkanie po prostu odrzuca od monitora. Strona jest brzydka, dobór czcionek i kolorów wraz z brzoskwiniowym menu oraz świecącymi bannerami dopełnia całości kompozycji. Przyglądamy się jeszcze górnemu bannerowi pełniącemu funkcje loga - piękna kompozycja, dwa prostokąty, gradient oraz dwa kiepsko wycięte z tła obiekty. Użyty soft? Oczywiście, Adobe Photoshop CS2. Menu w IE7Dalej próbujemy bawić się z menu. I to zależnie od przeglądarki - na IE część bloków otacza się nie wiadomo czemu jakąś ramką i nie wiadomo z jakiego powodu dwie czy trzy pozycje na raz. W Firefoksie zamiast wzorku pomiędzy blokami pojawia czarna przerwa. W Operze jest wszystko OK…

Na przeglądarkach które blokują dostęp bezpośredni do Flasha (Opera, IE7) by zaczać korzystać z jakiejś kontrolki trzeba ją najpierw kliknąć. W efekcie parę pozycji trzeba klikać dwukrotnie.

Z różnic dalej (tabelka, bo chce się pobawić trochę Windows Live Writerem)

Element IE 7 FF 2 Opera 9.25
Ramka strony Pomarańczowa, pojedyńcza Zółto-pomarańczowa,z dodatkową ramką wewnętrzną Jak w FF, ale w pełni biała
Podstrona "Dlaczego My" linki AUTOS Kolor: brzoskwinka Kolor: brzoskwinka Kolor: niebieski
Ramka w "Cennik" Ramka cennika w IE Ramka cennika w FF Ramka cennika w Operze

Oglądanie kodu nie ma nawet większego sensu..strona XHTML (sic!) oparta na tabelkach (sic!), z podwójnymi tagami meta (sic!), ze stylami poza sekcją <head> (sic!), ze wszystkimi polskimi znakami zapisanymi jako encje (sic!), zresztą 138 błędów walidacji W3C mówi samo za siebie - tak jak 1 error i 39 warningów z Tidy HTMLa.

I wszystko możnaby jakoś zrozumieć, że dawno robione (logo datowane jest na marzec 2007) (sic!), że robił znajomy znajomego który ma 13 lat… i tu trafiamy na mały albo duży, w zalezności od strony na której się znajdujemy link pt. "Projektowanie Stron WWW". Prowadzi on do strony autora.

JESTEM ABSOLWENTEM INFORMATYKI NA WYDZIALE FIZYKI TECHNICZNEJ, INFORMATYKI I MATEMATYKI STOSOWANIEJ POLITECHNIKI ŁÓDZKIEJ ZAJMUJE SIĘ PROJEKTOWNIEM, TWORZENIEM I ADMINISTRACJĄ STRON I SERWISÓW INTERNETOWYCH. STRONA Z KTÓREJ TRAFIŁEŚ TUTAJ ZOSTAŁA STWORZONA PRZEZE MNIE.

Conajciekawsze fragmenty pozwoliłem sobie poprawić… Problemy tej "strony" dokładnie te same co strony Extreme.

Mam nadzieję, że to ponury żart, inaczej będę musiał zmienić zdanie o FTIMSie na PŁ…

Panie Jarku, wstyd!


14 odpowiedzi na “Internetowy potworek”

  1. Ależ ty mimo wszystko jesteś naiwny ;P
    Skończył studia na ten temat to nie znaczy że ma coś na ten temat wiedzieć ja mam na roku kolesia który uczy się na dzień przed, przed egzaminem słowo w słowo cytuje książkę, a na nastepny dzień nie ma zielonego pojęcia na ten temat…
    Naucz się że papier to tylko papier i nie ważne czy jest z WSHE czy Politechniki Warszawskiej, albo Jagielońskiego kazde sito ma większe dziury przez które można się przecisnać :]

  2. Hash

    “Dalej próbujemy bawić się z menu. I to zależnie od przeglądarki - na IE część bloków otacza się niewiadomo czemu jakąś ramką i niewiadomo z jakiego powodu dwie czy trzy pozycje na raz.”

    Może ja to wyjaśnię, IE otacza specjalną ramką elementy flashowe, które uaktywniają się dopiero po kliknięciu na nie. Prawda jest taka, że menu na tej stronie składa się z paru animacji flashowych, każda po około 2-3-4 elementy. Stąd taki dziwny wygląd.

    PS: nie wiadomo pisze się osobno

  3. @Hash:
    co do ramki, to zacytuje sam siebie
    “Na przeglądarkach które blokują dostęp bezpośredni do Flasha (Opera, IE7) by zaczać korzystać z jakiejś kontrolki trzeba ją najpierw kliknąć”

    PS. Fakt, my bad..

  4. Hash

    @Maksymus007 - tak, ale problem ramek dotyczy także IE6, a on nie został opisany - opisałeś jedynie problem uaktywnienia animacji. Teraz już wiesz, co robi IE z animacjami flash: otacza je ramką i krzyczy “Aktywuj tego pacana!”

  5. Hash

    PS. W przeglądarkach, nie na przeglądarkach.

    PS2. Student informatyki nie musi umieć robić dobrych stron, prawda jest taka, że informatyka nie na tym się opiera, a ja osobiście uważam, że sam webdesigner informatykiem nie jest. Oczywiste jest, że sprzedawanie zielonego mleka nie jest zbyt profesjonalne, ale cieszmy się, że nie był to jednak 13-letni gówniarz, który uważa się za superekstrainformatyka.

  6. @Hash: ja wiem co robi IE z animacjami, i prawde mówiąc takie zachowanie mi się podoba. Traci ono sens gdy musze aktywować po 2-3 pozycje zamiast całego “na raz”

  7. Hash

    @Maksymus007 - przepraszam, z tekstu wynikało, że nie wiesz co to za ramka. Ale cóż, już nie ten mózg co kiedyś, teraz bardziej wyczulony jest na pseudoinformatyków, więc wybacz, jeśli się uczepiłem.

  8. @Hash - spoko, mogłem to jakoś jaśniej napisać. A na pseudoinformatyków wyczulonym trzeba być! ;)

  9. crunch

    ale tytuł strony autora .. jest the best :))

  10. heh, ze strony technicznej strony ocenial nie będe, ale wizualnie musze rpzyznać że jest brzydka… Styczność z nią miałem pierwszy raz jakies pol roku temu (od tamtej pory nic sie nie zmieniło, od poł roku zanoszą sie z zamiarem stworzenia nowej, ale coś im nie idzie), gdy zapisywałem sie do tejże szkoły. Powiem tak, poziom kursów na prawo jazdy kat. B, mają nieporównywalnie wyższy niż poziom wykonania tej strony :D

  11. kurde, amsło maślane mi wyszło…
    ze storny technicznej strony nie bede oceniał… ehh… no nic :P z góry przepraszam wszysktich ktorych to zaboli :)

  12. SRAM NA CIEBIE I TWOJEGO BLOGA !!! JESTEŚ ŻYWYM GÓWNEM ZASŁUGUJĄCYM TYLKO NA ROZDEPTANIE !!! (I tak jakoś ze 40 razy - przpis redakcji)

  13. hahahaha :D
    Maks, fajnych ludzi przyciągasz :D

  14. i to wszystko mówi specjalista który używa jakiegoś gotowego bloga + deklaracji transitional + zdjęcia osadza w tabelach ?
    S
    S
    I
    J
    :)

Skomentuj