Idź do

• Spis treści
• Przykładowy rozdział
• Skorowidz
Katalog książek
• Katalog online
• Zamów drukowany
katalog
Twój koszyk
• Dodaj do koszyka
Cennik i informacje
• Zamów informacje
o nowościach
• Zamów cennik
Czytelnia
• Fragmenty książek
online

Kontakt
Helion SA
ul. Kościuszki 1c
44-100 Gliwice
tel. 32 230 98 63
e-mail: helion@helion.pl
© Helion 1991–2011

Twoja pierwsza strona WWW.
Stwórz profesjonalną
i funkcjonalną stronę WWW
bez znajomości programowania
Autor: Maciej Dutko
ISBN: 978-83-246-2911-4
Format: 158×235, stron: 112

Błyskawicznie stwórz swoją własną stronę WWW!
• Gdzie szukać najlepszych kreatorów do łatwego tworzenia stron WWW?
• Jak założyć konto w wybranym serwisie?
• Jak łatwo zbudować strukturę swojej pierwszej strony WWW?
Tworzenie strony internetowej zazwyczaj kojarzy nam się z bardzo skomplikowaną serią czynności,
do wykonania których niezbędna jest znajomość co najmniej jednego języka programowania. Już
samo to skutecznie odstrasza wielu potencjalnych twórców stron WWW, którzy nie mają aż tyle
czasu i samozaparcia, by opanować tajniki tej procedury. A przecież niemal każdy potrzebuje dziś
swojego miejsca w internecie. Na szczęście z pomocą przychodzą nam płatne i bezpłatne kreatory
stron internetowych, pozwalające zaprojektować i opublikować serwis WWW bez wystukania na
klawiaturze choćby jednego znacznika HTML. Doskonałym – i konkretnym – przewodnikiem po
takich kreatorach jest właśnie ta książka.
„Twoja pierwsza strona WWW. Stwórz profesjonalną i funkcjonalną stronę WWW bez znajomości
programowania” pozwoli Ci szybko i bez żadnych trudności wybrać odpowiedni dla Ciebie kreator
online, założyć konto w serwisie, opracować strukturę strony WWW. Z tym podręcznikiem
nauczysz się łatwo edytować tekst i wstawiać różne elementy na Twojej stronie WWW. Dowiesz
się, czym różnią się darmowe narzędzia od komercyjnych, a także jak zmieniać wygląd Twojego
serwisu i zapewnić mu dobre miejsce w wyszukiwarkach. Jeśli w prosty sposób chcesz stworzyć
własną stronę WWW, trzymasz w rękach lekturę obowiązkową!
• HTML, CMS czy kreator online?
• Kiedy wybrać narzędzie darmowe, a kiedy komercyjne?
• Które kreatory pozwalają łatwo zarejestrować domenę?
• Dlaczego aplikacje płatne są czasami… tańsze od darmowych?
• Na co zwrócić uwagę przy wyborze kreatora?
• Które narzędzie będzie najlepsze dla Ciebie?
• Podsumowanie i próba oceny
Serwis WWW bez znajomości programowania… tak, to naprawdę możliwe!

Spis treci
O autorze .......................................................................................... 5
Wstp............................................................................................... 7
Rozdzia 1. HTML, CMS czy kreator on-line? ...................................................... 11
Rozdzia 2. Maszynki do stron WWW ................................................................. 19
2.1. otoStrona ................................................................................................................. 19
2.2. Webnode .................................................................................................................. 29
2.3. Mamfirme ................................................................................................................ 38
2.4. Alestrona ................................................................................................................. 45
2.5. Google Sites — Witryny Google ............................................................................. 51
2.6. WebOn ..................................................................................................................... 59
2.7. Home.pl ................................................................................................................... 67
2.8. SMS-em o pozostaych ............................................................................................. 71

Rozdzia 3. Biznesklasa: WordPress i Nazwa.pl .................................................. 75
3.1. WordPress — król blogów ...................................................................................... 76
3.2. WordPress z kreatora ............................................................................................... 87
3.3. Nazwa.pl — wszystko w jednym worku .................................................................. 92

Podsumowanie i próba oceny......................................................... 107
Skorowidz .................................................................................... 111

Wstp

7

