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

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

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

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


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

Dziękuję za szybką odpowiedź!

Bardzo lubię tabelki w przeciwieństwie do DIVów
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

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

Tak, moderowany.

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.

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


Zmienię na ciemniejszą.

Layout gotowy!
4oo.pl
Poprzedni:

Obecny:

Proszę o opinie.
Marek


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

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

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.

Wg mnie nowy layout jest gorszy od poprzedniego... Poprzedni przy tym jest sporo lepszy pomijajac kolor czcionki Ale to tylko moja subiektywna opinia.

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).

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.

Zgodzę się z Tobą. Ten layout jest w wersji 1 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

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...


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


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


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!

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 . Powodzenia w dalszej pracy!

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


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.

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

Wersja 2:

Czy coś, według Was przesunąć, a może poprawić kolorystykę?

Prośba o opinie.
Marek

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

@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 .

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...

Wylozuwowywanie mode: on

Drugi styl jest zajebisty

Dziękuję.


Praca wre!
TEST.4oo.pl

Szablon wykonałem w 100% na DIVach + CMS ma się rozumieć, ale...

no właśnie.

Wdrażanie nie idzie tak po maśle, jak by się można było spodziewać.
Na razie pozostawiłem niektóre TABLE-elki

Systematycznie będę czyścić kod ze starych nawyków.

Tak jak radził Daiquiri... posiedz nad samym layoutem wiecej niz jeden dzien... Zobaczysz to zparocentuje...
A co do opinii to powiem tak: nie jest zle.... ale dobrze tez nie jest... zreszta moim zdaniem sam do tego dojdziesz po jakims tygodniu patrzenia na swoj layout

Dziękuję.

Poradźcie, co zmienić. Kolory? ustawienie elementów? Czcionka?
Co Według Was tu nie pasuje, a co byście dodali?

Ja wiem, że jednemu podoba się to, innemu tamto. Ciężko jest utrafić w gusta odbiorcy.
Dla mnie najważniejsze jest, aby strona była przejrzysta i funkcjonalna dla odbiorcy.

Bardzo proszę o konstruktywne opinie.
Marek

Zadaj sobie pytanie co sam chcialbys znalezc na takiej stronie... Czy zwracalbys wieksza uwage na grafike czy na tresc ?
Jesli chodzi o kolory to polecam ta stronke jako lekarstwo na znalezienie inspiracji ColourLovers .
Moje osobiste odczucie jest takie, że wszystko jest takie troche napompowane jak balonik (kazdy element); postawilbym bardziej na minimalizm, bardziej stonowane kolory, czcionka troszke mniejsza (moze jakas inna) - jak na razie rozklad blokow intuicyjny dla uzytkownika.

PS: Najwazniejsze, zeby Tobie sie podobalo to co zrobisz - nie mozesz calkowicie kierować sie opiniami innych

ToDo:
- rekordy wyświetlane w okienkach do poprawienia,
- kategorie okrasić grafiką,
- w końcu wdrożyć szukanie (php, sql injection, ...),
- i ta nieszczęsna lewa kolumna do zapełnienia danymi.

Dziękuję za adres do stronki

To w kwestii SEO:
- sitemap'a w XML
- <title> powinno się zaczynać od nazwy stron, a nie od nazwy domeny, kategorii
- jak mówiłem wcześniej zacznij to linkować, podlinkuj stronę główną, ale i podstrony z kategoriami.
- patrzenie na PR to głupota. Zielony pasek cieszy, ale w sumie nic już nie znaczy. Puste strony dostają PR 3/4, a strony linkowane stoją w miejscu, ale to zostawiam w twojej gestii
- Proponuję Ci, żebyś nie dawał na stronie głównej linków do innych stron, tylko linkuj do podstron zawierających szczegóły danej strony. Na głównej zostaw np. tylko screena strony, tytuł strony(który będzie linkiem do szczegółów w twoim katalogu), PR i opis, ale jeżeli to możliwe to nie cały tylko ucięty po którymś słowie.
- dobrym pomysłem byłoby dodanie słów kluczowych do stron dodawanych do katalogu
- w URL'u mógłby się wyświetlać tytuł wpisu - zobacz jak to jest rozwiązane w WordPress'ie

Chyba wystarczy.

#edit: Masz zamiar wdrożyć SQL injection? Oczywiście żartuję

Dziękuję za bardzo dużą liczbę pomocnych informacji.

