Tworzenie stron internetowych za pomocą Kompozytora Stron

Tworzenie nowej strony

Kompozytor Stron to edytor HTML (HyperText Markup Language), który pozwala tworzyć i modyfikować strony internetowe. Kompozytor jest edytorem typu WYSIWYG (What You See Is What You Get), co oznacza że edytowaną stronę na bieżąco widać tak jak będzie wyświetlana w przeglądarce. Nie trzeba znać języka HTML, ponieważ większość postawowych elementów języka dostępna jest poprzez polecenia z paska narzędzi i menu. Kompozytor Stron pozwala także na edycję źrodła strony w języku HTML.

Aby utworzyć nową stronę należy uzyć jednej z poniżej opisanych metod. Po utworzeniu strony można wpisywać tekst tak jak w edytorze tekstu.

Aby utworzyć nową stronę należy:

• Z menu Plik wybrać Nowy i następnie Strona Kompozytora Stron. Otworzy się okienko Kompozytora z pustą stroną.

Aby dokonać edycji bieżącej strony z Nawigatora należy:

• W oknie Nawigatora wyświetlającym daną stronę, otworzyć menu Plik i wybrać pozycję Edytuj stronę. Pokaże się okno Kompozytora zawierające przeglądaną stronę.

Aby dokonać edycji pliku HTML z lokalnego dysku twardego należy:

1. Z menu Okno wybrać pozycję Kompozytor Stron.
2. Z menu Plik wybrać pozycję Otwórz plik.
3. Na twardym dysku znaleźć i zaznaczyć żądany plik.
4. Kliknąć przycisk Otwórz aby wyświetlić plik w oknie Kompozytora Stron.

Podpowiedź: W Kompozytorze Stron można także edytować pliki JavaScript.

Aby dokonać edycji strony z internetu należy:

1. Z menu Plik wybrać Otwórz adres internetowy.
2. W oknie Otwórz adres internetowy wpisać URL strony (na przykład www.mozillapl.org).
3. Z rozwijalnego menu wybrać Nowe okno Kompozytora Stron.
4. Kliknąć przycisk Otwórz aby wyświetlić stronę w oknie Kompozytora Stron.

   Uwaga: Po wybraniu polecenia Zapisz strona będzie zapisana lokalnie, na twardym dysku.

Podpowiedź: Aby szybko otworzyć ostatatnio edytowaną stronę należy z menu Plik wybrać Ostatnio edytowane strony, a następnie zaznaczyć w liście żądany plik.

[ Powrót do początku rozdziału ]

Zapisywanie i przeglądanie utworzonej strony

Kompozytor Stron potrafi zapisywać dokumenty w formacie HTML i formacie tekstowym. Zapisanie dokumentu w formacie HTML pozwala zachować formatowanie strony jak style tekstu (np. pogrubiony lub pochylony), tabele, odnośniki i obrazki. Zapisanie w formacie tekstowym usuwa wszystkie znaczniki HTML zachowując tekst dokumentu.

Aby zapisać dokument w formacie HTML należy:

• Z menu Plik wybrać Zapisz. Jeśli strona nie ma jeszcze tytułu wyświetli się okienko z prośbą o jego wpisanie. Tytuł strony wyświetlany jest w pasku tytułowym okna przeglądarki gdy strona jest otwarta i w liście zakładek gdy strona zostanie dodana do zakładek.

  Następnie Kompozytor zapyta o nazwę i położenie docelowego pliku. Należy zachować rozszerzenie .html.

• Aby zachować dokument pod inną nazwą lub w innym miejscu należy wybrać polecenie Zapisz jako z menu Plik.

Aby zachować dokument w formacie tekstowym należy:

1. Z menu Plik wybrać Eksportuj do formatu tekstowego.
2. Podać nazwę i wybrać położenie pliku docelowego.

Podpowiedź: Aby przywrócić dokument do ostatnio zapisanej wersji należy wybrać pozycję Przywróć z menu Plik. Uwaga: ostatnio wprowadzone zmiany zostaną utracone.

Aby wyświetlić stronę w oknie przeglądarki należy:

• Z menu Plik wybrać pozycję Otwórz stronę w przeglądarce (lub kliknąć przycisk Podgląd na pasku narzędzi). Jeśli dokument nie jest jeszcze zachowany Kompozytor zapyta o tytuł, nazwę i położenie pliku strony. Okno Kompozytora Stron pozostaje otwarte pod nowootwartym oknem Nawigatora.

[ Powrót do początku rozdziału ]

Formatowanie stron

Formatowanie akapitów, nagłówków i list

Aby ustawić styl akapitu należy:

