Paweł Wimmer - blog towarzyszący kursowi języka HTML w Helionie. Założony 10 czerwca 2006.






darmowe liczniki - od 17.02.2008
Add to Google - zaabonuj RSS

Nowości Helionu

Blog > Komentarze do wpisu
Jak szybko założyć witrynę

Jako aktywny uczestnik życia w Sieci nie tylko śledzisz, co się w niej dzieje, ale nierzadko zakładasz sobie konto w serwisie społecznościowym, jak Facebook, w mikroblogu, a niekiedy wręcz tworzysz porządny blog na jakiejś dobrej platformie. A co zrobić, jeśli zechcesz mieć normalną witrynę, a nie (lub nie tylko) uporządkowany chronologicznie blog?

Oczywiście nie byłbym sobą, gdybym nie zachęcał do nauki języków webmasterskich, co robię w końcu już od 13,5 roku. Ale przecież nie każdemu amatorowi własnej strony chce się przekopywać przez zawiłości HTML i CSS, nie mówiąc już o językach takich, jak PHP, ASP czy JavaScript. Znajomość choćby dwóch pierwszych daje naprawdę dużą satysfakcję, ale trudno namawiać do walki z nimi te osoby, które szukają rozwiązań prostych, szybkich i skutecznych, niewymagających studiowania książek czy kursów online, a potem jeszcze szukania miejsca na witrynę.

I tutaj z pomocą przychodzą systemy CMS, czyli Content Management System. Są potężne, jak Joomla czy Webnode, są też i proste, które można uruchomić w kwadrans. Moim faworytem jest od dawna system Google Sites (wspominam o nim tutaj od czasu do czasu), noszący polską nazwę Witryny Google. Dlaczego akurat ten? Na pewno moja sympatia do usług Google odgrywa pewną rolę, ale przede wszystkim dlatego, że to system prosty i łatwy, a na dodatek silnie powiązany z innymi serwisami Google, co odgrywa niebagatelną rolę. Redagujesz w nim swoje strony bezpośrednio na serwerze, zatem możesz bardzo szybko zaktualizować zawartość takiej strony. To idealne rozwiązanie dla niedzielnego webmastera - osoby aktywnej, choć mającej akurat ważniejsze sprawy niż skądinąd ciekawe zajęcie, jakim jest studiowanie HTML. Poza wszystkim, możesz najpierw założyć taką witrynę, a po zdobyciu doświadczenia zainteresować się za jakiś czas bardziej wytrawnymi technikami. Dla wielu osób będzie to świetne poletko doświadczalne.

Zatem, co nam daje Google Sites? Przede wszystkim, 100 megabajtów miejsca na serwerze. Mało? Wcale nie - witryn możesz założyć nawet kilka, a trzymając swoje grafiki i wideo w publicznych składnicach oszczędzasz mnóstwo miejsca, tworząc w GSites wyłącznie strony tekstowe odwołujące się do położonych gdzie indziej multimediów. Zmieścisz ich tam w ten sposób nawet setki, a więc nawet rozbudowana witryna zajmie ledwie część dostępnego miejsca.

Zobaczmy zatem, jak w kwadrans, góra pół godziny, utworzyć taką witrynę - oczywiście musisz mieć konto w Google. A jeśli jeszcze nie masz, zapoznaj się z tutorialem Google: tworzenie konta, który kiedyś napisałem w Poradniku komputerowym.

Na kolejnej stronie kreatora podaj kilka parametrów.

  • W polu Nazwa witryny podaj jakąś nazwę, na przykład Witryna Zosi. Google utworzy automatycznie człon adresu witrynazosi, który będzie mieć postać http://sites.google.com/site/witrynazosi, a przy okazji sprawdzi, czy przypadkiem ktoś z setek tysięcy czy milionów użytkowników nie utworzył już takiego adresu, bo są one w publicznej, światowej przestrzeni Google. Gdyby kilka osób utworzyło witrynę o takiej nazwie, możesz ręcznie zmienić sam adres.
  • W polu Opis witryny napisz kilka słów o niej.
  • W polu Udostępnianie pozostaw zaznaczenie Wszyscy na świecie mogą wyświetlać tę witrynę.
  • W polu Wybierz motyw wskaż motyw graficzny - po kliknięciu Więcej motywów znajdziesz dziesiątki propozycji.
  • Przepisz jeszcze antyspamowy kod weryfikacyjny.
  • Kliknij Utwórz witrynę. Gdyby Google zasygnalizował, że taki adres już istnieje, zmień nazwę lub sam adres.

 

