Tworzenie strony

Tworzenie strony

Previous pageReturn to chapter overviewNext page
Verborgen tekst tonen/verbergen

Kiedy już zdefiniuje się w projekcie mapę witryny, można przystąpić do tworzenia poszczególnych stron wchodzących w skład witryny. Okno Tworzenie strony służy do budowania stron przez zdefiniowanie ich zawartości.

Ścieżka dostępu oraz tytuł strony są podane po etykiecie Bieżąca strona.

Kliknij aby zwinąć/rozwinąć

Kliknij aby zwinąć/rozwinąćZagadnienie: Tabela układu strony

WebSite X5 wykorzystuje do zaprezentowania układu strony tabelę. Domyślnie jest to tabela 2 na 2, czyli składa się z 4 komórek. Chcąc stworzyć stronę (wstawić jej zawartość), wystarczy przeciągnąć obiekt z listy dostępnych obiektów i upuścić go w komórce. Jedna komórka może zawierać tylko jeden obiekt.

Do domyślnej tabeli można dodawać kolumny i wiersze, zwiększając dostępną liczbę komórek zawierających obiekty. Można także zmieniać szerokość poszczególnych kolumn. Możność modyfikowania tabeli układu strony i wstawiania obiektów tak, że mogą zajmować kilka komórek w pionie lub w poziomie, daje nieograniczone możliwości uzyskania dowolnie skomplikowanego układu.

Uwaga: Po opublikowaniu witryny w Internecie, tabela układu strony nie jest już widoczna. Zasadniczym zadaniem tabeli układu strony jest pomoc w rozmieszczeniu jej zawartości i uzyskaniu optymalnego efektu. Tabela układu strony nie jest "konwertowana" na tabelę w kodzie HTML strony (z wyjątkiem nielicznych wypadków bardzo skomplikowanego układu).

Jak wspomniano wcześniej jedna komórka tabeli układu strony może zawierać jeden obiekt, ale jeden obiekt może zajmować kilka komórek sąsiadujących w pionie i w poziomie i zajmować większy obszar na stronie.

Sposób wyświetlania komórek tabeli układu strony zależy od ich stanu:

Kliknij aby zwinąć/rozwinąć

Jeżeli w komórce znajduje się pusty obiekt, jego ikona jest widoczna na tle szarych ukośnych pasków.
Jeżeli w komórce znajduje się obiekt coś zawierający, jego ikona jest widoczna na błękitnym tle.
Jeżeli obiekt w komórce jest zaznaczony, wokół niego widoczne są uchwyty.

Aby ułatwić pracę w tabeli układu strony, wszystkie wiersze są ponumerowane (od lewej), a szerokości kolumn można odczytać po najechaniem wskaźnikiem myszy na dolną krawędź.

Kliknij aby zwinąć/rozwinąćZagadnienie: Polecenia na pasku poleceń

Pasek narzędzi znajduje się bezpośrednio nad tabelą układu strony i zawiera następujące polecenia:

Treść

To polecenie otwiera okno, w którym definiuje się obiekt zaznaczony w tabeli układu strony. Jakie okno zostanie otwarte, zależy od rodzaju obiektu (tekst, obra itp.).

Styl

Tym poleceniem otwiera się okno Styl obiektu, w którym definiuje się wygląd obiektu zaznaczonego tabeli układu strony.

Marginesy

Ten przycisk otwiera okno dialogowe Marginesy i wyrównanie. Za pomocą dostępnych tu opcji można określić w pikselach szerokość zewnętrznego oraz wewnętrznego marginesu bieżącego obiektu, a także ustalić wyrównanie obiektu w pionie i w poziomie względem komórki obiekt zawierającej. (Patrz, Model komórki w programie WebSite X5).

Rozszerz

Pozwala zaznaczonemu obiektowi rozszerzyć się na całą szerokość strony (wyznaczonej przez model) i wykorzystać w ten sposób całe miejsce dostępne w oknie przeglądarki.