1. Ustawić kursor w miejscu, które bedzie formatowane lub zaznaczyć żądany tekst.
2. Wybrać styl akapitu za pomocą rozwijalnego menu na pasku narzędzi:
• Treść: stosuje domyślną czcionkę aplikacji dla zwykłego tekstu, bez wpływu na odstępny przed i za tekstem.
• Akapit: stawia znacznik akapitu (stosowane aby zacząć nowy akapit).
• Adres: ten styl używany jest do 'podpisu' strony, który wskazuje autora lub osobę, z którą można się skontaktować aby uzyskać więcej informacji np.
  user@example.com
  Można także dołączyć datę i informację o prawach autorskich. Tekst taki pojawia się zwykle u dołu strony oddzielony poziomą linią. Nawigator wyświetla styl typu adres czcionką pochyloną.
• Wstępnie sformatuj: ten styl jest przydatny dla elementów takich jak przykłady kodu, dane w kolumnach lub wiadomości pocztowych, które powinny być wyświetlone za pomocą czcionki o stałej szerokości. W zwykłym tekście przeglądarki usuwają dodatkowe spacje, znaki tabulatora i nowych linii. Tekst o stylu Preformatowanym wyświetlany jest z zachowaniem białych znaków (spacje, znaki tabulatora i nowych linii) i rozkładu oryginalnego tekstu.

Aby sformatować tekst jako nagłówek należy:

1. Ustawić kursor gdzieś w tekście, ktory będzie formatowany.
2. Za pomocą rozwijalnego menu w pasku narzędzi wybrać poziom nagłówka, od 1 (największy) do 6 (najmniejszy). Przykładowo 'Nagłówek 1' dla głównego tytułu, 'Nagłówek 2' dla kolejnego poziomu i tak dalej.

Aby sformatować tekst jako element listy należy:

1. Ustawić kursor gdzieś w tekście, ktory będzie formatowany.
2. Z menu Format wybrać Lista.
3. Wybrać typ listy:
• Wypunktowana: każdy element poprzedzony jest kropką (jak ta lista).
• Numerowana: klementy są numerowane.
• Kategorii i Definicji: style te stosuje się razem, aby uzyskać wygląd słownika. Styl Kategorii stosuje się dla definiowanego słowa (terminu), a Definicji dla objaśnienia - definicji terminu. Tekst Kategorii jest wyrównany do lewej strony, a tekst Definicji jest wcięty.

Podpowiedź: Zaznacząjąc tekst i klikając przycisk listy numerowanej lub przycisk listy wypunktowanej na pasku narzędzi, można szybciej zastosować żądany styl listy.

Aby zmienić wygląd wypunktowania lub numerowania należy:

1. Ustawić kursor w pozycji, która będzie zmieniana lub wybrać jeden lub więcej elementów listy, gdy chcemy zmienić styl całej listy.
2. Z menu Format wybrać Właściwości: lista.
3. Wybrać typ listy z menu rozwijalnego. Dla list numerowanych można ustawić numer początkowy. Dla list wypunktowanych można wybrać styl wypunktowania.

Aby wyrównać akapit lub tekst na stronie należy:

1. Ustawić kursor wewnątrz akapitu lub linii, która będzie wyrównywana.
2. Z menu Format wybrać Wyrównaj; następnie wybrać typ wyrównania (Do lewej, Do środka, Do prawej, Wyjustuj) Alternatywnie można wybrać typ wyrównania za pomocą przycisków na pasku narzędzi.

[ Powrót do początku rozdziału ]

Praca z listami

Aby zakończyć listę i kontynuować pisanie zwykłego tekstu należy:

1. Ustawić kursor na końcu ostatniego elementu listy.
2. Przycisnąć dwukrotnie klawisz Enter. Za każdym naciśnięciem Kompozytor zmniejszy wcięcie o jeden poziom.

Aby zamienić jeden lub więcej elementów listy na zwykły tekst należy:

1. Ustawić kursor w elemencie listy lub zaznaczyć więcej elementów.
2. Kliknąć przycisk Lista numerowana lub Lista wypunktowana na pasku narzędzi. Przyciski działają jak przełączniki.

Aby ustawić wcięty tekst poniżej elementu listy należy:

1. Ustawić kursor na końcu elementu listy.
2. Przycisnąć klawisze Shift+Enter, aby przejść do nowej linii.
3. Wpisać tekst, który ma być wcięty.
4. Przycisnąć klawisze Shift+Enter, aby utworzyć kolejny wcięty akapit lub klawisz Enter, aby utworzyć nowy element listy.

Aby połączyć dwie sąsiadujące listy należy:

1. Zaznaczyć obie listy. Upewnić się, że zaznaczone są wszystkie elementy z obu list. Uwaga: tekst znajdujący się pomiędzy listami także zostanie częścią połączonej listy.
2. Kliknąć przycisk wypunktowanej lub numerowanej listy na pasku narzędzi.

[ Powrót do początku rozdziału ]

Zmiana koloru, stylu i czcionki tekstu

Aby zmienić styl, kolor lub czcionkę zaznaczonego tekstu należy:

1. Zaznaczyć tekst do formatowania.
2. Z menu Format wybrać jedną z poniższych pozycji:
• Czcionka: zmienia czcionkę. Aby użyć czcionek definiowanych przez przeglądarkę czytelnika, należy wybrać opcje Zmienna szerokość lub Stała szerokość.

  Uwaga: Nie wszystkie czcionki zainstalowane na lokalnym komputerze pojawiają się w menu. Zamiast wybierać czcionkę, która może być niedostępna dla innych osób przeglądających stronę, lepiej wybrać jedną spośród czcionek dostępnych w menu, ponieważ powinne one być dostępne na każdym komputerze. Przykładowo czcionki Helvetica, Arial, Times i Courier wyglądają tak samo na różnych systemach. W przypadku wyboru innej czcionki strona może nie wyglądać tak samo na innym komputerze.

• Rozmiar: służy do wyboru względnego rozmiaru czcionki. Można także wybrać opcję zmniejszenia lub zwiększenie rozmiaru czcionki (względem otaczającego tekstu).
• Styl tekstu: służy do wyboru stylu tekstu jak pochylenie, pogrubienie lub podkreślenie lub do zastosowania strukturalnego stylu np. styl kodu lub cytatu.
• Kolor tekstu: otwiera okienko, gdzie można wybrać kolor z palety lub wpisać kod HTML koloru, ewentualnie nazwę koloru (np. "blue").

Podpowiedź: Aby szybko zmienić kolor tekstu na ostatnio użyty należy zaznaczyć tekst i trzymając wciśnięty klawisz Shift kliknąć ikonę wyboru koloru na pasku narzędzi. Może to być przydatne gdy chce się użyć jednego koloru dla pojedynczych linii tekstu.

Można także zmienić kolor tła strony lub użyć obrazka jako tła. Patrz Ustalanie kolorów strony i tła.

[ Powrót do początku rozdziału ]

Usuwanie styli tekstu

Aby usunąć style (pogrubienie, pochylenie, itp.) z zaznaczonego tekstu należy:

1. Zaznaczyć tekst.
2. Z menu Format wybrać pozycję Usuń wszystkie style tekstu.
3. Można kontynuować pisanie.

Aby kontynować pisanie tekstu bez żadnego stylu należy:

1. Ustawić kursor w miejscu końca tekstu ze stylami.
2. Z menu Format wybrać pozycję Usuń wszystkie style tekstu.
3. Kontynuować pisanie.

[ Powrót do początku rozdziału ]

Szukanie i zamiana tekstu

Aby znaleźć tekst w bieżącej stronie należy:

1. Ustawić kursor w miejscu startu szukania.
2. Z menu Edycja wybrać pozycję Znajdź i zamień.
3. Wpisać szukany tekst. Zaznaczyć jedną lub więcej z poniższych opcji aby zawęzić szukanie:
• Uwzględniaj wielkość liter: służy do określenia czy poszukiwanie ma uwzględniać wielkość liter w szukanym tekście. Aby uzyskać dokładne trafienie należy zaznaczyć tę opcję.
• Wszędzie: ustala czy kontynuować szukanie od początku dokumentu, gdy zostanie osiągnięty koniec. (lub odwrotnie, gdy zaznaczone jest Szukaj wstecz)
• Szukaj wstecz: ustawia szukanie od pozycji kursora do początku dokumentu.
4. Kliknąć Znajdź następny aby zaczac szukanie. Gdy Kompozytor znajdzie pierwsze wystąpienie tekstu, kliknąć Znajdź następny aby szukać kolejnego wystąpienia tekstu.
5. Kliknąć Zamknij po zlokalizowaniu szukanego tekstu.

Aby znaleźć i zamienić tekst w bieżącej stronie należy:

1. Ustawić kursor w miejscu startu szukania.
2. Z menu Edycja wybrać pozycję Znajdź i zamień.
3. Wpisać szukany tekst i jego zamiennik.
4. Zaznaczyć jedną lub więcej z poniższych opcji aby zawęzić szukanie:
• Uwzględniaj wielkość liter: służy do określenia czy poszukiwanie ma uwzględniać wielkość liter w szukanym tekście. Aby uzyskać dokładne trafienie należy zaznaczyć tę opcję.
• Wszędzie: ustala czy kontynuować szukanie od początku dokumentu, gdy zostanie osiągnięty koniec. (lub odwrotnie, gdy zaznaczone jest Szukaj wstecz)
• Szukaj wstecz: ustawia szukanie od pozycji kursora do początku dokumentu.
5. Kliknąć Znajdź następny aby szukać kolejnego wystąpienia tekstu. Kompozytor zaznacza kolejne wystąpienie tekstu.
6. Kliknąć Zamień aby zamienić zaznaczony tekst wpisaną zawartością pola Zamień na. Kliknąć Zamień wszystko aby zamienić wszystkie wystąpienia szukanego tekstu w dokumencie.
7. Kliknąć Zamknij aby zakończyć zamianę.

[ Powrót do początku rozdziału ]

Wstawianie linii poziomych

Linie poziome są stosowane zwykle aby oddzielić optycznie różne części dokumentu. Aby wstawić linię do dokumentu należy:

1. Ustawić kursor w miejscu gdzie ma pojawić się linia.
2. Kliknąć przycisk Wstaw linię w pasku narzędzi lub z menu Wstaw wybrać pozycję Linię poziomą.

Ustawianie właściwości linii poziomej

Można zmienić długość, szerokość, wyrównanie i cieniowanie linii.

1. Aby wyświetlić okno właściwości linii należy dwukrotnie kliknąć na linii.
2. Następnie ustalić właściwości:
• Szerokość: wybrać jednostkę (piksele lub procenty szerokości okna) i wpisać szerokość.
• Wysokość: wpisać wysokość linii (w pikselach).
• Cienie 3-D: zaznaczyć aby dodać cień rzucany przez linię.
• Wyrównanie: określić położenie linii.
3. Można także kliknąć przycisk Użyj jako domyślnych, aby używać ustalonych właściwości dla każdej tworzonej linii.

Wstawianie znaków i symboli specjalnych

Aby wstawić znaki specjalne (jak akcenty lub znaki walut) należy:

1. Ustawić kursor w miejscu gdzie ma pojawić się znak.
2. Z menu Wstaw wybrać pozycję Znaki i symbole.
3. Wybrać kategorię znaku.
4. W przypadku wyboru "Znak diakrytyczny - małe litery" lub "Znak diakrytyczny - duże litery" należy wybrać znak z rozwijalnego menu Litery. Aby wstawić inne znaki, jak ułamki czy znak "copyright", należy zaznaczyć kategorię "Typowe symbole".
5. Z menu rozwijalnego Znak wybrać żądany znak.
6. Kliknąć Wstaw.

   Można pisać w dokumencie, (lub oknie komponowania wiadomości) podczas gdy okno to jest otwarte, w przypadku gdy jest ono jeszcze potrzebne.

7. Kliknąć Zamknij gdy znaki specjalne są wstawione do dokumentu.

[ Powrót do początku rozdziału ]

Wstawianie elementów HTML

Gdy użytkownik zna HTML, można dodawać do strony znaczniki, atrybuty styli i JavaScript. W przeciwnym przypadku najlepiej jednak tego nie robić. Aby pracować ze źródłem HTML należy użyć jednej z poniższych metod:

• Ustawić kursor w miejscu gdzie ma być wstawiony kod HTML. Następnie z menu Wstaw wybrać pozycję HTML. W okienku Wstaw HTML wpisać tekst i znaczniki HTML i kliknąć Wstaw.
• Zaznaczyć element (tabela, kotwica, obrazek, link lub linia). Kliknąć dwukrotnie na zaznaczonym elemencie, aby otworzyć okienko właściwości. Następnie kliknąć przycisk Zaawansowana edycja, aby otworzyć okno Zaawansowanego edytora właściwości, gdzie można dodać do elementu atrybuty HTML lub skrypty JavaScript.
• Z menu widok wybrać pozycję Źródło HTML lub klinąć zakładkę Źródlo u dołu okna Kompozytora. (Jeśli nie widać zakładek należy otworzyć menu Widok, wybrać pozycję Pokaż/Ukryj i upewnić się, że opcja Pasek narzędzi trybu edycji jest zaznaczona.)

Użycie Zaawansowanego edytora właściwości

Aby dodać atrybuty HTML i zdarzenia JavaScript do elementów jak tabele, obrazki i linie można użyć Zaawansowanego edytora właściwości.

Uwaga: Jeśli użytkownik nie rozumie jak dodać usunąć lub zmodyfikować atrybuty znaczników HTML i skojarzone z nimi wartości, najlepiej jest ich nie modyfikować.

Jeśli okno Zaawansowanego edytora właściwości nie jest widoczne należy:

1. Z menu Widok (lub paska narzędzi trybu edycji) wybrać Pokaż znaczniki.
2. Dwukrotnie kliknąć element do modyfikacji, aby otworzyć okno Właściwości, a następnie kliknąć przycisk Zaawansowana edycja, które otworzy okno Zaawansowanego edytora właściwości. Okno to ma trzy zakładki, z których każda wyświetla właściwości zaznaczonego elementu:
   • Atrybuty HTML: na tej zakładce można podejrzeć i dodać dodatkowe atrybuty znacznika HTML.
   • Wbudowane style: zakładka wyświetla i pozwala na modyfikację właściwości styli CSS (kaskadowe arkusze styli) poprzez atrybut <style> znacznika.
   • Zdarzenia JavaScript: zakładka wyświetla i pozwala na modyfikacje zdarzeń JavaScript dla wybranego elementu.
3. Aby edytować właściwość lub atrybut z listy należy zaznaczyć go w liście. Następnie można dokonać edycji nazwy i wartości atrubutu wypełniając odpowiednie pola u dołu okna. Aby dodać nowy atrybut należy wpisać jego nazwę w pole u dołu okna. Jest on automatycznie dodawany do listy podczas przejścia do pola Wartość. Aby usunąć atrybut należy go zaznaczyć w liście i kliknąć przycisk Usuń.

   Uwaga: Wymagane atrybuty są podświetlone w liście atrybutów.