Zobaczysz pierwszą postać swojej witryny.

Serwis automatycznie wstawia system nawigacyjny, umieszczony w lewym panelu.

Zastanów się teraz nad strukturą swoich stron. W naszym przykładzie przyjmiemy hierarchiczny układ, który może mieć przykładową postać:

  • Rodzina i przyjaciele
    • O mnie
    • Moi bliscy
    • Przyjaciele
  • Zajęcia
    • Praca zawodowa
    • Hobby i sport
  • Sieć
  • Podróże

Taki układ jest najbardziej przejrzysty.

  • Aby utworzyć pierwszą stronę, kliknij przycisk Utwórz stronę.

  • Na następnej stronie zostaw zaznaczony szablon Strona internetowa.
  • W polu Nazwa wpisz nazwę strony - Google automatycznie utworzy człon adresowy. Tutaj już jesteś we własnej przestrzeni, zatem Google nie musi już porównywać takiego adresu z adresami stron w innych witrynach.
  • Zaznacz opcję Umieść stronę pod Strona główna.
  • Kliknij przycisk Utwórz stronę.

  • System powróci do edycji strony - wpisz kilka słów objaśnienia i kliknij przycisk Zapisz.

  • Będąc na tej stronie kliknij znowu Utwórz stronę, po czym utwórz podstronę (np. O mnie), umieszczając ją pod stroną Rodzina i przyjaciele.
  • Po powrocie do edycji strony na razie nie wpisuj jeszcze treści (zrobisz to później) - kliknij Zapisz.
  • Kliknij stronę Rodzina i przyjaciele i w analogiczny sposób utwórz inne podstrony, czyli Moi bliscy i Przyjaciele - nie przejmuj się jednak, że nie widzisz tych podstron w nawigacji, zaraz o tym powiemy.
  • Wróć do strony głównej i w taki sam sposób utwórz kolejne strony, a w ich ramach podstrony, zgodnie z przyjętą hierarchią. Pamiętaj zawsze, aby umieszczać je pod właściwymi stronami - działy pod stroną główną, podstrony w obrębie działów. Jesli się pomylisz, możesz skorzystać z koła ratunkowego - po prawej stronie masz przycisk Więcej czynności, a w nim polecenie Przenieś stronę.

Zobaczysz taki widok.

Dlaczego nie widać podstron na najniższym poziomie, a jedynie działy będące w hierarchii pod stroną główną?

  • Kliknij Edytuj pasek boczny.
  • W polu Nawigacja kliknij Edytuj (tu, gdzie na ilustracji wskazuje kursor).

  • W okienku Konfiguruj nawigację wybierz Pokaż 3 poziomy stron i kliknij OK.

  • Po powrocie do strony zarządzania kliknij przycisk Zapisz zmiany.
  • Kliknij Powrót do witryny, aby wrócić do edycji witryny.

Zobaczysz tym razem wszystkie swoje podstrony - wystarczy rozwinąć hierarchię przyciskami strzałek.

No ale znowu mamy mały problem - Google układa to wszystko alfabetycznie, a nie według ważności - jest jasne, że Rodzina i przyjaciele powinni być na początku, a Podróże raczej pod koniec, a nie odwrotnie. Mamy jednak na to sposób.

  • Ponownie kliknij Edytuj pasek boczny.
  • W polu Nawigacja kliknij Edytuj.
  • Usuń zaznaczenie pola Automatycznie zorganizuj nawigację.

Zobaczysz zmienione okno Konfiguruj nawigację.

  • Ustaw kursor na Rodzina i przyjaciele, po czym klikając strzałeczkę po prawej stronie przenieś cały blok w górę.
  • W analogiczny sposób przenieś na właściwe miejsce inne strony - zauważ, że w górę czy w dół jedzie dana strona i wszystkie jej podstrony; dlatego tak ważne jest poprawne ustawianie hierarchii, gdyż w ten sposób operujemy całymi blokami stron.
  • Po dokonaniu zmian kliknij OK.

  • Po powrocie do zarządzania kliknij Zapisz zmiany i wróć do witryny.

