Schemat pracy Webmastera.

[kanar1988]

Witam wszystkich.
Jak widać jestem tu nowy i także zaczynam z tworzeniem stron www. Nie umiałem znaleźć podobnego tematu więc piszę tutaj.
Mam pytanie odnośnie rozplanowania projektu. Jak to jest u Was? Nie zrobiłem jeszcze nic konkretnego ale chciałbym się poważnie zabrać za to i jestem ciekaw schematu pracy doświadczonych webmasterów Od czego zaczynacie? Na razie mam na myśli sam układ. Bez wchodzenia w PHP, JS itp. W moim odczuciu prace do pewnego poziomu(bardzo początkującego) widzę mniej więcej tak:

1. Wpadam na pomysł, określam odbiorców itp, tworze swoją wizję strony.
2. Rozrysowuje sobie układ na kartce, co jak i gdzie.
3. Tworze główny układ strony np za pomocą divów.
4 ?

Jak wygląda praca dalej u Was? Z góry planujecie wszystko, wszystkie części na stronie tzn dzielicie całą stronę na divach już na wstępie czy wychodzi to podczas pracy? jest to w ogóle możliwe żeby rozplanować wszystko na początku?
Wydaje mi się że np tworząc "górę", headera z logiem, jakimś tekstem krótkim, ewentualnie jakieś zdjęcie zaczynam od określenia od początku do końcu headera czyli jego układ z CSS a układ reszty strony dopisuję później? Sorka jeśli moje pytanie jest tak głupie że aż żal, ale od czegoś trzeba zacząć Proszę o konstruktywne porady i z góry dziękuję.

[Kartofelek]

1) wpadam na pomysł
2) śpię z pomysłem.
3) sprawdzam w necie podobne pomysły. sprawdzam co w nich jest dla mnie ok, co nie jest
4) śpię z pomysłem 2x
5) prototypuję. Czyli rozrysowuje na kartce, lub co jest milion razy lepsze - używam Axure (poszukaj w google).
6) W czasie prototypowania MYŚLĘ
7) tutaj zaczyna się podział na 2 części - frontend i backend, i najlepiej jakby to robiły 2 zespoły.
8) Frontend - czyli wygląd. To ODZIELNA CZĘŚĆ. Ja np robię frontend.
9) Backend - znowu odzielna część. Mając frontend podpinam go pod backend.

Przy małych stronach gdzie nie potrzeba super duper sytemu powyższe podejście wcale nie musi być czynione Zrobisz sobie jakiś szkic, frontenda (czyli html itp) a potem na bieżąco stworzysz do tego prosty backend (może korzystając z jakiegoś frameworka typu Symfony) i styka. Ale dla mnie bardzo ważne jest jak największe oddzielenie html od strony serwerowej. Dzięki temu za jakiś czas mogę wykorzystać "tył" do podpięcia innego layoutu.
No ale podejść jest milion pińset. Często gęsto zależy to od cms z jakiego korzystasz. A może nie korzystasz i podpinasz po prostu za pomocą include(....). Też się da. I nie jest to złe. Kwestia projektu.

Jeszcze co do planowania. To jak z pisaniem gier. Im więcej zaplanujesz z góry (podzielisz na mniejsze problemy), wtedy łatwiej ci będzie potem to ogarnąć. Czy formularz powinien mieć 3 pola czy 2? Czy miniaturka powinna być większa czy maluteńka?
Ja np tworząc frontend dzielę laje na klocki. Mam header, content, sidebar, footer itp. Każdy taki klocek jest oddzielny i ma w sobie swoje elementy. Logowanie, jakieś linki itp - wszystko to jest wewnątrz klocka i stanowi "zamkniętą" całość. Dzięki temu NIGDY nie mam problemu z ułożeniem czy pozycjonowaniem poszczególnych elementów (które to problemy bardzo często goszczą na tym forum).
I tyle na teraz

[Ancik]

Projektowanie, a kodowanie to dwie różne rzeczy. Jak logika wskazuje, najpierw zajmij się projektowaniem, a o kodowanie przyjdzie czas martwić się później. Prawda jest taka, że przy projektowaniu wizerunku, strona często ma spełniać określone założenia marketingowe, które jako projektant też musisz wziąć pod uwagę. Co natomiast tyczy się kodowania, to wszystko da się zrobić więc większych barier dla twojej wyobraźni nie ma. Jedyne bariery to twoja wiedza i umiejętności w zakresie kodowania, które są indywidualne dla ciebie. Czasem warto pójść na pewne kompromisy, żeby z kodowaniem było łatwo, ale to naprawdę indywidualna sprawa.

Twoje pytanie dotyczy strikte projektu, a nie pracy z klientem? Więc tak:

Mi osobiście bardziej pasuje system od ogółu do szczegółu. Z początku, wypada określić grupę docelową. Następnie zajmuję się kolorystyką. W głowie w tym czasie powoli rodzi się zarys projektu. Czas na ogólne rozłożenie elementów. Czyli header, menu, kontent i inne bardziej znaczące elementy, które strona ma zawierać. Podobnie jak Kartofelek, dziele w ten sposób stronę na bloki (rysuje na kartce prostokąty i co w którym ma się znajdować). Potem analizuje to, jeżeli wszystko jest w porządku, to przechodzę do dokładniejszych detali. Zapomniałem, że bardzo istotną rzeczą przed rozpoczęciem jakiejkolwiek pracy, jest inspiracja. Koniecznie warto zrobić research w internecie dotyczący konkurencji i tematu witryny. Zwykle znajduje się coś ciekawego i wpada na pewne pomysły. Zobacz jak robi to konkurencja, a potem jak to mawiam - nie powtarzaj ich błędów .

Nie zaprzątaj sobie głowy tym, jak to wszystko zakodujesz, będąc jeszcze w procesie projektowania. Nie skupiaj się na wszystkim naraz, bo oszalejesz

PS. Istotną rzeczą jest zacząć swoją prace z kartką papieru i ołówkiem. Nie rzucaj się odrazu na photoshopa, z uwagi na to, że pod natłokiem wszystkich możliwości i opcji technicznych łatwo stracić koncentracje w kwestii tego co najważniejsze.