Wstp
Profesjonalna strona WWW w 5 minut. Brzmi fantastycznie? Tymczasem to nie tylko
moliwe, ale wrcz bardzo proste do osignicia! Dziki przyjaznym kreatorom i systemom CMS, dziaajcym on-line, dzi nawet kto, kto nie ma bladego pojcia o tworzeniu witryn internetowych, moe byskawicznie zbudowa swój serwis. Niepotrzebna
jest do tego znajomo ani jednej komendy jzyków HTML czy PHP, ani technologii
Flash, a z wielu kreatorów mona korzysta cakowicie za darmo. Mina ju epoka,
kiedy wasna witryna wymagaa albo duych nakadów czasu i pracy, albo duych
pienidzy.
Niech ta ksika bdzie Twoim osobistym przewodnikiem, który pomoe Ci wybra
odpowiednie narzdzie i pokae, jak zacz przygod ze swoj pierwsz (a moe kolejn
ju) witryn internetow.
Skd pomys i potrzeba takiej publikacji?
Moja pierwsza strona WWW, któr stworzyem w 2000 roku, powstaa w… edytorze
Word! Zgadza si — ten powszechnie znany program pozwala generowa dokumenty
wizualne, które — zapisane w formacie HTML — dziaaj jako podstrony serwisu
WWW. Byem wówczas studentem i buntowaem si przeciwko nauce HTML-a na
zajciach, argumentujc, e przecie Word wystarczy.
Owszem, mona powiedzie, e Word jest przodkiem dzisiejszych kreatorów stron
WWW. Dodajmy: przodkiem bardzo niedoskonaym. Szybko bowiem okazao si, e
pliki stworzone w tej aplikacji zawieraj mnóstwo zbdnego i cikiego kodu ródowego,
a dokumenty wywietlaj si rónie w rónych przegldarkach. Prawdziwa praca dopiero
si rozpocza: stron trzeba byo przejrze, zwalidowa (usun bdy w kodzie)
i zoptymalizowa — tu ju znajomo jzyka HTML okazaa si niezbdna, a przedzieranie si przez kilometry kodu ródowego tylko psuo wzrok. I nerwy, oczywicie.
W latach 2002 – 2006 pracowaem w TVP, gdzie po raz pierwszy zetknem si z narzdziem typu CMS — systemem zarzdzania treci stron WWW, który osobie „nietechnicznej” pozwala atwo i sprawnie publikowa nawet po kilkadziesit newsów
dziennie w internetowym serwisie informacyjnym stacji. Póniej zarzdzaem jeszcze
witrynami kilku wydawnictw i redakcji, tworzyem wasne strony, przeprowadziem
te kilka tysicy godzin wicze , kursów i szkole z tego zakresu.

8

Twoja pierwsza strona WWW

Jednak gdy kto pyta: No dobrze, powiedz wic, jak atwo i szybko, a do tego najlepiej za darmo, stworzy stron internetow, z bezradnoci spuszczaem nos na kwint
i mówiem, e tak si nie da. Moliwoci byy dwie: albo nauczy si samodzielnego
tworzenia stron (niezbdny czas), albo zleci ich wykonanie profesjonalistom (niezbdne pienidze).
Jednak pod koniec pierwszej dekady XXI wieku w Polsce jak grzyby po deszczu zaczy
mnoy si serwisy pozwalajce na alternatywne podejcie do tematu i umoliwiajce
samodzielne tworzenie witryn w sposób niespotykany wczeniej. Zalet takiej samoobsugowej strony WWW jest wiele:
 intuicyjny interfejs i atwo obsugi (wstpne ustawienia wprowadzamy,

podajc krok po kroku za intuicyjnymi instrukcjami, sama edycja treci za
podobna jest do pracy z uproszczon wersj edytora tekstu);
 niepotrzebna znajomo technologii tworzenia stron WWW: HTML-a,

XHTML-a, PHP, CSS-ów, JavaScript itd.;
 niepotrzebna umiejtno projektowania graficznego (witryn tworzymy

w oparciu o gotowe szablony, zaprojektowane przez specjalistów: grafików
i programistów);
 atwo zarzdzania treci i struktur serwisu — dodawanie, usuwanie,

modyfikowanie dziaów i poddziaów oraz edytowanie wiadomoci
(teksty, grafika, multimedia) odbywa si za pomoc intuicyjnego panelu
administracyjnego;
 brak koniecznoci instalowania jakichkolwiek programów — caa praca odbywa

si on-line, w oknie dowolnej przegldarki internetowej;
 minimalna wiedza w zakresie obsugi komputera i poruszania si w Internecie;
 mae (lub wrcz zerowe) nakady finansowe — w polskiej Sieci dostpnych

