Forum PHP.pl > Portfolio.

KrzysiekKCN

5.07.2011, 22:21:30

Cześć

Ostatnio dostałem przypływu ambicji i chęci na przebudowę swojej strony www. A tak żeby coś robić, czegoś się nauczyć.
Cały projekt pisałem w Notepad++(oprócz użytego JS który dopiero próbuję jako tako pojąć

), grafika w PS Elements 9.

Proszę o ocenę, przetestowanie

W końcu wy się na tym znacie.

Link: http://systemyinternetowe.com/

Pozdrawiam

pedro84

5.07.2011, 22:28:53

Graficznie? B. słabo.
Kod HTML/CSS? Jak wyżej.

Po cholerę tam Flash?

KrzysiekKCN

5.07.2011, 22:33:16

A mógł byś rozwinąć?

pedro84

5.07.2011, 22:52:35

Graficznie? Wystarczy spojrzeć.

Kod

Jeśli chodzi o kod, to kwiatki taki jak poniżej mówią same za siebie:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">

Kod

Kod

Kod

Kod

<p>Jesteśmy prężnie rozwijającą się firmą, z czteroletnim doświadczeniem z zakresu projektowania aplikacji internetowych, oraz grafiki komputerowej.</p>
<br>
<p>Nie od dziś wiadomo, że możliwości jakie daje nam Internet, są wielką szansą dla każdego, kto chce zaistnieć w sieci. Jako specjaliści dot. tworzenia aplikacji internetowych, kładziemy szczególny nacisk na marketing internetowy, dynamikę oraz jakość i prostotę użytkowania naszych przyjaznych systemów.</p>
<br><a href="main/plan" class="right">więcej..</a>

<h1>Oferta</h1>
<br>

Kod

</td></tr><tr><td style="height: 68px; width: 68px; background: url('images/rel_bg.png') no-repeat center;">
        <center><a href="realizacja/45" style="border: 0px;"><img src="admin/realizacje/alpha/logo.png" class="rel"></a></center>
      </td><td style="height: 68px; width: 68px; background: url('images/rel_bg.png') no-repeat center;">
        <center><a href="realizacja/65" style="border: 0px;"><img src="admin/realizacje/sorentsd/logo.png" class="rel"></a></center>
      </td><td style="height: 68px; width: 68px; background: url('images/rel_bg.png') no-repeat center;">
        <center><a href="realizacja/47" style="border: 0px;"><img src="admin/realizacje/royalpho/logo.png" class="rel"></a></center>

      </td><td style="height: 68px; width: 68px; background: url('images/rel_bg.png') no-repeat center;">
        <center><a href="realizacja/48" style="border: 0px;"><img src="admin/realizacje/plkcn/logo.png" class="rel"></a></center>
      </td></table><br><a href="main/realizacje" class="right">więcej..</a>

Polecam przerobienie kursu HTML/CSS.

KrzysiekKCN

5.07.2011, 23:16:46

Hmm, nie wiem może jesteś jakimś wielkim grafikiem i to co zrobiłem jest dla ciebie niczym, ale wg. mnie jest na dobrym poziomie.
Jakie kwiatki? Te deklaracje są błędne?

Kod

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">

Kiedyś znalazłem je w jakimś poradniku.

Co mam rozmieć przez to? Jakoś źle napisane?

Kod

o, a to?

Kod

tutaj pewnie też coś źle zrobiłem.

a co do tego:

Kod

to postaram się poprawić i dodać atrybut title. Nic więcej nie przychodzi mi namyśl.

Jak widać poniżej, kolejne kwiatki. Ja widzę tylko jeden (bez bicia przyznaje) ten BR po <h1>Oferta</h1> jest "nie profesjonalny".

Kod

<p>Jesteśmy prężnie rozwijającą się firmą, z czteroletnim doświadczeniem z zakresu projektowania aplikacji internetowych, oraz grafiki komputerowej.</p>
<br>
<p>Nie od dziś wiadomo, że możliwości jakie daje nam Internet, są wielką szansą dla każdego, kto chce zaistnieć w sieci. Jako specjaliści dot. tworzenia aplikacji internetowych, kładziemy szczególny nacisk na marketing internetowy, dynamikę oraz jakość i prostotę użytkowania naszych przyjaznych systemów.</p>
<br><a href="main/plan" class="right">więcej..</a>

<h1>Oferta</h1>
<br>

Taaa...
Jestem ciekaw jak ty byś wygenerował z php układ tabeli w takiej postaci.
Szczerze, to sam pytałem się na forum jak by to zrobić i najprostszym sposobem były tabele.

