Czy tworzenie stron WWW sprawia Ci problemy? Za chwilę przekonasz się jak sprawić, by stworzenie witryny szło sprawniej. Zdradzę Ci kilka sekretów, które wykorzystuję może nie od początku, ale odkąd tylko zaczerpnąłem pierwszej informacji z "górnej półki" odnośnie wembasteringu...
Jeżeli chcesz dobrze i sprawnie skonstruować stronę WWW musisz uzbroić się w pewne rzeczy. Jak za pewne domyślasz się, przede wszystkim - w cierpliwość. Stron nie powinno tworzyć się z rozmachu. Nie zawsze od razu wszystko wyjdzie jak należy. Czasami trzeba zacząć od nowa. Do sprawy należy podchodzić spokojnie - nerwy w niczym nie pomogą.
Kolejną rzeczą, w którą musisz się uzbroić to czas. Nie twórz stron, jeżeli nie masz czasu. Jeżeli zależy Ci na sprawnym i dokładnym zaprojektowaniu strony, lepiej przygotuj się na dłuższą "podróż". Jeżeli śpieszysz się gdzieś, odłóż cały ten proces na kiedy indziej.
Jeżeli masz już cierpliwość i czas, przydadzą Ci się narzędzia. Używaj tylko wygodnego edytora tekstu. Pamiętaj o przygotowaniu programu graficznego (może być w gotowości do użycia). Dobrze jest mieć pod ręką jakąś paletę kolorów (z hexami).
Do projektowania przydadzą się też: ołówek, długopis, arkusz kartek A4 (np. w kratkę) i ewentualnie linijka...
Dobrym pomysłem jest sporządzenie grafiku lub wyznaczenie czasu na projekt (w rozkładzie na dzień).
Twoim zadaniem jest zaprojektowanie strony. Przygotuj sobie kartę i ołówek lub długopis. Zastanów się o czym dokładnie ma być strona. Jakie działy, odnośniki - zawartość merytoryczna. Na razie zapomnij o układzie graficznym. Wypisz wszystko po kolei. Rozplanuj działy, napisz wstępnie co w nich będzie (jakie elementy, może mechanizmy itp.). Zastanów się o czym mogą być artykuły (możesz też wypisać gdzieś ich tytuły).
Pamiętaj, że to tylko projekt wstępny i jeżeli chcesz coś zmienić to zmieniaj, kreśl...
Następnie zaprojektuj linki. Określ łącza w menu. Zastanów się co gdzie ma prowadzić. Możesz to narysować lub napisać.
Przykład:
Strona o kulinariach: na stronie głównej aktualności / ciekawostki / zmiany na stronie. Oprócz tego zrobić miejsce na odnośniki (mechanizm) do najnowszych pięciu przepisów / artykułów.
W menu - Dania: gotowane, smażone, pieczone, mrożone, na surowo, sałatki. Następnie w każdym z działów przepisy, mogą być podzielone na mięsne i wegetariańskie. Uzupełnieniem przepisów mogą być ciekawostki na temat danych potraw (np. po wybraniu danego przepisu nowe menu z odnośnikami typu: "Czy wiesz, że?" oraz "Witaminy i wartości odżywcze", "Zalecenia", "Inne sposoby podawania".
W menu głównym strony można dodatkowo umieścić kategorię Fast Food, gdzie będą znajdywać się artykuły o tym, jak zrobić pożywny (ale nie koniecznie zdrowy obiad) w jak najkrótszym czasie. Oraz napoje czy koktajle.
Ponadto warto dać użytkownikowi możliwość dodawania własnych przepisów (po zarejestrowaniu) oraz dodawania komentarzy do przepisów / ciekawostek itp., a także umożliwić ocenę niniejszych (zaplanować mechanizmy - skrypty).
itd ...
To jest trochę jakby gadanie do samego siebie, ale dużo daje. Można naprawdę wymyślić świetne rzeczy, jednak trzeba poświęcić temu trochę czasu... Ważne, żeby wyłapać jak najwięcej pomysłów.
Podobnie warto postępować w przypadku projektowania sklepów internetowych, katalogów, stron firmowych czy portali.
Skoro już wiesz, co będzie na Twojej stronie warto to narysować. Narysuj najpierw stronę główną wraz z całym układem nowego layout-u. Narysuj sobie nagłówek (np. z logo lub bannerem reklamowym), lewym / prawym menu (lub górnym), narysuj środek. Napisz linki w menu, przykładowe tabelki w treści - spróbuj odzwierciedlić stroną prosto ze swojej wyobraźni...
Ważne jest bardzo rozplanowanie pierwszej strony (strony głównej), gdyż najprawdopodobniej tak będą wyglądały następne strony z pewnymi zmianami oczywiście.
Dobrym pomysłem jest też nanoszenie wymiarów rysunku, podobnie jak w rysunku technicznym tyle, że przyjąć jednostkę w pikselach.
Dobrze też byłoby zaprojektować sobie skrypty. Podobnie jak w przypadku strony - opisać co do czego i co robi oraz napisać przykładowe "cięższe" algorytmy.
Przemyśl wszystko jeszcze raz. Nowe pomysły dopisuj (dorysowuj)...
Teraz możesz zacząć składać wszystko. Zacznij od projektu strony. Pamiętaj żeby trzymać się projektu.
Składać można na kilka sposobów: możesz cały projekt przełożyć na obrazek graficzny (np. rysunek w Photoshopie), aby później przenieść kolorystykę do HTML-a i CSS (proste projekty) lub całkowity projekt graficzny przygotować do późniejszego pocięcia. Tutaj już musisz zdać się na swoje umiejętności...
Wykonany projekt pokaż znajomym. Spytaj się kilku osób, co o nim sądzą (tylko poproś o szczerość i nie bój się krytyki). Dobrze by było utworzyć kilka stron statycznych, aby mniej więcej odzwierciedlić całość.
Pamiętaj jednak, że znajomi często wolą chwalić niż krytykować, dlatego traktuj ich wrażenia z przymrużeniem oka (czyt. unikaj popadania w samozachwyt).
Wrzuć stronę na serwer, ale nie ujawniaj jej. Dokończ skrypty, skończ chociaż jeden dział.
Będziesz musiał poprosić o opinię bardziej wykwalifikowanych osób. Znajdziesz takich na różnych forach i grupach dyskusyjnych (związanych z tematyką). Spytaj ich co sądzą o Twoim projekcie, co im przeszkadza, co im się podoba. Przygotuj się na ostrą krytykę. Różne wypowiedzi będziesz mógł przeczytać. Grunt to wyciągnąć odpowiednie wnioski.
Nie musisz stosować się do wszystkich rad. Zmuś się raczej do myślenia. Zastanów się czy faktycznie trzeba coś pozmieniać w danym kierunku, tym bardziej jeśli w pewnych kwestiach przeczytasz zgodne wypowiedzi...
Oto, co powinno interesować Cię w pierwszej kolejności:
Pamiętaj, aby nie być zbyt nachalnym w pytaniach i najlepiej zadać je wszystkie na początku...
Jak wykonać projekt strony:
Oczywiście, projektu nie zamykaj. Możesz zawsze poprosić o opinię gości odwiedzających Twoją stroną, dzięki czemu będziesz mógł ją dostosować jeszcze bardziej do ich potrzeb.
Na początku takie projektowanie może okazać się trochę żmudne, ale z czasem stanie się normą projektowanych przez Ciebie stron WWW i zaoszczędzi wiele czasu i pracy...
Aktualności IT:
Książki:
