[www] [css] ocena autoskiego katalogu Opcje

[joka2]

Bardzo proszę o ocenę mojego autorskiego katalogu: 4oo.pl
Katalog działa od końca 2009 roku. Zbiera wpisy PR > 1.
Jak znajduję czas i chęci, to rozwijam kod, zmieniam.
Jest to moje, tak zwane "zaplecze edukacyjne", za pomocą którego uczę się mysqla i php.

Ciekawostka: dziś udało mi się wdrożyć przyjazne linki (IMG:style_emoticons/default/smile.gif)

Chciałbym się dowiedzieć, jaka jest Wasza opinia, drodzy Forumowicze,
dotycząca funkcjonalności, wyglądu itp. mojego katalogu.

Z góry dziękuję za konstruktywne opinie.
Marek

[Damonsson]

Grafika dno
Strona na tabelkach
Gdzie te friendly URL?
Funkcjonalność ok, walidacja jakaś jest, pod tym względem chyba najlepiej wypada strona.

[toaspzoo]

0-10
# Grafika: 0
# Pomysł: 3
# Przyszłość: 2


"<meta name="page-topic" content="Autorski, moderowany katalog stron www.">"
Dziękuję, moderowany

Ten post edytował toaspzoo 5.07.2011, 18:14:17

[joka2]

Dziękuję za szybką odpowiedź!

Bardzo lubię tabelki w przeciwieństwie do DIVów (IMG:style_emoticons/default/smile.gif)
Fakt, ciężki jest przez to kod, ale w czasach szybkiego netu...
Czytałem, na temat różnic, pomiędzy div = table i doszedłem do wniosku,
że każdy pisze w tym w czym lubi.

Friendly url:
Chodziło mi o zamiane:
domena.pl/index.php?tresc=cos&tresc2=cos2
na
doemna.pl/tresc/cos/cos2/
Co się będzie pojawiać, w miejsce cos i cos2, jeszcze nie zdecydowałem.

To teraz zaangażuję się bardziej w kierunku layoutu.

Co sądzicie o topie przez całą szerokość?
Menu z lewej strony. Od topu do stopki.
Content w środek.
Stopka przez całą szerokość.

[SQL] pobierz, plaintext 
-------------------------------------------
                       TOP
-------------------------------------------
    | menu     |          contetnt
    |          |                                        
    |          |                                        
    |          |                                        
-------------------------------------------
                    STOPKA
-------------------------------------------
[SQL] pobierz, plaintext 

w tle delikatny gradient, kierunek w dół.

Marek

[toaspzoo]

Stron się nie robi w 100% szerokości ekranu użytkownika tylko na ~ 1000px (996px), aby ładnie wyglądało i nie rozciągało

[joka2]

Dziękuję, moderowany

Tak, moderowany.

[pyro]

Bardzo lubię tabelki w przeciwieństwie do DIVów (IMG:style_emoticons/default/smile.gif)
Fakt, ciężki jest przez to kod, ale w czasach szybkiego netu...
Czytałem, na temat różnic, pomiędzy div = table i doszedłem do wniosku,
że każdy pisze w tym w czym lubi.

Jakbyś rzeczywiście czytał, to byś do takiego wniosku nie doszedł.

Tej czcionki na stronie się w ogóle niestety nie da przeczytać, bo jak ktoś ma dosyć rozsjaśniony ekran (tak jak ja) to oczy bolą.

Z grafiką też niestety nie za bardzo.

Ten post edytował pyro 5.07.2011, 18:25:20

[joka2]

Stron się nie robi w 100% szerokości ekranu użytkownika tylko na ~ 1000px (996px), aby ładnie wyglądało i nie rozciągało

Dziękuję za info.

Czytałem także o równowadze w rozłożeniu elementów na stronie.
Jest chyba na to wzór, jak mnie pamięć nie myli... (prośba o link do źródła)

