Pokazywanie postów oznaczonych etykietą Witryny Google. Pokaż wszystkie posty
Pokazywanie postów oznaczonych etykietą Witryny Google. Pokaż wszystkie posty

środa, 2 listopada 2016

Witryny Google - jak utworzyć witrynę

(Artykuł zaktualizowany z wersji z 2010 r.)

Witryny Google (ang. Google Sites) to bezpłatny, bardzo przyjemny w obsłudze webmasterski system CMS (Content Management System = System Zarządzania Treścią), w którym możesz założyć dowolnie wiele witryn poświęconych rozmaitym tematom. System oferuje spore możliwości edycyjne, a zarazem nie jest tak trudny i skomplikowany, jak popularne na świecie Joomla czy Drupal. Jednocześnie, w przeciwieństwie do chronologicznie pracujących WordPressa czy Bloggera, pozwalają ułożyć rozmaite tematy systematycznie, w formie hierarchii stron. System Google Sites obsługuje obecnie (jesień 2016) ok. 130 tys. witryn.

Narzędzie: Witryny Google
Kategoria: witryny internetowe
Temat: Utworzenie nowej witryny
Poziom trudności: 1/3
Wielkość dokumentu: ok. 3900 znaków, 3 ilustracje
  • Zaloguj się na swoje konto Google.
  • Aby utworzyć pierwszą witrynę, przejdź na stronę https://sites.google.com.
  • Kliknij przycisk Utwórz.
WitrynyStart01

środa, 12 stycznia 2011

Witryny Google - pozioma nawigacja

W Witrynach Google zazwyczaj tworzymy panel nawigacyjny po lewej lub prawej stronie, co pokazaliśmy we wpisie Witryny Google - tworzymy nawigację. Masz jednak także możliwość zbudowania dwupoziomowego, rozwijanego menu u góry strony.

  • W zapleczu administracyjnym, na karcie Układ witryny, kliknij przycisk Zmień układ witryny.

Ukaże się okno Zmień układ witryny.

image

Rysunek - Modyfikowanie układu witryny

Poziomy pasek nawigacyjny nie jest domyślnie włączony. Gdy zaznaczysz tę opcję, po zapisaniu opcji kliknięciem OK zmieni się zawartość karty Układ witryny i będziesz mógł utworzyć poziomy pasek nawigacyjny znajdujący się nad stronami, ale poniżej nagłówka.

image

Rysunek - Edycja zawartości poziomego paska nawigacyjnego

Po kliknięciu linku edytuj zawartość ukaże się okno Właściwości nawigacji poziomej.

image

Rysunek - Okno dodawania stron do nawigacji poziomej

Gdy klikniesz Dodaj stronę, w oknie Wybierz stronę do dodania znajdź potrzebną ci stronę i wprowadź ją do poziomego paska nawigacyjnego.

image

Rysunek - Wybieranie strony do dodania

Domyślny styl elementów nawigacyjnych to Pola.

image

Rysunek - Style elementów nawigacyjnych

Po zapisaniu zmian pasek nawigacyjny wygląda następująco:

image

Rysunek - Pola w pasku nawigacyjnym

Karty mają bardzo podobny wygląd, natomiast Linki mają następującą postać:

image

Rysunek - Linki w pasku nawigacyjnym

Masz jeszcze możliwość tworzenia menu rozwijanego – najlepiej zilustruje to przykład.

Definicja nawigacji (zwróć uwagę na wcięcie stron niższego szczebla – są jednak maksymalnie dwa poziomy):

image

Rysunek - Definiowanie rozwijanego menu

Wynik w witrynie – menu rozwija się po przesunięciu nad nie kursora myszki:

image

Rysunek - Rozwijane menu w witrynie

czwartek, 6 stycznia 2011

Witryny Google - tworzymy nawigację

We wpisie Witryny Google - jak utworzyć witrynę powiedzieliśmy, jak założyć witrynę w systemie Witryny Google. Kluczowym problemem jest oczywiście nawigacja w takiej witrynie, zatem w tym miejscu pokażemy krok po kroku, jak zorganizować spis treści. Przyjmiemy tu najbardziej popularną metodę, jaką jest panel nawigacyjny po lewej stronie witryny.

Jak powiedzieliśmy poprzednio, 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ę.

image

  • 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ę.

image

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

image

  • 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 przy wyborze szablonu i podawaniu nazwy umieszczać je pod właściwymi stronami - działy pod stroną główną, podstrony w obrębie działów. Jeśli 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.

image

Na razie nie widać podstron na najniższym poziomie, a jedynie działy będące w hierarchii pod stroną główną. Poprawmy to zatem.

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

image

  • W okienku Konfiguruj nawigację wybierz Poziomy stron do pokazania: wszystkie i kliknij OK.

image

  • 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.

image

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 powinno 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.

image

  • 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ę). Strzałkami w górę i w dół zmieniasz wtedy pozycję stron w pionie, a strzałkami w lewo i w prawo możesz tworzyć zagnieżdżenia stron w hierarchii spisu treści.

image

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

image

Po kliknięciu OK zapisz zmiany i powróć do witryny. Tym razem panel nawigacyjny jest już szerszy.

image

Jak widać, nie jest to specjalnie trudne - w zasadzie wiesz już, jak zapanować nad strukturą swojej witryny. Teraz wystarczy wprowadzać treść.


A U T O P R O M O C J A:

Platformę Witryny Google opisuje szeroko mój ebook Twoja strona w Sieci. Witryny Google