Kurs języka HTML i CSS

Poradnik webmastera

  • Zwiększ rozmiar czcionki
  • Domyślny  rozmiar czcionki
  • Zmniejsz rozmiar czcionki

Tworzenie i edycja strony

Email Drukuj PDF

Edycja strony głównej

Strona główna jest tworzona automatycznie przez system, zatem od razu warto poznać podstawowe techniki edycji zawartości stron.

  • Aby przejść do edycji aktualnie wyświetlanej strony, kliknij przycisk Edytuj stronę widniejący po prawej stronie interfejsu.

Strona zostanie wyświetlona w trybie edycji, z menu i paskiem narzędziowym zawierającymi szereg narzędzi edycyjnych.

Wybrany przez nas motyw graficzny zawiera od razu zbiór stylów, które są automatycznie stosowane, gdy redagujemy elementy tekstowe strony. Gdy rozpoczniesz wpisywanie jakiegoś tekstu, będzie on wyświetlany zgodnie z domyślnymi stylami.

Aby szybko zapoznać się z techniką edycji, wpisz po prostu tekst opisujący twoją witrynę. Możesz wykorzystać narzędzia formatujące, jak pogrubienie czy pochylenie czcionki, kolor tekstu czy wyrównanie akapitu.

Po kliknięciu przycisku Zapisz strona zostanie zapisana na serwerze. Jeśli w trakcie redagowania rozmyślisz się, kliknij przycisk Anuluj, aby opuścić tryb edycji bez zapisywania dokonanych zmian.

W dowolnej chwili możesz podjąć edycję każdej strony, klikając ponownie przycisk Edytuj.

Dodawanie nowej strony

Nasza witryna to nie tylko strona główna, ale i wiele innych stron odpowiadających tematycznemu układowi witryny. Zanim zaczniesz dodawać strony, powinieneś się zastanowić nad strukturą witryny. 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
Wykonaj teraz sekwencję czynności.
  • Aby utworzyć stronę, kliknij przycisk Utwórz stronę.
  • Na następnej stronie kreatora 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ę.

Strona zostanie utworzona i system otworzy ją od razu w trybie edycji. Wpisz jakąś wstępną informację i kliknij przycisk Zapisz. Twoja witryna przyjmie taką postać:

Jak widzisz, system dodał od razu stronę do panelu nawigacyjnego, pod stroną główną – łatwo dostrzec hierarchię, którą narzuciłeś, umieszczając nową stronę pod stroną główną, gdy uruchomiłeś kreator nowej strony.

Pójdźmy jednak dalej, trzymając się przykładowej hierarchii stron. W ramach strony Rodzina i przyjaciele chcemy utworzyć podstrony o nazwach O mnie, Moi bliscy, Przyjaciele.

  • Będąc na stronie Rodzina i przyjaciele kliknij ponownie przycisk Utwórz stronę.
  • W kreatorze podaj nazwę O mnie, zaznacz opcję Umieść stronę pod Rodzina i przyjaciele.
  • Kliknij Utwórz stronę.

  • Po powrocie strona O mnie zostanie otwarta w trybie edycji. Wpisz cokolwiek w edytorze i kliknij przycisk Zapisz.
  • W analogiczny sposób, będąc na stronie Rodzina i przyjaciele, dodaj dwie podstrony o nazwach Moi bliscy i Przyjaciele.

Zastanawiasz się pewnie, dlaczego nie widzisz tych stron w panelu nawigacyjnym. Nic się nie stało, system się nie zepsuł – wkrótce wytłumaczymy, jak sprawić, aby podstrony trzeciego już szczebla w hierarchii były wyświetlane w panelu.

Już teraz jednak zauważ, że gdy wyświetlisz stronę drugiego szczebla, jak Rodzina i przyjaciele, dostęp do jeszcze głębiej położonych podstron masz bezpośrednio z ich strony nadrzędnej. Jest to po prostu lista podstron.

W taki sam sposób, startując od strony głównej, możesz dodać kolejne strony drugiego szczebla w hierarchii, a „pod nimi” strony trzeciego szczebla. Jak widać, precyzyjne rozplanowanie witryny, jeszcze zanim zaczniemy tworzyć kolejne strony, przyda się bardzo przy poprawnym ich umieszczaniu w hierarchii stron.

Ostatecznie, po utworzeniu naszej hierarchii stron, zobaczymy taki widok:

Nawiasem mówiąc, gdy zajrzysz do modułu administracyjnego (będzie mowa o nim później), zobaczysz pełną hierarchię utworzonych stron:

W witrynie, w panelu nawigacyjnym, widzimy więc cztery strony drugiego szczebla, pod stroną główną, nie widzimy natomiast na razie stron trzeciego szczebla, a co więcej, kolejność stron wydaje się nie do końca poprawnie odpowiadać naszym potrzebom, gdyż Google automatycznie ustawia je w kolejności alfabetycznej, zaś nam prawdopodobnie potrzebne będzie inne uporządkowanie – na pewno Podróże są mniej istotne niż Rodzina i przyjaciele, zatem powinny raczej znajdować się za nimi. Ale i z tym problemem łatwo sobie poradzimy.

 

Joomla! Profesjonalne tworzenie stron WWW

Joomla! Profesjonalne
tworzenie stron WWW

Joomla! 1.5 od kuchni. Ponad 130 przepisów!

Joomla! 1.5 od kuchni.
Ponad 130 przepisów!

Joomla. Tworzenie stron WWW. Szybki start.

Joomla. Tworzenie stron WWW.
Szybki start.

Nowości Helionu

Statystyki

Użytkowników : 3573
Artykułów : 513
Zakładki : 28
Odsłon : 21048288