|
Tytuł: tomasztracz.pl Wiadomość wysłana przez: t0m3k__ on 20.07.2008, 23:34:13 Witam, niedawno napisałem swoją pierwszą stronkę :) Teraz chciałbym aby osoby bardziej zaznajomione z tematem ją obejrzały oraz doradziły co jest źle i jak mogłoby być to lepiej :)
www.tomasztracz.pl Nie zwracajcie uwagi na logo jeśli Was drażni. Aktualnie ma jedynie zwracać uwagę, będzie poprawione. W Gimpie do tej pory jedynie obrabiałem zdjęcia i jak wspomniałem to moja pierwsza strona dlatego proszę o podejście do tematu oceny z przymrużonym okiem. Po prostu chcę wiedzieć co jest źle i co mogłoby być lepiej. P.S. Strona pisana w xHTML 1.0 i CSS 2.1, Internet Explorer nie obsługuje poprawnie tych standardów dlatego osoby używające tej przeglądarki proszeni są o nie komentowanie wyglądu. Nie bd pisał dwóch wersji strony, jednej dla IE a drugiej dla reszty przeglądarek, nie zamierzam dodawać sobie roboty z powodu ignorancji Microsoftu, ignoruję Microsoft. To moje zdanie w moim temacie. Pozdrawiam Tytuł: Odp: tomasztracz.pl Wiadomość wysłana przez: Piotreek on 20.07.2008, 23:39:44 Nie jest najgorsza. Obramówka mogłaby być bardziej efektowna i nie taka gruba. Top mi się podoba ;>. I w zasadzie to tyle.
Tytuł: Odp: tomasztracz.pl Wiadomość wysłana przez: karmazynka on 21.07.2008, 00:08:31 "Tworząc stronę powinno się ją testować na wielu przeglądarkach, chyba, że ktoś chce zostać webmajstrem, a nie webmasterem."
Powtarzam to zdanie, ponieważ powinno być sztandarowym cytatem każdego młodego webmastera. Rozumiem - wygodniej jest tworzyć dla FF / Opery. Tak się jednak składa, że prawie połowa użytkowników internetu to niebieskie E i też trzeba wziąć pod uwagę to (nie mówiąc już o tekstówkach czy userach 'opery mini'). Co więcej, przy odrobinie większym wysiłku można zrobić poprawnie działającą stronę także na IE. Problem w tym, że na razie nie ma sensu bawić się tym skoro layout w nie najlepszym stanie. Pooglądaj różne portfolia (wpisz do google 'portfolio layout' (dziwnym trafem 4pr ma moja bitwa na lay ;-)), zobacz, z czego są zbudowane, co muszą zawierać. Potem możemy zająć się gładzeniem kodu dla IE. Tytuł: Odp: tomasztracz.pl Wiadomość wysłana przez: t0m3k__ on 21.07.2008, 00:51:12 1. Nie mam IE w domu.
2. Ktoś mi powie, że jestem webmajstrem bo nie optymalizuję pod IE to ja mu powiem, że jest kiep bo tak mi się podoba. 3. Prawie połowa? Więc prawie połowa użytkowników internetu dla mnie nie istnieje. 4. Testuję na Firefoksie, Operze i w3m (sic!). To do pierwszej części. Co do drugiej to wczoraj zwiedziłem z pół internetu w celu odnalezienia motywacji. Może i jakąś wizję miałem ale upadła po tym jak uruchomiłem Gimpa. Postanowiłem zrobić najprościej jak się da. Jutro przewertuję to forum bo jak na razie używałem jedynie technik znanych mi z obróbki zdjęć. Ale szczerze to wątpię by miało mi wyjść coś dużo lepszego od tego co jest ale postaram się. Oglądałem też Twoje prace, musiałbym z dwa lata przy tym posiedzieć aby mi coś takiego wyszło. A nie mam na to czasu :D Reasumując: popracuję nad wyglądem ale efekciarski to on nigdy nie będzie. Prosty i surowy :] EDIT: A jednak to nie takie trudne. Spróbowałem swoich sił w Gimpie z jednym z tutków do PSa i wyszło mi [liNK NIEAKTUALNY] w 15 minut. Jutro zrobię coś lepszego 8-) Tylko nie do końca jestem pewien jak to skleić. Chodzi o to, że nie wiem jak to powinno wyglądać w przeglądarce. Strona 800x600 i białe tło? To odpada, wysokość strony musi być giętka chyba, że tekst bd w JPGu dodawał... Czyli 800 na co najmniej 600... Ehh, dzisiaj już nic nie wymyślę. Dotychczasowa strona była zbudowana z 4 pngów (top, tło, bottom, spis treści), loga i treści i z tylu divów można było zbudować całą stronę, teraz znowu nie mam pojęcia jak to pociąć. Tzn, wiem w jaki sposób ale nie wiem na ile części... Gdyby ktoś miał ochotę wytłumaczyć to byłbym wdzięczny. Najlepiej na Jabberze (Gadu-Gadu nie mam, nie pytajcie czemu :D ). Pozdrawiam Tytuł: Odp: tomasztracz.pl Wiadomość wysłana przez: pavlo147 on 21.07.2008, 11:52:13 zacznij od nowa :) porysuj najpierw na kartce.. pooglądaj inne szablony z twojej kategorii i wtedy działaj :)
Tytuł: Odp: tomasztracz.pl Wiadomość wysłana przez: t0m3k__ on 21.07.2008, 12:12:54 Zacząłem od nowa. www.tomasztracz.pl/
Czy to po poprawkach by się Waszym zdaniem nadało? Przypominam, że ma być skromnie i surowo. Co jest dobrze a co źle? Czy zacząć od nowa z nowym pomysłem? :D EDIT: Te żółte napisy to mają być linki po najechaniu :) Normalnie bd szare :) Tytuł: Odp: tomasztracz.pl Wiadomość wysłana przez: Zdybek on 21.07.2008, 14:15:29 Nie oceniam, bo się nie znam. Ale spróbuj zmiękczyć narożniki bo widać pojedyncze piksele.
Tytuł: Odp: tomasztracz.pl Wiadomość wysłana przez: t0m3k__ on 21.07.2008, 14:33:21 Wiem, trochę się z tym pobawiłem.
Wersja testowa. Sugestie mile widziane Wersja końcowa: www.tomasztracz.pl Tytuł: Odp: tomasztracz.pl Wiadomość wysłana przez: oxygenium79 on 22.07.2008, 10:30:35 Stronka bardzo ładna, ale muszę ponarzekać - u mnie nie działa w IE6... w ogóle.
Nie, nie jestem fanem IE, nienawidzę go i nienawidzę sytuacji, w której masa ludzi nadal go używa, i że muszę projektowane strony do niego dopasowywać i tracić na to czas. Ale takie jest życie. Albo robisz coś porządnie, albo nie rób tego wcale... Perfection or Vanity :-) (jest taki blog fajny zresztą, wygooglaj, wiele się z niego nauczyłem...) Albo przynajmniej zrób tak, żeby użytkownikom IE wyświetlił się napis, co o nich myślisz i żeby zmienili przeglądarkę :-D Bez problemu da się zrobić wszystko tak, żeby wyglądało dobrze nawet w IE6, nawet przezroczyste menu i inne bajery, zgodnie ze standardami, czego dowodem jest mnóstwo istniejących takich stron w necie (m.in. moja) tylko trzeba umieć i chcieć, więc żadne tłumaczenie nie jest dobre. Kolejny minus - nie przetłumaczyłeś napisów w Lightboxie, a to też żaden problem (chyba że też tak wolisz). Ale żeby nie było - stronka całkiem bardzo ładna :-) Jak się podszkolisz w stronie technicznej i zrobisz ją tak, żeby wyglądała identycznie od IE6 do FF3 czy najnowszej Opery, to będzie git. Tytuł: Odp: tomasztracz.pl Wiadomość wysłana przez: t0m3k__ on 22.07.2008, 13:32:07 Napis z info, że strona pod IE nie działa nie wyświetla się? Mógłby ktoś to sprawdzić?
Jak już wspomniałem nie mam IE w domu i nie bd go miał, jego licencja uniemożliwia instalację go na moim PC. Musiałbym Windowsa zainstalować a tego robił nie będę. Z tych powodów nie ma szans na testowanie strony pod IE. LightBoxa spolszczyłem ale zapomniałem wgrać polską wersję na serwer, już zrobione. Tytuł: Odp: tomasztracz.pl Wiadomość wysłana przez: pavlo147 on 22.07.2008, 17:03:47 a ja mam takie coś :)
Błąd 404/Error 404 Strona której adres wpisałeś nie została znaleziona. The page you have entered wasn't found. Tytuł: Odp: tomasztracz.pl Wiadomość wysłana przez: karmazynka on 22.07.2008, 23:10:31 Rozumiem Twoją frustrację, ale jeśli klient będzie miał akurat niebieskie E na komputerze i zobaczy stronę to ucieknie czym prędzej. Możesz iść na intuicję i wykluczyć część 'groźnych' atrybutów poprzez sprawdzenie ich obecności w przeglądarce( http://www.webdevout.net/ ). Kiedyś znalazłam też stronę do sprawdzania witryn pod różnymi przeglądarkami; niestety, bardzo wolno działa przy dużej ilości screenów zgłoszonych do wykonania ( http://browsershots.org/ ). A jeśli już koniecznie nie chcesz nic zrobić to chociaż wystaw wersję tekstową dla IE - dla mnie bomba jeśli chodzi o manifest przeciwko tej przeglądarce ;-)
P.S. Zmień czcionkę - szeryfowa niezbyt ładnie wygląda na tej stronie. Tytuł: Odp: tomasztracz.pl Wiadomość wysłana przez: t0m3k__ on 23.07.2008, 11:44:36 Dzięki za te linki. Dzisiaj biorę się do roboty :)
Zobaczę co wyjdzie.... :) http://browsershots.org/http://www.tomasztracz.pl/ GłupIE Tytuł: Odp: tomasztracz.pl Wiadomość wysłana przez: oxygenium79 on 23.07.2008, 22:32:07 Możesz też podejrzeć moją:
http://www.terajewicz.livenet.pl/ (jeszcze nie jest gotowa, więc jeszcze się nią nie chwalę) Jak widać, nie ma problemu z tym, żeby wyglądała tak samo w IE6 i FF3 na przykład. Tak, wiem, pola formularza kontaktowego jeszcze wyglądają inaczej w IE6, walczę z tym :-) Ale przezroczyste menu czy sposób prezentacji galerii fotek - jak najbardziej działa (jeśli u kogoś nie działa, to chętnie posłucham). No ale sedno jest takie: nawet jeśli nie wygląda identycznie, to na pewno da się oglądać pod IE :-) Nikt normalny nie zwróci uwagi, że guzik zamykania zdjęcia pod FF się animuje, a pod IE6 nie... Ciekawostka: do przezroczystego menu nie ma ani kawałka JS, czyściutki CSS - jak widać IE6 nie ma z tym problemu... (fotogalerie to oczywiście już kombinacja CSS i JS). Reasumując - zachęcam do zmuszenia działania własnej stronki pod IE6, nawet jeśli się nie da w 100% identycznie. A powód jest prosty: z tego co wiem nadal ok. 1/4 internautów używa IE6... (a druga 1/4 IE7). Na szczęście IE5.5 możemy już olewać :-D Tytuł: Odp: tomasztracz.pl Wiadomość wysłana przez: gszesiek on 23.07.2008, 23:15:14 co do menu, to wydaje mi się, że lepiej by było, gdyby link był linkiem, a odbicie tylko odbiciem
Tytuł: Odp: tomasztracz.pl Wiadomość wysłana przez: t0m3k__ on 24.07.2008, 12:17:48 http://png.browsershots.org/46e07475480347744c2bdba3bfa3c831.png
Mam problem z bannerami na dole. Są widzialne tylko jak dam Kod: display: inline-block; Aaa, dla IE robię osobną stronę ze wszystkim. Będzie przekierowywało. Czy ktoś z IE może powiedzieć czy przekierowywanie działa? :) Tytuł: Odp: tomasztracz.pl Wiadomość wysłana przez: oxygenium79 on 25.07.2008, 05:51:34 Zainstaluj VirtualBox, a pod nim WinXP z IE6 - i nie będziesz musiał pytać :-)
Przy okazji - udało mi się na mojej stronce zmusić IE6 do wyświetlania przezroczystego tła w polach tekstowych, znalazłem takie rozwiązanie w sieci, może komuś się przyda: background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/menu_hover.png', sizingMethod='scale'); A jeśli ta stronka do testowania, co ją podałeś, nie kłamie, to to działa nawet pod IE5.5 (jeszcze sprawdzę IE4.0 z ciekawości). Tytuł: Odp: tomasztracz.pl Wiadomość wysłana przez: t0m3k__ on 08.08.2008, 00:40:35 Załadowałem tam wordpressa i mam spokój :D
Na blogu umieściłem krótki teścik (http://www.tomasztracz.pl/blog/archives/48) gimpa 2.5.2 :D A temat do zamknięcia ;] |