jest wiele kreatorów pozwalajcych na stworzenie i zarzdzanie stronami WWW
za cen od kilkudziesiciu zotych miesicznie (aplikacje komercyjne, o penej
funkcjonalnoci i wysokim poziomie bezpiecze stwa) do nawet 0 zotych
(kreatory darmowe, czsto o ograniczonych moliwociach, ale pozwalajce
na stworzenie profesjonalnego serwisu).
Ciekawe opinie zebraem od moich klientów (tylko w roku 2010 byo ich kilkuset),
którym doradziem utworzenie strony w oparciu o takie wanie aplikacje. Oto gosy
osób, które z pocztku nie wierzyy, e sprawa moe by tak atwa:
 W istocie mona atwo zaoy pierwsz stron WWW.
 Nie wiedziaem, e to moe by a takie proste.
 Bez jakiegokolwiek problemu zao swoj darmow stron WWW.
 Wanie zbudowaem wasn stron internetow w oparciu o przejrzysty,

zrozumiay dla kadego program. Polecam wszystkim, którzy sdz, e stworzenie
wasnej strony przekracza ich moliwoci.

Wstp

9
 Okazuje si, e zrobienie strony internetowej jest moliwe nawet

dla niezaawansowanego uytkownika komputera. Polecam kademu.
 Polecam bardzo wszystkim, którzy boj si zacz dziaania przy wasnej

stronie WWW.
 Zaoenie strony rzeczywicie banalne :) Polecam!!!
 Nawet laik poradzi sobie z obsug tego kreatora.1

Z tej ksiki teraz i Ty dowiesz si:
 gdzie szuka najlepszych kreatorów do atwego tworzenia stron WWW;
 jak wybra ten, który najbardziej odpowiada Twoim potrzebom;
 jak zaoy konto w wybranym serwisie;
 na co zwraca uwag przy wyborze szablonów graficznych;
 jak atwo zbudowa struktur swojej pierwszej strony WWW;
 jak w prosty sposób edytowa tekst, zamieszcza zdjcia i multimedia;
 czym róni si narzdzia darmowe od patnych i dlaczego czasami warto

dopaci kilkadziesit zotych za wariant komercyjny;
 jakie dodatkowe moliwoci daj kreatory (np. tworzenie ankiet, modu newsów,

galerie zdj, formularze kontaktowe, bezpatne statystyki odwiedzin itd.);
 jak modyfikowa wygld serwisu (np. ustawi slogan gówny, doda wasne

logo lub banner);
 jak optymalizowa swoj witryn pod ktem pozycjonowania w wyszukiwarkach

(okrelanie metadanych: sów kluczowych i opisów widocznych w wynikach
wyszukiwania);
 jakie ograniczenia i wady maj poszczególne narzdzia i co mona z tym zrobi.

Ksika ta w zaoeniu ma by przewodnikiem jak najbardziej praktycznym. Dlatego
w tekcie znajdziesz konkretne koszty korzystania z kreatorów patnych (ceny regularne,
nieuwzgldniajce promocji), aby ju na etapie wyboru narzdzia móc oszacowa koszt
inwestycji i odnie go do swoich indywidualnych potrzeb, oczekiwa i moliwoci
finansowych. Przy kadej aplikacji omówiem te jej gówne parametry (dane s zgodne
ze stanem na wrzesie 2010).
Zmiany w Internecie zachodz w tempie byskawicznym, zalecam wic przed rozpoczciem pracy z konkretnym systemem sprawdzi najbardziej aktualne ceny zarówno
regularne, jak i promocyjne. Tym bardziej e wraz z szybkim wzrostem popularnoci aplikacji do atwego tworzenia stron WWW spodziewa si mona wzrostu konkurencyjnoci

1

To komentarze klientów, którzy w serwisie Allegro.pl zakupili mój autorski kurs wideo pt. Nieprzyzwoicie 
atwa strona WWW, pokazujcy, jak krok po kroku utworzy wasn witryn w jednym z darmowych
kreatorów (omawiam go w rozdziale 2.1).

10

Twoja pierwsza strona WWW

wród ich dostawców, co moe przeoy si na spadek cen. Równie parametry dostpnych usug zmieniaj si dynamicznie, dlatego istnieje dua szansa, e gdy ta ksika
trafi do Twoich rk, bd one inne — warto to sprawdzi.
Dodam, e w tej publikacji nie znajdziesz opisów popularnych systemów, takich jak
Joomla! czy Mambo, które równie pozwalaj na przyjazne tworzenie wasnych stron
WWW, jednak wymagaj wstpnej konfiguracji i „stawiania na serwerze”, co dla pocztkujcych internautów moe stanowi powan barier. Celem tej ksiki jest prezentacja wycznie narzdzi intuicyjnych i niewymagajcych od ich uytkownika jakiejkolwiek wiedzy technicznej.
Jedynym wyjtkiem od tej reguy s dwa narzdzia omówione w rozdziale 3., ale i w ich
przypadku rozpoczcie pracy nad wasn stron WWW pozostaje w granicach moliwoci nawet rednio zaawansowanego internauty.
Owocnej lektury i… do dziea!
Maciej Dutko