Lubię proste kreski w przeciwieństwie do krzywych linii. Tego będę się trzymać.
Kolory na razie zostawię takie, jakie są. A może troszkę ciemniejsze czcionki?

Co sądzicie?
Marek

Tej czcionki na stronie się w ogóle niestety nie da przeczytać, bo jak ktoś ma dosyć rozsjaśniony ekran (tak jak ja) to oczy bolą.

Zmienię na ciemniejszą.

Layout gotowy!
4oo.pl
Poprzedni:
(IMG:http://4oo.pl/img/4oo_poprzednio.jpg)
Obecny:
(IMG:http://4oo.pl/img/4oo_teraz.jpg)
Proszę o opinie.
Marek

Jakbyś rzeczywiście czytał, to byś do takiego wniosku nie doszedł.

No właśnie czytałem, a także kilka razy "podchodziłem" do DIVów.
Niestety, zawsze problemy z kompatybilnością.
Oczywiście są tricki na obejście i dostosowanie do Opery, Chrome, FF oraz IE...

Po prostu korzystam ze sprawdzonego przeze mnie sposobu. Najważniejsze, że działa.
Każdy robi w tym, w czym lubi (IMG:style_emoticons/default/smile.gif)

Uważam SUBtemat "DIVy czy TABLE" za zamknięty.

[O$iek]

Jak się tworzy słaby kod to i są problemy z kompatybilnością. Nie wspomnę już o tym, że skoro to katalog stron to jest beznadziejnie linkowany - linki tylko z jednej domeny.

[luckyps]

Wg mnie nowy layout jest gorszy od poprzedniego... Poprzedni przy tym jest sporo lepszy pomijajac kolor czcionki (IMG:style_emoticons/default/wink.gif) Ale to tylko moja subiektywna opinia.

[joka2]

Jak się tworzy słaby kod to i są problemy z kompatybilnością.

Nie rozumiem Cię. Przecież nie ujawniałem kodu źródłowego. Możesz rozwinąć swoją myśl?
Strona jest kompatybilna. Sprawdzałem na kilku przeglądarkach (IE, FF, Opera).

[ShadowD]

Chodziło mu o "Twoje div'y" które ponoć mają problemy z przeglądarkami, zdziwię Cie, ale pisze w xhml'u 1.0 stric i nie widzę problemów, jedyne co się szarpie to ie6, bo 7'demka wygląda całkiem dobrze, jak nie bardzo - wszystko zależy jak bardzo trzymasz się standardów i najczęściej im bardziej znaczy tak samo wszędzie.

Rób co chcesz, ale skoro to katalog, a różnica pomiędzy seo w table/div jest znacząca (z tego co ja wiem) więc głupotą jest zostawać na tabelach które są oporne, a przebudowanie strony zwykle znaczy pisanie od nowa, a nawet jeśli nie to znaczy nie mniej niż dodanie kolejnej tabeli.

[joka2]

Wg mnie nowy layout jest gorszy od poprzedniego... Poprzedni przy tym jest sporo lepszy pomijając kolor czcionki (IMG:style_emoticons/default/wink.gif) Ale to tylko moja subiektywna opinia.

Zgodzę się z Tobą. Ten layout jest w wersji 1 (IMG:style_emoticons/default/smile.gif) Zaraz będę dłubać kolejny.
Wcześniejsza wersja została oceniona przez toaspzoo na:
0-10
# Grafika: 0
# Pomysł: 3
# Przyszłość: 2

Natomiast według porady toaspzoo rozszerzyłem stronę na 996 pikseli.
Teraz taka, jakaś większa misie wydaje. Przejrzysta?

Jak narysować lekki layout?
Znów czeka mnie dłubanie w kodzie (IMG:style_emoticons/default/smile.gif)

A może ktoś z Was poleci mi sposób na szybką podmianę layoutu.
W tym projekcie grafika jest zintegrowana ze skryptem, co mnie delikatnie drażni.
Znacie i chcielibyście się podzielić wiedzą na temat tworzenia szablonów? Tak, wiem wujek G...

wszystko zależy jak bardzo trzymasz się standardów

Kiedyś skanowałem kod pod kątem błędów. Obecnie moje strony ma się poprawnie wyświetlać. Tylko tego się trzymam.

Rób co chcesz, ale skoro to katalog, a różnica pomiędzy seo w table/div jest znacząca (z tego co ja wiem) więc głupotą jest zostawać na tabelach

Szukam różnic pomiędzy div, a table w pozycjonowaniu.

... na tabelach które są oporne, a przebudowanie strony zwykle znaczy pisanie od nowa, a nawet jeśli nie to znaczy nie mniej niż dodanie kolejnej tabeli.

Tu się z Tobą zgodzę. Ale... jak ktoś, tak jak ja, bawi się amatorsko stronkami, a zaczynałem około 10 lat temu, gdzie były tylko tabele, to mimo chęci ciężko mi jest ujarzmić div. W tabelkach trzaskam z zamkniętymi oczami pisząc kod w notatniku2.

Postanowione!
Kolejny layout 4oo.pl w DIVach!

[Daiquiri]

Stron się nie robi w 100% szerokości ekranu użytkownika tylko na ~ 1000px (996px), aby ładnie wyglądało i nie rozciągało

Się nie robi, znaczy kto nie robi? A forum to na ile masz? Istotne jest, żeby zachować marginesy. Jeżeli strona ma dużo bloków, zawartości, to dlaczego nie mamy wykorzystać maksymalnej (dla danego użytkownika) ilości pikseli?

Layout trzeba przemyśleć na starcie, nie od strony graficznej tylko układu. Zastanowić się, gdzie mają znaleźć się poszczególne porcje danych. Po co Ci taki kosmicznie wysoki nagłówek, skoro i tak nic w nim nie ma? Co jest ważniejsze dla użytkownika, wielka informacja katalog 400 czy zawartość katalogu? Ponadto polecam przyłożyć się do projektowania, a nie robić na szybko i wrzucać do oceny, bo to nie ma sensu.

Z tymi tabelkami, to pojechałeś Waść. W Twoim przypadku nie jest to decyzja świadoma, tylko brak umiejętności (IMG:style_emoticons/default/smile.gif) . Powodzenia w dalszej pracy!

[joka2]

Szukam różnic pomiędzy div, a table w pozycjonowaniu.

Kilka na DIV znalazlem:
1.

[PHP] pobierz, plaintext 
<table><tr><td></td></tr></table>
[PHP] pobierz, plaintext 

2.
"Przy pomocy divów możemy uniezależnić pozycję elementu na stronie i w kodzie. Możemy np. stopkę z linkami mieć na samej górze kodu a na stronie będzie nadal stopką moim zdaniem ma to znaczenie przy seo." Źródło

Na TABLE też coś jest:
1.
"Tabele się renderują lepiej na starym badziewiu w stylu IE5, IE6, etc. Bo większość błędów w tych przeglądarkach dotyczy interpretacji CSS a nie modelu tabel, więc strona napisana na tabeli będzie "jakoś tak sobie" działać na każdej przeglądarce. Na CSS już nie. Będzie działać dobrze tylko na nowszych. Tzn. nie takich które jak IE5/6 mają 7-10 lat na karku. IE6 ma na przykład taki ciekawy błąd, że jeśli nie określisz szerokości DIV-a to się może gubić tekst na stronie przy bardziej skomplikowanym layoucie. Z tabelami nigdy nie będzie takich problemów." Źródło

Spróbuję po raz kolejny w DIVach (IMG:style_emoticons/default/smile.gif)

Layout trzeba przemyśleć na starcie, nie od strony graficznej tylko układu. Zastanowić się, gdzie mają znaleźć się poszczególne porcje danych. Po co Ci taki kosmicznie wysoki nagłówek, skoro i tak nic w nim nie ma? Co jest ważniejsze dla użytkownika, wielka informacja katalog 400 czy zawartość katalogu?

Katalog został zaprojektowany tak, aby u góry znajdowało się logo, następnie główne linki, później kategorie i najważniejsze: wyniki zapytania. Na koniec pozostało losowanko 2 stron z katalogu i stopka. Miałem taki zamysł, aby zrezygnować z lewego/prawego menu, aby dane z bazy w całej szerokości mogły wyświetlić się na stronie.

Top według mnie nie jest za wysoki. Moja rozdzielczość ekranu roboczego to 1280x1024
Przy rozdzielczości 1024x768 widać top, menu oraz kategorie.

Ponadto polecam przyłożyć się do projektowania, a nie robić na szybko i wrzucać do oceny, bo to nie ma sensu.

Przyznaję, że layout napisany w kilka godzin. Dziękuję za porady.
Marek

Wersja 2:
(IMG:http://4oo.pl/img/layout4oo_v2.jpg)
Czy coś, według Was przesunąć, a może poprawić kolorystykę?

Prośba o opinie.
Marek

[toaspzoo]

Jeszcze gorzej - porażka!
Nie bierz się za tworzenie layotów, a na pewno nie nazywaj ich mianem swoich niesamowitych "dzieł" sztuki !
Moderowany, poważny katalog ? a te dziecinne napisy ?

Wersja druga: ok
Jestem tylko ciekaw skąd ściągnąłeś/zgapiłeś styl, ale mniejsza o to

Ten post edytował toaspzoo 6.07.2011, 19:01:25

[joka2]

Jeszcze gorzej - porażka!
Nie bierz się za tworzenie layotów, a na pewno nie nazywaj ich mianem swoich niesamowitych "dzieł" sztuki !
Moderowany, poważny katalog ? a te dziecinne napisy ?

Wersja druga: ok
Jestem tylko ciekaw skąd ściągnąłeś/zgapiłeś styl, ale mniejsza o to

Nie jestem pewien, czy odpowiadać na ten komentarz.
A jednak.

Nigdy nie napisałem i tak nie myślę aby moja praca była dziełami sztuki...
"..dziecinne napisy..." Sugerujesz się pierwszą wersją layouta, niepotrzebnie już jest 2 wersja. Właśnie koduję.

Styl ściągnąłem z... głowy (IMG:style_emoticons/default/smile.gif)

[Daiquiri]

@toaspzoo
Wyluzuj nieco, co? "Zgapiłeś styl", no proszę Cię.

joka2, a może tym razem poświęć 10 x tyle czasu co zwykle? Chociaż, pomijając grafikę, w układzie idziesz raczej do przodu (IMG:style_emoticons/default/smile.gif) .

[joka2]

joka2, a może tym razem poświęć 10 x tyle czasu co zwykle? Chociaż, pomijając grafikę, w układzie idziesz raczej do przodu (IMG:style_emoticons/default/smile.gif) .

Jakoś nie wyobrażam sobie 20h nad 1 layoutem. Chociaż nie! Jak się rozłoży pracę na kilka dni, to tak będzie.
A weź to jeszcze zakoduj...
To tu coś dołożę, to tu coś poprawię... takie dopieszczanie to rozumiem.

A może pobawię się krzywymi. W corelu coś podłubię.

W ogóle to szukam inspiracji.
Przeglądam moją bibliotekę, około 50 tysięcy zdjęć, ale nic mi nie wpada w oko.
Przeglądałem też darmowe szablony stron, ale to większość porażka...

Chyba coś wygeneruję, zmiksuję poziomy pozmieniam kolory i wtopie w to txt.


Ktoś napisał po co mi wielki TOP, ale jak patrzę na szablony stron, to nie widzę, aby miały mały top, wręcz przeciwnie: hiuuudz...

[toaspzoo]

Wylozuwowywanie mode: on

Drugi styl jest zajebisty (IMG:style_emoticons/default/wink.gif)