Przycisk ten jest zawsze dostępny, ale by działanie opcji odniosło efekt, obiekt musi być jedynym wstawionym w danym wierszu. Obiekty, dla których włączono opcję Rozszerz, łatwo zidentyfikować w tabeli układu strony, ponieważ są szersze niż kolumny tworzące stronę. Ponowne kliknięcie przycisku Rozszerz przywraca obiektowi normalny stan, sprawiając, że obiekt będzie dopasowywał się do szerokości strony, a nie do szerokości okna przeglądarki.

Efekt

Tym poleceniem otwiera się okno Efekt wyłaniania, w którym określa się przejście, jakie ma być przypisane obiektowi zaznaczonemu w tabeli układu strony.

Ustaw kotwicę dla zaznaczonego obiektu

To polecenie tworzy kotwicę związaną z obiektem zaznaczonym w tabeli układu strony. Kliknięcie strzałki obok przycisku powoduje wyświetlenie następujących opcji: Wstaw kotwicę..., Edytuj... i Usuń.

Kotwica jest odwołaniem pomagającym zidentyfikować położenie obiektu na stronie: Ułatwia definiowanie linków bezpośrednio do obiektu.

Wstaw wiersz przed zaznaczoną komórką/Wstaw kolumnę przed zaznaczoną komórką

Te polecenia wstawiają do tabeli układu strony nowy wiersz lub nową kolumnę. Kliknięcie strzałki obok przycisku pozwala wybrać, czy wiersz lub kolumna maja być wstawione przed, czy po zaznaczonej komórce. Tabela układu strony może zawierać maksymalnie 64 wiersze i 12 kolumn.

Usuń wybrany wiersz/Usuń wybraną kolumnę

Te polecenia usuwają z tabeli układu strony zaznaczony wiersz lub kolumnę. Tabela układu strony może mieć najmniej 1 wiersz i 1 kolumnę (jedną komórkę).

Formaty wierszy

Tym poleceniem otwiera się okno Formaty wierszy, w którym określa się format wiersza zawierającego obiekty.

Responsywna

Tym poleceniem otwiera się okno Ustawienia responsywności, gdzie określa się zachowanie każdego obiektu w zależności od rozdzielczości strony.

By móc korzystać z opcji w oknie Ustawienia responsywności, należy wcześniej wyrazić chęć budowania witryny responsywnej przez zaznaczenie odpowiedniego pola wyboru w oknie Rozdzielczości i projekt responsywny.

Kliknij aby zwinąć/rozwinąćZagadnienie: Lista dostępnych obiektów

Lista dostępnych obiektów znajduje się obok tabeli układu strony. Aby umieścić obiekt na stronie, należy zaznaczyć na liście jego ikonę, przeciągnąć obiekt i upuścić w odpowiedniej komórce tabeli układu strony.

W celu łatwiejszego odnalezienia właściwego obiektu można zastosować filtr lub narzędzie zarządzania obiektami:

Lista filtrów

Zawiera listę filtrów, pozwalających wyświetlić kategorię obiektu, żeby łatwiej było go znaleźć. Można wyświetlić na przykład wszystkie Obiekty główne albo wszystkie Zawartość wzorca głównego.

Pokaż Zarządzanie obiektami

Otwiera okno Zarządzanie obiektami służące do instalowania, usuwania oraz aktualizowania wszystkich obiektów, które nie zostały uwzględnione w poddstawowej instalacji programu.

Oto obiekty należące do kategorii Obiekty główne oraz Zawartość wzorca głównego:

Gdy obiekt zostanie już wstawiony do tabeli układu strony, można go zaznaczyć i kliknąć przycisk Treść (lub dwukrotnie kliknąć obiekt) w celu otwarcia okna pozwalającego zdefiniować go dokładnie.

 


Porady praktyczne:

-

Jak zbudować stronę w tabeli układu strony?

-

Jak korzystać z ustawień Styl obiektu

-

Jak korzystać z ustawień Formaty wierszy


Więcej informacji:

-

Model komórki w programie WebSite X5