Edycja stron w asariWWW

Edycja stron w usłudze asariWWW jest bardzo prosta i jeśli mieliście kontakt z edytorami typu Word to zauważycie analogię w formatowaniu i wprowadzaniu tekstu.

Ale od początku. Na początek logujemy się do panelu administracyjnego usługi asariWWW.
Po zalogowaniu widzimy kilka zakładek:
- Treść
- Wygląd
- Adres Internetowy
- Ustawienia
- Wizytówka
- Płatności

W tym wątku poruszymy temat edycji stron, więc interesować nas będą wyłącznie zakładki Treść oraz Wygląd

Zaczynamy od zakładki Wygląd. W niej wybieramy jeden z szablonów. Ja wybrałem jeden z serii "DUNE MODERN"

Klikamy na "Zapisz"

Na samej górze mamy menu z którego wybieramy "Podgląd"

W nowym oknie pokaże się nam wygląd strony.

Obecnie strona zawiera początkowe logo oraz jakąś treść w środkowej części okna, które znikną po tym jak wstawimy tam nasze rzeczy.

Wracamy do okienka z panelem administracyjnym i klikamy na "Treść"

W tym oknie mamy po lewej stronie dwa okienka, odpowiedzialne za treść znajdującą się na naszej stronie.

W okienku "Strony serwisu" dodajemy nowe przyciski, które będą się pojawiać po lewej stronie oraz treść zawartą pod nimi jak i "Strona główna odpowiedzialna za treść na stronie głównej.

Poniżej mamy "Elementy stałe serwisu" w których mamy trzy edytory do "Nagłówek serwisu" odpowiedzialnego za miejsce pod logo. "Baner reklamowy" jest to miejsce pod lewymi przyciskami. "Stopka serwisu" jest to stopka na dole strony.

Zaczniemy od umieszczenia naszego nowego logo. Logo nie powinno być szersze od 800px

W celu edycji klikamy na "edytuj" przy "Nagłówek serwisu"

Otworzy nam się edytor tej części strony.

Klikamy na "wstaw/edytuj obrazek" oznaczony poniżej czerwoną ramką

W oknie "Właściwości obrazka", które się pokaże klikamy na "Przeglądaj".

Następnym oknem, jest miejsce gdzie trzymana jest cała wgrana przez nas grafika. Obecnie na liście jest pusto więc klikamy na dole "Przeglądaj" i wskazujemy na nasze logo znajdujące się na naszym komputerze.

Po wskazaniu loga na naszym komputerze klikamy na "Upload". Spowoduje to przegranie pliku na serwer, lecz jeszcze nie pokazanie się na stronie.

Teraz w oknie mamy już nasze logo wgrane na serwer. Klikamy na nie.

Powróciliśmy do "Właściwości obrazka", w którym w podglądzie widzimy nasze logo.

Klikamy na "OK"

Powróciliśmy do edytora nagłówka w którym widzimy nasze wybrane logo.
Pozostaje wcisnąć "Zapisz"

A następnie "Podgląd"

Tak jak widzimy w podglądzie, na naszej stronie jest już zamieszczone logo.

Przejdźmy do edycji "Strona główna"

Edytor wygląda identycznie jak w przypadku nagłówka serwisu, lecz dodatkowo mamy jeszcze z lewej strony dodatkowe pola. W tych polach umieszczamy, poza tytułem, informacje dla wyszukiwarek, po których będą mogły nas zindeksować. To pomorze potencjalnym klientom trafić na naszą stronę.

W samym edytorze możemy umieścić tekst jak i obrazki. Obrazy wgrywamy identycznie jak dla loga. Dodajemy jakiś tekst.

Zapisujemy i klikamy na "Podgląd
W podglądzie naszej strony, widzimy jak zaczyna się zmieniać.

Edycja pozostałych elementów jest identyczna, więc teraz pokaże jak dodać nowy przycisk z jakąś treścią.

Obecnie mamy takie przyciski w lewym menu. Są to stałe przyciski ich nie można zmienić ale można dodać nowe.

W tym celu klikamy na "dodaj" w "Strony serwisu"

Otwiera się nam już znany edytor. Tym razem jednak doszły cztery nowe pola z których interesują nas tylko dwa

W pierwszym "Unikalna nazwy strony" wpisujemy nazwę strony, która będzie wykorzystywana przy tworzeniu adresu URL. Pamiętajmy by nie używać polski znaków dialektycznych oraz innych niedozwolonych znaków. Takim znakiem jest też SPACJA. Używać można wyłącznie liter od "a" do "z" oraz znaku "_".
W drugim polu "Tytuł strony" wpisujemy to co chcemy by pokazało się na przycisku. Pamiętać należy, że im krótszy napis na klawiszu tym lepiej wygląda.

W samym edytorze umieszczamy zawartość, jaka ma się pokazać po naciśnięciu przycisku.
Zapisujemy
Widzimy teraz na liście, że doszła nam nowa pozycja, którą można edytować lub usunąć

Klikamy na "Podgląd" i widzimy nowy przycisk na liście

Teraz już znamy zasady rządzące się edytorem asariWWW. Dla zaawansowanych użytkowników jest w edytorze przycisk "Źródło dokumentu" i gdy podczas normalnej edycji widzieliśmy

To po naciśnięciu "Źródło dokumentu" zobaczymy kod HTML, który również można edytować