Skorowidz
A
Alestrona, 45
definiowanie typu serwisu, 48
Mapa strony, 49
panel administracyjny, 49
tworzenie strony, 46
wybór szablonu, 47
wybór typu strony, 47
aplikacje CMS, 12

H
Home.pl, 67
logowanie do kreatora, 70
tworzenie strony, 68
zakadanie konta, 68
HTML, 11

I
iWeb, 71

B
bezpiecze stwo danych, 107
blogi, 76
budet na utworzenie witryny, 109

C
CMS, 11, 12
CSS, 12

D
Domeny.pl, 71
drag-and-drop, 29, 37

J
jzyk XHTML, 12

K
kaskadowe arkusze stylów, 12
Kreator Kei.pl, 72
kreator on-line, 11, 16
Kreator stron eHost, 73
Kreator stron ITL, 73
Kreator Stron o12.pl, 72
Kreator WWW Osobisty, 72

M
E

edycja treci, 14

G
generatory stron WWW, 19
Google Sites, 51
edycja, 54
gadety, 56
panel ustawie , 53, 58
panel zarzdzania stron, 56
tworzenie strony, 52
wybór szablonu, 54
zarzdzanie treci, 58

Mamfirme, 38
edycja treci, 41
formularz rejestracji, 40
galeria zdj, 43
panel zarzdzania stron, 42
tworzenie podstrony, 43
tworzenie strony, 39
wybór szablonu, 40
metoda drag-and-drop, 29
MiastoWWW, 72
MSERWIS Kreator, 73

N
nazwa.pl, 92
aktualnoci, 98
bloki HTML, 98

112

Twoja pierwsza strona WWW

nazwa.pl
dodawanie grafiki, 102
edycja struktury serwisu, 97
edycja treci, 100
konfiguracja serwera, 95
Menader Plików, 102
meta tagi, 98
narzdzia, 98
opcje podstrony, 101
panel zarzdzania stron, 96
strona 404, 98
tworzenie strony, 93
wybór szablonu, 94
zakadanie konta, 93
zarzdzanie kopiami zapasowymi, 103

O
otoStrona, 19
dodawanie fotogalerii, 26
dodawanie podstrony, 25
moduy dodatkowe, 27
panel administracyjny, 23
szablony, 22
tworzenie strony, 20
waciwoci podstrony, 25
wprowadzanie treci strony, 24
wstawianie zdj, 26
zarzdzanie galeri zdj, 27
zarzdzanie stron, 24
outsourcing, 11
outtasking, 11

P
Pierwsza Strona, 73

R
reklamy, 107

S
samoobsugowa strona WWW, 8
Siteor, 73
strona WWW, 13, 14
STRONAKLIK, 73
system zarzdzania treci, 12, 14

T

panel administracyjny, 33
szablony, 32
tworzenie strony, 31
wprowadzanie treci, 35
wstawianie galerii zdj, 37
wybór szablonu, 32
Wygld strony, 35
zarzdzanie stron, 34
zarzdzanie zawartoci, 36
Zawarto, 37
Webnode E-mail, 30
WebOn, 59
dodawanie fotogalerii, 64
dodawanie podstrony, 66
edycja treci, 63
panel zarzdzania stron, 64
pasek zada , 65
rejestracja domeny, 61
statystyki, 66
tworzenie strony, 60
wybór szablonu, 61
WebsiteBuildex, 19
Witryny Google, 51
WordPress, 75, 76
chmura tagów, 80, 81
dodawanie podstron, 83
dodawanie wpisów, 79, 81
Kategorie, 80
kokpit, 79
komentarze, 82
lista wpisów, 80
panel administracyjny, 79
szablony, 82
Tagi wpisów, 80
tworzenie strony, 77
widety, 84
Wpisy, 79
wprowadzanie treci, 79
wyszukiwarka motywów, 83
Zapisz szkic, 80
zarzdzanie widetami, 85
WordPress z kreatora, 87
dodawanie treci, 90
edycja treci, 90
panel administracyjny, 89
rejestracja, 88
tworzenie strony, 87
wybór narzdzi, 107
wygld strony, 107

telepraca, 11
treci, 12, 108

X
W

WebKreator, 72
Webnode, 29
definiowanie podstron serwisu, 33
edycja treci, 34
formularz danych szczegóowych, 37
formularz rejestracji, 31
moduy, 37

XHTML, 12

Y
YellowPages Kreator, 72

Z
ZaFriko, 72
zarzdzanie treci strony WWW, 13