4. Kliknąć OK aby zatwierdzić wprowadzone w oknie Zaawansowanego edytora zmiany.
5. Kliknąć ponownie OK, aby zamknąć okno Właściwości.

Kompozytor automatycznie wstawia znaki cudzysłowu wokół tekstu wartości każdego z atrybutów.

[ Powrót do początku rozdziału ]

Wybór właściwego trybu edycji

Zazwyczaj nie ma potrzeby zmiany Normalnego trybu edycji na inny. Jeśli istnieje potrzeba pracy ze źródłem HTML tryb pracy można zmienić. Kompozytor Stron pozwala na szybkie przełączanie się pomiędzy czterema trybami edycji lub widokami. Każdy z nich pozwala pracować nad dokumentem, a różnica polega na sposobie wyświetlania znaczników HTML.

Przed wybraniem trybu edycji należy:

• Z menu Widok wybrać Pokaż/Ukryj i upewnić się że pozycja Pasek narzędzi trybu edycji jest zaznaczona.

Pasek narzędzi trybu edycji ma cztery zakładki:

• Normalny: Tryb WYSIWYG, który pokazuje końcowy wygląd strony podczas jej tworzenia. W trybie tym widoczne są krawędzie table i ikony kotwic. Pozostałe znaczniki HTML są ukryte.
• Pokaż znaczniki: Pokazuje krawędzie tabel i ikony wszystkich znaczników HTML.
• Źródło: Pokazuje i pozwala na edycje dokumentu poprzez kod źródłowy HTML. Po wykonaniu komendy Zapisz Kompozytor powraca do trybu Normalnego.
• Podgląd: Pokazuje i pozwala na edycję dokumentu widocznego dokładnie tak jak w oknie przeglądarki. Odnośniki i JavaScript są nieaktywne.

Uwaga: Skrypty JavaScript, odnośniki, ramki i animowane pliki GIF są nieaktywne w każdym z trybów edycji. Aby podejrzeć je w stanie aktywnym w oknie Nawigatora należy kliknąć przycisk Podgląd na pasku narzędzi.

[ Powrót do początku rozdziału ]

Tabele na stronie

Wstawianie tabeli

Tabele są przydatne do organizowania tektu, obrazków i innych danych w wiersze i kolumny. Aby wstawić tabelę na stronę należy:

1. Ustawić kursor w miejscu gdzie ma pojawić się tabela.
2. Kliknąć przycisk Tabela na pasku narzędzi lub wybrać pozycję Tabelę z menu Wstaw.
3. Wpisać żądaną liczbę wierszy i kolumn.
4. (Opcjonalnie) Podać szerokość tabeli (w pikselach lub procentach szerokości okna).
5. Podać szerokość krawędzi tabeli (w pikselach); wpisać zero dla tabeli bez widocznej krawędzi. Kompozytor pokazuje niewidoczne krawędzie za pomocą czerwonej przerywanej linii; linia ta nie jest widoczna podczas przeglądania strony.
6. Aby dodać inne atrybuty tabeli lub zdarzenia JavaScript należy kliknąć przycisk Zaawansowana edycja aby wyświetlić okno Zaawansowanego edytora właściwości.
7. Kliknąć OK aby zatwierdzić ustawienia i wstawić tabelę.

Aby zmienić dodatkowe parametry tabeli zobacz temat Zmiana właściwości tabeli.

[ Powrót do początku rozdziału ]

Zmiana właściwości tabeli

Fragment ten opisuje jak zmodyfikować właściwości tabeli, wiersza, kolumny lub poszczególnych komórek w tabeli. Aby wyświetlić okno Właściwości tabeli należy:

1. Zaznaczyć tabelę lub kliknąć w nią.
2. Kliknąć przycisk Tabela na pasku narzędzi lub z menu Tabela wybrać pozycję Właściwości tabeli. Okno Właściwości tabeli zawiera dwie zakładki: Tabela i Komórki.
3. Na zakładce Tabela można zmienić następujące właściwości:
• Rozmiar: pozwala ustalić liczbę kolumn i wierszy oraz szerokość tabeli. W przypadku wyboru jednostki "% okna" rozmiar tabeli będzie się zmieniał z każdą zmianą rozmiaru okna Kompozytora lub przeglądarki.
• Obramowanie i odstępy: pozwala określić szerokość krawędzi, odstęp pomiędzy komórkami i margines wewnątrz komórek.

  Uwaga: Kompozytor używa linii przerywanej do wyświetlania tabel bez krawędzi (szerokość równa 0); Linia ta będzie niewidoczna podczas przeglądania strony.

