Narzędzie do tworzenia strony

Question

Witam,

jako, że wykupiłem pewną stronę w Internecie (oparta na wordpressie) chciałem przerobić jej wygląd i przy okazji nauczyć się całej otoczki tworzenia stron w sieci (w przyszłości mam zamiar ustawiać własne slidery, animacje i różne inne edycje).

I tutaj pojawia się moje pytanie - jakiego narzędzia najlepiej użyć do określenia jej wyglądu? Jako, że jestem laikiem w tych sprawach (choć trochę już przerobiłem materialu) szukałem informacji i nie jestem pewien czy korzystać z Photoshopa (mój znajomy mówi, że bez problemu "powycina" to i zrobi z tego styl strony - zna się na tym) czy samemu napisać w html'u i CSS'ie całość.

Ewentualnie także mogę samemu użyć Photoshopa (bądź Illustratora - tu tez pytanie co się bardziej nada) i samemu odpowiednie części strony zmienić na styl i podłączyć do cąłego kodu strony.
 

Wielkie dzięki za wszelkie odpowiedzi.
Pozdrawiam :]

Answer 1

Obecnie są dwie szkoły tworzenia stron WWW:

• tworzenie projektu w PS-ie, a następnie cięcie go na odpowiednie części
• tworzenie projektu bezpośrednio w przeglądarce

Wybór zależy głównie od projektu. Jeśli myślimy o konkretnym layoucie, w którym ważną rolę odgrywa grafika, lepiej będzie zacząć od PS-a. Jeśli nie ma dużej ilości grafiki, można z powodzeniem stworzyć wszystko w przeglądarce.

Comments

Dzięki wielkie w takim wypadku jeszcze jedno pytanie mam

Jeżeli głównie bym tworzył za pomocą najzywklejszych .html i .css to jak to się ma by później dodać do tego obrazek z Photoshopa tak by stanowił on layout strony? Widziałem kiedyś dość ciekawie zrobioną stopkę strony która miała jakby wstążkę udającą efekt 3D. Czy łatwo jest dodać taki element by nie musieć przepisywać dużych ilości kodu?

Podobny efekt jest także na tej stronie: http://www.1stwebdesigner.com/footer-designs-showcase/
pod pozycją numer 4.

---

Rzeknę tak: wychowałem się na zasadach zgodnie z którymi wszystkie elementy strony powinny być jak najbardziej niezależne, np. stopka mogłaby zostać praktycznie bez problemu przeniesiona do innej strony itd. Jeśli się myśli o częściach strony jako autonomicznych całościach to tego typu rzeczy stają się bardzo proste do dodania.

W gruncie rzeczy w tym wypadku to jest po prostu tło ;)

---

Faktycznie, mimo, że sam już tak robiłem przy swoich projektach (mówię tu o odosabnianiu elementów) to tutaj na to tak nie spojrzałem. Jeszcze raz dzięki wielkie za pomoc.

Answer 2

Przy tworzeniu projektu bezpośrednio w przeglądarce to korzysta się tutaj już z jakiegoś frameworka, który zawiera odpowiednie componenty, gdzieś widziałem kurs wyjaśniający takie projektowanie za pomocą Bootstrapa. Całkiem fajna sprawa dla kogoś kto nie chce bawić się w PS.

Answer 3

Cześć, polecam program Artisteer, sam go używam. Bardzo wygodne narzędzie do tworzenia najróżniejszych motywów/szablonów z możliwością zapisu danego szablonu gotowego od razu do użycia w wordpress, joomla, drupal czy jako zwykły szablon strony www.