Kod

</td></tr><tr><td style="height: 68px; width: 68px; background: url('images/rel_bg.png') no-repeat center;">
        <center><a href="realizacja/45" style="border: 0px;"><img src="admin/realizacje/alpha/logo.png" class="rel"></a></center>
      </td><td style="height: 68px; width: 68px; background: url('images/rel_bg.png') no-repeat center;">
        <center><a href="realizacja/65" style="border: 0px;"><img src="admin/realizacje/sorentsd/logo.png" class="rel"></a></center>
      </td><td style="height: 68px; width: 68px; background: url('images/rel_bg.png') no-repeat center;">
        <center><a href="realizacja/47" style="border: 0px;"><img src="admin/realizacje/royalpho/logo.png" class="rel"></a></center>

      </td><td style="height: 68px; width: 68px; background: url('images/rel_bg.png') no-repeat center;">
        <center><a href="realizacja/48" style="border: 0px;"><img src="admin/realizacje/plkcn/logo.png" class="rel"></a></center>
      </td></table><br><a href="main/realizacje" class="right">więcej..</a>

Tabele nie są złe, a strona nie jest na nich zbudowana. Prezentują tylko określoną treść, więc nie wiem co chciałeś przekazać.

Człowiek uczy się całe życie, a do kursów i książek zaglądam często.
Proszę o wskazówki, oceny

pedro84

5.07.2011, 23:25:17

Grafik ze mnie żaden, z grafikiem (graficzką) to sypiam

Patrzę z punktu widzenia użytkownika - strona nie jest atrakcyjna. Tyle.

1. Tak, są błędne. Przeczytaj kurs to będziesz wiedział dlaczego

2. Puste tagi ssą. Czasem nie ma innego wyjścia, ale nie w tym przypadku.
3. Div dla listy nie jest potrzebny.
4. title dla grafik nie jest wymagany, alt owszem
5. To powinien być jeden paragraf (wtedy dajesz break line), albo kilka paragrafów (wtedy bez br)
6. Tabela: <center>, style w dokumencie HTML.

Każdy się uczy, cały czas. Ale z tego co piszesz, wnioskuję, że jeśli chodzi o HTML to braki masz ogromne. Do kursu marsz

qrooel

5.07.2011, 23:31:11

Moim zdaniem strona nie oddycha, zbyt ciasne jest to wszystko. Treść powinna mieć o wiele większe paddingi. Menu nie oddycha.

Prezentacja projektów [portfolio] - muszę kliknąć na każdy żeby zobaczyć szczegóły, po dwóch już mi się znudziło. W moim odczuciu powinno to być wszystko widoczne od razu, bez zbędnego klikania.

Deklaracja jest 2 razy, tak powinno być?

Dodałem pusty komentarz: http://www.systemyinternetowe.com/artykul/30

[PHP] pobierz, plaintext 
Zalogowany jako: 
Notice: Undefined index: admin in /homez.301/krzysiekz/www/admin/index.php on line 88
[PHP] pobierz, plaintext

Odnośnie SEO: h1 używamy tylko raz na danej stronie.

Pozdrawiam i powodzenia. ;]

KrzysiekKCN

5.07.2011, 23:51:58

To nie jest pusty tag. Po zalogowaniu jest to element profilu.
<center> użyłem do wycentrowania małego loga z tekstem jednocześnie. Mniej pisania niż jak bym miał to CSS opracowywać.

Obrazki postaram się poprawić, aktualnie czytam książkę o SEO tak więc zapewne jakieś modyfikacje mnie nie ominą.

Treść,a raczej jej ułożenie postaram się poprawić.

Proszę o kolejne sugestię na temat kodu, grafiki.

P.S. Co byś dodał by ją ulepszyć, tą grafikę oczywiście.

Postaram się jakoś to rozszerzyć.

Co do tego błędu, no niestety jest ich masa, ale tego już niema

Polepszę walidację komentarzy dziś wieczorem, bo teraz już nie mam na to siły

ale dzięki za spostrzeżenia.

I tak jak mówiłem. z SEO będzie jeszcze dużo zmian. Książkę czytam od wczoraj, a stronę robiłem już od dłuższego czasu

Mógł byś rozbudować, bo nie za bardzo kojarzę

Cytat

Deklaracja jest 2 razy, tak powinno być?

Portfolio spróbuję zrobić bardziej czytelne.
Proszę o kolejne sugestię.

Rid

6.07.2011, 00:25:11

