www.znajomek.unixstorm.org
może i nazwa trochę zrąbana
można zawsze zmienić.
Portal tworzony od zera, tylko przeze mnie
pozdrawiam
Pełna wersja: Skrypt Portalu społecznościowego - współpraca i ocena
Proszę was o ocenę mojego małego skryptu portalu społecznościowego, a zarazem poszukuję osoby do współpracy (grafika), najlepiej w moim wieku (15lat), który mógłby zaprojektować nowy layout strony.
www.znajomek.unixstorm.org
może i nazwa trochę zrąbana
można zawsze zmienić.
Portal tworzony od zera, tylko przeze mnie
pozdrawiam
www.znajomek.unixstorm.org
może i nazwa trochę zrąbana
można zawsze zmienić.
Portal tworzony od zera, tylko przeze mnie
pozdrawiam
Proszę o założenie konta testowego i podanie danych dostępowych do niego. W przeciwnym razie wątek zostanie potraktowany jako reklama (próba przyciągnięcia nowych użytkowników).
Login: znajomek
hasło: znajomek
pozdro
hasło: znajomek
pozdro
Profil użytkownika podatny na XSS
http://www.znajomek.unixstorm.org/index.ph...p;user=znajomek
Przy rejestracji jak nie zaakceptuje regulaminu to szlag trafia wszelkie wpisane dane.
http://www.znajomek.unixstorm.org/index.ph...p;user=znajomek
Przy rejestracji jak nie zaakceptuje regulaminu to szlag trafia wszelkie wpisane dane.
Po wylogowaniu użytkownikowi wyświetlana jest strona główna. Jeśli zechce teraz zarejestrować nowego użytkownika nie może tego wykonać, gdyż w URL jest parametr GET - określający iż użytkownik został właśnie wylogowany...
Cytat
Po wylogowaniu użytkownikowi wyświetlana jest strona główna. Jeśli zechce teraz zarejestrować nowego użytkownika nie może tego wykonać, gdyż w URL jest parametr GET - określający iż użytkownik został właśnie wylogowany...
Może się zarejestrować (po wylogowaniu) w każdym momencie
Cytat
Profil użytkownika podatny na XSS
Ok, dzięki za info, JS wyłącze, htmlspecialchars + addslashes itp.
Jak przed tym jeszcze ochronić się?
P.S. Nie pisz głupich postów
Kodowanie znaków się wywala pod Chrome i są krzaki.
(zapewne dlatego, że masz <head> w <body>, a do tego przed <body> mnóstwo kodu...)
(zapewne dlatego, że masz <head> w <body>, a do tego przed <body> mnóstwo kodu...)
Nie, to na pewno nie przez to, może dlatego, że mam zdefiniowane więcej meta-tagów językowych niż jeden ?
Sam nie wiem...
Sam nie wiem...
Podziwiam, że Ci się chciało. Layout zrobiony na tabelkach - dziękujemy. ;]
Popraw zabezpieczenia, ogólnie filtrowanie danych, popraw formularze, zastosuj się do rad pana @up odnośnie umiejscowienia head
Popraw zabezpieczenia, ogólnie filtrowanie danych, popraw formularze, zastosuj się do rad pana @up odnośnie umiejscowienia head
Co złego jest tabelkach ?
Divy też są, ale dynamiczne.
Divy też są, ale dynamiczne.
Cytat(toaspzoo @ 10.05.2011, 11:44:57 ) 
Co złego jest tabelkach ?
http://osiolki.net/tabelki/
Temat wałkowany na tym forum setki razy.
Ciężko będzie znaleźć grafika ,który wykona layout do tabelkowej strony ;P
Cytat(Websky @ 30.05.2011, 02:06:27 )
Ciężko będzie znaleźć grafika ,który wykona layout do tabelkowej strony ;P
Czemu? Puści PSD przez "slice'y" i będzie miał super layout na tabelkach.
grafik wykonuje projekt a na czym to potnie koder to już inna działka, czyż nie? Chyba, że się nie znam
Auuu, moje oczy! I weź sprawdź wszystko pod kątem literówek.
W tej postaci ten "skrypt" to miszmasz.Musisz koniecznie zaznajomić sie ze strukturą dokumentu html.
Znajdź kurs html.To proste ta struktura.Wtedy uporządkuj dokument.Powodzenia.
Znajdź kurs html.To proste ta struktura.Wtedy uporządkuj dokument.Powodzenia.
Witam, chciałbym, abyście ponownie ocenili lekko odświeżoną wersję znajomka.
Zostało wprowadzonych kilka zmian dot. funkcjonalności, szczególnie prywatności naszych użytkowników.
Załatałem wiele dziur, zabezpieczyłem większość (tak mi się wydaje) przed xss'em i innymi nie psując tym samym wyglądu strony.
Główne 3 tabele zostały, ale 65% strony to już divy, planuję dobić do 98%
http://znajomek.unixstorm.org
http://znajomek.pl (iframe)
Zapraszam do oceny i krytyki.
Zostało wprowadzonych kilka zmian dot. funkcjonalności, szczególnie prywatności naszych użytkowników.
Załatałem wiele dziur, zabezpieczyłem większość (tak mi się wydaje) przed xss'em i innymi nie psując tym samym wyglądu strony.
Główne 3 tabele zostały, ale 65% strony to już divy, planuję dobić do 98%
http://znajomek.unixstorm.org
http://znajomek.pl (iframe)
Zapraszam do oceny i krytyki.
Masakra.
Prócz grafiki, kod html leży.
- brak doctype
- stare znaczniki <center>
- nie oddzieliłeś CSS i JS od HTML
- dajesz ID/CLASS dla elementu a później STYLE
- po wciśnięciu "zaloguj" nic się nie dzieje, pusta strona.
Używasz div jako tabeli? A mógłbyś to zrobić jako listę.
Działania serwisu nie mogę ocenić, ponieważ nie podałeś hasła i loginu do konta testowego, ale prócz grafika poszukaj jeszcze dobrego kodera.
Prócz grafiki, kod html leży.
- brak doctype
- stare znaczniki <center>
- nie oddzieliłeś CSS i JS od HTML
- dajesz ID/CLASS dla elementu a później STYLE
- po wciśnięciu "zaloguj" nic się nie dzieje, pusta strona.
Używasz div jako tabeli? A mógłbyś to zrobić jako listę.
Działania serwisu nie mogę ocenić, ponieważ nie podałeś hasła i loginu do konta testowego, ale prócz grafika poszukaj jeszcze dobrego kodera.
login testowy: tester, hasło: tester;
Dlaczego uważasz, że należy najpier style, potem id/class?
Po wcisnięciu zaloguj nie ma co się dziać, jeżeli nic nie podałeś.
Po co oddzielac css,js,html od siebie ?
<center>, bo nie wszędzie działa
pozdrawiam
Dlaczego uważasz, że należy najpier style, potem id/class?
Po wcisnięciu zaloguj nie ma co się dziać, jeżeli nic nie podałeś.
Po co oddzielac css,js,html od siebie ?
<center>, bo nie wszędzie działa
pozdrawiam
Chociazby po to ze jak bedziesz mial 50 plikow i w kazdym bedziesz musiał edytować css to Cie szlag trafi juz nie mowiac o tym ze w tym Twoim kodzie mozna się pogubic.
Kodowanie windows?
<body> i <html> zamkięte a pozniej jeszcze jakiś kod html
młody jesteś więc pracuj dalej i korzystaj z valiatora, to bardzo przydatne narzędzie
Kodowanie windows?
<body> i <html> zamkięte a pozniej jeszcze jakiś kod html
młody jesteś więc pracuj dalej i korzystaj z valiatora, to bardzo przydatne narzędzie
Cytat
<center>, bo nie wszędzie działa
No proszę Cię, nie żatruj tak sobie nawet. Poprawny css też wszędzie działa...
Cytat
Po wcisnięciu zaloguj nie ma co się dziać, jeżeli nic nie podałeś.
A komunikaty o błędach to pies i robi w tle hau hau?
jeszcze jedno, nie wiem czy zabezpieczasz upload ale sprawdz czy wrzucilo plik test.php bo nie widzialem komunikatu.
a i jeszcze wysłałem wiadomość prywatną bez treści i tematu, tak mi się wydaje bo akurat komunikat miałem;)
a i jeszcze wysłałem wiadomość prywatną bez treści i tematu, tak mi się wydaje bo akurat komunikat miałem;)
@ciekawskii, nie, nie wrzuciło pliku
Kodowanie to iso-8859-2;
Po co mi wysyłacie puste wiadomości ?
jeżeli nie wpiszesz tematu, jest zastępowane "brak tematu / wpisz temat wiadomości", więc jakiś tam jest.
Logowanie już kiedyś było poprawione, ale znowusz ....
Co sądzicie o OpenID jako metodzie logowania ?
Kodowanie to iso-8859-2;
Po co mi wysyłacie puste wiadomości ?
jeżeli nie wpiszesz tematu, jest zastępowane "brak tematu / wpisz temat wiadomości", więc jakiś tam jest.
Logowanie już kiedyś było poprawione, ale znowusz ....
Co sądzicie o OpenID jako metodzie logowania ?
Czemu nie jest wyśrodkowane wszystko i po lewej ciągle jest gif niby coś ładujący?
Validator pokazuje windows ale mniejsza z tym bo i tak krzaczy Ci sie.
nie moge z Ciebie, userow na stronie tez bedziesz pytal dlaczego puste wiadomości wysyłają? Takie rzeczy się zabezpiecza.
Po nieudanym dodaniu pliku tez powinien być jakiś komunikat. Jestem zdania że po każdej "akcji" wykonanej przez usera powinienien być jakiś komunikat
nie moge z Ciebie, userow na stronie tez bedziesz pytal dlaczego puste wiadomości wysyłają? Takie rzeczy się zabezpiecza.
Po nieudanym dodaniu pliku tez powinien być jakiś komunikat. Jestem zdania że po każdej "akcji" wykonanej przez usera powinienien być jakiś komunikat
Muszę zacytować post z czerwca.
W Google znajdziesz parę kursów. Taki szkolny to Ten kurs . Grafika chwilowo nie zatrudniaj.
Cytat
W tej postaci ten "skrypt" to miszmasz.Musisz koniecznie zaznajomić sie ze strukturą dokumentu html.
Znajdź kurs html.To proste ta struktura.Wtedy uporządkuj dokument.Powodzenia.
Znajdź kurs html.To proste ta struktura.Wtedy uporządkuj dokument.Powodzenia.
W Google znajdziesz parę kursów. Taki szkolny to Ten kurs . Grafika chwilowo nie zatrudniaj.
Cytat(toaspzoo @ 26.12.2011, 15:22:13 )
Dlaczego uważasz, że należy najpier style, potem id/class?
Nie chodzi o kolejność, a o umieszczanie stylów w osobnym pliku CSS. A nie razem w kodzie HTML. Tak samo JS, JS w ogóle nie powinno być widoczne w kodzie, szczególnie że korzystasz z jquery.
Po zalogowaniu nie wiem jak miał wyglądać efekt końcowy, ale jest jakiś pieprznik w wyglądzie, w zasadzie nie ma co ocenić bo w zasadzie nic tam nie działa.
Jeśli się uczysz, to wpisz w google coś w stylu "dev blog php" czy podobne, znajdziesz kilka dobrych linków na blogi, programistów PHP które opisują te i podobne założenia przy projektowaniu tego typu apliakcji jak i samego PHP. Poczytaj, przetestuj i kombinuj.
Poza tym, nie napisałeś nic o tworzeniu tego projektu, jak go napisałeś, sam od podstaw, strukturalnie? obiektowo? Jakiś FW? Jaki, własny? Jest tam MVC? (to nie ironia).
Cytat
Po co mi wysyłacie puste wiadomości ?
Żeby Tobie skrzynke zapchać!Zabezpiecz się.
!*! mącisz toaspzoo w głowie. On chce zrobić stronę. I pewnie ją zrobi. Ale teraz nie wymądrzajmy się ale pokierujmy. Ja napisałem coby html poznał a jak uporządkuje to będzie można pomóc. Co można odpowiedzialnie. Dołować? Do worstsite.pl długa droga.
Cytat(Niktoś @ 26.12.2011, 19:23:59 )
Zabezpiecz się.
Hehe, no właśnie, trzeba się zabezpieczać!
Uwierzcie mi, jak umiem, przynajmniej takie miałem zdanie pisać w miarę bez chaosu - kiedyś bardzo mało potrafiłem i tak napisałem.
Bardzo dziękuję nie tylko tym, którzy sprowadzają mnie na dobrą drogę, ale także tym, którzy krytykują moje wymysły.
Co do kursów html, obawiam się, że nie skorzystam, a jeśli mówimy o sprawie separowania skryptów od html, css - racja, tylko czasu nie miałem tak pisać.
Wiem, wiem, że bez dobrego układu kodu nikt nie będzie chciał w to spojrzeć, ale cóż, pisanie od nowa całego portalu nie jest proste a przynajmniej trochę czasu zajmuje.
pozdrawiam
Bardzo dziękuję nie tylko tym, którzy sprowadzają mnie na dobrą drogę, ale także tym, którzy krytykują moje wymysły.
Co do kursów html, obawiam się, że nie skorzystam, a jeśli mówimy o sprawie separowania skryptów od html, css - racja, tylko czasu nie miałem tak pisać.
Wiem, wiem, że bez dobrego układu kodu nikt nie będzie chciał w to spojrzeć, ale cóż, pisanie od nowa całego portalu nie jest proste a przynajmniej trochę czasu zajmuje.
pozdrawiam
Cytat
Co do kursów html, obawiam się, że nie skorzystam,
Błądzisz bardzo. Myślisz pewnie, że strona w Internacie to Puzzle.
A co powiedzą koleżanki jak dasz tyły?
Ależ nikt Tobie nie każe , pisać od nowa.Po prostu twój portal wymaga pewnych poprawek ,które prędzej czy później i tak będziesz musiał wprowadzić.
Stworzenie portalu nie jest łatwe ,wiem coś o tym bo sam tworzę serwis,i ktoś kto mówi zburz to i zrób od nowa to nie wie co mówi i jest po prostu ignorantem,ja po prostu mówie ulepsz to ,popraw w miarę skutecznie.Zadbaj ,aby było odporne ,na ataki xss/sql injection to podstawa, zapychanie skrzynki ,da rady obejść ,sprawdzaj długości pola jeśli są puste nie wysyłaj.Zrób limit na wysyłanie.np w ciągu 15min możliwość wysłania 3 postów,konfiguracja jest twoją decyzją.
Przede wszystkim nie słuchaj się ignorantów ,którzy każą coś burzyć bo coś jest złe.
Jeżeli coś jest ,złe to należy poprawić tą część która jest zła ,a nie niszczyć całość i od nowa zaczynać.
Stworzenie portalu nie jest łatwe ,wiem coś o tym bo sam tworzę serwis,i ktoś kto mówi zburz to i zrób od nowa to nie wie co mówi i jest po prostu ignorantem,ja po prostu mówie ulepsz to ,popraw w miarę skutecznie.Zadbaj ,aby było odporne ,na ataki xss/sql injection to podstawa, zapychanie skrzynki ,da rady obejść ,sprawdzaj długości pola jeśli są puste nie wysyłaj.Zrób limit na wysyłanie.np w ciągu 15min możliwość wysłania 3 postów,konfiguracja jest twoją decyzją.
Przede wszystkim nie słuchaj się ignorantów ,którzy każą coś burzyć bo coś jest złe.
Jeżeli coś jest ,złe to należy poprawić tą część która jest zła ,a nie niszczyć całość i od nowa zaczynać.
Cytat
Co do kursów html, obawiam się, że nie skorzystam
-uważam to także ,za błąd bo wiele ciekawych ,rzeczy można z tamtąd wyczytać i zastosować u siebie.
Cytat(toaspzoo @ 26.12.2011, 15:22:13 )
login testowy: tester, hasło: tester;
Dlaczego uważasz, że należy najpier style, potem id/class?
Po wcisnięciu zaloguj nie ma co się dziać, jeżeli nic nie podałeś.
Po co oddzielac css,js,html od siebie ?
<center>, bo nie wszędzie działa
pozdrawiam
Poczytaj o cache, bo najwyraźniej nie wiesz, jak działa przeglądarka internetowa.Dlaczego uważasz, że należy najpier style, potem id/class?
Po wcisnięciu zaloguj nie ma co się dziać, jeżeli nic nie podałeś.
Po co oddzielac css,js,html od siebie ?
<center>, bo nie wszędzie działa
pozdrawiam
* brak obsługi polskich znaków
* MENU W OBRAZKACH
* stopka z lupą do przeczytania
Kod
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
Co to jest? Wiesz w ogóle, czym się różnią te skrypty (oprócz zmian w wersji)? Niczym.
Co do edycji wyglądu. Owszem, byłoby proste, gdybyś zbudował poprawnie układ strony - wtedy wystarczyłaby w większości modyfikacja CSS.
Rejestracja
Na alertach JavaScritowych w dzisiejszych czasach nie buduje się walidacji formularzy!
Dane z formularza logowania powinny pójść postem, nie getem.
Jak wyłączę JS, to ni cholery nie mam żadnego komunikatu, że wypełniam błędnie rejestrację.
Z rejestracji ni cholery nie mam gdzie wrócić, jeśli zmienię zdanie.
Strona główna
Nieklikalne logo. Łamiesz konwencję używaną od lat.
Zarejestruj i zapomniałem wyglądają jak zwykły tekst - łamiesz konwencję dotyczącą linków.
Login i Hasło to nie powinien być obrazek - to powinien być znacznik label.
Strona ogólnie NIEDOSTĘPNA dla użytkowników niewidzących, czy niedowidzących. Teksty jako obrazek to katastrofa.
Warstwy z zapomnieniem hasła nie umiem wyłączyć. Po prawej, na górze, na warstwie powinien być taki mały [x].
Zainteresuj się tzw. polityką prywatności. I kimś, kto zredaguje Ci na nowo regulamin.
I że spełniasz wszystkie wymagania GIODO - jak już wypuścisz to cudo to będziesz przetwarzał dane osobowe w postaci e-mail + Imię + Nazwisko. W regulaminie ni słowa o tym, że użytkownikom przysługuje możliwość poprawiania czy usuwania danych osobowych. Czeka Cię też zakup SSL najprawdopodobniej.
Btw. zgodnie z Twoim regulaminem mam możliwość promować w serwisie kokainę, o ile nie podam linka i będę to robić bez "brzydkich słów".
Poświęć tej części serwisu nie pół godziny, a tydzień. To pod względem prawnym ważna część. Użytkownicy muszą wyrazić zgodę na przetwarzanie ich danych osobowych (przechowywanie według polskiego prawa jest również przetwarzaniem!), bazę z tego co mi wiadomo musisz zgłosić do GIODO.
Poza kwestiami prawnymi i użytecznymi - w kodzie strony masz jeden wielki SYF.
Nadaje się to moim zdaniem tylko i wyłącznie do przepisania.
Nie buduj strony na divach i nie buduj strony na tabelkach. Strony buduje się na elementach, które najlepiej służą do danego zastosowania.
Mamy masę możliwości, jeśli chodzi o elementy HTML, ale o tym było już mówione.
Po zalogowaniu
W stopce (tak, potrzebna jest lupa) nie ma żadnej potrzebnej informacji.
Przejrzyj sobie stopki i co w nich się znajduje, bo na pewno nie fakt, że regulamin musi być przestrzegany, czy jest aktualizowany co jakiś czas. Podpowiem - znajduje się tam prócz frazy Copyright blabla spis linków do takich elementów jak kontakt, regulamin i inne. Bardzo pomocne.
Linki MUSZĄ wyglądać na linki. Użytkownik jest leniwy, nie będzie machał myszką, żeby znaleźć w co da się kliknąć - MUSI widzieć to od razu!
Portal jest nieintuicyjny.
Klikam w elementy, spodziewając się pewnych zdarzeń, a dzieje się co chce.
Nie wiem czy przeniesie mnie do profilu, czy wyświetli obrazek na warstwie, czy przeniesie mnie gdzieś indziej.
Do pokazywania zdjęć lepiej nadaje się coś typu lightbox niż rozsuwanie się na górze. Jestem na samym dole strony - klikam i przenosi mnie na górę = jestem wkurzona.
Wchodzę na Otrzymane oceny, przenosi mnie do czegoś, co ma tytuł Wystawione oceny i żadnego komunikatu. Nawet nie wiem czy tu faktycznie będą wystawione przeze mnie, czy przez innych.
Brak jakiegokolwiek oficjalnego kontaktu.
Nie chcę szukać użytkownika z gwiazdkami, żeby wylać swoje żale, albo zlecić usunięcie konta. Chcę kliknąć na jeden link, wypełnić jeden formularz i mieć spokój.
Po kliknięciu na znak zapytania przenosi mnie do... profilu. Wbrew moim oczekiwaniom przeniesienia do działu Pomoc.
Masz w menu górnym (na które trafiłam przypadkiem, w ogóle nie rzuca się w oczy) dwie ikony z ludźmi. I żadnego opisu, gdzie to mnie poprowadzi. Zapoznaj się z atrybutem title.
Pod względem kodu dalej sieczka.
Adresu IP nie umieszczaj do wiadomości publicznej.
Skoro nie mogę do siebie samej pisać wiadomości to nie powinnam w ogóle mieć takiego linka w profilu.
Podsumowanie
Źle napisane - trudno będzie wprowadzać jakiekolwiek zmiany we front-endzie.
Nieintuicyjne dla użytkowników.
Nieużyteczne dla użytkowników z ograniczeniami (czy to wzrokowymi czy ruchowymi).
Niepoprawne od strony formalnej.
Chaotyczne.
Powielające istniejące już serwisy.
Jesteś jeszcze młody i takie ćwiczenie na pewno jest dla Ciebie dobre. Natomiast kopiowanie facebooka nie zapewni Ci sławy czy przyszłości - może lepiej zająć się mniej ambitnym projektem (np. w tym tygodniu do obrzydzenia zajmuję się rejestracją i dopieszczam formularz, aż będzie idealny; w przyszłym tygodniu projektuję i koduję nowe menu oraz rozrysowuję sobie jak powinny wyglądać przejścia z jednej części witryny do innych; w kolejnym - jak ma wyglądać profil (wyglądać w sensie makiet, nie finalnego layoutu) żeby użytkownikom było łatwiej - czy warto umieszczać tam wszystkie elementy, czy tylko te wypełnione przez użytkownika no i może gdzieś tam wyżej dać zapraszanie do znajomych) a w zaoszczędzonym czasie poćwiczyć podstawy (jak się pisze kod i dlaczego, dlaczego tak ważne oddzielenie jest struktury od prezentacji), użyteczność (bez tego nie zatrzymasz użytkowników).
Społecznościówki z danymi osobowymi to już dzisiaj nie jest zabawa - to prawnicy, to GIODO, to masa konkurencji. Tworzyć i dopieszczać można, wypuścić bez dobrego regulaminu i bez zgłoszonej bazy danych osobowych na świat może być strzałem w stopę. Dobrze również z tego zdawać sobie sprawę. Społecznościówki to nie tylko front i back-end, to też ergonomia w używaniu (która tutaj leży) to usability, bo korzystają z tego laicy, to uwarunkowania prawne. W tym przypadku wygląda to trochę na porwanie się z motyką na słońce w aktualnym kształcie.
No i niekiedy, żeby wypuścić coś dobrego trzeba kilka razy zaczynać od początku, nie tylko raz. Autor tematu na szczęście ma dużo czasu na zwojowanie świata. Poczyta sobie o paru tematach i jeśli się nie zniechęci, to możliwe, że kiedyś coś ciekawego zobaczymy.
A stworzenie od nowa to nie zawsze zła rzecz. Czasem błędów (w kodzie i w podejściu) jest tyle, że lepiej machnąć zgodnie ze sztuką od początku niż siedzieć i poprawiać rzeczy, zastanawiając się, czy przy okazji poprawy coś innego się nie sypnie.
Na alertach JavaScritowych w dzisiejszych czasach nie buduje się walidacji formularzy!
Dane z formularza logowania powinny pójść postem, nie getem.
Jak wyłączę JS, to ni cholery nie mam żadnego komunikatu, że wypełniam błędnie rejestrację.
Z rejestracji ni cholery nie mam gdzie wrócić, jeśli zmienię zdanie.
Strona główna
Nieklikalne logo. Łamiesz konwencję używaną od lat.
Zarejestruj i zapomniałem wyglądają jak zwykły tekst - łamiesz konwencję dotyczącą linków.
Login i Hasło to nie powinien być obrazek - to powinien być znacznik label.
Strona ogólnie NIEDOSTĘPNA dla użytkowników niewidzących, czy niedowidzących. Teksty jako obrazek to katastrofa.
Warstwy z zapomnieniem hasła nie umiem wyłączyć. Po prawej, na górze, na warstwie powinien być taki mały [x].
Zainteresuj się tzw. polityką prywatności. I kimś, kto zredaguje Ci na nowo regulamin.
I że spełniasz wszystkie wymagania GIODO - jak już wypuścisz to cudo to będziesz przetwarzał dane osobowe w postaci e-mail + Imię + Nazwisko. W regulaminie ni słowa o tym, że użytkownikom przysługuje możliwość poprawiania czy usuwania danych osobowych. Czeka Cię też zakup SSL najprawdopodobniej.
Btw. zgodnie z Twoim regulaminem mam możliwość promować w serwisie kokainę, o ile nie podam linka i będę to robić bez "brzydkich słów".
Poświęć tej części serwisu nie pół godziny, a tydzień. To pod względem prawnym ważna część. Użytkownicy muszą wyrazić zgodę na przetwarzanie ich danych osobowych (przechowywanie według polskiego prawa jest również przetwarzaniem!), bazę z tego co mi wiadomo musisz zgłosić do GIODO.
Poza kwestiami prawnymi i użytecznymi - w kodzie strony masz jeden wielki SYF.
Nadaje się to moim zdaniem tylko i wyłącznie do przepisania.
Nie buduj strony na divach i nie buduj strony na tabelkach. Strony buduje się na elementach, które najlepiej służą do danego zastosowania.
Mamy masę możliwości, jeśli chodzi o elementy HTML, ale o tym było już mówione.
Po zalogowaniu
W stopce (tak, potrzebna jest lupa) nie ma żadnej potrzebnej informacji.
Przejrzyj sobie stopki i co w nich się znajduje, bo na pewno nie fakt, że regulamin musi być przestrzegany, czy jest aktualizowany co jakiś czas. Podpowiem - znajduje się tam prócz frazy Copyright blabla spis linków do takich elementów jak kontakt, regulamin i inne. Bardzo pomocne.
Linki MUSZĄ wyglądać na linki. Użytkownik jest leniwy, nie będzie machał myszką, żeby znaleźć w co da się kliknąć - MUSI widzieć to od razu!
Portal jest nieintuicyjny.
Klikam w elementy, spodziewając się pewnych zdarzeń, a dzieje się co chce.
Nie wiem czy przeniesie mnie do profilu, czy wyświetli obrazek na warstwie, czy przeniesie mnie gdzieś indziej.
Do pokazywania zdjęć lepiej nadaje się coś typu lightbox niż rozsuwanie się na górze. Jestem na samym dole strony - klikam i przenosi mnie na górę = jestem wkurzona.
Wchodzę na Otrzymane oceny, przenosi mnie do czegoś, co ma tytuł Wystawione oceny i żadnego komunikatu. Nawet nie wiem czy tu faktycznie będą wystawione przeze mnie, czy przez innych.
Brak jakiegokolwiek oficjalnego kontaktu.
Nie chcę szukać użytkownika z gwiazdkami, żeby wylać swoje żale, albo zlecić usunięcie konta. Chcę kliknąć na jeden link, wypełnić jeden formularz i mieć spokój.
Po kliknięciu na znak zapytania przenosi mnie do... profilu. Wbrew moim oczekiwaniom przeniesienia do działu Pomoc.
Masz w menu górnym (na które trafiłam przypadkiem, w ogóle nie rzuca się w oczy) dwie ikony z ludźmi. I żadnego opisu, gdzie to mnie poprowadzi. Zapoznaj się z atrybutem title.
Pod względem kodu dalej sieczka.
Adresu IP nie umieszczaj do wiadomości publicznej.
Skoro nie mogę do siebie samej pisać wiadomości to nie powinnam w ogóle mieć takiego linka w profilu.
Podsumowanie
Źle napisane - trudno będzie wprowadzać jakiekolwiek zmiany we front-endzie.
Nieintuicyjne dla użytkowników.
Nieużyteczne dla użytkowników z ograniczeniami (czy to wzrokowymi czy ruchowymi).
Niepoprawne od strony formalnej.
Chaotyczne.
Powielające istniejące już serwisy.
Jesteś jeszcze młody i takie ćwiczenie na pewno jest dla Ciebie dobre. Natomiast kopiowanie facebooka nie zapewni Ci sławy czy przyszłości - może lepiej zająć się mniej ambitnym projektem (np. w tym tygodniu do obrzydzenia zajmuję się rejestracją i dopieszczam formularz, aż będzie idealny; w przyszłym tygodniu projektuję i koduję nowe menu oraz rozrysowuję sobie jak powinny wyglądać przejścia z jednej części witryny do innych; w kolejnym - jak ma wyglądać profil (wyglądać w sensie makiet, nie finalnego layoutu) żeby użytkownikom było łatwiej - czy warto umieszczać tam wszystkie elementy, czy tylko te wypełnione przez użytkownika no i może gdzieś tam wyżej dać zapraszanie do znajomych) a w zaoszczędzonym czasie poćwiczyć podstawy (jak się pisze kod i dlaczego, dlaczego tak ważne oddzielenie jest struktury od prezentacji), użyteczność (bez tego nie zatrzymasz użytkowników).
Społecznościówki z danymi osobowymi to już dzisiaj nie jest zabawa - to prawnicy, to GIODO, to masa konkurencji. Tworzyć i dopieszczać można, wypuścić bez dobrego regulaminu i bez zgłoszonej bazy danych osobowych na świat może być strzałem w stopę. Dobrze również z tego zdawać sobie sprawę. Społecznościówki to nie tylko front i back-end, to też ergonomia w używaniu (która tutaj leży) to usability, bo korzystają z tego laicy, to uwarunkowania prawne. W tym przypadku wygląda to trochę na porwanie się z motyką na słońce w aktualnym kształcie.
No i niekiedy, żeby wypuścić coś dobrego trzeba kilka razy zaczynać od początku, nie tylko raz. Autor tematu na szczęście ma dużo czasu na zwojowanie świata. Poczyta sobie o paru tematach i jeśli się nie zniechęci, to możliwe, że kiedyś coś ciekawego zobaczymy.
A stworzenie od nowa to nie zawsze zła rzecz. Czasem błędów (w kodzie i w podejściu) jest tyle, że lepiej machnąć zgodnie ze sztuką od początku niż siedzieć i poprawiać rzeczy, zastanawiając się, czy przy okazji poprawy coś innego się nie sypnie.
O kurde... Nie wiem, co gorsze: kod, czy layout. Wybacz tą bezpośredniość, ale to jest koszmar. Ani pod Operą, ani pod IE (pod innymi nie chciało mi się już sprawdzać) nie klei się to. Pomijając fakt, że przy wrzucaniu avataru nie sprawdzasz nawet typu pliku... Design jest po prostu koszmarny, pseudofejsbukowy - masakra.
IE - to nie przeglądarka, a pod ff i chromie działa właśnie najlepiej
@up nie obraź się, ale czy ty używasz opery do przeglądania zasobów komputera a ie do stron www ?
@up nie obraź się, ale czy ty używasz opery do przeglądania zasobów komputera a ie do stron www ?
Cytat(konole @ 27.12.2011, 00:03:03 )
Kod
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
Co to jest? Wiesz w ogóle, czym się różnią te skrypty (oprócz zmian w wersji)? Niczym.
Czepiam się.
http://docs.jquery.com/Release:jQuery_1.3.2
Opera ma u mnie monopol, jeżeli chodzi o przeglądarki. Natomiast jeżeli piszesz stronę, która w "FF i chromie działa właśnie najlepiej", a pod Opera (niech będzie, że niszową) i IE (wcale nie niszowym) nie działa, to znaczy, że strona jest ŹLE napisana.
Cytat(toaspzoo @ 28.12.2011, 00:23:27 )
IE - to nie przeglądarka, a pod ff i chromie działa właśnie najlepiej
To chyba w zasadzie kończy dyskusję. Jeśli robisz strony tylko tam gdzie działa to najlepiej, to nie wróżę Ci przyszłości w tym zawodzie.
Dobrze - w takim razie stronę napiszę od nowa w divach, elementach itp.
Dobra rada myślę. Poducz się w html, css .To podstawa. Zapomnij chwilowo o lay graf i visi i sem i seo i innych cudach. Zacząłeś i to dobrze. Życzę powodzenia. Jak coś zmajstrujesz lepszego to przypuszczam pomożemy.
Gratuluję!
Chciałbym, żeby mojemu synowi się tak chciało. Jeszcze chwila, i będzie OK.
Chciałbym, żeby mojemu synowi się tak chciało. Jeszcze chwila, i będzie OK.
Michał ładnie, ale bez mojego pomysłu byś się nie obył.
Wkurzyłem się, użyłem pierwszego podanego loginu i hasła: znajomek - nie działa, czytam dalej więc użyłem kolejnego loginu i hasła tester - też nie działa, dalej nie szukałem, popsułeś mi humor na cały dzień. 
demo
demo
demo
Dobrze że się nie rejestrowaliście, bo masakra na następny dzień. Trzy razy pyta się o hasło, zapora przed kradnięciem sesji. Sypie się na mniejszych netbookach, wchodzą na siebie przyciski. Przecież pokazywałeś mi inny layout, był troszkę lepszy niż ten Widziałem kod, masakracja Powinieneś pokazać. Jesteśmy początkujący, każdy popełnia błędy, i każdy się uczy robiąc jakieś projekty. Więc tutaj po raz n-ty życzę Ci sukcesów.
Błędy:
http://www.znajomek.unixstorm.org/index.ph...;przegladaj=lol
Dajcie zamiast id jakąś nazwę, właściciel to usunie (: (+ sql injection)
W tym samym miejscu niedziałający odnośnik powrotu do galerii
Widziałem kod, masakracja Powinieneś pokazać. Jesteśmy początkujący, każdy popełnia błędy, i każdy się uczy robiąc jakieś projekty. Więc tutaj po raz n-ty życzę Ci sukcesów. Błędy:
http://www.znajomek.unixstorm.org/index.ph...;przegladaj=lol
Dajcie zamiast id jakąś nazwę, właściciel to usunie (: (+ sql injection)
W tym samym miejscu niedziałający odnośnik powrotu do galerii
Więc trzeci raz próbowałem się zalogować, tym razem używając danych: demo i dostałem komunikat:
No to wprowadziłem i znów wyświetlił się ten sam komunikat. No ludzieeee, mam dość - W TYM SERWISIE NIE DA SIE ZALOGOWAĆ!
No to wprowadziłem i znów wyświetlił się ten sam komunikat. No ludzieeee, mam dość - W TYM SERWISIE NIE DA SIE ZALOGOWAĆ!
No i wtedy właśnie wpisujesz w okienko hasło, w tym przypadku demo, i klikasz przycisk. Wkurzające ^^ Michał to zrobił bo myślał że ja mam jego sesje przez xss a tak naprawdę crackowałem hasła. Nie wiem po co, bo się odwdzięczył. Na szczęście już groźne dziury załatał
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.