• Położenie tabeli: pozwala ustalić wyrównanie tabeli; należy wybrać żądaną wartość z menu rozwijalnego.
• Podpis: pozwala wybrać z menu rozwijalnego położenie podpisu tabeli.
• Kolor tła: pozwala wybrać kolor tła dla tabeli lub pozostawić ją przezroczystą.
4. Aby dodać inne atrybuty tabeli lub zdarzenia JavaScript należy kliknąć przycisk Zaawansowana edycja aby wyświetlić okno Zaawansowanego edytora właściwości.
5. Nacisnąć przycisk Zastosuj aby uwzględnić dokonane zmiany bez zamykania okna lub kliknąć OK aby zatwierdzić zmiany i zamknąć okno. (Zmienione kolory tła pojawią się dopiero po zamknięciu okna.)

Aby podejrzeć, zmienić lub dodać właściwości jednej lub więcej komórek należy:

1. Zaznaczyć wiersz, kolumnę lub komórkę, a następnie z menu Tabela wybrać pozycję Właściwości tabeli.
2. Wybrać zakładkę Komórki aby zmienić następujące właściwości:
• Zaznaczenie: pozwala wybrać Komórkę, Wiersz lub Kolumnę z menu rozwijalnego. Klikając przyciski Poprzedni i Następny można poruszać się pomiędzy poszczególnymi komórkami, wierszami i kolumnami.
• Rozmiar: pozwala ustalić Wysokość i Szerokość w pikselach lub procentach tabeli.
• Położenie zawartości: pozwala ustalić pionowe i poziome wyrównanie dla zawartości każdej z komórek.
• Styl komórki: pozwala określić czy komórka jest nagłówkiem kolumny lub wiersza (tekst w nagłówku jest wycentrowany i pogrubiony) czy też jest to Normalna komórka.
• Zawijanie tekstu: wybranie "Nie zawijaj" powoduje, że tekst będzie wyświetlany w jednej linii aż do napotkania znaku końca akapitu; wybranie "Zawijaj" powoduje normalne zachowanie się tekstu w komórce.
• Kolor tła: pozwala wybrać kolor tła komórki lub pozostawić ją przezroczystą.

Uwaga: Aby dodać inne atrybuty tabeli lub zdarzenia JavaScript należy kliknąć przycisk Zaawansowana edycja aby wyświetlić okno Zaawansowanego edytora właściwości.

3. Nacisnąć przycisk Zastosuj aby uwzględnić dokonane zmiany bez zamykania okna lub kliknąć OK aby zatwierdzić zmiany i zamknąć okno.

Podpowiedź: Aby szybko zmienić kolor tekstu lub tła jednej lub więcej komórek należy zaznaczyć komórki i kliknąć przycisk Wybierz kolor tła lub Wybierz kolor tekstu na pasku narzędzi formatowania.

Podpowiedź: Aby szybko zmienić kolor komórki na ostatnio użyty należy zaznaczyć komórkę, a następnie trzymając wciśnięty klawisz Shift kliknąć przycisk Wybierz kolor tła na pasku narzędzi formatowania.

[ Powrót do początku rozdziału ]

Dodawanie i usuwanie wierszy, kolumn i komórek

Kompozytor pozwala na szybkie dodawanie i usuwanie komórek w tabeli. Dodatkowo można ustawić opcje, które spowodują zachowywanie orginalnej struktury tabeli podczas jej edycji.

Aby dodać komórkę, wiersz lub kolumnę do tabeli należy:

1. Ustawić kursor w miejscu gdzie ma pojawić się komórka.
2. Z menu Tabela wybrać pozycję Wstaw.
3. Wybrać jedną z dostępnych opcji. Można także wstawić nową tabelę do komórki.

Aby usunąć komórkę, wiersz lub kolumnę należy:

1. Kliknąć wiersz, kolumnę lub komórkę aby ustawić kursor lub zaznaczyć sąsiednie komórki aby usunąć więcej niż jeden wiersz. Aby zaznaczyć sąsiednie komórki należy podczas przeciągania myszą zaznaczenia trzymać wciśnięty klawisz Ctrl (Windows i Linux) lub Command (Macintosh).
2. Z menu Tabela wybrać pozycję Usuń.
3. Wybrać element do usunięcia.

Aby połączyć komórkę z sąsiednią (z prawej strony) należy:

• Kliknąć wewnątrz komórki, z menu Tabela wybrać opcję Złącz z prawą komórką.

Aby połączyć sąsiednie komórki należy:

• Zaznaczyć komórki trzymając wciśnięty klawisz Ctrl (Windows i Linux) lub Command (Macintosh).
• Z menu Tabela wybrać Złącz zaznaczone komórki.

Aby rozdzielić połączoną komórkę należy:

• Kliknąć wewnątrz komórki, a następnie z menu Tabela wybrać Podziel komórkę.

Fragment Zaznaczanie fragmentów tabeli mówi o tym jak zaznaczyć komórki niesąsiadujące.

Zmiana domyślnego zachowania tabeli podczas edycji

