artykuły

Wprowadzenie do tworzenia stron.


Ten artykuł nie jest typowym tutorialem, nie zawiera gotowych rozwiązań i szablonów. Ma na celu krok po kroku przybliżyć wszystkie elementy tworzenia stron, a użytkownik musi je zrealizować już we własnym zakresie. Tekst omówiony poniżej jest przeznaczony dla osób początkujących i zawiera tylko podstawowe elementy niezbędne do stworzenia prostej strony www.


Czym utkać sieć?

Teraz potrzebny będzie nam edytor stron. Wcześniej pisałem, że wystarczy zwykły edytor tekstu, ale to nie jest dobre rozwiązanie. Bylibyśmy zmuszeni do mozolnego wpisywania kolejnych linii tekstu, wszystko z pamięci. Po co? Skoro istnieją specjalne edytory stron WWW, które wiele tej pracy zrobią za nas, zawierają specjalne kreatory automatyzujące pewne czynności. Spróbuje tu wymienić najciekawsze:

  • Pajączek najlepszy polski edytor stron WWW, zawiera wiele kreatorów, kolorowanie składni, pomoc do znaczników oraz wiele innych cech czyni go narzędziem w pełni profesjonalnym, ale także łatwym w użyciu dla początkujących (program komercyjny)
  • Zajączek bardzo zaawansowany edytor stron, przy zastosowaniach pół profesjonalnych może z powodzeniem konkurować z Pajączkiem, dodatkowo jest darmowy.
  • EdHTML darmowy program napisany przez Karola Wierzchowskiego, posiada wiele ciekawych funkcji ułatwiających tworzenie stron.
  • WebSite Pro jak wyżej, na pewno ułatwi tworzenie stron (wymaga darmowej rejestracji).

Jak widzisz są to programy polskie i w polskim języku, myślę że powinny one wystarczyć początkującym webmasterom. Są także programy zagraniczne takie jak HomeSite, Coffee Cup, Dreamweaver, posiadają bardzo duże możliwości, ale nadal zdarzają się im jeszcze błędy związane z językiem polskim, dlatego na początek polecam produkty polskie.

Chciał bym tu także poruszyć sprawę programów typu WYSIWYG, takich jak FrontPage, może się tu narażę, ale nie nadają się one dla początkujących użytkowników, tworzenie stron w sposób wizualny jest bardzo łatwe i szybkie ale poziom generowanego kodu HTML jest po prostu tragiczny. Osoby słabo znające HTML, nie są w stanie "oczyścić" kod z niepotrzebnie wygenerowanych linii, często w ogóle ten etap pomijają, co jest powodem powstawania stron koszmarów. Praca z programami typu WYSIWYG ogranicza znajomość kodu oraz prowadzi do nabycia złych nawyków, które mogą w przyszłości utrudniać tworzenie stron.

Grafika

Jeżeli opanujemy już podstawy tworzenia stron WWW, następnym krokiem będzie przygotowanie projektu graficznego (tzw. layout). Należy pamiętać, że atrakcyjny i ciekawy wygląd strony pomoże przykuć uwagę użytkownika na dłużej. Ważne aby grafika była oryginalna, w natłoku stron o podobnej tematyce użytkownik szuka tej najciekawszej. Równocześnie należy pamiętać, aby nie przesadzać z nadmiarem grafiki i wyszczegać się taniego efekciarstwa, bardzo łatwo zniechęcić użytkownika.

Na stworzenie dobrego layout, składa się wiele elementów, które należy poznać:

  • podstawy obróbki i optymalizacji grafiki
    • Adobe Photoshop
    • Macromedia Fireworks
    • Corel Photo-Paint
    • Jasc Paint Shop Pro
    • Gimp
  • dobór czcionek
  • dobór kolorów poszczególnych elementów
  • podstawy typografii


Paweł Bachula
«« | 1 | 2 | 3 | 4 | »» | cały artykuł góra strony

Słownik:

Layout

Z jęz. ang. layout to układ graficzny. Służy do opisania struktury graficznej strony, rozplanowania poszczególnych elementów, ustaleniu proporcji, kolorystyki oraz sposobu jej wykonania.

Link

Oznacza on odsyłacz lub odnośnik. Jest to podstawowy element dokumentu elektronicznego pozwalający powiązać ze sobą inne dokumenty. Prawię każda strona internetowa posiada linki, które charakteryzują dokumenty hipertekstowe, wiążąc różne dokumenty o podobnej tematyce.

Serwer

Dedykowany system komputerowy wydzielony z sieci w celu realizowania usług, np. udostępnianie plików, uruchamianie zdalnie aplikacji itp

Piksel

Najmniejszy element obrazu, który może być wyświetlany na ekranie monitora. Im mniejszy rozmiar piksela, tym większa może być rozdzielczość monitora (popularne : 800x600, 1024x768).

[więcej]


Copyright © 2006. Magnis Webdesign.
Strona główna | Mapa serwisu | Oferta | Realizacje | Kontakt
Strona główna - tworzenie stron www, serwisy firmowe, systemy zarządzania treścią