Wszedłem na cennik ,wyskoczył div z cennikien,klikam następne i się zwiesza ,biały ekran i Throbber krążący sobie w kółeczko ani wejść ani wyjść.Coś nie za bardzo chce się wczytać.

Damonsson

6.07.2011, 01:02:22

Wysłałem pusty formularz:
Notice: Undefined variable: temat in /homez.301/krzysiekz/www/subsites/kontakt.php on line 66
Wiadomość została wysłana!

Wywal to 1 Doctype i posłuchaj wszystkich rad odnośnie poprawek kodu.

Skoro oferujesz "Pakiet "Premium" oferuje zaprojektowanie oraz wykonanie strony WWW" To portfolio musi rozpie**alać grafiką. Gdyby to była strona piekarni byłoby ok, a nawet super, jak na taką stronę jest bardzo słabo.

edit:
@up U mnie cennik działa, więc podaj mu przeglądarkę co by się nie trudził w szukaniu

askone

6.07.2011, 06:44:01

Mnie ciekawi w jakim celu dla niezalogowanego usera dajesz SESSID?? I to jeszcze jako GET...

ps. Wszedłem po raz drugi na link i już w linkach w menu nie miałem SESSID - ciekawe

Pozdrawiam

KrzysiekKCN

6.07.2011, 09:10:01

Więc tak

Kontakt poprawie dzisiaj. Kod próbuje Modernizować

PHPSESSION ID dodaje OVH tylko przy 1 wejściu na stronę. Przynajmniej tak oni to tłumaczą.

Sprawdziłem cennik i działa u mnie na Opera, Chrome, FireFox, IE9, Safari.

Dzięki za wszystkie rady i proszę o więcej. To mój pierwszy tak duży system w notatniku

Co do tej grafiki, czy ktoś może mi wytknąć szczegóły? Nie wiem co zmienić, czego się pozbyć

Przecież wszystko można naprawić

melkorm

6.07.2011, 09:44:27

huh

Komunikaty przy formularzach - nawet nie zauważyłem kiedy się zarejestrowałem, zresztą na takiego o to mila:
'''''''''''''''''''@'''''''''''''''.pl

Po rejestracji powinien być jakiś komunikat dziękujemy za rejestrację czy coś

a nie że cały czas jestem na stronie rejestracji.

Co do samej grafiki się nie wypowiem, bezguście ze mnie - ale jakoś mnie nie zachwyca ani nie przeraża takie 5/10 ;p

PS. Notatniku ? a o IDE słyszał ?
PS2. Na OVH nie mam podobnych problemów i nigdy nie miałem.

KrzysiekKCN

6.07.2011, 09:56:19

Też nie miałem. Tylko w tym mi takie wyskoczyło, komunikaty dodane do listy poprawek.

Nie jestem pewien czy wymóg potwierdzania emailem całkowicie nie odstraszy ludzi

A może to jakoś inaczej rozwiązać?

Daiquiri

6.07.2011, 09:59:04

Co do grafiki, to:

Ogólnie:
[-] Małe marginesy,
[-] Typografia,
[-] Dziwne efekty, różnice w kolorach przy zaokrąglonych ramkach boksów,
[-] Brak wyrównania elementów,

Konkrety
[-] Menu górne, pozostawia wiele do życzenia. Typografia, marginesy, kolor, zbyt mocny (moim zdaniem) efekt blasku, za mocne "cięcia",
[-] Odcień niebieskiego i bokeh w tle slajdów, jest moim zdaniem słabym wyborem,
[-] Pustości w bloku "opinie klientów",

Tyle na start. Powodzenia w dalszej pracy!

Rid

6.07.2011, 16:49:50

Cytat

Sprawdziłem cennik i działa u mnie na Opera, Chrome, FireFox, IE9, Safari.

Dziwne u mnie Na FF3,6 nie działa,być może ,że to wina mego browsera

KrzysiekKCN

7.07.2011, 23:12:20

Huh. Myślę że poprawiłem większość waszych rad.
Sprawdziłem ilość nagłówków na stronę, dodałem atrybuty do linków i obrazów.
Co do cennika, sprawdziłem na nowszej i starszej wersji FF na 2 różnych komputerach i rozdzielczości i wszystko działa poprawnie.
Co do portfolio wprowadziłem delikatną zmianę.
Poprawiłem walidację email oraz komentarzy.

Czy jest ktoś kto znalazł coś jeszcze?

P.S. Co do grafiki, to myślałem faktycznie nad zmianą górnego menu, ale to po urlopie