Domyślnie podczas usuwania komórek Kompozytor zachowuje strukturę tabeli dodając, gdy potrzeba, komórki na końcu. Pozwala to zachować prostokątny kształt tabeli podczas usuwania komórek. W przeciwnym wypadku usuwanie komórek mogłoby doprowadzić do wypełnienia tabeli pustymi miejscami lub nieregularnego kształtu tabeli z powodu nieparzystej liczby komórek.

Aby zmienić domyślne zachowanie tabeli podczas edycji:

1. Z menu Edycja wybrać pozycję Preferencje, a następnie wybrać Kompozytor Stron w drzewku.
2. Ustawić właściwości w polu Edycja tabeli:
• Zaznaczyć "Zachowaj układ tabeli podczas wstawiania i usuwania komórek" aby Kompozytor automatycznie zachowywał regularny kształt tabeli.
3. Kliknąć OK.

Patrz także Podstawowe preferencje Kompozytora Stron.

[ Powrót do początku rozdziału ]

Zaznaczanie fragmentów tabeli

Można szybko zaznaczyć tabelę, komórkę lub grupę komórek stosując jeden z niżej opisanych sposobów:

• Z meu Tabele wybrać Zaznacz, a następnie wybrać element z podmenu. Przykładowo aby zaznaczyć tabelę należy kliknąć w tabelę, otworzyć menu Tabela, wybrać pozycją Zaznacz, a następnie pozycję Tabelę z podmenu.
• Można też użyć myszy:
• Aby zaznaczyć zawartość komórek należy kliknąć wewnątrz komórki i przeciągnąć zaznaczenie poprzez żądane komórki. Można teraz, na przykład, zmienić styl zaznaczonego tekstu.
• Aby zaznaczyć grupę sąsiadujących komórek należy: kliknąć w komorkę, wcisnąć klawisz Ctrl (Windows i Linux) lub Command (Macintosh) i przeciągnąć kursor myszy w lewo lub prawo aby zaznaczyć wiersz i w górę lub w dół aby zaznaczyć kolumnę.
• Aby zaznaczyć komórki niesąsiadujące należy: wcisnąć klawisz Ctrl (Windows i Linux) lub Command (Macintosh) i kliknąć w komórkę. Trzymając wciśnięty Ctrl lub Command klikać kolejne komórki.
• Aby rozszerzyć zaznaczenie o sąsiadujące komórki należy: wcisnąć klawisz Ctrl (Windows i Linux) lub Command (Macintosh) i kliknąć w komórkę, a następnie wcisnąć klawisz Shift podczas klikania w kolejne komórki. Powtórzyć procedurę aby zaznaczyć wiele niesąsiadujących bloków komórek.
• Aby zaznaczyć jedną lub więcej sąsiadujących kolumn należy: wcisnąć klawisze Ctrl+Shift (Windows i Linux) lub Command+Shift (Macintosh) i przeciągnąć zaznaczenie w górę lub w dół aby zaznaczyć kolumnę, przeciągając kursor myszy w prawo lub w lewo można zaznaczyć kolejne sąsiadujące kolumny.
• Aby zaznaczyć jeden lub więcej sąsiadujących wierszy należy: wcisnąć klawisze Ctrl+Shift (Windows i Linux) lub Command+Shift (Macintosh) i przeciągnąć zaznaczenie w lewo lub w prawo aby zaznaczyć wiersz, przeciągając kursor myszy w górę lub w dół można zaznaczyć kolejne sąsiadujące wiersze.

[ Powrót do początku rozdziału ]

Przenoszenie, kopiowanie i usuwanie tabel

• Kliknąć wewnątrz tabeli, w menu Tabela wybrać Zaznacz, a następnie Tabelę.
• Aby skopiować lub przenieść tabelę użyć poleceń Kopiuj, Wytnij i Wklej z menu Edycja.
• Aby usunąć tabelę należy z menu Tabela wybrać pozycję Usuń, a następnie opcję Tabelę.

Przenoszenie zawartości komórki, wiersza lub kolumny

Aby przenieść zawartość komórki, kolumny lub wiersza wewnątrz tabeli należy:

1. Zaznaczyć tekst do przeniesienia. (Patrz Zaznaczanie fragmentów tabeli.)
2. Z menu Edycja wybrać Kopiuj.
3. Ustawić kursor w nowym położeniu elementu.
4. Z menu Edycja wybrać Wklej.

[ Powrót do początku rozdziału ]

Przekształcanie tekstu w tabelę

Aby przekształcić tekst w tabelę należy:

1. Zaznaczyć tekst do przekształcenia. (Kompozytor tworzy nowy wiersz tabeli dla każdego akapitu zaznaczonego tekstu.)
2. Z menu Tabela wybrać Utwórz tabelę z zaznaczenia.
3. W oknie dialogowym określić znak rozdzielający kolumny.
4. Zaznaczyć "Usuń znak separatora" aby Kompozytor podczas tworzenia tabeli usunął znak rozdzielający kolumny.
5. Kliknąć OK.

[ Powrót do początku rozdziału ]

Obrazki na stronie

Wstawianie obrazka na stronę