Jak widać, teraz mamy pożądaną kolejność bloków. Ale uwaga! Po przejściu na ręczną organizację stron będziesz musiał wprowadzać kolejne strony do nawigacji ręcznie (polecenie Dodaj stronę w okienku Konfiguruj nawigację).

Szerokość paska nawigacji zmienisz na stronie zarządzania - Zmień układ witryny - Pasek boczny - Szerokość xx pikseli. Na przykład domyślne 150 pikseli możesz zmienić na 200 czy 250.

Na zakończenie jeszcze szybka informacja, jak dodać obrazek - w końcu to integralna część każdej witryny.

  • Dokonaj edycji strony - przycisk Edytuj stronę po prawej.
  • W menu edytora wybierz Wstaw - Zdjęcie z programu Picasa (tutorial, jak założyć taki album).
  • Na liście wyświetlonych albumów (zauważ, ile rzeczy możesz wstawić z usług Google!) kliknij właściwy album publiczny w swoim Picasa Web Albums.
  • Kliknij obrazek, a potem przycisk Wybierz.

Obrazek zostanie wstawiony do strony - możesz tu jeszcze wybrać jeden z rozmiarów. Po zapisaniu strony obrazek będzie widniał w naszej witrynie, nie obciążając wcale konta, gdyż fizycznie siedzi w Picasa Web Albums.

Jak widać, wszystko to jest proste, fajne i przyjemne - w sam raz dla owego niedzielnego webmastera, który chce mieć nieskomplikowaną, przyjemnie wyglądającą witrynę, bez zagłębiania się w webmasterskie tajniki. Czyli przecież dla większości z nas.

niedziela, 01 listopada 2009, prwimmer

TrackBack
TrackBack w tym blogu jest moderowany. TrackBack URL do notki:
Komentarze
Gość: sdsi, chello089074235107.chello.pl
2009/11/01 09:49:40
fajny tekst. przy okazji - mysle, ze mozna tutaj usystematyzowac informacje o CMS'ach; tym bardziej, iz Pawel rowniez o nich wspomina.

te najwieksze to Joomla i Drupal - kombajny o wielkich mozliwosciach i dodatkowych modulach, pozwalajacych stworzyc prawie wszystko. gdziec czytalem ostatnio, iz zasoby Bialego Domu zostana przeniesione na system Drupal.

natomiast te super lekkie CMS'y - polecam Wam szczegolnie sNews. to jest jednoskryptowy CMS (plus szablon, czyli nasza strona moze opierac sie na minimum dwoch plikach - skrypt i index.php). dziala na MySQL; daje mozliwosic kategoryzacji, ladowania plikow, komentarzy oraz oczyciwcie dodawania samych newsow; w tym takze stalych strone extra. bardzo szybki i super prosty.

jezli ktos ma dostep do srodowiska WAMP czy LAMP to warto taki samodzielny CMS postawic - w zasadzie jest sie bez ograniczen. polecam na swoim domowym komputerze ze stalym dostepem do sieci zainstalowac XAMPP'a - kompletne srodowisko, ktore dziala 30 sekund po pobraniu na dysk :) ogolnie - temat rzeka. ale jakze dzisiaj mamy wielkie mozliwosci. :)

a HTML sie bardzo przydaje przy ksztaltowaniu newsa w CMS'ie - ja osobiscie wole wstawic np. tabele czy grafiki bezposrednio za pomoca znacznikow html'a; zamiast korzystac z przyciskow pod formularzem, ktore udostepenia cms
-
2009/11/01 09:55:44
@sdsi - oczywiście sam regularnie grzebię w HTML w Google Sites, bo jest taka możliwość; przykładowo, zazwyczaj usuwam podkreślanie linków za pomocą text-decoration:none;
Zwykły użytkownik raczej nie będzie miał takiej potrzeby, ograniczy się do szablonu.
Masz naturalnie rację - połączenie dobrego CMS ze znajomością HTML/CSS to potężna kombinacja.