0. Sitemap, w ogóle nie wiem, jak się do tego zabrać... (mam coś w podobie, ale wiem, że to nie to)
1. <title>, poprawione,
2. Napisz, proszę, jaki katalog przyjmie podstronę mojego katalogu. Może blogi, z możliwością komentowania i dodawania linków?
3. Jestem trochę przywiązany do PR. PR jest jednym z wielu czynników, które wpływają na moją decyzję dotyczącą akceptacji wpisu. Przypuśćmy, że strona ma PR 2, to wtedy sprawdzam linki wychodzące. Jak farma (5 i więcej sztuk wychodzących) linków, to strona odpada. Jeśli PR 4 i wyżej, to pozwalam sobie na dodawanie stron z linkami wychodzącymi powyżej 10-15. Zależy też gdzie linki wychodzą. Jeśli wychodzą na subdomenę sprawdzanej domeny, to przepuszczam. Jeśli widzę, że linki prowadzą do stron w ogóle nie związane ze stroną sprawdzaną - trash. Domeny z przekierowaniem, banuję. Raz na miesiąc sprawdzam "żywotność linków". Przepuszczam przez "sprawdzarkę" i sprawdzam, czy wybrana strona działa. Nie działa - trash. Raz na kilka miesięcy przelatuję wszystkie strony i ponownie naliczam PR (znaczy skrypt). Innym wyznacznikiem jest też thumb. Jeśli w losowych stronach pojawia się stronka z "image coming soon" to czasami kuszę się na sprawdzenie, czy rzeczywiście strona działa i co oferuje.
4. Linki wychodzące zamieniłem na stronę szczegóły, znajdującą się w moim katalogu. Opis jest przycięty, więcej info, po kliknięciu.
5. Słowa kluczowe są dodawane do mojego katalogu, ale jeszcze nie klikane. Nie wiem, jak obsłużyć ich wyświetlanie, to znaczy, gdzie mają kierować i po co są (znaczy wiem, żeby zwiększyć liczbę linków wewnątrz strony), ale jak to logicznie posklejać? Wpierw zrobię szukaj, które mam, ale tylko w PA. Po szukarce będę mógł się skupić na kluczowych. Mam taki zamysł, aby losować kilka słów kluczowych z tych co dodał user, wyświetlać, a po kliknięciu przez użytkownika powinno być zadane pytanie do bazy z parametrem LIKE, ale jak tak ze 100 osób kliknie, to może być baza za bardzo obciążona i tu przydała by się wiedza z tablic...
6. Bardzo mi się podoba w wordpressie tytuł artykułu. Posiadam blog na tym silniku (infopage.pl). Widziałem także skrypty na tej stronie (forum.php.pl) i na forum pio do obróbki danych z polskich znaków, aby poprawnie się wyświetlały w adresie strony. Kilka dni temu udało mi się wdrożyć taki mini url friendly, który na pewno rozwinę. Zawsze miałem index.php?cos=cos&.... itd.

Opcję szukaj muszę zabezpieczyć przed atakami SQL injection. Taki skrót myślowy. Gdzieś mam gotowy skrypt gotowej szukarki z zabezpieczeniami, pisany rok temu, ale w tym momencie szablon jest moim priorytetem.

Kolorystyka czcionki będzie zmieniona na:
#56919c (i 3 odcienie)
#fff
#000

Strony typu presell pages przyjmują podstrony, są to blogi na których możesz dodać swój artykuł. Możesz zlecić blasta XRumerem na podstrony, dobrym pomysłem jest pozakładanie kilku blogów na darmowych platformach, które będą linkować właśnie twoją stronę i te blogi podlinkowujesz np. z katalogów typu WebMini, QLWeb.

Treść, czcionka zdecydowanie za duuża, strasznie się rzuca (i niepotrzebnie) w oczy slogan "reklamowy"

Na miniaturce daj odnośnik do strony katalogu

Dziękuję, za pomoc


Czcionka linków, treści i nagłówków, pomniejszona o kilka pikseli.
Kolor czcionki, zmieniłem na taki, jaki miałem w planach.
miniaturka (logo/slogan) jest linkiem do katalogu i także pomniejszyłem czcionkę.

Bardzo proszę o kolejne porady.

PS. Czas zreanimować dodawanie do katalogu


Dodawanie stron uruchomione (dodany jeszcze jeden checkbox -> zgoda na mailing).
Powrót na domenę 4oo.pl.
Szukarka gotowa.

Zapraszam do dodawania swoich stron!