W Kompozytorze na stronę można wstawiać obrazki w formatach GIF, JPEG i PNG. Można także użyć ich jako odnośników. Po wstawieniu obrazka Kompozytor zachowuje na stronie tylko położenie obrazka na dysku.

1. Ustawić kursor w miejscu gdzie ma pojawić się obrazek.
2. Wcisnąć przycisk Obrazek na pasku narzędzi lub wybrać pozycję Obrazek z menu Wstaw.
3. Podać położenie i nazwę pliku obrazka lub kliknąć przycisk Wybierz plik aby znaleźć plik na dysku lub w sieci.
4. Wpisać Tekst alternatywny, który pojawia się w przeglądarkach tekstowych, podczas ładowania obrazka lub gdy wyświetlanie obrazków jest wyłączone.

Podpowiedź: Aby szybko wstawić na stronę obrazek, wystarczy przeciągnąć go do okna Kompozytora.

Podpowiedź: Aby wstawić znak końca linii po obrazku w akapicie należy z menu Wstaw wybrać pozycję "Linię podziału poniżej obrazka".

[ Powrót do początku rozdziału ]

Edycja właściwości obrazka

Po wstawieniu obrazka można zmienić jego właściwości i wygląd na stronie (jak np. wysokość, szerokość, odstęp od tekstu). Aby wyświetlić okno Właściwości i zmienić je należy:

1. Kliknąć dwukrotnie na obrazku lub zaznaczyć go i przycisnąć przycisk Obrazek na pasku narzędzi. Okno Właściwości posiada zakładki:
• Adres, gdzie można ustawić nazwę pliku obrazka i tekst alternatywny.
• Wymiary: zakładka pozwala na zmianę wymiarów obrazka widocznego na stronie. Należy zaznaczyć opcję Rozmiar niestandardowy aby móc zmienić rozmiar. Zmiana wymiarów nie powoduje modyfikacji pliku z obrazkiem, zmienia jedynie rozmiar widoczny w przeglądarce.
• Wygląd: pozwala na ustalenie odstępów obrazka od tekstu, szerokości ramki i wyrównania względem tekstu.
• Odnośnik: pozwala przekształcić obrazek w odnośnik; należy podać nazwę dokumentu lub kotwicy, do którego przeniesie się użytkownik po kliknięciu obrazka w przeglądarce.
2. Aby dodać inne atrybuty lub zdarzenia JavaScript należy kliknąć przycisk Zaawansowana edycja aby wyświetlić okno Zaawansowanego edytora właściwości.
3. Kliknąć OK aby zatwierdzić zmiany.

[ Powrót do początku rozdziału ]

Ustawianie właściwości strony

Ustalanie właściwości znaczników META

Okno Właściwości strony pozwala pozwala podać tytuł, autora i opis strony. Informacje te są przydatne podczas publikowania strony w sieci Internet, ponieważ wykorzystywane są przez wyszukiwarki do indeksowana zawartości stron. Informacje te można także podejrzeć w przeglądarce wybierająć z menu Widok pozycję Informacje o stronie.

• Aby wyświetlić okno Właściwości strony należy z menu Format wybrać pozycję Właściwości i tytuł strony.

Dostępne właściwości:

• Tytuł: wpisać tekst, który ma pokazać się podczas przeglądania strony w pasku tytułowym okna przeglądarki. Większość wyszukiwarek znajduje strony po tytule, więc należy wybrać tytuł odpowiedni do treści.
• Autor: wpisać osobę, która stworzyła stronę. Informacja może być pomocna, gdy ktoś chciałby znaleźć dokument używając danych twórcy.

  Podpowiedź: Aby ustalić w Kompozytorze domyślnego autora stron należy skorzystać z okna preferencji Kompozytora Stron.

• Opis: wpisać krótki opis zawartości dokumentu. Można także podać słowa kluczowe aby ułatwić znalezienie strony w Sieci.

[ Powrót do początku rozdziału ]

Ustalanie kolorów strony i tła

Można zmienić kolor tła lub podać obrazek wyświetlony w tle strony. Zmiany te wpływają na wygląd strony w przeglądarce.

Aby ustawić kolory i tło edytowanej strony należy:

• Z menu Format wybrać pozycję Kolory strony i tła.

Dostępne właściwości:

• Domyślne kolory czytelnika: strona wyświetlana jest w kolorach ustawionych w przeglądarce użytkownika.
• Definiuj własne ustawienia kolorów strony: po wybraniu tej opcji można wybrać z rozwijalnych menu kolory tekstu i odnośników. Podgląd wybranych kolorów znajduje sie po prawej stronie okienka.
• Obrazek tła: pozwala wybrać obrazek wyświetlany w tle strony. Należy wpisać nazwę obrazka lub kliknąć przycisk Wybierz plik aby znaleźć plik na dysku lub w sieci.

  Uwaga: Obrazek tła jest wyświetlany jest sąsiadująco i przykrywa ustalony kolor tła strony.