frontpage 2002 praktyczne projekty 2Q6A7XOCZIKODKJZIKAHRZFC2R7GCBAMYQIYWBY

FrontPage 2002, sprzedawany jako samodzielny
program lub jako składnik pakietu Microsoft Office XP
Professional Edition lub Microsoft Office XP
Developer Edition, jest wyposażony w narzędzia do
tworzenia witryn internetowych w szybki i prosty
sposób. Jedną z zalet tego programu jest to, że zamiast
tworzyć strony internetowe bezpośrednio w HTML-u
(HyperText Markup Language), autor witryny korzysta
z menu i poleceń znanych z innych programów firmy
Microsoft, takich jak Word, Excel i PowerPoint.
FrontPage 2002 pozwala zaprojektować strukturę
nawigacyjną witryny internetowej, stworzyć strony
potrzebne do wypełnienia tej struktury, dodać
multimedia i składniki dynamiczne ożywiające strony
internetowe, a także wysłać witrynę internetową do
serwera, aby opublikować ją w Internecie. Office XP,
do którego należy FrontPage 2002, rozpoznaje
HTML—podstawowy format wykorzystywany do
tworzenia stron internetowych — równie łatwo jak
swoje własne formaty. FrontPage 2002 posiada zatem
narzędzia do umieszczania dokumentów tego pakietu
bezpośrednio na stronach internetowych.
Czy pracujesz w jednoosobowej firmie, czy też w
firmie międzynarodowej możesz używać FrontPage'a
2002, ponieważ posiada on wszystkie narzędzia i
funkcje potrzebne do budowania witryn internetowych
i intranetowych.

9 Front Page – Praktyczne projekty

Nowości

Jeżeli porównać program FrontPage 98 z programem
FrontPage 2000 oraz program FrontPage 2000 z
programem FrontPage 2002, można odnieść wrażenie,
że różnica między najnowszą wersją programu
FrontPage a jego poprzednikiem nie jest tak duża jak
różnica między wersją 98 a 2000. Jednak im częściej
stosujemy program FrontPage 2002, tym bardziej się
przekonujemy, że jest on łatwiejszy w użyciu i oferuje
więcej możliwości niż FrontPage 2000. Nowe
narzędzia programu FrontPage 2002 omawiamy w
poszczególnych rozdziałach niniejszej książki, poniżej
natomiast przedstawiamy listę niektórych z nich:
• W programie FrontPage 2002, dzięki narzędziom

zapożyczonym z programu PowerPoint, można
tworzyć podstawowe kształty i efekty tekstowe
wykorzystujące grafikę wektorową (rysunki 1.1
oraz 1.2). Strony, na których umieszczono
elementy wykonane tą techniką, są wyświetlane
poprawnie w przeglądarkach internetowych w
wersji 5 i nowszych. Kształty stworzone w innych
programach pakietu Office XP można wklejać
bezpośrednio do programu FrontPage 2002.
Więcej informacji na ten temat zawiera rozdział 8.,
Tworzenie i edytowanie rysunków.

• Okienko zadań umożliwia szybki dostęp do

narzędzi służących do tworzenia nowych stron,
wstawiania obiektów z galerii klipartów itp.
Okienko zadań występuje również w innych
programach pakietu Office XP. Więcej informacji
na ten temat zawiera podrozdział Okienko zadań w
rozdziale 2., FrontPage 2002 – pierwsze kroki.

• Każda otwarta strona internetowa jest wyświetlana

na osobnej karcie, dzięki czemu można szybko
przełączać się między wszystkimi otwartymi
stronami. Więcej informacji na ten temat zawiera
podrozdział Okno programu FrontPage w
rozdziale 2., FrontPage 2002 – pierwsze kroki.

• Paski nawigacyjne, sprawiające czasem problemy

użytkownikom programu FrontPage 2000, zostały
zastąpione paskami łączy. FrontPage 2002
pozwala w łatwy sposób tworzyć i modyfikować
różne typy pasków łączy.

Rysunek 1.1.
Miłośnicy programu PowerPoint mają powód do
radości: FrontPage 2002 korzysta z tych samych
narzędzi do tworzenia grafiki wektorowej jak
PowerPoint

Rysunek 1.2.
Efekty tekstowe, na przykład cienie, można tworzyć za
pomocą programu FrontPage 2002 i wyświetlać
poprawnie w przeglądarkach internetowych w wersji 5
i nowszych

• Kreator wyników bazy danych może wpłynąć na

sposób tworzenia witryn dla Intranetu bardziej niż
którakolwiek inna nowość programu FrontPage
2002. Kreator ten pozwala wyświetlić wyniki bazy
danych o dużych rozmiarach w witrynach
intranetowych lub internetowych stworzonych za
pomocą programu FrontPage 2002 i przyznać
określonym użytkownikom uprawnienia do
edytowania tych danych za pomocą przeglądarek
internetowych.

• Na stronach internetowych można umieszczać

różne składniki MSNBC, na przykład nagłówki
serwisu wiadomości MSNBC lub notowania
giełdowe. Zawartość tych składników jest
aktualizowana automatycznie w witrynie MSNBC.
Więcej informacji na ten temat zawiera
podrozdział Składniki sieci Web w rozdziale 9.,
Multimedia i składniki sieci Web.

Rozdział 1

♦ Front Page 2002 – wprowadzenie

Ważne zmiany

Czasem na sposób korzystania z programu większy
wpływ mają drobne zmiany niż nowe funkcje, które
widać od razu. Oto zmiany, które najprawdopodobniej
będą miały największy wpływ na sposób pracy z
programem FrontPage 2002:

• Zgodnie z tradycją rozpoczętą w wersji 2000

programu FrontPage i pakietu Office, funkcje i
wygląd programu FrontPage 2002 są dostosowane
do funkcji i wyglądu innych programów pakietu
Office XP, np. zarówno program FrontPage 2002,
jak i większość programów pakietu Office XP
posiada okienko zadań służące do wykonywania
podstawowych zadań. Inną wspólną cechą jest
wygląd i działanie pasków narzędzi pakietu Office
XP i programu FrontPage 2002. Więcej informacji
na ten temat zawiera rozdział 2., FrontPage 2002
– pierwsze kroki.

• Dzięki ulepszonemu panelowi Lista folderów oraz

widokowi Nawigacja użytkownik może w
wygodny sposób tworzyć i modyfikować
hiperłącza, które łączą strony witryny
internetowej. Więcej informacji na ten temat
zawiera rozdział 2., FrontPage 2002 – pierwsze
kroki.

• FrontPage 2002 zapewnia większą kontrolę nad

formatami tabel, oferując narzędzia do
automatycznego wypełniania komórek i
stosowania efektów niestandardowych (rysunek
1.3). Więcej informacji na ten temat zawiera
rozdział 10., Tworzenie i formatowanie tabel.

Rysunek 1.3.
Pasek narzędzi Tabele zawiera narzędzia do stosowania
formatów niestandardowych a także do
automatycznego wypełniania pustych komórek

• Funkcja zabezpieczeń na poziomie użytkownika, o

którą często proszono, pozwala określić, kto ma
dostęp do stron witryny internetowej.

• Za pomocą ulepszonych narzędzi można

uaktualnić witrynę umieszczoną na serwerze
internetowym metodą ciągnij-i-upuść. Więcej
informacji na ten temat zawiera podrozdział
Publikowanie witryny w rozdziale 13.,
Sprawdzanie i publikowanie witryn internetowych.

• Można stworzyć galerię fotografii – wystarczy

wskazać folder obrazów, a FrontPage 2002
stworzy dla nich miniatury (miniatury wczytują się
do przeglądarki szybciej niż obrazy źródłowe). W
poprzedniej wersji programu FrontPage nie można
było stworzyć wielu miniatur jednocześnie. Więcej
informacji na ten temat zawiera podrozdział Aby
stworzyć galerię fotografii w rozdziale 7.,
Wstawianie i edytowanie obrazów.

11 Front Page – Praktyczne projekty

O tej książce

Niniejsza książka, podobnie jak wszystkie książki z
serii „Po prostu”, zawiera dużą ilość rysunków.
Rysunki z łatwymi do zrozumienia podpisami
wyjaśniają działanie programu FrontPage 2002. W
odszukaniu potrzebnego tematu pomaga spis treści,
nagłówki stron, rysunki oraz podpisy pod rysunkami.
Temat zawiera zwykle tekst podstawowy oraz
dodatkowe wskazówki.
Aby korzystać z tej książki, musisz posiadać
podstawową wiedzę o działaniu systemu operacyjnego
Windows oraz o działaniu WWW (World Wide Web).
Warto zwrócić uwagę, że w książce nie omawia się
szczegółów działania serwerów internetowych. Każdy
temat prezentujemy krok po kroku. Wszystkie
zagadnienia, które mogą sprawiać trudność, staramy się
wyjaśnić w prosty sposób.
Aby ułatwić pracę z książką, zastosowaliśmy w niej
następujące konwencje typograficzne:
Wskazówki: stąd dowiesz się, jak wykonać na skróty
zadanie omawiane w danym podrozdziale lub w jaki
sposób wykorzystać zdobyte umiejętności do
rozwiązania często występujących problemów.
Kursywa: terminy wyróżnione kursywą odpowiadają
terminom występującym w programie FrontPage 2002.
Kursywą są wyróżnione nazwy elementów interfejsu
użytkownika (okna dialogowe, przyciski, listy, pozycje
menu, nazwy klawiszyMa ona pomóc

Rozdział 1

♦ Front Page 2002 – wprowadzenie

Rysunek 1.4.
Z menu Plik wybierz pozycję Drukuj

odnaleźć żądany element na ekranie wypełnionym
wieloma oknami. Rysunek towarzyszący instrukcji ma
ułatwić odszukanie omawianego elementu. Oto dwa
przykłady: Kliknij przycisk Przeglądaj, aby odszukać
żądany plik. Z menu Plik wybierz pozycję Drukuj, aby
wydrukować stronę (rysunek 1.4).
Klawisze skrótu: Klawisze skrótu podajemy w
nawiasach po instrukcji, np. (Ctrl+P) oznacza, że aby
wydrukować stronę, należy nacisnąć jednocześnie
klawisz Ctrl oraz klawisz P.

Uaktualnienia i kontakt z
autorem

Odwiedzaj od czasu do czasu witrynę firmy Microsoft,
www.microsoft.com, aby poznać uaktualnienia
usprawniające działanie programu FrontPage 2002.
Odwiedź również witrynę internetową Wydawnictwa
Helion, www.helion.pl, aby dowiedzieć się o innych
książkach poświęconych programowi FrontPage 2002.
Autor książki i Wydawnictwo Helion dołożyli
wszelkich starań, aby niniejsza książka była wolna od
błędów. Aby przekazać autorowi sugestie i uwagi o
książce, wyślij wiadomość e-mail na adres
frontpage@waywest.net. Czytelnicy poprzedniej edycji
tej książki przekazali wiele wskazówek, które zostały
wykorzystane w niniejszej pozycji. Dzięki pomocy
Czytelników następna edycja będzie jeszcze lepsza.
Podobnie jak witryna internetowa, książka tak
naprawdę nigdy nie jest skończona.

Wskazówki dotyczące

13 Front Page – Praktyczne projekty

planowania witryny

Internet, choć nazywany zupełnie nowym medium,
działa na ten sam zmysł jak stare media – wzrok.
Witryny nie służą ani do jedzenia, ani do wąchania –
witryny sięogląda. Aby zatem korzystać z witryny
internetowej, potrzebujemy wizualnych wskazówek.
Warto przestrzegać zasad, które przedstawiamy na
kilku następnych stronach, bo dzięki nim jest duża
szansa, że witryny spodobają się użytkownikom.
Jest wiele dobrych książek poświęconych wyłącznie
projektowaniu witryn internetowych. Jeżeli jesteś
zainteresowany tą tematyką, oto tytuły pięciu książek.
The Non-Designer’s Web Book: An Easy Guide to
Creating, Designing, and Posting Your Own Web Site,
autorzy Robin Williams i John Tollett (Peachpit Press).
Dwie następne książki zawierają wiele cennych rad dla
każdego projektanta witryn internetowych: Hot Wired
Style: Principles for Buliding Smart Web Sites, autor
Jeffrey Veen (Wired Books) oraz Web Style Guide:
Basic Design Principles for Creating Web Sites,
autorzy Patrick J. Lynch i Sarah Horton (Yale
University Press).
Na koniec jeszcze dwie pozycje: Creating Killer Web
Sites: The Art Of Third-Generation Site Design, autor
David Siegel (Haydn Books) oraz Designing Web
Usability: The Pracitce of Simplicity, autor Jakob
Nielsen (New Riders). Z opiniami zawartymi w tych
książkach można się zgadzać lub nie, ale nie można
przejść obok nich obojętnie.

Buduj przejrzyste witryny

Co za dużo, to niezdrowo. Strony zawierające łącza do
bardzo wielu miejsc dezorientują lub, co gorsza, irytują
użytkowników. Wyobraźmy sobie, co by się działo,
gdyby projekt parkingu wyglądał tak, jak niektóre
witryny internetowe – nie można

byłoby znaleźć wejścia. Twórz więc je proste i
przejrzyste. Stosuj maksymę: jeżeli trzeba objaśniać
działanie witryny, witryna ta nie działa.
Nie buduj witryn internetowych z „fałszywymi
drzwiami wejściowymi”. Pierwsza strona zamiast
wyświetlać łącza i inne informacje, wyświetla
absolutnie zdumiewający obraz lub animację, którą
użytkownik musi obowiązkowo obejrzeć. Dopiero po
odtworzeniu animacji na stronie pojawia się tekst w
rodzaju „Odkryj siłę produktu XYZ” lub „Chcesz się
dowiedzieć więcej?”. Trzeba więc kliknąć jeszcze raz,
by wreszcie zostać dopuszczonym do „prawdziwych
drzwi wejściowych” – strony startowej, gdzie można
zacząć szukać potrzebnych informacji.
Nie każ gościom pukać dwa razy. I w żadnym
przypadku nie każ im prosić. Jeżeli strona startowa
zawiera obrazy, powinny one być małe, aby
użytkownicy nie musieli długo czekać na ich
wyświetlenie. Usuń z witryny wszystko co zbędne, aby
była przejrzysta.

Buduj szybkie witryny

Internet jest zbyt powolny. Tak było w zeszłym roku;
tak będzie przyszłym roku. Chociaż wszyscy

Rozdział 1

♦ Front Page 2002 – wprowadzenie

chcielibyśmy, by szybkość połączeń internetowych
umożliwiała obsługę filmów wideo, dźwięku o jakości
CD oraz wyrafinowanych apletów Java, większość
ludzi nadal łączy się z Internetem za pomocą
modemów telefonicznych. Wzrost popularności
komputerów naręcznych i telefonów komórkowych z
obsługą poczty elektronicznej tylko zwiększy popyt na
szybkie witryny.
Nawet jeżeli projektujesz witryny intranetowe dla
firmy wykorzystującej szybkie komputery i
nowoczesne łącza, powinieneś budować szybkie
witryny. Terenowi przedstawiciele firmy, chcąc
uzyskać dostęp do jej zasobów, będą się łączyć z
intranetem za pomocą linii telefonicznych.

Internet jest więc zbyt wolny. Z barierą szybkości
będziemy się borykać jeszcze przez kilka lat. Problemu
tego nie należy ignorować, ale pamiętać o nim podczas
tworzenia witryny. Jak to ujął architekt i pionier
multimediów: „Projekt w dużym stopniu zależy od
ograniczeń”.

Buduj witryny łatwe w użyciu

Nikt nie musi Ci mówić, jak czytać gazetę lub
magazyn z dwóch powodów: znasz już „zasady”
czytania, a nawet gdybyś ich nie znał, są one dość
oczywiste. Im większy nagłówek, tym artykuł jest
ważniejszy. Teksty zgrupowane razem są zwykle ze
sobą powiązane. Artykuły umieszczone na stronie
tytułowej są ważniejsze niż te umieszczone wewnątrz
czasopisma. W drukowanych publikacjach rozmiar,
bliskość i położenie odgrywają olbrzymią rolę od wielu
wieków. Ponieważ Internet jest nowym medium,
istnieje pokusa, by myśleć, że nie obowiązują tu żadne
zasady. Zaufaj jednak swoim oczom. Rozmiar, bliskość
i położenie odgrywają tu równie wielką rolę jak w
innych publikacjach, mimo że Internet pojawił się
stosunkowo niedawno.
Należy wyróżnić najważniejszy element każdej strony
witryny internetowej. Oznacza to, że trzeba
zdecydować, co jest najważniejsze – a co najmniej
ważne – na każdej stronie i w całej witrynie. Zanim
zaczniesz opracowywać zdumiewającą animację dla
strony startowej, zdefiniuj cel witryny i zastanów się,
do kogo jest ona adresowana.
Tworząc gazetę nie umieściłbyś artykułu sportowego
wśród przepisów kulinarnych. Zasadę tę należy
stosować również podczas budowy witryny
internetowej, na przykład rady techniczne należy
oddzielić od informacji marketingowych. Chociaż
wydaje się to oczywiste, na wielu witrynach tematy
pokrewne nie są umieszczane razem. Aby usprawnić
działanie witryny internetowej, zawsze grupuj
pokrewne elementy.

Być może najtrudniejszym zadaniem podczas
tworzenia witryny internetowej jest zaprojektowanie
przemyślanej struktury nawigacyjnej. Jeżeli będzie ona
zbyt „głęboka”, użytkownik będzie musiał klikać wiele
razy, aby dojść do potrzebnych informacji (rysunek
1.5). Istnieje ryzyko, że użytkownik nigdy nie znajdzie
tego, czego szuka. Nie jest również dobrym
rozwiązaniem struktura zbyt „płytka” ze stroną
startową posiadającą tak wiele łączy, że staje się ona

Rysunek 1.5.
Struktura zbyt „głęboka” sprawia, że użytkownik ma
utrudniony dostęp do potrzebnych informacji

15 Front Page – Praktyczne projekty

zbyt skomplikowana (rysunek 1.6).
Należy stworzyć taką strukturę, aby użytkownik mógł
znaleźć interesującą go informację za pomocą dwóch
lub trzech kliknięć (rysunek 1.7). Nie jest to łatwe
zadanie. Na szczęście w widoku Nawigacja programu
FrontPage można modyfikować strukturę nawigacyjną
witryny aż do stworzenia struktury umożliwiającej
dostęp do prawie wszystkich informacji witryny za
pomocą nie więcej niż czterech kliknięć.
Poznając narzędzia programu FrontPage 2002,
pamiętaj, aby tworzyć strony przejrzyste, szybkie i
łatwe w użyciu.

Rysunek 1.6.
Struktura zbyt „płytka” sprawia, że strona startowa
zawiera zbyt dużą ilość łączy nadających wszystkim
składnikom witryny jednakową ważność

Rysunek 1.7.
Przemyślana struktura witryny internetowej sprawia, że
strona startowa wyświetla tylko najważniejsze łącza,
elementy są zgrupowane w logiczne kategorie i do
wszystkich informacji można dojść za pomocą dwóch
lub trzech kliknięć

Rozdział 2. FrontPage 2002 –
pierwsze kroki

W niniejszym rozdziale omówimy główne funkcje
programu FrontPage 2002 oraz sposób wykonywaniae
podstawowych zadań, takich jak otwieranie, zamykanie
i zapisywanie stron i witryn internetowych. Wszystkie
poruszane w tym rozdziale elementy – widoki, menu,
paski narzędzi – omówimy szczegółowo w dalszej
części książki. Czytając ten rozdział, dowiesz się, jak
wygląda praca z programem FrontPage 2002 i poznasz
jego funkcje, po czym będziesz mógł zająć się bardziej
zaawansowanymi skomplikowanymi zagadnieniami.

17 Front Page – Praktyczne projekty

Rysunek 2.1.
Po uruchomieniu FrontPage 2002 wyświetla stronę w widoku normalnymwidok normalny strony. Aby go
zmienić widok strony, kliknij kartę HTML lub Podgląd

1 Application menu (click to activate) – 1 Menu programu (kliknij, aby uruchomić)
2 Web site name, Selected Web page name, Page Selection tabs – 2 Nazwa witryny internetowej, Nazwa
wybranej strony internetowej, Karty stron
3 Search FrontPage Help – 3 Pomoc programu FrontPage 2002
4 Close application window, Maximize window, Minimize window – 4 Zamknij program, Maksymalizuj okno,
Minimalizuj okno
5 Menu bar, Standard toolbar, Formatting toolbar – 5 Pasek menu, Pasek narzędzi Standardowy, Pasek narzędzi
Formatowanie
6 Views Bar – 6 Pasek widoków
7 Page view tabs – 7 Karty widoków
8 Drawing toolbar (with AutoShapes) – 8 Pasek narzędzi Rysowanie (z przyciskiem Autokształty)
9 Download progress indicator – 9 Wskaźnik postępu pobierania strony
10 Estimated download time (click to change connection speed) – 10 Szacowany czas pobierania strony (kliknij,
aby zmienić szybkość połączenia)

Rozdział 2

♦ Front Page 2002 – pierwsze kroki

Okno programu
FrontPage

Standardowo okno programu FrontPage 2002 otwiera
się w widoku normalnym (rysunek 2.1). W nowej
wersji programu FrontPage dodano karty stron (2),
pole tekstowe służące do wpisywania pytań do pomocy
(3) oraz nowy pasek narzędzi Rysowanie (8).
(1) Menu programu: Kliknij ikonę programu

FrontPage 2002, aby wyświetlić menu
umożliwiające zmianę rozmiaru okna programu:
Przywróć, Przenieś, Rozmiar, Minimalizuj,
Maksymalizuj i Zamknij.

(2) Nazwa witryny internetowej, nazwa wybranej

strony internetowej, karty stron: Nazwę witryny
internetowej ustala się w momencie jej tworzenia.
Również nazwę strony internetowej ustala się
podczas jej tworzenia. Aby wybrać i wyświetlić
stronę internetową w oknie głównym programu,
kliknij jej kartę.

(3) Pomoc programu FrontPage 2002: Wpisz pytanie

lub słowo kluczowe w polu tekstowym, a
następnie naciśnij klawisz Enter, aby wyświetlić
listę tematów pomocy. Kliknij jeden z tematów, a
FrontPage wyświetli związany z nim tekst
pomocy. Więcej informacji na ten temat zawiera
podrozdział Aby skorzystać z pomocy programu
FrontPage.

(4) Przyciski sterujące okna programu: Przycisk

Minimalizuj zmniejsza okno do postaci
prostokątnej ikony wyświetlanej na pasku zadań,
przycisk Maksymalizuj sprawia, że okno zajmuje
cały ekran, natomiast przycisk Zamknij zamyka
okno.

(5) Pasek menu i paski narzędzi: Standardowo

FrontPage wyświetla pasek menu, pasek narzędzi
Standardowy oraz pasek narzędzi Formatowanie.
Aby wyświetlić lub ukryć pasek narzędzi, z menu
Widok wybierz pozycję Pasek narzędzi i włącz lub
wyłącz odpowiedni pasek.

(6) Pasek widoków: Standardowo FrontPage otwiera

się w widoku Strona. Aby wyświetlić inny widok,
kliknij jedną z pozostałych pięciu ikon. Widok
Foldery umożliwia uporządkowanie plików i
folderów. Widok Raporty umożliwia analizowanie
plików, łączy i obrazów otwartej witryny
internetowej. Widok Nawigacja pozwala oglądać i
edytować strukturę witryny internetowej. Widok
Hiperłącza pozwala oglądać łącza prowadzące do
danej strony i łącza z niej wychodzące. Widok
Zadania umożliwia oglądanie, tworzenie i
edytowanie listy zadań dla danej witryny
internetowej.

(7) Karty widoków: Standardowo FrontPage otwiera

się w widoku Normalny, gdzie w którym można
edytować otwartą stronę internetową. Aby
obejrzeć lub edytować kod strony, kliknij kartę
HTLM. Aby zobaczyć, jak strona będzie wyglądać
w przeglądarce internetowej, kliknij kartę
Podgląd. Jeżeli nie posiadasz przeglądarki Internet
Explorer, FrontPage nie wyświetli karty Podgląd.
Internet Explorer nie musi być uruchomiony –
wystarczy, że jest zainstalowany.

(8) Pasek narzędzi Rysowanie: Nowość programu

FrontPage 2002 pasek narzędzi Rysowanie
(standardowo włączony) umożliwia szybki dostęp
do narzędzi do tworzenia kształtów i efektów
tekstowych wykorzystujących grafikę wektorową.
Więcej informacji zawiera podrozdział Paski
narzędzi.

(9) Wskaźnik postępu pobierania strony: Ikona ta

wiruje podczas otwierania strony internetowej. Po
wczytaniu wszystkich plików związanych z daną
stroną ikona przestaje wirować.

(10) Szacowany czas pobieranie strony: Standardowo

FrontPage wskazuje czas (w sekundach)
pobierania bieżącej strony przy połączeniu
modemowym 28.8 bps. Można zmienić wartość
określającą szybkość połączenia, choć wartość
28.8 najprawdopodobniej odzwierciedla średnią
szybkość transferu danych uzyskiwaną przy
połączeniu modemowym.

Uruchamianie i
zamykanie programu
FrontPage

Aby uruchomić program
FrontPage:

1. Kliknij

przycisk

Start dostępny na pasku zadań

systemu Windows, wybierz pozycję Programy, a
następnie pozycję Microsoft FrontPage (rysunek
2.2).

2. Po uruchomieniu FrontPage wyświetli puste okno

programu (rysunek 2.3). Teraz można stworzyć

Rysunek 2.2.
Kliknij przycisk Start, wybierz pozycję Programy, a
następnie pozycję Microsoft FrontPage

19 Front Page – Praktyczne projekty

nową stronę lub witrynę internetową albo
otworzyć istniejącą stronę lub witrynę internetową.

Aby zamknąć program
FrontPage:

• Po zapisaniu swojej pracy (Ctrl+S) z menu Plik

wybierz pozycję Zakończ (Alt+F4) (rysunek 2.4).

Rysunek 2.3.
Po uruchomieniu FrontPage wyświetla puste okno
programu

Rysunek 2.4.
Aby opuścić program FrontPage, z menu Plik wybierz
pozycję Zakończ (Alt+F4)

Rozdział 2

♦ Front Page 2002 – pierwsze kroki

Rysunek 2.5.
Kliknij kartę HTML, aby Aby przejrzeć lub edytować
kod HTML bieżącej strony, kliknij kartę HTML

Rysunek 2.6.
Kliknij kartę Podgląd, aby Aby zobaczyć, jak w
przybliżeniu bieżąca strona będzie wyglądać w
przeglądarce internetowej, kliknij kartę Podgląd

Rysunek 2.7.
Niektórych elementów, na przykład pokazów slajdów,
nie można poprawnie wyświetlić korzystając z karty
Podgląd (po lewej), można to jednak zrobić korzystając
z polecenia Podgląd w przeglądarce (po prawej)

Widok Normalny, HTML i
Podgląd

Mając otwartą stronę w widoku Strona, można wybrać
jeden z trzech widoków: Normalny (domyślny), HTML
lub Podgląd. W widoku Normalny można edytować
bieżącą stronę internetową – bez oglądania
generowanego w tle kodu HTML (rysunek 2.1). Widok
HTML wyświetla kod strony i pozwala go zmieniać
(rysunek 2.5). Widok Podgląd wyświetla stronę mniej
więcej takpodobnie, jak robi to przeglądarka
internetowa (rysunek 2.6).

Wskazówki

• Zamiast klikać karty w celu zmiany widoku

strony, można nacisnąć kombinację klawiszy
Ctrl+Page Up lub Ctrl+Page Down, aby
wyświetlić kolejno widoki Normalny, HTML i
Podgląd lub Podgląd, HTLM i Normalny.

• Teoretycznie karta Podgląd powinna wyświetlać

stronę internetową tak, jak robi to przeglądarka (z
menu Plik wybierz pozycję Podgląd w
przeglądarce). W praktyce niektóre elementy, na
przykład neon, są prawidłowo wyświetlane
zarówno za pomocą karty Podgląd, jak i w
przeglądarce. Jednak innych elementów, na
przykład animowanych pokazów slajdów, nie
można prawidłowo oglądać za pomocą karty
Podgląd. W takich przypadkach należy skorzystać
z polecenia Podgląd w przeglądarce (rysunek 2.7).
Aby mieć pewność, zawsze wybieraj pozycję
Podgląd w przeglądarce z menu Plik.

21 Front Page – Praktyczne projekty

Ikony widoków

W programie FrontPage strony i witryny internetowe
można oglądać i edytować na sześć różnych sposób.
Aby wyświetlić widok, kliknij odpowiednią ikonę na
pasku widoków (rysunek 2.8). Standardowo FrontPage
wyświetla widok Strona (rysunek 2.9). Inne widoki
pozwalają oglądać foldery, raporty, strukturę
nawigacyjną, hiperłącza i zadania związane z bieżącą
stroną lub witryną internetową. Każdy widok
wyświetla inny zbiór informacji o witrynie lub stronach
(rysunki 2.10 – 2.14).

Rysunek 2.8.
Aby zmienić widok bieżącej strony lub witryny
internetowej, kliknij jedną z sześciu ikon dostępnych
na pasku widoków

Rysunek 2.9.
Po otwarciu witryny internetowej FrontPage
standardowo wyświetla widok Strona

Rysunek 2.10.
Kliknij ikonę Foldery dostępną na pasku widoków, aby
wyświetlić foldery bieżącej witryny internetowej

Rozdział 2

♦ Front Page 2002 – pierwsze kroki

Rysunek 2.11.
Kliknij ikonę Raporty dostępną na pasku widoków, aby
Aby móc analizować bieżącą witrynę internetową,
kliknij ikonę Raporty dostępną na pasku widoków

Rysunek 2.12.
Kliknij ikonę Nawigacja dostępną na pasku widoków,
aby Aby wyświetlić strukturę bieżącej witryny
internetowej kliknij ikonę Nawigacja dostępną na
pasku widoków. Widok Nawigacja jest znakomitym
właściwym miejscem do stworzenia struktury witryny
przed przystąpieniem do tworzenia poszczególnych
stron internetowych

Rysunek 2.13.
Kliknij ikonę Hiperłącza dostępną na pasku widoków,
aby Aby wyświetlić łącza prowadzące do bieżącej
strony internetowej oraz łącza z niej wychodzące,
kliknij ikonę Hiperłącza dostępną na pasku widoków

Rysunek 2.14.
Kliknij ikonę Zadania dostępną na pasku widoków, aby
Aby stworzyć listę zadań dla witryny internetowej i
aby śledzić stan tych zadańich postęp, kliknij ikonę
Zadania dostępną na pasku widoków

23 Front Page – Praktyczne projekty

Rysunek 2.15.
Pasek widoków można wyświetlić lub ukryć. W tym
celu z menu Widok należy wybrać pozycję Pasek
widoków lub prawym przyciskiem myszy kliknąć
pasek widoków i z menu kontekstowego wybrać
pozycję Ukryj pasek widoków

Rysunek 2.16.
Aby obejrzeć strukturę folderów witryny – bez
względu na to, który widok jest wyświetlany – kliknij
przycisk Okienko przełączania dostępny na pasku
narzędzi Standardowy. Aby ukryć Listę folderów,
kliknij ten przycisk jeszcze raz

Aby wyświetlić widok:

1. Upewnij

się, że pasek widoków jest otwarty. Jeżeli

nie jest, z menu Widok wybierz pozycję Pasek
widoków (rysunek 2.15).

2. Kliknij

jedną z szczęściu ikon dostępnych na

pasku widoków.

3. FrontPage

wyświetli wybrany widok.

Wskazówki

• Aby uzyskać maksymalny obszar

roboczypracować w większym oknie, można ukryć
pasek widoków. W tym celu z menu Widok
wybierz pozycję Pasek widoków lub prawym
przyciskiem myszy kliknij pasek widoków i z
menu kontekstowego wybierz pozycję Ukryj pasek
widoków (rysunek 2.15). Aby otworzyć pasek
widoków, powtórz jedną z tych procedur.

• Bez względu na to, który widok jest wyświetlany,

można obejrzeć strukturę folderów witryny. W
tym celu kliknij przycisk Okienko przełączania
dostępny na pasku narzędzi Standardowy (rysunek
2.16). Aby ukryć lListę folderów, kliknij ten
przycisk jeszcze raz. Do otwierania (zamykania)
Listy listy folderów służy również pozycja Lista
folderów (menu Widok).

• Jeżeli Lista folderów jest otwarta, można przejść

do Okienka okienka nawigacji – wystarczy kliknąć
zakładkę Nawigacja u dołu Listy folderów lub
strzałkę przycisku Okienko przełączania
dostępnego na pasku narzędzi Standardowy i
wybrać pozycję Okienko nawigacji (rysunek 2.17).

Rozdział 2

♦ Front Page 2002 – pierwsze kroki

Rysunek 2.17.
Aby przełączać widoki, kliknij zakładkę Lista folderów
lub Nawigacja albo kliknij strzałkę przycisku Okienko
przełączania dostępnego na pasku narzędzi
Standardowy

25 Front Page – Praktyczne projekty

Okienko zadań

Okienko zadań, nowy element programu FrontPage
2002 występujący również w innych programach
pakietu Office XP, służy do wykonywania zadań takich
jak tworzenie nowych stron i korzystanie z szablonów
stron. Okienko zadań oferuj pokazuje trzy widoki:
Nowy plik strony lub sieci Web, Schowek oraz
Wyszukaj. Po otwarciu okienko zadań wyświetla
ostatnio używany widok.
Mimo podobnych nazw okienko zadań nie ma nic
wspólnego z widokiem Zadania. Okienko zadań jest
związane jedynie z bieżącą stroną internetową; widok
Zadania dotyczy całej witryny internetowej. Niestety,
pomoc programu FrontPage 2002 nie zawiera
informacji na temat okienka zadań, co jeszcze bardziej
komplikuje sprawę.

Aby korzystać z okienka
zadań:

1. Z

Widok wybierz pozycję Okienko zadań

(rysunek 2.18).

2. Po pojawieniu się okienka zadań kliknij jedną ze

strzałek w lewym górnym rogu lub trójkąt w
prawym górnym rogu okienka zadań, aby wybrać
jeden z trzech widoków (rysunek 2.19).

3. Kiedy pojawi się żądany widok, kliknij jedną z

pozycji okienka zadań, aby uruchomić akcję
(rysunek 2.20).

Wskazówki

• Schowek dostępny w okienku zadań jest

znakomitym miejscem do tymczasowego
przechowywania obrazów, hiperłączy i innych
elementów (rysunek 2.21).

• Więcej informacji na temat funkcji wyszukiwania

dostępnej w okienku zadań zawiera rozdział 7.,
Wstawianie i edytowanie obrazów (rysunek 2.21).

Rysunek 2.18.
Aby wyświetlić okienko zadań, skorzystaj z menu
Widok

Rysunek 2.19.
Kliknij jedną ze strzałek w lewym górnym rogu lub
trójkąt w prawym górnym rogu okienka zadań, aby
Aby wybrać jeden z trzech widoków, kliknij jedną ze
strzałek w lewym górnym rogu lub trójkąt w prawym
górnym rogu okienka zadań

Rozdział 2

♦ Front Page 2002 – pierwsze kroki

Rysunek 2.20.
Kliknij jedną z pozycji okienka zadań, aby Aby
uruchomić akcję, kliknij jedną z pozycji okienka zadań

Rysunek 2.21.
Schowek dostępny w okienku zadań (po lewej) jest
znakomitym miejscem do tymczasowego
przechowywania obrazów, hiperłączy i innych
elementów. Widok Wyszukiwanie podstawowe (po
prawej) pomoga pomaga odszukać elementy na stronie
lub w witrynie internetowej.

27 Front Page – Praktyczne projekty

Rysunek 2.22.
Z menu Narzędzia wybierz pozycję Opcje, aby Aby
ustawić opcję dla okienka zadań, z menu Narzędzia
wybierz pozycję Opcje

Rysunek 2.23.
Aby oddzielić okienko zadań od okna programu
FrontPage 2002, kliknij pasek tytułu okienka zadań i
przeciągnij na pulpit

Aby wyświetlić okienko
zadań przy uruchomieniu:

1. Z

Narzędzia wybierz pozycję Opcje

(rysunek 2.22).

2. Wyświetl kartę Ogólne okna dialogowego Opcje, a

następnie zaznacz pole wyboru Okienko zadań
przy uruchomieniu (rysunek 2.22).

3. Kliknij

przycisk

OK, aby zamknąć okno

dialogowe. Przy następnym uruchomieniu
programu FrontPage 2002 okienko zadań pojawi
się automatycznie.

Aby przesunąć okienko
zadań na pulpit:

• Aby przesunąć okienko zadań poza okno

programu FrontPage 2002, kliknij pasek tytułu
okienka zadań i przeciągnij go na pulpit. Okienko
zadań pojawi się na pulpicie jako samodzielne
okno (rysunek 2.23).

Aby zamknąć okienko zadań:

• Z menu Widok wybierz pozycję Okienko zadań lub

kliknij przycisk X w prawym górnym rogu
okienka zadań. Okienko zadań zniknie.

Paski narzędzi

Standardowo pasek narzędzi Standardowy i
Formatowanie (rysunki 2.24 oraz 2.25) znajdują się u
góry okna programu FrontPage 2002, natomiast pasek
narzędzi Rysowanie – u dołu tego okna. Jednak
FrontPage 2002 posiada jeszcze dziewięć innych
pasków narzędzi, które usprawniają pracę nad witryną
internetową (rysunki 2.26 – 2.35). Paski narzędzi
programu FrontPage można dowolnie modyfikować ile
dusza zapragnie. Można też stworzyć własne paski
narzędzi. Więcej informacji na ten temat zawierają
podrozdziały Aby dostosować istniejący pasek narzędzi
oraz Aby stworzyć nowy pasek narzędzi.

Rozdział 2

♦ Front Page 2002 – pierwsze kroki

Rysunek 2.24.
Przyciski dostępne na pasku narzędzi Standardowy umieszczonym tuż pod paskiem menu służą do
wykonywania najbardziej podstawowych zadań

New Page – Nowa strona
New – Wyświetl menu Nowa
Open – Otwórz
Open – Wyświetl menu Otwórz
Save – Zapisz
Search – Wyszukaj
Publish Web site – Publikuj sieć Web
Show/Hide panes – Okienko przełączania
Toggle pane type – Wyświetl menu Okienko przełączania
Print – Drukuj
Preview in browser – Podgląd w przeglądarce
Spell check – Pisownia
Cut – Wytnij
Copy – Kopiuj
Paste – Wklej
Format painter – Malarz formatów
Undo – Cofnij
Redo – Wykonaj ponownie
Insert component – Składnik sieci Web
Insert table – Wstaw tabelę
Insert file picture – Wstaw obraz z pliku
Show/Hide drawing toolbar – Rysowanie
Create hyperlink – Wstaw hiperłącze
Refresh page – Odśwież
Stop page load – Zatrzymaj
Show/Hide invisible characters – Pokaż wszystko
Help – Pomoc

Rysunek 2.25.
Przyciski dostępne na pasku narzędzi Formatowanie generalnie odpowiadają poleceniom kontrolującym wygląd
tekstu dostępnym w menu Format

Style (paragraph) – Styl (akapit)
Choose style – Wybierz styl
Font – Czcionka
Choose font – Wybierz czcionkę
Font size – Rozmiar czcionki
Choose size – Wybierz rozmiar czcionki
Font styles – Style czcionki
Text alignment – Wyrównanie tekstu
Increase/decrease font size – Zwiększ/-zmniejsz rozmiar czcionki
Numbered list – Numerowanie
Bullet list – Punktory
Decrease/increase line indent – Zmniejsz/-zwiększ wcięcie
Apply border – Krawędzie
Choose border – Wybierz krawędź
Apply highlight – Wyróżnienie
Choose highlight – Wybierz kolor wyróżnienia
Apply font color – Kolor czcionki
Choose font color – Wybierz kolor czcionki

Rysunek 2.26.
Dzięki przyciskom dostępnym na pasku narzędzi WordArt można stosować efekty wykorzystujące grafikę
wektorową

Apply WordArt effect – Wstaw obiekt WordArt
Change text – Edytuj tekst

29 Front Page – Praktyczne projekty

Choose WordArt effect – Galeria WordArt
Format WordArt – Formatuj WordArt
Shape WordArt – Kształt obiektu WordArt
Letter height – Jednakowa wysokość liter WordArt
Vertical letters – Tekst pionowy WordArt
Alignment – Wyrównanie obiektu WordArt
Letter spacing – Odstępy między znakami WordArt

Rysunek 2.27.
Przyciski dostępne na pasku narzędzi Rysowanie umożliwiają tworzenie i modyfikowanie obiektów graficznych
i autokształtów

Draw tool – Rysuj
Choose draw tool – Wybierz narzędzie
Select object – Zaznacz obiekty
AutoShapes tool – Autokształty
Choose AutoShapes – Wybierz autokształt
Line – Linia
Arrow – Strzałka
Rectangle – Prostokąt
Oval – Elipsa
Text box – Pole tekstowe
Insert WordArt – Wstaw obiekt WordArt
Insert clip art – Wstaw ClipArt
Insert file art – Wstaw obraz z pliku
Fill color – Kolor wypełnienia
Choose fill color – Wybierz kolor wypełniania
Line color – Kolor linii
Choose line color – Wybierz kolor linii
Font color – Kolor czcionki
Choose font color – Wybierz kolor czcionki
Line style – Styl linii
Dash style – Styl kreskowany
Arrow style – Styl strzałki
Shadow style – Cień
3-D style – 3-W

Rysunek 2.28.
Przyciski dostępne na pasku narzędzi Kanwa rysunku kontrolują rozmiar kanwy rysunku podczas pracy z
obrazami wykorzystującymi grafikę wektorową

Fit canvas to drawings – Dopasuj rysunek do zawartości
Enlarge canvas – Rozwiń rysunek
Scale canvas up or down – Skaluj rysunek

Rysunek 2.29.
Listy rozwijane dostępne na pasku narzędzi Efekty języka DHTML (Dynamiczny HTML) pozwalają ustawić
efekty formatowania wywoływane w odpowiedzi na zdarzenie

Choose event – Wybierz zdarzenie
Effect setting – Ustawienia efektu
Choose effect – Wybierz efekt
Highlight effect – Wyróżnij efekty języka DHTML

Rysunek 2.30.

Rozdział 2

♦ Front Page 2002 – pierwsze kroki

Lista rozwijana oraz przyciski dostępne na pasku narzędzi Nawigacja (działającym tylko w widoku Nawigacja)
kontrolują widok struktury bieżącej witryny internetowej. Więcej informacji na ten temat zawiera podrozdział
Kontrola widoku struktury witryny w rozdziale 3., Tworzenie witryny internetowej

Zoom view – Powiększenie
Toggle view: portrait/landscape – Orientacja pozioma/-pionowa
Add external link – Dodaj istniejącą stronę
Include in navigation bars – Dołączone do pasków nawigacyjnych
View subtree only – Pokaż tylko poddrzewo

Rysunek 2.31.
Przyciski dostępne na pasku narzędzi Obrazy służą do edytowania zaznaczonego obrazu. Więcej informacji na
ten temat zawiera rozdział 7., Tworzenie i edytowanie obrazów

Insert picture – Wstaw obraz z pliku
Add text – Tekst
Create thumbnail – Autominiatura
Position absolutely – Pozycjonuj bezwzględnie
Bring forward – Przesuń do przodu
Send back – Przesuń do tyłu
Rotate left – Obróć w lewo
Rotate right – Obróć w prawo
Flip horizontal – Przerzuć w poziomie
Flip vertical – Przerzuć w pionie
More contrast – Więcej kontrastu
Less contrast – Mniej kontrastu
Brighter – Większe rozjaśnienie
Dimmer – Mniejsze rozjaśnienie
Crop – Przytnij
Line style – Styl linii
Format picture – Formatuj obraz
Set transparent color – Ustaw kolor przezroczysty
Set color – Kolor
Bevel border – Skos
Resample picture – Przepróbkowanie
Select – Wybierz
Create hotspots – Stwórz punkty aktywne
Add/remove buttons – Dodaj lub usuń przyciski
Restore picture – Przywróć

Rysunek 2.32.
Przyciski i pola tekstowe dostępne na pasku narzędzi Pozycjonowanie kontrolują absolutną i relatywną pozycję
zaznaczonego elementu strony. Więcej informacji na ten temat zawiera podrozdział Pozycja absolutna obrazów
w rozdziale 7., Tworzenie i edytowanie obrazów

Rysunek 2.33.
Listy rozwijane i przyciski dostępne na pasku narzędzi Raportowanie używanym tylko w widoku Raporty
pomagają sprawdzić pliki, funkcje i hiperłącza bieżącej witryny internetowej

Rysunek 2.34.
Przycisk dostępny na pasku narzędzi Styl otwiera okno dialogowe Styl.

Rysunek 2.35.
Przyciski dostępne na pasku narzędzi Tabele pomagają tworzyć i modyfikować tabele

31 Front Page – Praktyczne projekty

Draw table – Rysuj tabelę
Erase – Gumka
Insert rows – Wstaw wiersze
Insert columns – Wstaw kolumny
Delete cells – Usuń komórki
Merge cells – Scal komórki
Split cells – Podziel komórki
Align top – Wyrównaj do góry
Center – Wyśrodkuj pionowo
Align bottom – Wyrównaj do dołu
Spread rows evenly – Rozłóż wiersze równomiernie
Spread columns evenly – Rozłóż kolumny równomiernie
Autofill – Automatycznie dopasuj do zawartości
Apply fill color – Kolor wypełnienia
Choose fill color – Wybierz kolor wypełnienia
Apply AutoFormat Combo – Pole kombi autoformatowania tabeli
Choose AutoFormat Combo – Wybierz typ autoformatowania
AutoFormat – Autoformatowanie tabeli
Fill down – Wypełniaj w dół
Fill right – Wypełniaj w prawo

Rysunek 2.36.
Aby wyświetlić lub ukryć pasek narzędzi, z menu
Widok wybierz pozycję Pasek narzędzi i z podmenu
wybierz nazwę paska

Rysunek 2.37.
Aby przesunąć zadokowany pasek narzędzi, kliknij go
(a) i przeciągnij na pulpit (b)

Aby wyświetlić lub ukryć
paski narzędzi:

1. Z

Widok wybierz pozycję Paski narzędzi, a

następnie – nazwę paska narzędzi, który chcesz
wyświetlić lub ukryć (rysunek 2.36). Jeżeli przed
nazwą paska narzędzi jest umieszczony symbol

2. FrontPage

wyświetli lub ukryje wybrany pasek

narzędzi.

Zmiana położenia
pasków narzędzi

Paski narzędzi można umieszczać w wygodnych
miejscach. Czasem najlepiej pasek narzędzi
„zadokować”, czyli usytuować nieruchomo wzdłuż
górnej lub dolnej krawędzi okna programu FrontPage.
Jednak podczas wykonywania niektórych zadań dobrze
jest umieścić pasek narzędzi na pulpicie poza oknem
programu FrontPage na pulpicie. Można ponadto
zmienić rozmiar pasków narzędzi, aby dostosować go
do obszaru roboczego.

Aby przesunąć pasek
narzędzi na pulpit:

• Aby przesunąć zadokowany pasek narzędzi

(usytuowany nieruchomo wzdłuż krawędzi okna
programu FrontPage), kliknij go i przeciągnij do
żądanego miejsca pulpitu. Po wykonaniu tej
operacji pasek narzędzi będzie posiadał własny
tytuł (rysunek 2.37).

Rozdział 2

♦ Front Page 2002 – pierwsze kroki

Aby zadokować pasek
narzędzi w oknie programu
FrontPage:

• Aby zadokować wolno stojący pasek narzędzi,

kliknij go i przeciągnij do miejsca dokowania tuż
powyżej lub tuż poniżej obszaru roboczego okna
programu FrontPage. Kiedy wskaźnik myszy
zbliży się do miejsca dokowania, wolno stojący
pasek narzędzi zostanie zadokowany (rysunek
2.38).

Aby zmienić rozmiar wolno
stojącego paska narzędzi:

• Aby zwęzić wolno stojący pasek narzędzi, kliknij

jego krawędź i przeciągnij wskaźnik myszy w
kierunku środka paska. Aby rozszerzyć pasek
narzędzi, przeciągnij wskaźnik myszy w kierunku
od środka paska narzędzi (rysunek 2.39).

Rysunek 2.38.
Aby zadokować wolno stojący pasek narzędzi, kliknij i
przeciągnij go do miejsca dokowania (a). Kiedy
wskaźnik myszy zbliży się do miejsca dokowania (b),
wolno stojący pasek narzędzi zostanie zadokowany (c)

Rysunek 2.39.
Aby zmienić rozmiar paska narzędzi, kliknij jego
krawędź i, przytrzymując klawisz myszy, przeciągnij
poziomo lub pionowo

Rysunek 2.40.
Aby dodać lub usunąć przycisk, kliknij trójkąt na
końcu paska narzędzi – w odpowiedzi pojawi się opcja
Dodaj lub usuń przyciski

Rysunek 2.41.
Po umieszczeniu wskaźnika nad opcją Dodaj lub usuń
przyciski pojawi się menu z nazwami wszystkich
dostępnych przycisków paska narzędzi

Dostosowywanie
pasków narzędzi

FrontPage pozwala dodawać i usuwać przyciski
pasków narzędzi. Można dodawać przyciski do
istniejących pasków narzędzi lub tworzyć nowe, puste
paski narzędzi i dodawać do nich potrzebne przyciski.

Aby dodać lub usunąć
przyciski:

1. Kliknij

trójkąt na końcu paska narzędzi, który

chcesz dostosować zmienić – w odpowiedzi
pojawi się opcja Dodaj lub usuń przyciski (rysunek
2.40).

2. Umieść wskaźnik myszy nad opcją Dodaj lub usuń

przyciski i kliknij opcję Standardowy. W
odpowiedzi pojawi się menu z nazwami
wszystkich przycisków paska narzędzi. Przed
nazwą przycisku znajduje się symbol

3. Kliknij

nazwę przycisku, który chcesz usunąć –

odpowiedzi symbol

4. Usuń symbol

chcesz usunąć. Dodaj symbol

33 Front Page – Praktyczne projekty

Rysunek 2.42.
Kliknij nazwę przycisku, który chcesz usunąć lub
dodać do wybranego paska narzędzi. Kliknij poza
menu, aby zatwierdzić zmianę

Rysunek 2.43.
Aby przywrócić pasek narzędzi do oryginalnego
pierwotnego stanu, kliknij trójkąt na jego końcu,
umieść wskaźnik myszy nad opcją Dodaj lub usuń
przyciski i wybierz opcję Resetuj pasek narzędzi

Wskazówka

• Może się zdarzyć, że niechcący usuniesz przycisk.

Aby przywrócić pasek narzędzi do pierwotnego
stanu, można go resetować. Kliknij trójkąt na
końcu paska narzędzi, wybierz opcję Dodaj lub
usuń przyciski, następnie opcję Standardowy, a na
końcu opcję Resetuj pasek narzędzi (rysunek
2.43). FrontPage wyświetli oryginalne
standardowe przyciski paska narzędzi.

Rozdział 2

♦ Front Page 2002 – pierwsze kroki

Aby dostosować istniejący
pasek narzędzi:

1. Aby

dodać przyciski niedostępne w menu Dodaj

lub usuń przyciski, wybierz opcję Dostosuj
(rysunek 2.44).

2. Po pojawieniu się okna dialogowego

Dostosowywanie wyświetl kartę Polecenia.

3. W

panelu

Kategorie kliknij nazwę kategorii, a

następnie w panelu Polecenia kliknij nazwę
polecenia, które chcesz dodać do paska narzędzi
(rysunek 2.45).

4. Przeciągnij nazwę polecenia do miejsca na pasku

narzędzi, w którym to polecenie ma się pojawić
(rysunek 2.46).

5. Zwolnij przycisk myszy. Przycisk polecenia

zostanie dodany do paska narzędzi.

Rysunek 2.44.
Aby dodać przyciski niedostępne w menu Dodaj lub
usuń przyciski, wybierz opcję Dostosuj

Rysunek 2.45.
W panelu Kategorie kliknij nazwę kategorii, a
następnie w panelu Polecenia kliknij nazwę polecenia,
które chcesz dodać do paska narzędzi

Rysunek 2.46.
Po wybraniu polecenia przeciągnij goprzesuń je na
modyfikowany pasek narzędzi

35 Front Page – Praktyczne projekty

Rysunek 2.47.
Aby stworzyć nowy pasek narzędzi, z menu Narzędzia
wybierz pozycję Dostosuj

Rysunek 2.48.
Wyświetl kartę Paski narzędzi okna dialogowego
Dostosowywanie, a następnie kliknij przycisk Nowy

Rysunek 2.49.
Podaj opisową nazwę dla nowego paska narzędzi i
kliknij przycisk OK

Aby stworzyć nowy pasek
narzędzi:

1. Z

Narzędzia wybierz pozycję Dostosuj

(rysunek 2.47).

2. Po pojawieniu się okna dialogowego

Dostosowywanie wyświetl kartę Paski narzędzi, a
następnie kliknij przycisk Nowy (rysunek 2.48).

3. W oknie dialogowym Nowy pasek narzędzi wpisz

opisową nazwę dla nowego paska narzędzi i
kliknij przycisk OK (rysunek 2.49). Nazwa
nowego paska narzędzi pojawi się na liście
dostępnych pasków narzędzi okna dialogowego
Dostosowywanie. Sam pasek narzędzi – bez
żadnych przycisków i o małych rozmiarach –
pojawi się na pulpicie.

4. Aby

dodać przyciski do paska narzędzi, wyświetl

kartę Polecenia okna dialogowego
Dostosowywanie.

5. Kliknij

nazwę kategorii w panelu Kategorie, po

czym w panelu Polecenia kliknij nazwę żądanego
polecenia, przeciągnij ją na pasek narzędzi i
zwolnij przycisk myszy. Przycisk polecenia
zostanie dodany do paska narzędzi.

6. Po dodaniu następnych przycisków pasek narzędzi

osiągnie wystarczająco duży rozmiar, by można go
było zmieniać. Kiedy uznasz, że pasek narzędzi
posiada wszystkie potrzebne przyciski, kliknij
przycisk Zamknij okna dialogowego
Dostosowywanie (rysunek 2.50). Pasek narzędzi,
na razie wolno stojący, można zadokować. Więcej
informacji na ten temat zawiera podrozdział Aby
zadokować pasek narzędzi w oknie programu
FrontPage.

Wskazówka

• Okno dialogowe Dostosowywanie można

wyświetlić na trzy sposoby: 1) Widok → Paski
narzędzi → Dostosuj, 2) Narzędzia → Dostosuj
oraz 3) menu Dodaj lub usuń przyciski (aby
wywołać to menu, kliknij trójkąt na prawym końcu
dowolnego paska narzędzi). Każdy z tych
sposobów daje ten sam efekt.

Rozdział 2

♦ Front Page 2002 – pierwsze kroki

Rysunek 2.50.
Kliknij i przeciągnij przesuń nazwę polecenia z panelu
Polecenia na nowy pasek narzędzi. Po dodaniu
wszystkich potrzebnych przycisków, kliknij przycisk
Zamknij

37 Front Page – Praktyczne projekty

Aby usunąć pasek narzędzi:

1. Aby

usunąć pasek narzędzi, a nie jedynie ukryć

go, z menu Widok wybierz pozycję Paski narzędzi,
a następnie pozycję Dostosuj (rysunek 2.51).

2. Po pojawieniu się okna dialogowego

Dostosowywanie wyświetl kartę Paski narzędzi,
kliknij nazwę paska narzędzi przeznaczonego do
usunięcia i kliknij przycisk Usuń (rysunek 2.52).

3. FrontPage

wyświetli informację o usuwaniu paska

narzędzi. Kliknij przycisk OK. Nazwa paska
narzędzi zostanie usunięta z listy pasków narzędzi
okna dialogowego Dostosowywanie.

Rysunek 2.51.
Aby usunąć pasek narzędzi, z menu Widok wybierz
pozycję Paski narzędzi, a następnie pozycję Dostosuj

Rysunek 2.52.
Po pojawieniu się okna dialogowego Dostosowywanie
wyświetl kartę Paski narzędzi, kliknij nazwę paska
narzędzi przeznaczonego do usunięcia i kliknij
przycisk Usuń

Rozdział 2

♦ Front Page 2002 – pierwsze kroki

Rysunek 2.53.
Polecenia menu Plik służą do tworzenia, otwierania,
zamykania, zapisywania, publikowania oraz
importowania stron lub witryn internetowych

Rysunek 2.54.

Pasek menu usytuowany wzdłuż górnej krawędzi okna
programu FrontPage jest widoczny podczas
wykonywania wszystkich zadań. Jednak niektóre
polecenia menu są dostępne podczas wykonywania
konkretnych zadań. Na przykład poleceń menu Ramki
można używać tylko podczas oglądania lub edytowania
stron internetowych z ramkami.

Menu Plik

Polecenia menu Plik służą do tworzenia, otwierania,
zamykania, zapisywania, publikowania oraz
importowania stron lub witryn internetowych (rysunek
2.53). Menu Plik pozwala również zdefiniować
ustawienia wydruku, zmienić właściwości programu
FrontPage i zakończyć program.

Menu Edycja

Większość poleceń menu Edycja działa tak samo jak w
innych programach – z wyjątkiem piątej sekcji tego
menu (rysunek 2.54). Sekcja ta pozwala stworzyć
system ewidencji w celu kontrolowania wersji plików,
jeżeli nad witryną internetową pracuje więcej niż jedna
osoba.

Menu Widok

Większość poleceń menu Widok odpowiada ikonom
paska widoków (rysunek 2.55). Pozycja Paski narzędzi
wywołuje podmenu, dzięki któremu można wyświetlić
lub ukryć dowolny z dwunastu pasków narzędzi
programu FrontPage.

39 Front Page – Praktyczne projekty

Większość poleceń menu Edycja działa tak samo jak w
innych programach. Piąta sekcja tego menu pozwala
kontrolować dostęp do plików, jeżeli nad witryną
internetową pracuje więcej niż jedna osoba

Rysunek 2.55.
Menu Widok pozwala wyświetlić lub ukryć sześć
widoków programu FrontPage oraz jego paski narzędzi

Rozdział 2

♦ Front Page 2002 – pierwsze kroki

Menu Wstaw

Jak sugeruje nazwa, menu Wstaw służy do wstawiania
różnych składników strony internetowej: podziałów,
dat, hiperłączy, apletów Java, składników pakietu
Office XP oraz Office 2000, na przykładnp. wykresów
i arkuszy itp. (rysunek 2.56).

Menu Format

Polecenia menu Format kontrolują wygląd tekstu,
znaczników HTML oraz motywów odpowiedzialnych
za graficzny wygląd witryny internetowej (rysunek
2.57).

Menu Narzędzia

Menu Narzędzia pozwala na modyfikację wielu opcji
programu FrontPage (rysunek 2.58). Umożliwia
ponadto dostęp do słownika oraz tezaurusa programu
FrontPage.

Rysunek 2.56.
Menu Wstaw służy do umieszczania na stronach
internetowych różnych składników: podziałów, dat,
hiperłączy, apletów Java, składników pakietu Office
itp.

Rysunek 2.57.
Menu Format kontroluje wygląd tekstu, a jego
polecenia generalnie odpowiadają przyciskom
dostępnym na pasku narzędzi Formatowanie

41 Front Page – Praktyczne projekty

Rysunek 2.58.
Menu Narzędzia udostępnia opcje programu
FrontPage, a także słownik i tezaurus

Rysunek 2.59.
Menu Tabela służy do tworzenia i dostosowywania
tabel, a jego polecenia generalnie odpowiadają
przyciskom dostępnym na pasku narzędzi Tabele

Rysunek 2.60.
Menu Ramki posiada polecenia do pracy nad stronami
z ramkami (niedostępne podczas oglądania stron bez

Menu Tabela

Menu Tabela posiada polecenia do tworzenia tabel
oraz do dopracowywania układu indywidualnych
wierszy i kolumn (rysunek 2.59).

Menu Ramki

Polecenia menu Ramki są dostępne jedynie podczas
pracy nad stroną z ramkami HTML (rysunek 2.60).
Aby stworzyć stronę z ramkami, wybierz Plik → Nowy
→ Strona lub sieć Web (Ctrl+N). Więcej informacji na
ten temat zawiera rozdział 11., Tworzenie i
formatowanie ramek.

Menu Okno

Można otworzyć wiele stron i witryn internetowych
jednocześnie. Menu Okno pozwala przełączać się
między otwartymi oknami (rysunek 2.61). Aby
wyświetlić otwartą stronę, można również kliknąć
kartę tej strony.

Menu Pomoc

Menu Pomoc, znane z wszystkich programów pakietu
Office XP, udostępnia system pomocy programu
FrontPage 2002 (rysunek 2.62).

Rozdział 2

♦ Front Page 2002 – pierwsze kroki

ramek)

Rysunek 2.61.
Menu Okno służy do wyświetlania otwartego okna

Rysunek 2.62.
Menu Pomoc udostępnia system pomocy programu
FrontPage 2002

43 Front Page – Praktyczne projekty

Aby skorzystać z pomocy
programu FrontPage:

1. Z

Pomoc wybierz pozycję Microsoft

FrontPage – Pomoc (F1) (rysunek 2.63).

2. Po pojawianiu się okna dialogowego Microsoft

FrontPage – Pomoc wyświetl jedną z trzech kart:
Spis treści, Kreator odpowiedzi lub Indeks
(rysunki 2.64 – 2.66). Bez względu na to, czy
klikniesz temat karty Spis treści, czy też przycisk
Wyszukaj karty Kreator odpowiedzi lub karty
Indeks, FrontPage wyświetli wynik wyszukiwań w
prawym panelu.

Rysunek 2.63.
Aby uruchomić pomoc programu FrontPage, z menu
Pomoc wybierz pozycję Microsoft FrontPage – Pomoc

Rysunek 2.64.
Karta Spis treści wyświetla tematy pomocy programu
FrontPage. Prawy panel wyświetla zawartość tematu
wybranego w lewym panelu

Rysunek 2.65.
Karta Kreator odpowiedzi pozwala zadać pytanie. Jest
to czasem najlepszy sposób na uzyskanie pomocy,
jeżeli nie wiesz, czego dokładnie szukasz

Rysunek 2.66.
Karta Indeks pozwala odszukać konkretny termin lub
zwrot. Wpisz szukany tekst w polu 1. i kliknij przycisk
Wyszukaj. Uściślij swoją kwerendę posługując się
wstępnymi wynikami wyświetlonymi w polu 2. (słowa
kluczowe) lub w polu 3. (tematy). Kliknij dwa razy
pozycję w polu 2. lub 3., aby wyświetlić pełny tekst w
prawym panelu. Aby rozpocząć nowe wyszukiwanie,
kliknij przycisk Wyczyść

Rozdział 2

♦ Front Page 2002 – pierwsze kroki

Rysunek 2.67.
Aby szybko uzyskać pomoc, wpisz pytanie do pola
tekstowego pomocy, naciśnij klawisz Enter, po
pojawieniu się listy tematów kliknij jedną z opcji i
wybierz pozycję w oknie pomocy

Wskazówki

• To, której karty pomocy programu FrontPage

należy użyć, zależy od rodzaju pytania. Karta Spis
treści wyświetla ogólne tematy pomocy. Jeżeli nie
wiesz, o co dokładnie zapytać, użyj karty Kreator
odpowiedzi. Karta Indeks wyświetla każdy wpis
pomocy – użyj tej kartyjej, aby zadać precyzyjne
pytanie na temat konkretnego problemu lub
funkcji.

• Aby szybko uzyskać pomoc, wpisz pytanie do pola

tekstowego pomocy (prawy górny róg okna
programu FrontPage), naciśnij klawisz Enter i po
pojawieniu się listy tematów kliknij jedną z opcji.
FrontPage otworzy pomoc w żądanym miejscu
(rysunek 2.67).

45 Front Page – Praktyczne projekty

Tworzenie, otwieranie,
zapisywanie i zamykanie
stron internetowych

Stronę internetową można zbudować na trzy sposoby:
można stworzyć nową stronę od zera początku i
zapisać ją; można stworzyć nową stronę z posługując
się szablonemu; można również otworzyć stronę
istniejącą, zmodyfikować ją i zapisać pod nową nazwą
za pomocą okna dialogowego Zapisywanie jako.
Więcej informacji o szablonach zawiera podrozdział
Szablony i motywy w rozdziale 3., Tworzenie witryny
internetowej.

Aby stworzyć nową pustą
stronę internetową:

1. Z

Plik wybierz pozycję Nowy, a następnie

pozycję Strona lub sieć Web lub kliknij przycisk
Nowa strona (Ctrl+N) (rysunek 2.68).

2. Jeżeli w punkcie 1. wybrałeś Plik → Nowy →

Strona lub sieć Web, FrontPage wyświetli okienko
zadań. Kliknij opcję Pusta strona (rysunek 2.69),
aby stworzyć pustą stronę (rysunek 2.70). Jeżeli w
punkcie 1. wybrałeś przycisk Nowa strona,
FrontPage utworzy pustą stronę bez wyświetlania
okienka zadań.

Wskazówka

• Nową stronę można również utworzyć z

posługując się szablonemu (FrontPage 2002
oferuje tuziny szablonów). Więcej iInformacjei o
szablonach zawiera podrozdział Szablony i motywy
w rozdziale 3., Tworzenie witryny internetowej.

Rysunek 2.68.
Aby stworzyć nową stronę internetową, z menu Plik
wybierz pozycję Nowy, a następnie pozycję Strona lub
sieć Web albo kliknij przycisk Nowa strona (Ctrl+N)

Rysunek 2.69.
Jeżeli korzystasz z okienka zadań, kliknij opcję Pusta
strona, aby utworzyć nową stronę internetową

Rysunek 2.70.
Nowa pusta strona internetowa posiada domyślny tytuł

Rysunek 2.71.
Aby otworzyć istniejącą stronę internetową, z menu
Plik wybierz pozycję Otwórz lub kliknij przycisk
Otwórz (Ctrl+O)

Rysunek 2.72.

Aby otworzyć istniejącą
stronę internetową:

1. Z

Plik wybierz pozycję Otwórz lub kliknij

przycisk Otwórz (Ctrl+O) (rysunek 2.71).

2. Po pojawieniu się okna dialogowego Otwieranie

pliku oszukaj plik, który chcesz otworzyć, a
następnie kliknij go dwa razy lub wpisz jego
nazwę w polu tekstowym Nazwa pliku i kliknij
przycisk Otwórz (rysunek 2.72).

3. Strona internetowa pojawi się w oknie programu

FrontPage (rysunek 2.73).

Wskazówki

• Aby ograniczyć lub rozszerzyć poszukiwania

strony internetowej w oknie dialogowym
Otwieranie pliku, skorzystaj z listy rozwijanej
Pliki typu.

• Jeżeli okienko zadań jest otwarte, kliknij nazwę

jednej z ostatnio otwieranych stron internetowych
wyświetlonych w sekcji Otwórz nową stronę

Rozdział 2

♦ Front Page 2002 – pierwsze kroki

Po pojawieniu się okna dialogowego Otwieranie pliku
odszukaj plik, który chcesz otworzyć, a następnie
kliknij go dwa razy

Rysunek 2.73.
FrontPage wyświetla istniejącą stronę internetową

Rysunek 2.74.
Jeżeli używasz okienka zadań, kliknij nazwę jednej z
ostatnio otwieranych stron internetowych (sekcja
Otwórz nową stronę)

(rysunek 2.74).

47 Front Page – Praktyczne projekty

Aby zapisać stronę
internetową:

1. Z

Plik wybierz pozycję Zapisz jako (rysunek

2.75).

2. Po pojawieniu się okna dialogowego Zapisywanie

jako odszukaj miejsce, w którym chcesz zapisać
stronę internetową (rysunek 2.76).

3. Kliknij

przycisk

Zmień tytuł okna dialogowego

Zapisywanie jako, aby zmienić tytuł strony
internetowej (rysunek 2.76). Po pojawieniu się
okna dialogowego Ustawianie tytułu strony wpisz
tekst, który ma się pojawić na pasku tytułu
przeglądarki i kliknij przycisk OK (rysunek 2.77).
Patrz też Wskazówka poniżej.

4. Standardowo FrontPage proponuje nazwę dla

pliku, opartą na pierwszym wierszu strony. Można
podać własną nazwę, wpisując ją w polu Nazwa
pliku. Kliknij przycisk Zapisz (rysunek 2.78).
FrontPage zapisze plik pod podaną nazwą.

Wskazówka

• Jeżeli podczas zapisywania strony internetowej nie

ustawisz nadasz jej tytułu, FrontPage wygeneruje
stworzy tytuł oparty na pierwszym wierszu strony
– tytuł strony jest wyświetlany na pasku tytułu
przeglądarki (rysunek 2.79).

Rysunek 2.75.
Aby zapisać stronę internetową, z menu Plik wybierz
pozycję Zapisz jako

Rysunek 2.76.
Za pomocą przycisków okna dialogowego Zapisywanie
jako odszukaj miejsce, w którym chcesz zapisać stronę
internetową, a następnie ustaw nadaj jej tytuł, klikając
przycisk Zmień tytuł

Rysunek 2.77.
W oknie dialogowym Ustawianie tytułu strony wpisz
tekst, który ma się pojawić na pasku tytułu
przeglądarek internetowych i kliknij przycisk OK

Rysunek 2.78.
Podaj nazwę dla pliku strony internetowej i kliknij
przycisk Zapisz

Rysunek 2.79.
Jeżeli podczas zapisywania strony internetowej nie
ustawisz nadasz jej tytułu, na pasku tytułu przeglądarki

Rozdział 2

♦ Front Page 2002 – pierwsze kroki

internetowej pojawi się przypadkowy tekst

Rysunek 2.80.
Aby zapisać stronę internetową pod inną nową nazwą,
z menu Plik wybierz pozycję Zapisz jako

Rysunek 2.81.
Aby zamknąć stronę internetową, z menu Plik wybierz
pozycję Zamknij lub kliknij X w prawym górnym rogu
okna strony

Aby zapisać stronę
internetową pod inną nową
nazwą:

1. Z

Plik wybierz pozycję Zapisz jako (rysunek

2.80).

2. Po pojawieniu się okna dialogowego Zapisywanie

jako odszukaj folder, w którym chcesz zapisać
stronę, a następnie kliknij przycisk Zmień tytuł,
aby ustawić nowy tytuł strony (rysunek 2.76). W
oknie dialogowym Ustawianie tytułu strony wpisz
tekst, który ma się pojawić na pasku tytułu
przeglądarek internetowych i kliknij przycisk OK
(rysunek 2.77).

3. Podaj

nazwę dla pliku strony internetowej w polu

Nazwa pliku i kliknij przycisk Zapisz. FrontPage
zapisze stronę internetową pod nową nazwą.

Aby zamknąć stronę
internetową:

• Po zapisaniu strony z menu Plik wybierz pozycję

Zamknij (Ctrl+F4) lub kliknij X w prawym
górnym rogu okna strony (rysunek 2.81).
FrontPage będzie nadal uruchomiony, dzięki
czemu można otworzyć inną stronę internetową
lub zająć się innymi zadaniami.

49 Front Page – Praktyczne projekty

Drukowanie stron
internetowych

Chociaż nie można wydrukować całej witryny
internetowej na raz, można wydrukować jej
poszczególne strony.

Aby wydrukować stronę
internetową:

1. Jeżeli jeszcze tego nie zrobiłeś, sprawdź

ustawienia drukarki. W tym celu z menu Plik
wybierz pozycję Ustawienia strony i wybierz
opcje drukowania.

2. Aby

obejrzeć podgląd bieżącej strony

internetowej, z menu Plik wybierz pozycję
Podgląd wydruku.

3. FrontPage

wyświetli podgląd. Okno podglądu

wydruku posiada przyciski, dzięki którym można
sprawdzić każdą stronę, obejrzeć dwie strony
jednocześnie oraz obejrzeć stronę w powiększeniu
(rysunek 2.82). Jeżeli wygląd strony jest
zadawalającyzadowalający, kliknij przycisk
Drukuj lub kliknij przycisk Zamknij, a następnie z
menu Plik wybierz pozycję Drukuj (Ctrl+P)
(rysunek 2.83).

Rysunek 2.82.
Okno podglądu wydruku pozwala sprawdzić każdą
stronę osobno, obejrzeć dwie strony jednocześnie oraz
obejrzeć zobaczyć stronę w powiększeniu

Rysunek 2.83.
Aby wydrukować bieżącą stronę internetową, z menu
Plik wybierz pozycję Drukuj

Rysunek 2.84.
Aby stworzyć nową witrynę internetową, z menu Plik
wybierz pozycję Nowy, a następnie – pozycję Strona
lub sieć Web albo kliknij przycisk Nowy dostępny na
pasku narzędzi i z menu wybierz pozycję Sieć Web

Tworzenie, otwieranie i
zamykanie witryn
internetowych

Witryna internetowa (w terminologii firmy Microsoft –
witryna sieci Web) to zbiór stron internetowych
połączonych ze sobą za pomocą hiperłączy. Jednak

Rozdział 2

♦ Front Page 2002 – pierwsze kroki

Rysunek 2.85.
Jeżeli korzystasz z okienka zadań, kliknij pozycję
Pusta sieć Web

Rysunek 2.86.
Kliknij przycisk Przeglądaj, aby odszukać folder, w
którym chcesz zapisać witrynę internetową. FrontPage
zapisze witrynę w folderze podanym w polu Określ
lokalizację nowej sieci Web

Iistnieją również witryny zawierające tylko jedną
stronę internetową. FrontPage automatycznie zarządza
wszystkimi dokumentami i obiektami graficznymi
tworzącymi witrynę internetową. Jeżeli zmienisz
położenie strony, FrontPage zadba obędzie
aktualizował aktualizację hiperłączay prowadząceych
do tej strony oraz hiperłączay z niej wychodząceych.
Nie trzeba się więc martwić o łącza zerwane łącza.

Aby stworzyć nową pustą
witrynę internetową:

1. Z

Plik wybierz pozycję Nowy, a następnie –

pozycję Strona lub sieć Web lub kliknij przycisk
Nowy dostępny na pasku narzędzi i z menu
wybierz pozycję Sieć Web (rysunek 2.84).

2. Jeżeli w punkcie 1. wybierzesz Plik → Nowy →

Strona lub sieć Web, FrontPage wyświetli okienko
zadań. Kliknij pozycję Pusta sieć Web (rysunek
2.85.

3. Upewnij

się, że w oknie dialogowym Szablony

witryn sieci Web (rysunek 2.86) jest zaznaczona
ikona Pusta sieć Web. Kliknij przycisk Przeglądaj,
aby odszukać folder, w którym chcesz zapisać
witrynę internetową. FrontPage zapisze witrynę w
folderze podanym w polu Określ lokalizację nowej
sieci Web.

4. Po ponownym pojawieniu się okna dialogowego

Szablony witryn sieci Web kliknij przycisk OK. W
odpowiedzi na momentprzez chwilę pojawi się
okno dialogowe Tworzenie nowej sieci Web
(rysunek 2.87), po czym FrontPage wyświetli
puste okno (rysunek 2.88). Wybierz ikonę
Nawigacja dostępną na pasku widoków, a
następnie kliknij przycisk Nowa strona, aby
utworzyć pustą stronę startową (rysunek 2.89).
Teraz można przystąpić do dodawania następnych
stron do witryny internetowej oraz zawartości do
poszczególnych stron. Więcej informacji o
budowaniu struktury witryny internetowej zawiera
rozdział 3., Tworzenie witryny internetowej.

Wskazówki

• W punkcie 3. zamiast przycisku Przeglądaj

możesz kliknąć przycisk OK, jeżeli akceptujesz
lokalizację i nazwę dla nowej witryny internetowej
i jej nazwę zaproponowaną przez program
FrontPage. Zwróć jednak uwagę, że FrontPage
tworzy nazwę dla nowej witryny w oparciu o
nazwę poprzedniej witryny. Jeżeli pozwolisz
programowi FrontPage tworzyć nazwy witryn,
będą one wyglądały na przykład tak: Moja
Witryna1, Moja Witryna2, Moja Witryna3, co

Rysunek 2.87.
Okno dialogowe Tworzenie nowej sieci Web pojawia
się na momentprzez chwilę podczas generowania
witryny internetowej

51 Front Page – Praktyczne projekty

utrudni ich odróżnianie. Najlepiej więc kliknąć
przycisk Przeglądaj, wskazać folder, w którym
FrontPage ma zapisać witrynę, oraz podać opisową
nazwę dla witryny.

• Ponieważ wWitrynę internetową utworzyłeś z

szablonu Pusta sieć Web, więc kiedy następnym
razem wyświetlisz okno dialogowe Szablony
witryn sieci Web w celu utworzenia nowej
witryny, ikona tego szablonu będzie zaznaczona.

Rysunek 2.88.
Po wygenerowaniu nowej witryny internetowej
FrontPage wyświetla puste okno

Rysunek 2.89.
Kliknij ikonę Nawigacja dostępną na pasku widoków,
aby Aby wyświetlić widok Nawigacja, kliknij ikonę
Nawigacja dostępną na pasku widoków, a następnie
kliknij przycisk Nowa strona, aby utworzyć pustą
stronę startową, kliknij przycisk Nowa strona

Aby utworzyć witrynę
internetową z
szablonuposługując się
szablonem:

1. Z

Plik wybierz pozycję Nowy, a następnie –

pozycję Strona lub sieć Web.

2. Po pojawieniu się okienka zadań kliknij pozycję

Szablony witryn sieci Web (rysunek 2.90).

3. W oknie dialogowym Szablony witryn sieci Web

(rysunek 2.91) kliknij ikonę szablonu lub kreatora
pomagającego pomocnego w stworzyć stworzeniu
nową nowej witrynę witryny
internetowąinternetowej. Kliknij przycisk
Przeglądaj, aby odszukać folder, w którym chcesz
zapisać witrynę internetową. FrontPage zapisze ją
witrynę w folderze podanym w polu Określ
lokalizację nowej sieci Web.

4. Kliknij

przycisk

OK. W odpowiedzi na chwilę

pojawi się okno dialogowe Tworzenie nowej sieci

Rozdział 2

♦ Front Page 2002 – pierwsze kroki

Rysunek 2.90.
Aby utworzyć witrynę internetową z szablonuposługjąc
się szablonem, w okienku zadań kliknij pozycję
Szablony witryn sieci Web

Rysunek 2.91.
W oknie dialogowym Szablony witryn sieci Web
wybierz ikonę szablonu lub kreatora i kliknij przycisk
OK

Rysunek 2.92.
Po pojawieniu się strony startowej witryny
internetowej wygenerowanej przez kreatora możesz
przystąpić do modyfikowania zawartości
poszczególnych stron witryny

Web. Po pojawieniu się strony startowej witryny
internetowej wygenerowanej przez kreatora
(rysunek 2.92) możesz przystąpić do
modyfikowania zawartości poszczególnych stron
witryny. Więcej informacji o budowaniu struktury
witryny internetowej zawiera rozdział 3.,
Tworzenie witryny internetowej.

53 Front Page – Praktyczne projekty

Aby otworzyć istniejącą
witrynę internetową:

1. Z

Plik wybierz pozycję Otwórz sieć Web

(rysunek 2.93).

2. Po pojawieniu się okna dialogowego Otwieranie

sieci Web odszukaj istniejącą witrynę internetową
na dysku lokalnym lub w sieci (rysunek 2.94).
Kliknij przycisk Otwórz.

3. Kliknij

ikonę Foldery, aby Aby obejrzeć wszystkie

pliki witryny internetowej, kliknij ikonę Foldery, a
żeby zobaczyć lub jej strukturę, kliknij ikonę
Nawigacja, aby obejrzeć jej strukturę (rysunek
2.95 oraz 2.96). Teraz możesz przystąpić do
dodawania stron do struktury witryny internetowej
lub do modyfikowania zawartości poszczególnych
stron.

Wskazówka

• Można również otworzyć i wczytać witrynę

umieszczoną na serwerze internetowym.

Aby zamknąć witrynę
internetową:

• Z menu Plik wybierz pozycję Zamknij sieć Web

(rysunek 2.97). FrontPage zamknie bieżącą
witrynę internetową.

Rysunek 2.93.
Aby otworzyć istniejącą witrynę internetową, z menu
Plik wybierz pozycję Otwórz sieć Web

Rysunek 2.94.
Po pojawieniu się okna dialogowego Otwieranie sieci
Web odszukaj istniejącą witrynę internetową i kliknij
przycisk Otwórz

Rysunek 2.95.
Kliknij ikonę Foldery, aby obejrzeć wszystkie pliki
witryny internetowej

Rysunek 2.96.
Kliknij ikonę Nawigacja, aby obejrzeć strukturę
nawigacji witryny internetowej

Rozdział 2

♦ Front Page 2002 – pierwsze kroki

Rysunek 2.97.
Aby zamknąć witrynę internetową, z menu Plik
wybierz pozycję Zamknij sieć Web

Rozdział 3. Tworzenie witryny
internetowej

Jak

wyjaśniliśmy w rozdziale 1., FrontPage 2002 –

wprowadzenie, przed utworzeniem witryny
internetowej należy zastanowić się nad jej celem i
adresatami. Zakładając, że rozważyłeś już każdą z tych
kwestii, w niniejszym rozdziale wyjaśnimy, jak
stworzyć witrynę internetową.
Widok Nawigacja programu FrontPage 2002 jest
wyposażony w kilka znakomitych narzędzia do
tworzenia i modyfikowania struktury witryny
internetowej. Ponieważ podczas modyfikowania
struktury witryny internetowej FrontPage
automatycznie aktualizuje hiperłącza stron, można
więc swobodnie eksperymentować ze strukturą witryny
aż do osiągnięcia zadawalającego zadowalającego
rezultatu.

Rozdział 3

♦ Tworzenie witryny internetowej

Aby stworzyć strukturę
witryny internetowej:

1. Po otwarciu witryny internetowej wyświetl widok

Nawigacja. W tym celu kliknij ikonę Nawigacja
dostępną na pasku widoków (rysunek 3.1).

2. W

widoku

Nawigacja kliknij stronę

(reprezentowaną przez żółty prostokąt), do której
chcesz dodać nową stronę. FrontPage wyróżni
zaznaczoną stronę niebieskim kolorem.

3. Kliknij

stronę prawym przyciskiem myszy i z

menu kontekstowego wybierz pozycję Nowy, a
następnie – pozycję Strona (rysunek 3.2). Aby
dodać nową stronę, można również nacisnąć
kombinację klawiszy (Ctrl+N). FrontPage utworzy
nową stronę o domyślnej nazwie (rysunek 3.3).

4. W podobny sposób dodaj następne strony. Po

stworzeniu struktury witryny internetowej
(rysunek 3.4) możesz przystąpić do
modyfikowania tytułów, nazw i układu stron
internetowych tworzących witrynę.

Wskazówki

• Aby powiększyć obszar roboczypracować w

większym oknie, możesz ukryć Listę folderów. W
tym celu z menu Widok wybierz pozycję Lista
folderów, kliknij przycisk Okienko przełączania
dostępny na pasku narzędzi lub kliknij X okna
Listy folderów (rysunek 3.5).

• Chociaż rysunek 3.2 wyjaśnia, jak dodać stronę do

strony głównej (startowej), w podobny sposób
można dodać stronę do każdej innej strony
(rysunek 3.4).

Rysunek 3.1.
Kliknij ikonę Nawigacja dostępną na pasku widoków,
aby wyświetlić widok Nawigacja

Rysunek 3.2.
Aby dodać nową stronę do struktury witryny
internetowej, kliknij stronę prawym przyciskiem myszy
i z menu kontekstowego wybierz pozycję Nowy, a
następnie pozycję Strona lub naciśnij kombinację
klawiszy (Ctrl+N)

Rysunek 3.3.
Nowa strona o domyślnej nazwie zostanie dołączona
do zaznaczonej strony

Rysunek 3.4.
Za pomocą polecenia Nowy → Strona bardzo szybko
można stworzyć strukturę witryny internetowej

Rysunek 3.5.
Aby ukryć Listę listę folderów wyświetlającą foldery i
pliki witryny internetowej, z menu Widok wybierz
pozycję Lista folderów, kliknij przycisk Okienko

57 Front Page – Praktyczne projekty

przełączania dostępny na pasku narzędzi lub kliknij X
okna Listy folderów

Rysunek 3.6.
Aby zmodyfikować tytuł strony, wyróżnij ją,
naciskając klawisz Tab. Wpisz nowy tytuł i naciśnij
klawisz Enter

Rysunek 3.7.
Naciśnij klawisz Tab lub Enter, aby Aby przejść do
następnej strony i zmodyfikować zmienić jej tytuł,
naciśnij klawisz Tab lub Enter

Rysunek 3.8.
Aby zmodyfikować zmienić tytuł strony, kliknij ją
prawym przyciskiem myszy i z menu kontekstowego
wybierz pozycję Zmień nazwę

Rysunek 3.9.
Aby porównać tytuł strony z nazwą jej pliku, kliknij
stronę prawym przyciskiem myszy i z menu
kontekstowego wybierz pozycję Właściwości (widok
Nawigacja) lub Właściwości strony (widok Strona)

Aby zmodyfikować zmienić
tytuł strony internetowej:

1. W

widoku

Nawigacja można zmodyfikować

zmienić tytuły stron tworzących witrynę (patrz
Wskazówki poniżej). Naciśnij klawisz Tab, aby
przejść do żądanej strony. FrontPage wyróżni tytuł
strony (rysunek 3.6).

2. Wpisz nowy tytuł i naciśnij klawisz Enter lub

klawisz Tab, aAby zatwierdzić zmianę i przejść do
następnej strony, wpisz nowy tytuł i naciśnij
klawisz Enter lub klawisz Tab (rysunek 3.7).

Wskazówki

• Aby zmodyfikować zmienić tytuł strony

internetowej, kliknij ją prawym przyciskiem
myszy i z menu kontekstowego wybierz pozycję
Zmień nazwę (rysunek 3.8).

• Zmiana tytułu strony w widoku Nawigacja nie

pociąga za sobą zmiany modyfikacji nazwy pliku
tej strony. W widoku Nawigacja, nawet jeżeli
korzysta się z polecenia Zmień nazwę, można tylko
zmodyfikować tytuł strony, a nie nazwę jej pliku.
Aby zmodyfikować zmienić nazwę pliku strony,
zobacz podrozdział Aby zmodyfikować zmienić
nazwę pliku strony (na następnej stronie).

• FrontPage oferuje dwa okna dialogowe, w których

można porównać tytuł strony internetowej z nazwą
jej pliku. Jeżeli pracujesz w widoku Nawigacja,
kliknij stronę prawym przyciskiem myszy i z menu
kontekstowego wybierz pozycję Właściwości
(rysunek 3.9). Jeżeli pracujesz w widoku Strona,
kliknij prawym przyciskiem myszy i z menu
kontekstowego wybierz pozycję Właściwości
strony (rysunek 3.9). Po pojawieniu się okna
dialogowego porównaj nazwę pliku strony (pole
Nazwa pliku lub Lokalizacja) z tytułem strony
(pole Tytuł) (rysunek 3.10). Tytuł strony można
zmodyfikować w polu Tytuł. Jeżeli chcesz
zmodyfikować nazwę pliku strony, zobacz
podrozdział Aby zmodyfikować zmienić nazwę
pliku strony (na następnej stronie).

Rozdział 3

♦ Tworzenie witryny internetowej

Rysunek 3.10.
Okna dialogowe Właściwości oraz Właściwości strony
pozwalają porównać nazwę pliku strony (pole Nazwa
pliku lub Lokalizacja) z tytułem strony (pole Tytuł)

59 Front Page – Praktyczne projekty

Aby zmodyfikować zmienić
nazwę pliku strony
internetowej:

1. Wyświetl widok Strona oraz Listę folderów. Aby

wyświetlić Listę folderów, z menu Widok wybierz
pozycję Lista folderów lub kliknij przycisk
Okienko przełączania (rysunek 3.5).

2. W panelu Lista folderów wybierz (kliknij) plik,

którego nazwę chcesz zmienić (rysunek 3.11).

3. Naciśnij klawisz F2, a następnie wpisz nową

nazwę. Upewnij się, że nazwa pliku zawiera
rozszerzenie .htm i naciśnij klawisz Enter.
FrontPage zmieni nazwę pliku w panelu Lista
folderów oraz na karcie strony (rysunek 3.12). Z
menu Plik wybierz pozycję Zapisz (Ctrl+S).

Wskazówka

• Jeżeli pracujesz w widoku Strona, możesz

zmodyfikować nazwę pliku strony, klikając go
prawym przyciskiem myszy w panelu Lista
folderów i z menu kontekstowego wybierając
pozycję Zmień nazwę (rysunek 3.13).

Rysunek 3.11.
Aby zmodyfikować zmienić nazwę pliku strony
internetowej, kliknij ten plik w panelu Lista folderów

Rysunek 3.12.
Nowa nazwa pliku strony pojawi się w panelu Lista
folderów oraz na karcie strony

Rysunek 3.13.
Aby zmodyfikować zmienić nazwę pliku strony, kliknij
ten plik prawym przyciskiem myszy w panelu Lista
folderów i z menu kontekstowego wybierz pozycję
Zmień nazwę

Modyfikacja struktury
nawigacyjnej witryny
internetowej

Możliwość modyfikowania struktury nawigacyjnej
witryny internetowej bez naruszania łączy między jej
stronami należy do największych zalet programu

Rozdział 3

♦ Tworzenie witryny internetowej

Rysunek 3.14.
Aby przesunąć stronę, najpierw kliknij reprezentujący
ją żółty symbol – kolor symbolu zmieni się na
niebieski

Rysunek 3.15.
Podczas przeciągania przesuwania strony szara linia
wskazuje dostępne dla niej miejsca docelowe dla
przeciąganej strony

Rysunek 3.16.
Przeciągaj Przesuwaj stronę tak długo, aż szara linia
wskaże właściwe dla niej miejsce docelowe dla
przeciąganej strony

Rysunek 3.17.
Zwolnij przycisk myszy – przeciągana przesuwana
strona zajmie nowe położenie w strukturze
nawigacyjnej witryny internetowej

FrontPage. Strukturę nawigacyjną witryny można
modyfikować w widoku Nawigacja, gdzie w którym
każdą stronę witryny reprezentuje prostokątny symbol,
a cała witryna wygląda jak schemat organizacyjny.
Widok Nawigacja jest znakomitym miejscem do
rozpoczęcia tworzenia nowej witryny i
eksperymentowania z różnymi strukturami. Możesz tu
zmienić położenie pojedynczej strony lub grupy stron i
ocenić, czy osiągnąłeś zadawalający zadowalający
rezultat. Jeżeli nie, możesz dokonać kolejnej
modyfikacji. Podczas modyfikowania zmian struktury
witryny FrontPage dba o aktualizacjębędzie
aktualizował wszystkich wszystkie łączya.

Aby przesunąć pojedynczą
stronę:

1. Wyświetl widok Nawigacja, klikając ikonę

Nawigacja dostępną na pasku widoków.

2. Kliknij

stronę (tj. żółty symbol, który ją

reprezentuje) przeznaczoną do przesunięcia.
Strona zmieni kolor na niebieski (rysunek 3.14).

3. Podczas

przeciągania przesuwania strony szara

linia wskaże dostępne dla niej miejsca docelowe
dla przeciąganej strony (rysunek 3.15). Przeciągaj
Przesuwaj stronę tak długo, aż szara linia wskaże
właściwe dla niej miejsce docelowe dla
przeciąganej strony (rysunek 3.16).

4. Zwolnij przycisk myszy – przeciągana przesuwana

strona zajmie nowe położenie w strukturze
nawigacyjnej witryny internetowej (rysunek 3.17).

61 Front Page – Praktyczne projekty

Wskazówki

• Aby przesunąć stronę o jeden poziom w górę,

kliknij ją i przeciągaj tak długo aż szara linia
wskaże poziom, na którym strona ta ma się
znajdować. Zwolnij przycisk myszy – strona
zostanie przeniesiona o jeden poziom w górę
(rysunek 3.18).

• Aby przesunąć stronę na najwyższy poziom

struktury witryny, kliknij ją i przeciągaj tak długo
aż szara linia wskaże najwyżej położoną stronę.
Zwolnij przycisk myszy – strona zostanie
przeniesiona na najwyższy poziom struktury
witryny.

• Aby zapisać zmiany w strukturze nawigacyjnej,

prawym przyciskiem myszy kliknij dowolne
miejsce (poza strukturą nawigacyjną) w widoku
Nawigacja i z menu kontekstowego wybierz
pozycję Zastosuj zmiany (rysunek 3.19).

Rysunek 3.18.
Aby przesunąć stronę o jeden poziom w górę, kliknij ją
i przeciągaj tak długo aż szara linia wskaże poziom, na
którym strona ta ma się znajdować. Zwolnij przycisk
myszy – strona zostanie przeniesiona w nowe miejsce

Rysunek 3.19.
Aby zapisać zmiany w strukturze nawigacyjnej,
prawym przyciskiem myszy kliknij dowolne miejsce
(poza strukturą nawigacyjną) w widoku Nawigacja i z
menu kontekstowego wybierz pozycję Zastosuj zmiany

Rysunek 3.20.
Aby zmienić położenie grupy stron, kliknij najwyższą
stronę poddrzewa stron przeznaczonego do
przesunięcia i przeciągnij ją w nowe miejsce

Aby przesunąć grupę stron:

1. Wyświetl widok Nawigacja, klikając ikonę

Nawigacja dostępną na pasku widoków.

2. Kliknij

najwyższą stronę poddrzewa stron

przeznaczonego do przesunięcia. Zaznaczona
strona zmieni kolor z żółtego na niebieski.

3. Przeciągnij Przesuń najwyższą stronę poddrzewa

w nowe miejsce. Podczas przesuwaniaciągania
strony szara linia wskaże dostępne miejsca
docelowe dla przeciąganej przesuwanej strony i jej
poddrzewa (rysunek 3.20).

4. Zwolnij przycisk myszy – przeciągana przesuwana

strona wraz z jej poddrzewem zajmie nowe
położenie w strukturze nawigacyjnej witryny
internetowej (rysunek 3.21).

Wskazówka

• Poddrzewo można przesunąć nawet gdy jest ono

zwinięte (strona ze zwiniętym poddrzewem
posiada ma symbol +) – wystarczy przesunąć
widoczną stronę do żądanego miejsca w strukturze
nawigacyjnej witryny (rysunki 3.22 oraz 3.23).
Więcej informacji o zwijaniu i rozwijaniu
poddrzew zwiera podrozdział Kontrola widoku
struktury witryny.

Rozdział 3

♦ Tworzenie witryny internetowej

Rysunek 3.21.
Po zwolnieniu przycisku myszy, przeciągana
przesuwana strona wraz z jej poddrzewem zajmie nowe
położenie w strukturze nawigacyjnej witryny
internetowej

Rysunek 3.22.
Poddrzewo można przesunąć nawet gdy jest ono
zwinięte (strona ze zwiniętym poddrzewem posiada
symbol +) – wystarczy kliknąć i przesunąć widoczną
stronę

Rysunek 3.23.
Po zwolnieniu przycisku myszy, przeciągana
przesuwana strona wraz z jej zwiniętym poddrzewem
zajmie nowe położenie w strukturze nawigacyjnej
witryny internetowej

63 Front Page – Praktyczne projekty

Dodawanie i usuwanie
stron

Nie zawsze można stworzyć wszystkie strony witryny
internetowej w widoku Nawigacja. Czasem do
struktury nawigacyjnej trzeba dodać istniejącą stronę
(na przykładnp. stronę internetową zaimportowaną
przeniesioną z innego programu). Od czasu do czasu
trzeba też stronę internetową usunąć ze struktury
nawigacyjnej.

Aby dodać istniejącą stronę
do struktury witryny
internetowej:

1. Wyświetl widok Nawigacja, upewnij się, że Lista

lista folderów jest otwarta i wybierz z niej plik
(stronę internetową), który chcesz dodać do
struktury nawigacyjnej witryny (rysunek 3.24).

2. Przeciągnij Przesuwaj plik strony w kierunku

struktury nawigacyjnej. Podczas przeciągania
przesuwania strony szara linia wskaże dostępne
dla niej miejsca docelowe dla przeciąganej strony
(rysunek 3.24). Przeciągaj Przesuwaj plik strony
tak długo, aż szara linia wskaże właściwe dla niej
miejsce docelowe dla przeciąganej strony.

3. Zwolnij przycisk myszy – przeciągana przesuwana

strona zostanie dodana do struktury nawigacyjnej
witryny (rysunek 3.25).

Wskazówka

• Położenie strony w strukturze nawigacyjnej można

zmienić w dowolnym momencie.

Rysunek 3.24.
Aby dodać istniejącą stronę do struktury nawigacyjnej
witryny, wybierz ją w panelu Lista folderów i dołącz
do struktury

Rysunek 3.25.
Zwolnij przycisk myszy – przeciągana przesuwana
strona zostanie dodana do struktury nawigacyjnej
witryny

Rysunek 3.26.
Aby usunąć istniejącą stronę ze struktury nawigacyjnej

Aby usunąć istniejącą stronę
ze struktury nawigacyjnej
witryny:

1. Wyświetl widok Nawigacja, prawym przyciskiem

myszy kliknij stronę przeznaczoną do usunięcia i z
menu kontekstowego wybierz pozycję Usuń
(rysunek 3.26).

2. Po pojawieniu się okna dialogowego Usuń stronę

upewnij się, że wybrano opcję Usuń stronę ze
struktury nawigacji i kliknij przycisk OK. (rysunek
3.27). FrontPage usunie stronę ze struktury
nawigacyjnej witryny, ale nie z Listy listy
folderów (rysunek 3.28).

Wskazówka

• Nie martw się, że okno dialogowe Usuń stronę

usunie stronę z witryny. Jeżeli wybrana jest opcja

Rozdział 3

♦ Tworzenie witryny internetowej

witryny, kliknij ją prawym przyciskiem myszy i z
menu kontekstowego wybierz pozycję Usuń

Rysunek 3.27.
Upewnij się, że wybrano opcję Usuń stronę ze
struktury nawigacji i kliknij przycisk OK

Rysunek 3.28.
FrontPage usunie stronę ze struktury nawigacyjnej
witryny, ale nie z Listy listy folderów

Usuń stronę ze struktury nawigacji, FrontPage nie
usuwa strony z witryny, a jedynie ze struktury
nawigacyjnej witryny (co innego, jeżeli
wybierzesz opcję Usuń tę stronę z sieci Web).

65 Front Page – Praktyczne projekty

Kontrola widoku
struktury witryny

Podczas pracy nad strukturą nawigacyjną witryny dużo
czasu spędza się w widoku Nawigacja. Z tego powodu
FrontPage jest wyposażony w wiele narzędzi
ułatwiających pracę w tym widoku. Strukturę
nawigacyjną można oglądać w całości lub tylko w
części. Można ją oglądać w powiększeniu oraz w
orientacji poziomej poziomie lub w pionowejpionie.
To, w jaki sposób oglądasz strukturę nawigacji, zależy
wyłącznie do Ciebie.

Aby zwinąć strukturę
nawigacyjną witryny:

• W widoku Nawigacja kliknij symbol – strony w

celu ukrycia jej pod-stron (rysunek 3.29). Strony
poniżej symbolu – zostaną ukryte (rysunek 3.30).

Aby rozwinąć strukturę
nawigacyjną witryny:

• W widoku Nawigacja kliknij symbol + strony w

celu wyświetlania jej pod-stron (rysunek 3.30).
Strony poniżej symbolu + zostaną wyświetlone
(rysunek 3.29).

Wskazówka

• Aby rozwinąć lub zwinąć strukturę witryny, kliknij

przycisk Pokaż tylko poddrzewo dostępny na
pasku narzędzi Nawigacja (rysunek 3.31).

Rysunek 3.29.
Aby zwinąć strukturę witryny, kliknij symbol – strony
w celu ukrycia jej pod-stron

Rysunek 3.30.
Symbol + informuje, że strona posiada ukryte pod-
strony

Rysunek 3.31.
Aby rozwinąć lub zwinąć strukturę witryny, kliknij
przycisk Pokaż tylko poddrzewo dostępny na pasku
narzędzi Nawigacja

Rysunek 3.32.
Aby wyświetlić tylko poddrzewo wybranej strony,
kliknij ją i z menu kontekstowego wybierz pozycję
Pokaż tylko poddrzewo

Aby wyświetlić tylko
poddrzewo:

1. W

widoku

Nawigacja kliknij stronę, na której

chcesz wykonać operację.

2. Prawym przyciskiem myszy kliknij żądaną stronę i

z menu kontekstowego wybierz pozycję Pokaż
tylko poddrzewo (rysunek 3.32). FrontPage ukryje
wszystkie strony powyżej poziomu wybranej
strony (rysunek 3.33).

Aby rozwinąć poddrzewo:

• W widoku Nawigacja kliknij strzałkę wychodzącą

z najwyżej położonej strony poddrzewa (rysunek
3.34). FrontPage wyświetli strukturę nawigacyjną
całej witryny (rysunek 3.35).

Rozdział 3

♦ Tworzenie witryny internetowej

Rysunek 3.33.
Po wybraniu polecenia Pokaż tylko poddrzewo
FrontPage ukryje wszystkie strony powyżej poziomu
wybranej strony

Rysunek 3.34.
Aby rozwinąć poddrzewo, kliknij strzałkę wychodzącą
z najwyżej położonej strony poddrzewa

Rysunek 3.35.
Jeżeli klikniesz strzałkę poddrzewa, FrontPage
wyświetli strukturę nawigacyjną całej witryny

67 Front Page – Praktyczne projekty

Aby zmienić orientację
położenie struktury
nawigacyjnej:

• W widoku Nawigacja kliknij prawym przyciskiem

myszy i z menu kontekstowego wybierz pozycję
Orientacja pozioma/-pionowa (rysunek 3.36). W
zależności od bieżącej orientacji FrontPage zmieni
orientację struktury nawigacyjnej z pionowej na
poziomą lub odwrotnie (rysunek 3.37). Aby
przywrócić poprzednią stan orientację, ponownie
wybierz pozycję Orientacja pozioma-/pionowa.

Wskazówka

• Aby zmienić orientację struktury nawigacyjnej

witryny, kliknij przycisk Orientacja pozioma-
/pionowa dostępny na pasku narzędzi Nawigacja
(rysunek 3.38).

Rysunek 3.36.
Aby zmienić orientację struktury nawigacyjnej, kliknij
prawym przyciskiem myszy i z menu kontekstowego
wybierz pozycję Orientacja pozioma/-pionowa

Rysunek 3.37.
Teraz struktura nawigacyjna posiada orientację
poziomą

Rysunek 3.38.
Aby zmienić orientację struktury nawigacyjnej
witryny, kliknij przycisk Orientacja pozioma/-pionowa
dostępny na pasku narzędzi Nawigacja

Rysunek 3.39.
Aby zmienić skalę wyświetlania struktury
nawigacyjnej, kliknij prawym przyciskiem myszy i z
menu kontekstowego wybierz pozycję Powiększenie, a
następnie wybierz procent lub pozycję Dopasuj
rozmiar

Rysunek 3.40.
Aby szybko zmienić skalę wyświetlania struktury
nawigacyjnej, wybierz jedną z opcji listy rozwijanej
dostępnej na pasku narzędzi Nawigacja

Aby zmienić skalę
wyświetlania struktury
nawigacyjnej:

• W widoku Nawigacja kliknij prawym przyciskiem

myszy i z menu kontekstowego wybierz pozycję
Powiększenie, a następnie wybierz procent lub
pozycję Dopasuj rozmiar (rysunek 3.39).
FrontPage zmodyfikuje skalę wyświetlania.

Wskazówka

• Aby zmienić skalę wyświetlania struktury

nawigacyjnej, wybierz jedną z opcji listy
rozwijanej dostępnej na pasku narzędzi Nawigacja
(rysunek 3.40).

Rozdział 3

♦ Tworzenie witryny internetowej

Paski łączy i
obramowanie wspólne

FrontPage 2002 jest wyposażony w narzędzia do
tworzenia pasków łączy, ulepszonej i łatwiejszej w
użyciu wersji pasków nawigacyjnych znanych z
poprzedniej edycji programu FrontPage.
Pasek łączy pozwala stworzyć zbiór hiperłączy dla
grupy stron lub dla całej witryny internetowej. Pasek
łączyJest on jest lepszy od indywidualnych hiperłączy
z paru powodów. Po pierwsze, wystarczy go stworzyć
raz, a następnie dodać do dowolnej liczby stron. Po
drugie, umożliwia on budowę łącz dostępnych na
wszystkich stronach witryny, dzięki którym
użytkownicy mogą szybko przejeść do strony startowej
i innych ważnych stron witryny.
Pasek łączy można stworzyć na dwa sposoby: można
go zbudować od zera początku i umieścić na
odpowiednich stronach lub poinstruować program
FrontPage 2002dać polecenie, aby program wstawił
pasek łączy odzwierciedlający strukturę nawigacyjną
bieżącej witryny internetowej. Na przykład, np.
FrontPage może wygenerować hiperłącza do każdej
strony usytuowanej powyżej wybranej strony (strony
nadrzędnej), do wszystkich stron usytuowanych na tym
samym poziomie co jak wybrana strona lub do każdej
strony usytuowanej poniżej wybranej strony (strony
podrzędnej). W każdym przypadku FrontPage dba o
aktualizacjębędzie aktualizował paskiów łączy, ilekroć
zmieni się struktura nawigacyjna witryny.
Na danej stronie można umieścić więcej niż jeden
pasek łączy, tworząc w ten sposób kilka różnych
poziomów nawigacji. Na przykład, np. strona może
posiadać pasek łączy prowadzących do stron
usytuowanych najwyżej w strukturze nawigacyjnej
witryny oraz pasek łączy prowadzących do poprzedniej
i następnej strony usytuowanej położonej na tym
samym poziomie co jak ta strona. Można również
stworzyć pasek z łączami niestandardowymi i umieścić
go na konkretnej stronie. Więcej informacji na ten
temat zawiera podrozdział Aby stworzyć pasek z
łączami niestandardowymi.
Przed dodaniem pasków łączy należy stworzyć
strukturę nawigacyjną witryny. Jeżeli jeszcze tego nie
zrobiłeś, wróć do początku tego rozdziału. Paski łączy
można stworzyć przed lub po dodaniemu zawartości do
stron lub po.

Niektórzy, w tym również ja, uważają, że paski łączy
należy stworzyć przed umieszczeniem na stronie
innych elementów, ponieważ dzięki temu osiąga się
większą spójność projektu witryny. Inni natomiast
twierdzą, że najpierw na stronie należy umieścić tekst,
grafikę i inne składniki, a dopiero potem dodać do niej
paski łączy. Jeżeli należysz do tych osób, przejdź do
części 2. niniejszej książki i wróć do tego rozdziału po
zbudowaniu stron, aby dowiedzieć się, jak połączyć je
w całość.
Obramowanie wspólne to obszar, w którym można
umieścić elementy wymagające regularnej aktualizacji,

69 Front Page – Praktyczne projekty

na przykład znaki firmowe, informacje o prawach
autorskich lub numery telefoniczne. Dzięki
obramowaniu wspólnemu wystarczy zmodyfikować
dany element w jednym miejscu, a FrontPage zadba o
jego aktualizacjębędzie go aktualizował w całej
witrynie. Chociaż wiele witryn do tego celu używa
ramek, ramki nie są one tak dobrym rozwiązaniem jak
obramowanie wspólne.
Mimo że w obramowaniu wspólnym można umieścić
paski łączy, nie jest to najlepsze rozwiązanie, ponieważ
trudno stworzyć pasek łączy pasujący do więcej niż
jednej strony. Aby temu zaradzić, można wyłączyć
obramowanie wspólne dla poszczególnych stron lub
stworzyć wiele zestawów pasków z łączami
niestandardowymi. Więcej informacji na ten temat
zawierają podrozdziały Aby usunąć obramowanie
wspólne z pojedynczej strony oraz Aby stworzyć pasek z
łączami niestandardowymi.
Najlepiej jednak nie wstawiać pasków łączy do
obramowania wspólnego. W przypadku dużej witryny
internetowej można stworzyć spis treści lub mapę
witryny. Więcej informacji na ten temat zawiera
podrozdział Dodawanie spisu treści witryny
internetowej w rozdziale 9., Multimedia i składniki
sieci Web.

Rozdział 3

♦ Tworzenie witryny internetowej

Aby stworzyć pasek łączy
oparty na strukturze
nawigacyjnej:

1. Po zbudowaniu struktury nawigacyjnej witryny

wyświetl widok Strona – w tym celu kliknij ikonę
Strona dostępną na pasku widoków.

2. Umieść kursor w miejscu, w którym ma się

pojawić pasek łączy, i z menu Wstaw wybierz
pozycję Nawigacja (rysunek 3.41).

3. Po pojawieniu się okna dialogowego Wstawianie

składnika sieci Web upewnij się, że na liście Typ
składnika wybrano pozycję Paski łączy, na liście
Wybierz typ paska kliknij pozycję Pasek oparty na
strukturze nawigacyjnej i kliknij przycisk Dalej
(rysunek 3.42).

4. Wybierz styl paska i kliknij przycisk Dalej

(rysunek 3.43).

Rysunek 3.41.
Umieść kursor w miejscu, w którym ma się pojawić
pasek łączy, i z menu Wstaw wybierz pozycję
Nawigacja

Rysunek 3.42.
Po pojawieniu się okna dialogowego Wstawianie
składnika sieci Web wybierz pozycję Pasek oparty na
strukturze nawigacyjnej

Rysunek 3.43.
Wybierz jeden z wielu wbudowanych stylów paska
łączy

71 Front Page – Praktyczne projekty

Rysunek 3.44.
Wybierz orientację poziomą lub pionową dla paska
łączy

Rysunek 3.45.
Karta Ogólne okna dialogowego Właściwości paska
łączy posiada przyciski opcji decydujące o tym, które
strony mają zostać uwzględnione w pasku łączy

Rysunek 3.46.
Pasek łączy oparty na strukturze nawigacyjnej wzdłuż
górnej krawędzi strony internetowej

5. Wybierz

orientację poziomą lub pionową dla

paska łączy i kliknij przycisk Zakończ (rysunek
3.44).

6. W odpowiedzi pojawi się okno dialogowe

Właściwości paska łączy. Karta Ogólne posiada
sześć przycisków opcji decydujących o tym, które
strony zostaną połączone ze stroną bieżącą –
wybierz jedną z opcji (rysunek 3.45). Wybierz
również opcję Strona główna i (lub) opcję Strona
nadrzędna (sekcja Strony dodatkowe), jeżeli
chcesz, aby pasek posiadał łącza do strony głównej
i (lub) do strony nadrzędnej. Diagram witryny
wskaże strony, które zostaną połączone ze stroną
bieżącą. Więcej szczegółów na ten temat zawiera
podrozdział Opcje paska łączy opartego na
strukturze nawigacyjnej.

7. Kliknij

przycisk

OK. FrontPage umieści pasek

łączy na bieżącej stronie (rysunek 3.46).

Wskazówka

• Powyższe punkty należy powtórzyć dla każdej

strony, na której pasek łączy ma się pojawić.

Rozdział 3

♦ Tworzenie witryny internetowej

Opcje paska łączy opartego
na strukturze nawigacyjnej

W oknie dialogowym Właściwości paska łączy można
nie tylko wskazać strony, które FrontPage ma
uwzględnić w pasku łączy (rysunek 3.45), ale również
zdefiniować wygląd łączy.
• Hiperłącza, które mają być dodane do strony:

Sekcja ta zawiera sześć przycisków opcji
umożliwiających wskazanie stron, które mają
zostać uwzględnione w pasku łączy. Wygląd
diagramu witryny zmienia się w zależności od
wybranej opcji (rysunek 3.47). Diagram nie
odzwierciedla struktury konkretnej witryny. Do
paska łączy można również dodać dwa dodatkowe
łącza, wybierając opcję Strona główna i (lub)
opcję Strona nadrzędna (rysunek 3.48). Jak
informuje legenda poniżej diagramu witryny,
bieżącą stronę reprezentuje symbol Strona, na
której pojawi się pasek łączy.

• Styl, orientacja i wygląd: Karta Styl okna

dialogowego Właściwości paska łączy pozwala
definiować wygląd paska łączy (rysunek 3.49).
Panel Wybierz styl karty Styl oferuje zarówno duży
wybór stylów graficznych, jak i stylów formatu
HTML.

Rysunek 3.47.
Sekcja Hiperłącza, które mają być dodane do strony,
zawiera diagram wyświetlający strony, które zostaną
połączone ze stroną bieżącą

Rysunek 3.48.
Oprócz sześciu głównych opcji, okno dialogowe
Właściwości paska łączy pozwala dodać łącza do
strony głównej i (lub) do strony nadrzędnej

Rysunek 3.49.
Karta Styl okna dialogowego Właściwości paska łączy
pozwala określić wygląd łączy

73 Front Page – Praktyczne projekty

Rysunek 3.50.
Aby zmodyfikować standardowe etykiety pasków
łączy, w widoku Nawigacja kliknij prawym
przyciskiem myszy i z menu kontekstowego wybierz
pozycję Ustawienia sieci Web

Rysunek 3.51.
Aby uzyskać dostęp do etykiet pasków łączy, wyświetl
kartę Nawigacja okna dialogowego Ustawienia sieci
Web

Rysunek 3.52.
Zmień standardowy tekst etykiet, wpisując nowy tekst
w odpowiednich polach, i kliknij przycisk OK. Nowe
etykiety zostaną zastosowane tylko w bieżącej witrynie
internetowej

Modyfikacja etykiet
wykorzystywanych w
paskach łączy opartych
na strukturze
nawigacyjnej

Jeżeli zastosujesz paski łączy oparte na strukturze
nawigacyjnej, FrontPage użyje zestawu standardowych
etykiet: dla strony głównej – Strona główna, dla strony
nadrzędnej – W górę, dla strony poprzedniej – Wstecz,
a dla strony następnej – Dalej. W wielu przypadkach
nie ma powodu zmienić tych etykiet. Czasem jednak
trzeba zmodyfikować standardowe etykiety, aby
wyświetlić konkretną informację, na przykład łącze
prowadzące do strony głównej witryny Helion.com
może wyświetlać etykietę „Helion”. FrontPage
pozwala swobodnie modyfikować etykiety łączy.

Aby zmodyfikować etykiety
wykorzystywane w paskach
łączy opartych na strukturze
nawigacyjnej:

1. Kliknij

ikonę Nawigacja dostępną na pasku

widoków, aby Aby wyświetlić widok Nawigacja,.
kliknij ikonę Nawigacja dostępną na pasku
widoków.

2. Kliknij prawym przyciskiem myszy i z menu

kontekstowego wybierz pozycję Ustawienia sieci
Web (rysunek 3.50).

3. Po pojawieniu się okna dialogowego Ustawienia

sieci Web wyświetl kartę Nawigacja (rysunek
3.51).

4. Zmień standardowy tekst etykiet (Strona główna,

W górę, Wstecz i Dalej), wpisując nowy tekst w
odpowiednich polach (rysunek 3.52). Kliknij
przycisk OK. FrontPage wykorzysta nowe etykiety
do tworzenia pasków łączy opartych na strukturze
nawigacyjnej.

Wskazówki

• Etykiety niestandardowe zostaną zastosowane

tylko w bieżącej witrynie internetowej, więc nie
będą miały żadnego wpływu na etykiety
standardowe lub niestandardowe w innych
witrynach.

• Aby przywrócić etykiety standardowe, wyświetl

kartę Nawigacja okna dialogowego Ustawienia
sieci Web, kliknij przycisk Domyślne, a następnie
przycisk OK. Etykiety niestandardowe zostaną
zastąpione standardowymi (Strona główna, W
górę, Wstecz i Dalej).

Rozdział 3

♦ Tworzenie witryny internetowej

Aby pojedyncza strona nie
została uwzględniona w
pasku łączy opartym na
strukturze nawigacyjnej:

• W widoku Nawigacja prawym przyciskiem myszy

kliknij stronę, która nie ma się pojawić w pasku
łączy, i z menu kontekstowego wybierz pozycję
Dołączone do pasków nawigacyjnych (rysunek
3.53). Jeżeli zmienisz zdanie i uznasz, że strona
powinna pojawić się w pasku łączy, ponownie
kliknij stronę prawym przyciskiem myszy i z menu
kontekstowego wybierz pozycję Dołączone do
pasków nawigacyjnych. Strona nieuwzględniana w
pasku łączy ma szary kolor (rysunek 3.54).

Rysunek 3.53.
Aby dana strona nie pojawiła się w pasku łączy, kliknij
ją prawym przyciskiem myszy i z menu kontekstowego
wybierz pozycję Dołączone do pasków nawigacyjnych

Rysunek 3.54.
Strony nieuwzględniane w pasku łączy opartym na
strukturze nawigacyjnej mają szary kolor

Rysunek 3.55.
Przed utworzeniem paska z łączami wstecz i dalej
dodaj do struktury nawigacyjnej kilka stron
usytuowanych na tym samym poziomie

Rysunek 3.56.
Umieść kursor w miejscu, w którym chcesz wstawić

Tworzenie pasków z
łączami wstecz Wstecz i
dalej Dalej oraz z
łączami
niestandardowymi

Można by sądzić, że pasek z łączami wstecz Wstecz i
dalej Dalej działa tak samo jak pasek łączy oparty na
strukturze nawigacyjnej, ponieważ i jeden i drugi
zależy od struktury witryny. W rzeczywistości jednak,
proces tworzenia paska z łączami wstecz Wstecz i dalej
Dalej przebiega tak samo jak proces tworzenia paska z
łączami niestandardowymi.

Aby stworzyć pasek z
łączami wstecz Wstecz i
dalejDalej:

1. Po zbudowaniu struktury nawigacyjnej z kilkoma

stronami usytuowanymi na tym samym poziomie
(rysunek 3.55) wyświetl widok Strona, klikając
ikonę Strona dostępną na pasku widoków.

2. Umieść kursor w miejscu, w którym chcesz

wstawić pasek łączy, i z menu Wstaw wybierz
pozycję Nawigacja (rysunek 3.56).

3. Po pojawieniu się okna dialogowego Wstawianie

składnika sieci Web upewnij się, że na liście Typ
składnika wybrano pozycję Paski łączy, na liście
Wybierz typ paska kliknij pozycję Pasek z łączami

75 Front Page – Praktyczne projekty

pasek łączy, i z menu Wstaw wybierz pozycję
Nawigacja

Rysunek 3.57.
Po pojawieniu się okna dialogowego Wstawianie
składnika sieci Web kliknij pozycję Pasek z łączami
wstecz i dalej

Rysunek 3.58.
Wybierz jeden z wybudowanych stylów dla paska
łączy

wstecz i dalej i kliknij przycisk Dalej (rysunek
3.57).

4. Jeżeli witryna używa wbudowanego motywu

graficznego, w okienku Wybierz styl paska kliknij
Motyw strony użytkownika lub wybierz styl dla
paska łączy, a następnie kliknij przycisk Dalej
(rysunek 3.58).

5. Wybierz

orientację – poziomą lub pionową – dla

paska łączy i kliknij przycisk Zakończ (rysunek
3.59).

6. W oknie dialogowym Tworzenie nowego paska

łączy w polu Nazwa wpisz łatwą do zapamiętania
nazwę dla paska łączy i kliknij przycisk OK
(rysunek 3.60). Nazwa ta pojawi się w polu
Wybierz istniejące okna dialogowego Właściwości
paska łączy (rysunek 3.60).

7. Kliknij

przycisk

Dodaj łącze, aby zbudować zbiór

stron powiązanych łączami wstecz i dalej (rysunek
3.61).

Rysunek 3.59.
W panelu Wybierz orientację wskaż orientację –
poziomą lub pionową – dla paska łączy i kliknij
przycisk Zakończ

Rozdział 3

♦ Tworzenie witryny internetowej

Rysunek 3.60.
Po wpisaniu nazwy w polu Nazwa okna dialogowego
Tworzenie nowego paska łączy kliknij przycisk OK –
nazwa paska łączy pojawi się w polu Wybierz
istniejące okna dialogowego Właściwości paska łączy

Rysunek 3.61.
Kliknij przycisk Dodaj łącze, aby Aby zbudować zbiór
stron powiązanych łączami wstecz i dalej, kliknij
przycisk Dodaj łącze

Rysunek 3.62.
Wybierz bieżącą stronę jako pierwsze łącze paska
łączy, a w polu Tekst do wyświetlenia podaj łatwą do

8. W oknie dialogowym Dodawanie do paska łączy

wybierz bieżącą stronę (rysunek 3.62). W polu
Tekst do wyświetlenia wpisz tekst łącza dla tej
strony (tekst łącza strony nie musi być taki sam jak
tytuł strony, ale w przypadku dużych witryny
łatwiej zarządzać łączami, jeżeli tekst łącza strony
jest taki sam jak jej tytuł) i kliknij przycisk OK
(rysunek 3.62). FrontPage doda łącze do łącz
wyświetlanych na liście Łącza w oknie
dialogowym Właściwości paska łączy (rysunek
3.63).

9. Powtórz punkt 8. dla każdej strony, którą chcesz

dodać do paska z łączami wstecz i dalej (rysunek
3.64).

77 Front Page – Praktyczne projekty

rozpoznawania etykietę dla tego łącza

Rysunek 3.63.
FrontPage dodał łącze do łącz wyświetlanych na liście
Łącza w oknie dialogowym Właściwości paska łączy

Rysunek 3.64.
Po zbudowaniu listy łączy kliknij przycisk OK
10. Po utworzeniu paska z łączami wstecz Wstecz i

dalej Dalej pasek ten trzeba umieścić na każdej
stronie, na której ma się on pojawić. W tym celu
należy powtórzyć punkty 2–5. Kiedy pojawi się
karta Ogólne okna dialogowego Właściwości
paska łączy, upewnij się, że w polu Wybierz
istniejące wybrano nazwę paska łączy
utworzonego w punkcie 6. i kliknij przycisk OK.
Łącza wstecz Wstecz i dalej Dalej zostaną dodane
do bieżącej strony. Ostatnia strona posiadająca
pasek z łączami wstecz Wstecz i dalej Dalej będzie
zawierać tylko łącze wstecz Wstecz (rysunek 3.65).

11. Z menu Plik wybierz pozycję Zapisz wszystko, aby

zapisać zmiany we wszystkich stronach, a
następnie z menu Plik wybierz pozycję Podgląd w
przeglądarce (Ctrl+Shift+B), aby uruchomić
przeglądarkę internetową. Otwórz w przeglądarce
pierwszą stronę, na której umieściłeś pasek łączy, i
kliknij łącze Dalej. Pasek z łączami wstecz Wstecz
i dalej Dalej umożliwia wyświetlanie kolejnych
stron witryny internetowej (rysunek 3.66).

Wskazówki

• W punkcie 8. FrontPage otwiera folder bieżący,

ponieważ we większości przypadków to tu
znajdujeą się strona, którą chcesz dodać do paska
łączy. Aby odszukać stronę w innym folderze,
kliknij jeden z przycisków paska Połącz z lub
Szukaj w (rysunek 3.67).

• Jak pokazuje rysunek 3.65, pasek łączy posiada

Rysunek 3.65.
Ostatnia strona posiadająca pasek z łączami wstecz i
dalej wyświetla tylko łącze wstecz

Rozdział 3

♦ Tworzenie witryny internetowej

element + dodaj łącze. Element ten nie pojawia się
w przeglądarce internetowej, a jego obecność na
stronie w programie FrontPage ma przypominać,
że aby dodać nowe łącze do paska łączy wystarczy
kliknąć + dodaj łącze prawym przyciskiem myszy
i z menu kontekstowego wybrać pozycję
Właściwości paska nawigacyjnego. Więcej
informacji na ten temat zawiera podrozdział
Modyfikacja właściwości paska łączy.

• W punkcie 10. można wybrać dowolny istniejący

pasek łączy z listy rozwijanej Wybierz istniejące.

Rysunek 3.66.
Pasek z łączami wstecz i dalej pozwala wyświetlać
kolejne strony usytuowane w strukturze nawigacyjnej
na tym samym poziomie

Rysunek 3.67.
Aby odszukać stronę w innym folderze niż bieżący,
kliknij jeden z przycisków paska Połącz z lub Szukaj w

Rysunek 3.68.

Aby stworzyć pasek z
łączami niestandardowymi:

1. Kliknij

ikonę Strona dostępną na pasku widoków,

aby wyświetlić widok Strona, umieść kursor w
miejscu, w którym ma się pojawić pasek łączy, a
następnie z menu Wstaw wybierz pozycję
Nawigacja (rysunek 3.56).

2. Po pojawieniu się okna dialogowego Wstawianie

składnika sieci Web upewnij się, że na liście Typ
składnika wybrano pozycję Paski łączy, na liście
Wybierz typ paska kliknij pozycję Pasek z łączami

79 Front Page – Praktyczne projekty

W oknie dialogowym Wstawianie składnika sieci Web
kliknij pozycję Pasek z łączami niestandardowymi

Rysunek 3.69.
Wybierz styl wbudowany dla paska łączy

Rysunek 3.70.
Wybierz orientację – poziomą lub pionową – dla paska
łączy i kliknij przycisk Zakończ

niestandardowymi i kliknij przycisk Dalej
(rysunek 3.68).

3. Jeżeli witryna używa wbudowanego motywu

graficznego, w okienku Wybierz styl paska kliknij
Motyw strony użytkownika lub wybierz styl dla
paska łączy, a następnie kliknij przycisk Dalej
(rysunek 3.69).

4. Wybierz

orientację – poziomą lub pionową – dla

paska łączy i kliknij przycisk Zakończ (rysunek
3.70).

5. W oknie dialogowym Właściwości paska łączy

kliknij przycisk Utwórz nowy, aby stworzyć nowy
pasek łączy, po pojawieniu się okna dialogowego
Tworzenie nowego paska łączy w polu Nazwa
podaj łatwą do zapamiętania nazwę dla paska
łączy, a następnie kliknij przycisk OK. W
odpowiedzi ponownie pojawi się okno dialogowe
Właściwości paska łączy. W polu Wybierz
istniejące tego okna dialogowego FrontPage
wyświetli nazwę nowego paska łączy.

6. Kliknij

przycisk

Dodaj łącze okna dialogowego

Właściwości paska łączy i w oknie dialogowym
Dodawanie do paska łączy odszukaj strony, które
FrontPage ma uwzględnić w pasku łączy. Za
pomocą pola Tekst do wyświetlenia stwórz
etykiety łączy (rysunek 3.71).

7. Po zbudowaniu listy łączy niestandardowych

kliknij przycisk OK (rysunek 3.72). FrontPage
umieści pasek łączy na bieżącej stronie (rysunek
3.73). Z menu Plik wybierz pozycję Zapisz, aby
zapisać zmiany (Ctrl+S).

Wskazówka

• Ponieważ pasek z łączami niestandardowymi może

zawierać łącza do stron usytuowanych w
dowolnym miejscu witryny internetowej, więc
oryginalny tytuł lub nazwa pliku strony może mieć
niewiele wspólnego z listą łączy. Z tego powodu
zadbaj o to, by etykieta każdego łącza była
właściwa dla nowego kontekstu (rysunek 3.71).

Rysunek 3.71.
W polu Tekst do wyświetlenia okna dialogowego
Dodawanie do paska łączy stwórz etykiety łączy
niestandardowych

Rozdział 3

♦ Tworzenie witryny internetowej

Rysunek 3.72.
Po zbudowaniu listy łączy niestandardowych kliknij
przycisk OK

Rysunek 3.73.
Paski z łączami niestandardowymi wyświetlają łącza
nieuwzględniane w paskach łączy opartych na
strukturze nawigacyjnej

81 Front Page – Praktyczne projekty

Rysunek 3.74.
Aby zmodyfikować pasek z łączami wstecz i dalej lub
pasek z łączami niestandardowymi, kliknij go prawym
przyciskiem myszy i z menu kontekstowego wybierz
pozycję Właściwości paska nawigacyjnego

Rysunek 3.75.
Karta Ogólne okna dialogowego Właściwości paska
łączy służy do dodawania, usuwania i modyfikowania
łączy oraz do przenoszenia ich w górę lub w dół

Modyfikacja właściwości
paska łączy

FrontPage automatycznie aktualizuje hiperłącza
pasków łączy podczas modyfikowania struktury
nawigacyjnej witryny internetowej. Aby natomiast
zmodyfikować grafikę, orientację, zestaw łączy,
etykiety łączy lub porządek połączeńłączy w paskau
łączy, należy skorzystać z okna dialogowego
Właściwości paska łączy. Właściwości paska łączy
można modyfikować w dowolnym momencie. Sposób
modyfikowania paska łączyzmian zależy od typu
paska. Można również zmienić tekst standardowych
etykiet pasków łączy opartych na strukturze
nawigacyjnej i pasków z łączami wstecz Wstecz i
dalejDalej.

Aby edytować pasek z
łączami wstecz Wstecz i
dalej Dalej lub pasek z
łączami niestandardowymi:

1. Wyświetl widok Strona, a następnie prawym

przyciskiem myszy kliknij pasek łączy
przeznaczony do edytowania i z menu
kontekstowego wybierz pozycję Właściwości
paska nawigacyjnego (rysunek 3.74).

2. FrontPage

wyświetli kartę Ogólne okna

dialogowego Właściwości paska łączy (rysunek
3.75). Aby dodać nowe łącze do paska łączy,
kliknij przycisk Dodaj łącze; aby usunąć łącze z
paska łączy, wybierz jego etykietę z listy Łącza, a
następnie kliknij przycisk Usuń łącze.

3. Aby

zmienić etykietę łącza albo stronę, do której

ono prowadzi, wybierz to łącze z listy Łącza,
kliknij przycisk Modyfikuj łącze i w oknie
dialogowym Modyfikuj łącze wskaż nową stronę
lub zmień tekst etykiety łącza, a następnie kliknij
przycisk OK (rysunek 3.76). Aby zmienić
porządek łączy, kliknij nazwę żądanego łącza na
liście Łącza i przenieś go w górę lub w dół za
pomocą przycisku Przenieś w górę lub Przenieś w
dół. Jeżeli na pasku łączy ma się znaleźć łącze do
strony głównej i (lub) strony nadrzędnej, zaznacz
opcję Strona główna i (lub) Strona nadrzędna.

4. Kliknij

przycisk

OK, aby Aby zastosować zmiany

i zamknąć okno dialogowe Właściwości paska
łączy, kliknij przycisk OK. Aby zmodyfikować

Rysunek 3.76.
W oknie dialogowym Modyfikuj łącze można zmienić
stronę docelową łącza

Rozdział 3

♦ Tworzenie witryny internetowej

wygląd paska łączy, wyświetl kartę Styl okna
dialogowego Właściwości paska łączy (rysunek
3.77). Aby zastosować zmiany, kliknij przycisk
OK.

Rysunek 3.77.
Karta Styl okna dialogowego Właściwości paska łączy
pozwala zmodyfikować styl graficzny, orientację i
wygląd paska łączy

Rysunek 3.78.
Aby stworzyć obramowanie wspólne dla wszystkich
stron witryny, z menu Format wybierz pozycję
Obramowanie wspólne. W podobny sposób możesz
wyłączyć obramowanie wspólne dla pojedynczych
stron

Aby dodać obramowanie
wspólne:

1. Wczytaj

witrynę internetową, do której chcesz

dodać obramowanie wspólne, i z menu Format
wybierz pozycję Obramowanie wspólne (rysunek
3.78).

2. W oknie dialogowym Obramowanie wspólne

wybierz opcję Wszystkie strony lub Bieżąca strona
(rysunek 3.79). Chociaż standardowo FrontPage
zaznacza pola wyboru Górne i Dolne, możesz
dokonać innego wyboru zaznaczając pola Górne,
Lewe, Prawe i Dolne. Nie zaznaczaj pól wyboru
Dołącz przyciski nawigacyjne, chyba że w
obramowaniu wspólnym chcesz umieścić paski
łączy. Linia przerywana wskaże położenie
obramowania wspólnego. Więcej informacji
zawiera Wskazówka poniżej.

3. Aby

ustawić kolor tła obramowania wspólnego,

kliknij przycisk Właściwości obramowania i
wybierz kolor w oknie dialogowym Właściwości
obramowania (rysunek 3.80). Aby wstawić obraz
do obramowania wspólnego, najpierw przenieś go
do folderu bieżącego witryny.

4. Kliknij

przycisk

OK, aby Aby zamknąć okno

dialogowe Właściwości obramowania, kliknij
przycisk OK. Kliknij przycisk OK, Aaby zamknąć
okno dialogowe Obramowanie wspólne, kliknij
przycisk OK. FrontPage doda obramowanie
wspólne do wybranych stron. Teraz w
obramowaniu wspólnym można umieścić tekst i
grafikę (rysunek 3.81).

Wskazówka

• Aby w obramowaniu wspólnym umieścić paski

łączy, w oknie dialogowym Obramowanie
wspólne zaznacz pole wyboru Górne, Lewe lub

83 Front Page – Praktyczne projekty

Rysunek 3.79.
W oknie dialogowym Obramowanie wspólne zaznacz
pole wyboru Górne, Lewe, Prawe lub Dolne

Rysunek 3.80.
W oknie dialogowym Właściwości obramowania ustaw
kolor tła lub obraz obramowania wspólnego

Rysunek 3.81.
Obramowanie wspólne – obszar przypominający
nagłówki i stopki stron dokumentów drukowanych –
zawiera tekst i grafikę widoczną na każdej stronie
witryny internetowej

Prawe oraz odpowiednie pole wyboru Dołącz
przyciski nawigacyjne (rysunek 3.79).
Obramowanie wspólne dolne może zawierać tekst,
grafikę lub ukryty komentarz, ale nie paski łączy.
Więcej informacji zawiera rozdział 6., Dodawanie
hiperłączy.

Rozdział 3

♦ Tworzenie witryny internetowej

Aby usunąć obramowanie
wspólne z pojedynczej
strony:

1. Wyświetl żądaną stronę w widoku Strona i z menu

Format wybierz pozycję Obramowanie wspólne
(rysunek 3.78).

2. W oknie dialogowym Obramowanie wspólne

wybierz opcję Bieżąca strona i wyczyść usuń
zaznaczenie wszystkiche pola pól wyboru (rysunek
3.82). Kliknij przycisk OK. FrontPage usunie
obramowanie wspólne z bieżącej strony (rysunek
3.83).

Rysunek 3.82.
Aby usunąć obramowanie wspólne z bieżącej strony,
wybierz opcję Bieżąca strona, wyczyść usuń
zaznaczenie wszystkie polach pól wyboru i kliknij
przycisk OK

Rysunek 3.83.
Strona przedstawiona na rysunku 3.81 po usunięciu
obramowania wspólnego

85 Front Page – Praktyczne projekty

Rysunek 3.84.
Aby utworzyć stronę z szablonu, w okienku zadań
kliknij pozycję Szablony stron

Rysunek 3.85.
Karta Ogólne okna dialogowego Szablony stron
oferuje duży wybórzawiera wiele szablonów stron.
Wybierz jeden z nich i kliknij przycisk OK

Szablony i motywy

Szablony i motywy programu FrontPage 2002
pozwalają zaoszczędzić mnóstwo czasu podczas
tworzenia stron internetowych. Szablony Ppomagają
tworzyć wspaniałe interesujące strony i witryny
internetowe, natomiast zaś motywy nadają
pojedynczym stronom lub całym witrynom unikatowy
ciekawy wygląd. FrontPage posiada również kilka
kreatorów, dzięki którym w łatwy sposób można
zbudować bardziej złożone strony i witryny.

Aby stworzyć stronę z
szablonu:

1. Z

Plik wybierz pozycję Nowy, a następnie –

pozycję Strona lub sieć Web. FrontPage wyświetli
okienko zadań. Kliknij pozycję Szablony stron w
sekcji Nowy z szablonu (rysunek 3.84).

2. W oknie dialogowym Szablony stron wyświetl

kartę Ogólne. Wybierz szablon i kliknij przycisk
OK (rysunek 3.85). Aby stworzyć stronę z
formularzem, zapoznaj się z rozdziałem 12.,
Tworzenie i obsługa formularzy. Strony z ramkami
omawiam w rozdzialeł 11., Tworzenie i
formatowanie ramek.

3. Po utworzeniu strony z szablonu można przystąpić

do zastępowania nagłówków, tekstu i grafiki
nowymi elementami (rysunek 3.86). Tworzenie i
formatowanie tekstu omawia omówione są w
rozdział rozdziale 4., Tworzenie i formatowanie
tekstu.

Rozdział 3

♦ Tworzenie witryny internetowej

Rysunek 3.86.
Po utworzeniu strony z szablonu można przystąpić do
zastępowania nagłówków, tekstu i grafiki nowymi
elementami
4. Aby

zastąpić obraz, kliknij go prawym

przyciskiem myszy i z menu kontekstowego
wybierz pozycję Właściwości obrazu (Alt+Enter)
(rysunek 3.87).

5. W oknie dialogowym Właściwości obrazu

wyświetl kartę Ogólne. Kliknij przycisk
Przeglądaj, aby odszukać obraz, którego który
chcesz użyć (rysunek 3.88). Aby wstawić nowy
obraz, kliknij przycisk OK. Więcej informacji na
ten temat zawiera rozdział 7., Tworzenie i
edytowanie obrazów.

6. FrontPage doda wskazany obraz do strony

internetowej (rysunek 3.89). Aby zapisać stronę, z
menu Plik wybierz pozycję Zapisz (Ctrl+S),
odszukaj folder, w którym chcesz ją zapisać, i
kliknij przycisk Zapisz (rysunek 3.90).

Rysunek 3.87.
Aby zastąpić obraz, kliknij go prawym przyciskiem
myszy i z menu kontekstowego wybierz pozycję
Właściwości obrazu

87 Front Page – Praktyczne projekty

Rysunek 3.88.
Kliknij przycisk Przeglądaj okna dialogowego
Właściwości obrazu, aby Aby odszukać nowy obraz,
kliknij przycisk Przeglądaj okna dialogowego
Właściwości obrazu

Rysunek 3.89.
Po zastąpieniu standardowych nagłówków, tekstu i
grafiki nowymi elementami z menu Plik wybierz
pozycję Zapisz (Ctrl+S)

Rysunek 3.90.
Odszukaj folder, w którym chcesz zapisać
zmodyfikowaną stronę, i kliknij przycisk Zapisz

Rozdział 3

♦ Tworzenie witryny internetowej

Rysunek 3.91.
Aby stworzyć witrynę internetową z szablonu, w
okienku zadań kliknij pozycję Szablony witryn sieci
Web

Rysunek 3.92.
W oknie dialogowym Szablony witryn sieci Web
wybierz szablon witryny internetowej, odszukaj folder,
w którym chcesz ją zapisać, i kliknij przycisk OK

Aby stworzyć witrynę
internetową z szablonu:

1. Z

Plik wybierz pozycję Nowy, a następnie –

pozycję Strona lub sieć Web. FrontPage wyświetli
okienko zadań. Kliknij pozycję Szablony witryn
sieci Web w sekcji Nowy z szablonu (rysunek
3.91).

2. FrontPage

wyświetli kartę Witryny sieci Web okna

dialogowego Szablony witryn sieci Web (rysunek
3.92). W polu tekstowym Określ lokalizację nowej
sieci Web wskaż folder, w którym FrontPage ma
zapisać nową witrynę, i kliknij przycisk OK.
FrontPage utworzy witrynę internetową.

3. Kliknij

ikonę Nawigacja dostępną na pasku

widoków, aby wyświetlić widok Nawigacja, i z
menu Widok wybierz pozycję Lista folderów. W
ten sposób będziesz mógł obejrzeć strukturę
nawigacyjną oraz wszystkie strony witryny
internetowej (rysunek 3.93).

4. W

widoku

Nawigacja dwukrotnie kliknij stronę (tj.

symbol reprezentujący stronę), aby Aby ją
otworzyć stronę i przystąpić do wpisywania
nowego tekstu i wstawiania nowych elementów, w
widoku Nawigacja dwukrotnie kliknij stronę, tj.
symbol reprezentujący stronę (rysunek 3.94).

5. Z

Plik wybierz pozycję Zapisz (Ctrl+S), aby

zapisać stronę. W podobny sposób zmodyfikuj
inne strony witryny. Pamiętaj o zapisywaniu
zmian.

Wskazówki

• Można dodać dołączyć nową witrynę do już

istniejącej witryny. W oknie dialogowym Szablony
witryn sieci Web (rysunek 3.92) zaznacz pole
wyboru Dodaj do bieżącej sieci Web. W ten
sposób można dodać na przykład witrynę
pomocniczą do istniejącej witryny korporacyjnej.

• Aby stworzyć witrynę dyskusji lub zaimportować

dołączyć witrynę istniejącą, skorzystaj z kreatorów
dostępnych w oknie dialogowym Szablony witryn
sieci Web (3.92).

• Aby pobrać skorzystać z większej ilości więcej

szablonów, w okienku zadań kliknij pozycję
Szablony na stronie Microsoft.com (rysunek 3.91).

89 Front Page – Praktyczne projekty

Rysunek 3.93.
Wyświetl widok Nawigacja oraz Listę folderów, aby
obejrzeć strukturę nawigacyjną oraz wszystkie strony
witryny wygenerowanej z szablonu

Rysunek 3.94.
Otwórz stronę witryny wygenerowanej powstałej z
szablonu i zastąp standardowy tekst i grafikę nowymi
elementami. Aby zapisać zmodyfikowaną stronę, z
menu Plik wybierz pozycję Zapisz (Ctrl+S)

Rozdział 3

♦ Tworzenie witryny internetowej

Aby zastosować użyć
motywu do budowy strony
lub witryny:

1. Otwórz

stronę lub witrynę internetową, do której

chcesz zastosować motyw, i z menu Format
wybierz pozycję Motyw (rysunek 3.95).

2. Jeżeli prawy panel okna dialogowego Motywy jest

pusty, strona lub witryna internetowa nie posiada
jeszcze motywu (rysunek 3.96).

3. W lewym górnym rogu okna dialogowego Motywy

wybierz jedną z dwóch opcji, aby Aby zastosować
użyć motywu do stworzenia wszystkich stron lub
do bieżącej strony, w lewym górnym rogu okna
dialogowego Motywy wybierz jedną z dwóch
opcji. Standardowo wybrana jest opcja Wszystkie
strony, ponieważ motywy służą przede wszystkim
do nadania jednolitego wyglądu całej witrynie.

4. Wybierz motyw. Prawy panel wyświetli próbkę

wybranego motywu (rysunek 3.97).

Rysunek 3.95.
Otwórz stronę lub witrynę internetową, do której
chcesz zastosować motyw, i z menu Format wybierz
pozycję Motyw

Rysunek 3.96.
Jeżeli prawy panel okna dialogowego Motywy jest
pusty, strona lub witryna internetowa nie posiada
jeszcze motywu. W lewym górnym rogu okna
dialogowego Motywy wybierz opcję Wszystkie strony
lub opcję Zaznaczone strony, aby określić zakres
zastosowania motywu

Rysunek 3.97.
Wybierz motyw. Prawy panel wyświetli próbkę
wybranego motywu

91 Front Page – Praktyczne projekty

Rysunek 3.98.
Okno dialogowe Motywy w lewym dolnym rogu
zawiera cztery pola wyboru – Żywe kolory, Grafika
aktywna, Obraz tła lub Zastosuj z arkuszami CSS –
dodatkowo wzbogacające wygląd stron internetowych

Rysunek 3.99.
Strona internetowa z motywem Citrus Punch

5. Możesz dostroić dopracować motyw. Aby to

zrobić, zaznacz jedno lub więcej pól wyboru w
lewym dolnym rogu okna dialogowego Motywy:
Żywe kolory, Grafika aktywna, Obraz tła lub
Zastosuj z arkuszami CSS, jeżeli używasz arkuszy
stylów kaskadowych. Wpływ każdego efektu, z
wyjątkiem CSS, na dany motyw możesz obejrzeć
w prawym panelu okna dialogowego Motywy
(rysunek 3.98).

6. Po wybraniu i dostrojeniu dopracowaniu motywu

kliknij przycisk OK okna dialogowego Motywy.
FrontPage zastosuje wskazany motyw do strony
lub witryny internetowej (rysunek 3.99). Aby
jeszcze bardziej zmodyfikować motyw, zobacz
podrozdział Aby zmodyfikować motyw.

Wskazówka

• Chociaż okno dialogowe Motywy posiada opcję

Zaznaczone strony (rysunek 3.96), co sugeruje, że
motyw można zastosować do kilku wybranych
stron jednocześnie, tak naprawdę motyw można
zastosować albo do bieżącej strony, albo do całej
witryny internetowej. Aby zastosować motyw do,
na przykład, czterech stron witryny, trzeba
otworzyć pierwszą stronę i zastosować do niej
motyw, otworzyć drugą stronę i zastosować do
niej motyw itd.

Aby zmodyfikować motyw:

1. Otwórz

stronę lub witrynę internetową, która

używa motywu przeznaczonego do modyfikacji,
wyświetl widok Strona i z menu Format wybierz
pozycję Motyw (rysunek 3.95).

2. W prawym panelu okna dialogowego Motywy

pojawi się motyw bieżącej strony. Aby
zmodyfikować motyw, kliknij jego nazwę w
lewym panelu, a następnie kliknij przycisk
Modyfikuj okna dialogowego Motywy (rysunek
3.100).

3. Powyżej przycisku Modyfikuj FrontPage wyświetli

trzy przyciski: Kolory, Grafika oraz Tekst (rysunek
3.101). Kliknij jeden z tych przycisków. Aspekty
motywu – kolory, grafikę oraz tekst – można
modyfikować w dowolnej kolejności.

Rysunek 3.100.
Kliknij przycisk Modyfikuj okna dialogowego
Motywy, aby zmodyfikować motyw

Rysunek 3.101.
FrontPage pozwala modyfikować trzy aspekty
motywu: kolory, grafikę oraz tekst

Rysunek 3.102.
Karta Schematy kolorów okna dialogowego
Modyfikowanie motywu pozwala wybrać zestaw
kolorów motywu i określić, czy mają to być kolory
normalne czy żywe. Dwie pozostałe karty okna
dialogowego Modyfikowanie motywu definiują
ustalają kolory poszczególnych elementów

4. W

zależności od wybranego przycisku FrontPage

wyświetli okno dialogowe Modyfikowanie motywu
z opcjami umożliwiającymi modyfikację kolorów,
grafiki lub tekstu motywu (rysunki 3.102 – 3.104).
Więcej informacji na temat opcji motywu zawiera
podrozdział Opcje motywu. Wybierz opcje i kliknij
przycisk OK.

5. Po ponownym pojawieniu się okna dialogowego

Motywy zmiany można zastosować do motywu
istniejącego lub zapisać jako nowy motyw. Aby
zmienić istniejący motyw, kliknij przycisk Zapisz.
Aby stworzyć nowy motyw, kliknij przycisk
Zapisz jako.

6. Kliknij

przycisk

OK okna dialogowego Motywy.

FrontPage zastosuje zmodyfikowany motyw do
bieżącej strony lub witryny internetowej.

Rozdział 3

♦ Tworzenie witryny internetowej

Rysunek 3.103.
Jeżeli klikniesz przycisk Grafika okna dialogowego
Motywy, FrontPage wyświetli okno dialogowe
Modyfikowanie motywu, w którym można
zmodyfikować elementy graficzne istniejącego
motywu

Rysunek 3.104.
Jeżeli klikniesz przycisk Tekst okna dialogowego
Motywy, FrontPage wyświetli okno dialogowe
Modyfikowanie motywu, w którym można
zmodyfikować zmienić czcionkę związaną z każdym
elementem HTML

93 Front Page – Praktyczne projekty

Opcje motywu

Motywy wbudowane programu FrontPage można
swobodnie modyfikować. W celu wyświetlenia
różnych wersji okna dialogowego Modyfikowanie
motywu (rysunki 3.102 – 3.104) wykonaj punkty
podrozdziału Aby zmodyfikować motyw.
• Kolory. Wyświetl jedną z trzech kart, aby Aby

zmienić konkretny aspekt odcień koloru motywu,
wyświetl jedną z trzech kart. Karta Schematy
kolorów pozwala zastosować zestaw kolorów
określonego motywu do motywu bieżącego
(rysunek 3.102). Karta Koło kolorów pozwala
zmienićdaje możliwość zmiany jasnościć
bieżącego schematu kolorów (rysunek 3.105).
Karta Niestandardowy pozwala zmodyfikować
kolor poszczególnych elementów HTML, na
przykład Nagłówka 1. lub hiperłączy (rysunek
3.106). Aby wzbogacić zestaw kolorów, wybierz
opcję Żywe kolory u dołu okna dialogowego.

• Grafika. Jeżeli klikniesz przycisk Grafika okna

dialogowego Motywy, w oknie dialogowym
Modyfikowanie motywu będziesz mógł zastąpić
elementy graficzne istniejącego motywu nowymi
elementami graficznymi (rysunek 3.103). Z listy
rozwijanej wybierz element lub kategorię
elementów, które chcesz zmienić, na przykład
punktory motywu (rysunek 3.107). Kliknij
przycisk Przeglądaj, aby odszukać nową grafikę.
Wybierz opcję Grafika aktywna u dołu okna
dialogowego Modyfikowanie motywu, aby
stworzyć przyciski, które na zdarzenia reagują
zmianą wyglądu na zdarzenia (zdarzenie to na
przykład umieszczenie nad przyciskiem wskaźnika
myszy). Poszczególne wersje animowanego
przycisku wyświetla prawy panel okna
dialogowego. Opcji Grafika aktywna używaj z
rozwagą.

Rysunek 3.105.
Karta Koło kolorów okna dialogowego Modyfikowanie
motywu pozwala zmodyfikować jasność wybranego
zestawu kolorów

Rysunek 3.106.
Karta Niestandardowy okna dialogowego
Modyfikowanie motywu pozwala zmodyfikować kolor
poszczególnych elementów HTML motywu

Rozdział 3

♦ Tworzenie witryny internetowej

Rysunek 3.107.
Z listy rozwijanej okna dialogowego Modyfikowanie
motywu (wersja Grafika) wybierz element lub
kategorię elementów, które chcesz zmodyfikować

Rysunek 3.108.
Okno dialogowe Styl – wywoływane z okna
dialogowego Modyfikowanie motywu – pozwala
zmodyfikować czcionki znaczników HTML

• Tekst. Jeżeli klikniesz przycisk Tekst okna

dialogowego Motywy, w oknie dialogowym
Modyfikowanie motywu będziesz mógł zmienić
czcionkę każdego elementu HTML, w tym
również tekst wyświetlany na przyciskach
(rysunek 3.104). Z listy rozwijanej wybierz tekst
podstawowy lub jeden z nagłówków. Kliknij
przycisk Więcej stylów tekstu, aby wyświetlić
dodatkowe elementy HTML (rysunek 3.108). Lista
rozwijana Lista umożliwia dostęp do wszystkich
znaczników HTML, ale dobrze się zastanów, czy
naprawdę chcesz dokonywać tak głębokich zmian.

Wskazówka

• To, jakie opcje są dostępne w różnych wersjach

okna dialogowego Modyfikowanie motywu, zależy
od tego, jakie pola wyboru zaznaczono w oknie
dialogowym Motywy (zobacz punkt 5.
podrozdziału Aby zastosować motyw do strony lub
witryny). Jeżeli jakaś opcja jest niedostępna w
oknie dialogowym Modyfikowanie motywu, wróć
do okna dialogowego Motywy i zaznacz
odpowiednie pola wyboru.

Rozdział 4. Wpisywanie i
formatowanie tekstu

Jedną z największych zalet programu FrontPage jest to,

że wyręcza on autora stron internetowych w pisaniu
kodu HTML. Wpisywanie i formatowanie tekstu w
programie FrontPage wygląda tak samo jak w
zwykłym edytorze tekstu. Oznacza to, że tekst można
zaznaczać, przesuwać, wycinać, kopiować, wklejać i
formatować za pomocą technik znanych z edytorów
tekstu.

Rozdział 4

♦ Wpisywanie i formatowanie tekstu

Wpisywanie i
edytowanie tekstu

Pisanie w programie FrontPage 2002 nie różni się od
pisania w zwykłym edytorze tekstu. Po dojściu do
prawej krawędzi okna dokumentu kursor
automatycznie przechodzi do następnego wiersza.
Tekst, podobnie jak w edytorach tekstu, można
zaznaczyć za pomocą wskaźnika myszy, a następnie
przenieść, skopiować lub wkleić w inne miejsce.

Aby wpisać tekst na stronie
internetowej:

1. Kliknij

ikonę Strona dostępną na pasku widoków,

aby wyświetlić widok Strona (rysunek 4.1).
Upewnij się, że karta Normalny jest aktywna
(rysunek 4.2).

2. Otwórz

Listę listę folderów – w tym celu z menu

Widok wybierz pozycję Lista folderów lub kliknij
przycisk Okienko przełączania (rysunek 4.3).

3. W panelu Lista folderów dwukrotnie kliknij plik

strony, na której chcesz umieścić tekst. FrontPage
otworzy stronę w prawym panelu.

4. W prawym panelu kliknij w miejscu, w którym

chcesz wpisać tekst. Migotająca pionowa kreska to
kursor (rysunek 4.4).

5. Zacznij

pisać. Tekst pojawi się tuż obok kursora

(rysunek 4.5).

Rysunek 4.1.
Aby pracować nad tekstem, wyświetl widok Strona,
klikając ikonę Strona dostępną na pasku widoków

Rysunek 4.2.
Aby pracować nad tekstem, upewnij się, że karta
Normalny jest aktywna

Rysunek 4.3.
Lista folderów ułatwia otwieranie poszczególnych
plików. Z menu Widok wybierz pozycję Lista folderów
lub kliknij przycisk Okienko przełączania

Rysunek 4.4.
Kliknij w prawym panelu, aby Aby rozpocząć pisanie,
kliknij w prawym panelu.

Rysunek 4.5.
Ponieważ kod HTML jest ukryty, wpisywanie
Wpisywanie tekstu w programie FrontPage nie różni
się niczym od wpisywania tekstu w zwykłym edytorze
tekstu, ponieważ kod HTML jest ukryty.

Rysunek 4.6.
Kliknij w miejscu, w którym chcesz wstawić tekst – w
miejscu tym pojawi się migotający kursor

Aby przesunąć kursor:

1. Za

pomocą myszy lub klawiszy ze strzałkami

przesuń kursor do miejsca, w którym chcesz
wpisać tekst. Położenie kursora na ekranie jest
wskazywane za pomocą symbolu I (rysunek 4.6).

2. Kliknij w miejscu, w którym chcesz wstawić tekst

– w miejscu tym pojawi się migotający kursor
(rysunek 4.7). Teraz możesz wpisać tekst.

97 Front Page – Praktyczne projekty

Rysunek 4.7.
Zacznij pisać w miejscu, w którym znajduje się kursor
– wpisywany tekst pojawi się na stronie

Wskazówki

• Aby przenosić kursor od słowa do słowa, naciśnij

kombinację klawiszy (Ctrl+→) lub (Ctrl+←).

• Aby przenosić kursor od akapitu do akapitu,

naciśnij kombinację klawiszy (Ctrl+↓) lub
(Ctrl+↑).

Aby zaznaczyć tekst:

1. Umieść kursor na początku lub na końcu tekstu,

który chcesz zaznaczyć.

2. Kliknij i przeciągnij wskaźnik myszy, aby

zaznaczyć tekst. Tekst zostanie wyróżniony
(rysunek 4.8).

3. Teraz zaznaczony tekst możesz skopiować

(Ctrl+C) lub wyciąć (Ctrl+X) do schowka i wkleić
(Ctrl+V) w innym miejscu.

Aby usunąć tekst:

1. Umieść kursor na początku lub na końcu tekstu,

który chcesz zaznaczyć.

2. Kliknij i przeciągnij wskaźnik myszy, aby

zaznaczyć tekst. Tekst zostanie wyróżniony
(rysunek 4.8).

3. Naciśnij klawisz Backspace lub Delete. FrontPage

usunie zaznaczony tekst (rysunek 4.9).

Rysunek 4.8.
Kliknij i przeciągnij wskaźnik myszy, aby zaznaczyć
tekst

Rysunek 4.9.
Naciśnij klawisz Backspace lub Delete, a FrontPage
usunie zaznaczony tekst

Tabela 4.1.
Skróty klawiaturowe – zaznaczanie tekstu
Aby zaznaczyć Naciśnij
Słowo

kliknij go dwa razy

Słowo na prawo od kursora

Shift+Ctrl+→

Słowo na lewo od kursora

Shift+Ctrl+←

Tekst od kursora do końca wiersza

Shift+End

Tekst od kursora do początku wiersza

Shift+Home

Tekst od kursora w dół

Shift+↓

Tekst od kursora w górę

Shift+↑

Cały akapit

Alt+ kliknięcie

Tekst do końca akapitu

Ctrl+Shift+↓

Tekst do początku akapitu

Ctrl+Shift+↑

Tekst do końca następnego ekranu

Shift+Page Down

Tekst do początku poprzedniego ekranu

Shift+Page Up

Tabela 4.2.
Skróty klawiaturowe – usuwanie tekstu
Aby usunąć Naciśnij
Znak na prawo od kursora

Delete

Znak na lewo od kursora

Backspace

Słowo na prawo od kursora

Ctrl+Delete

Słowo na lewo od kursora

Ctrl+Backspace

Rysunek 4.10.
Aby przesunąć tekst, zaznacz go za pomocą wskaźnika
myszy

Aby przesunąć tekst:

1. Zaznacz tekst przeznaczony do przesunięcia

(rysunek 4.10).

2. Kliknij i przesuń zaznaczony tekst w nowe miejsce

(rysunek 4.11).

3. Zwolnij przycisk myszy – FrontPage umieści tekst

w nowym miejscu (rysunek 4.12).

Rozdział 4

♦ Wpisywanie i formatowanie tekstu

Rysunek 4.11.
Kliknij i przesuń zaznaczony tekst w nowe miejsce

Rysunek 4.12.
Zwolnij przycisk myszy – FrontPage umieści tekst w
nowym miejscu

Rysunek 4.13.
Aby wyciąć zaznaczony tekst, z menu Edycja wybierz
pozycję Wytnij (Ctrl+X). Aby wkleić tekst, z menu
Edycja wybierz pozycję Wklej (Ctrl+V)

Rysunek 4.14.
Pasek narzędzi Standardowy posiada narzędzia do
wycinania, kopiowania i wklejania tekstu

Wskazówki

• Aby przesunąć tekst, zaznacz go i wytnij (Ctrl+X),

umieścić kursor w miejscu, w którym wycięty
tekst ma się pojawić, a następnie wklej go
(Ctrl+V) (rysunek 4.13).

• Możesz również użyć przycisków Wytnij, Kopiuj i

Wklej dostępnych na pasku narzędzi Standardowy
(rysunek 4.14).

99 Front Page – Praktyczne projekty

Aby cofnąć akcję:

• Z menu Edycja wybierz pozycję Cofnij lub

naciśnij kombinację klawiszy (Ctrl+Z). FrontPage
cofnie poprzednią akcję.

Aby wykonać wznowić
ponownie akcję:

• Z menu Edycja wybierz pozycję Wykonaj

ponownie lub naciśnij kombinację klawiszy
(Ctrl+Y). FrontPage wykona ponowniewznowi
poprzednią akcję.

Wskazówki

• To, jaką akcję można cofnąć lub wykonać

ponownie,wznowić, zależy od poprzedniej akcji
(rysunek 4.15).

• Możesz również użyć przycisków Cofnij i

Wykonaj ponownie dostępnych na pasku narzędzi
Standardowy. Każdy z nich posiada listę niedawno
wykonanych akcji (rysunek 4.16).

Rysunek 4.15.
To, jaką akcję można cofnąć (pozycja Cofnij w menu
Edycja) lub wykonać ponownie (pozycja Wykonaj
ponownie w menu Edycja), zależy od poprzedniej akcji

Rysunek 4.16.
Pasek narzędzi Standardowy posiada przyciski Cofnij i
Wykonaj ponownie. Każdy z nich posiada listę
niedawno wykonanych akcji

Rysunek 4.17.
Aby wstawić podział wiersza, z menu Wstaw wybierz
pozycję Podział

Rysunek 4.18.
W oknie dialogowym Podział standardowo jest
wybrana opcja Normalny podział wiersza. Kliknij
przycisk OK. FrontPage wstawi podział wiersza

Rysunek 4.19.
FrontPage utworzył nowy wiersz bez konieczności
wpisywania kodu HTML

Aby wstawić podział wiersza:

1. Umieść kursor w miejscu, w którym chcesz

wstawić podział wiersza.

2. Z

Wstaw wybierz pozycję Podział (rysunek

4.17).

3. W oknie dialogowym Podział standardowo jest

wybrana opcja Normalny podział wiersza (rysunek
4.18). Kliknij przycisk OK lub naciśnij klawisz
Enter. FrontPage wstawi podział wiersza (rysunek
4.19). Więcej informacji na temat opcji
dostępnych w oknie dialogowym Podział zawiera
rozdział 5., Formatowanie akapitów, list i
nagłówków.

Wskazówki

• Aby wstawić podział wiersza, naciśnij kombinację

klawiszy (Shift+Enter).

• Aby usunąć podział wiersza, umieść kursor na

początku wiersza przed podziałem i naciśnij
klawisz Backspace. FrontPage usunie podział.

Rozdział 4

♦ Wpisywanie i formatowanie tekstu

100

Aby dodać akapit:

1. Umieść kursor w miejscu, w którym chcesz dodać

akapit (rysunek 4.20).

2. Naciśnij klawisz Enter. FrontPage doda akapit

(rysunek 4.21).

Wyświetlanie
znaczników podziału
wiersza i znaczników
akapitu

FrontPage, podobnie jak zwykłe edytory tekstu, oferuje
możliwość pozwala wyświetlenia wyświetlić ukryteych
znacznikiów formatowania wskazująceych położenie
podziałów wiersza i akapitów.

Aby wyświetlić (lub ukryć)
znaczniki podziału wiersza i
znaczniki akapitu:

• Kliknij przycisk Pokaż wszystko (rysunek 4.22).

FrontPage wyświetli znaczniki podziału wiersza i
znaczniki akapitu (rysunek 4.23). Aby ukryć
znaczniki, ponownie kliknij przycisk Pokaż
wszystko.

Rysunek 4.20.
Umieść kursor w miejscu, w którym chcesz dodać
akapit

Rysunek 4.21.
Naciśnij klawisz Enter – FrontPage doda akapit

Rysunek 4.22.
Aby wyświetlić (lub ukryć) znaczniki podziału wiersza
i znaczniki akapitu, kliknij przycisk Pokaż wszystko
dostępny na pasku narzędzi Standardowy

Rysunek 4.23.
Przycisk Pokaż wszystko pozwala wyświetlić ukryte
symbole wskazujące podziały wiersza i akapity

Rysunek 4.24.
Aby odszukać tekst na bieżącej stronie lub w całej
witrynie internetowej, z menu Edycja wybierz pozycję
Znajdź

Znajdowanie i
zamienianie tekstu

Oprócz standardowych funkcji znajdowania i
zamieniania tekstu, FrontPage jest wyposażony w
narzędzia do przeszukiwania kodu HTML, co oznacza,
że można odszukać słowa, wyrażenia, a nawet
fragmenty kodu, niewidoczne w widoku normalnym.

Aby odszukać tekst na
bieżącej stronie:

1. Kliknij

ikonę Strona dostępną na pasku widoków,

aby Aby wyświetlić widok Strona, kliknij ikonę
Strona dostępną na pasku widoków.i Uupewnij
się, że karta Normalny jest aktywna.

2. Otwórz

Listę listę folderów – w tym celu z menu

Widok wybierz pozycję Lista folderów lub kliknij
przycisk Okienko przełączania.

3. Z

Edycja wybierz pozycję Znajdź (Ctrl+F)

(rysunek 4.24).

4. Po pojawieniu się karty Znajdowanie okna

dialogowego Znajdowanie i zamienianie wpisz
szukane słowo lub wyrażenie i wybierz opcję
Bieżąca strona (rysunek 4.25).

101 Front Page – Praktyczne projekty

Rysunek 4.25.
W oknie dialogowym Znajdowanie i zamienianie
wpisz szukane słowo lub wyrażenie i wybierz opcję
Bieżąca strona. Wskaż dodatkowe kryteria
wyszukiwania i kliknij przycisk Znajdź następny

Rysunek 4.26.
Po odszukaniu pierwszego wystąpienia szukanego
słowa lub wyrażenia okno dialogowe Znajdowanie i
zamienianie nie znika z ekranu. Kliknij przycisk
Znajdź następny, aby kontynuować poszukiwania

Rysunek 4.27.
Aby przeszukać całą witrynę internetową, wybierz
opcję Wszystkie strony, wskaż inne kryteria, a
następnie kliknij przycisk Znajdź w sieci Web

5. Standardowo FrontPage przeszuka stronę we

wszystkich kierunkachw górę i w dół (opcja
Wszystkie), chociaż z listy Kierunek można
również wybrać opcję W górę lub opcję W dół.
Ponadto można zaznaczyć pola wyboru
Uwzględnij wielkość liter oraz Znajdź tylko całe
wyrazy. Kliknij przycisk Znajdź następny.
FrontPage odszuka pierwsze wystąpienie
szukanego tekstu (rysunek 4.26).

6. Karta

Znajdowanie okna dialogowego

Znajdowanie i zamienianie pozostanie widoczna,
dzięki czemu możesz jeszcze raz kliknąć przycisk
Znajdź następny, aby odszukać kolejne
wystąpienie szukanego tekstu.

7. Po odszukaniu tekstu kliknij przycisk Anuluj lub

przycisk X okna dialogowego Znajdowanie i
zamienianie.

Rozdział 4

♦ Wpisywanie i formatowanie tekstu

102

Aby odszukać tekst w całej
witrynie internetowej:

1. Kliknij

ikonę Strona dostępną na pasku widoków,

aby Aby wyświetlić widok Strona, kliknij ikonę
Strona dostępną na pasku widoków.i uUpewnij
się, że karta Normalny jest aktywna.

2. Otwórz

Listę listę folderów – w tym celu z menu

Widok wybierz pozycję Lista folderów lub kliknij
przycisk Okienko przełączania.

3. Z

Edycja wybierz pozycję Znajdź (Ctrl+F)

(rysunek 4.24).

4. Po pojawieniu się karty Znajdowanie okna

dialogowego Znajdowanie i zamienianie wpisz
szukane słowo lub wyrażenie i wybierz opcję
Wszystkie strony (rysunek 4.27).

5. Standardowo FrontPage przeszuka witrynę we

6. FrontPage przeszuka wszystkie strony bieżącej

witryny internetowej i wyświetli listę stron
zawierających szukane słowo lub wyrażenie oraz
liczbę ilość wystąpień tego słowa lub wyrażenia na
danej stronie (rysunek 4.28).

7. Kliknij dwa razy nazwę strony, którą chcesz

przeszukać dokładniej. FrontPage zaznaczy
pierwsze wystąpienie szukanego wyrażenia na
wybranej stronie. FrontPage wWyświetli również
podstawową postać okna dialogowego
Znajdowanie i zamienianie, gdzie możesz kliknąć
przycisk Znajdź następny, aby kontynuować
poszukiwania (rysunek 4.29).

8. FrontPage

zaznaczy kolejne wystąpienie

szukanego wyrażenia. Aby kontynuować
poszukiwania, ponownie kliknij przycisk Znajdź
następny (rysunek 4.30).

Rysunek 4.28.
Po przeszukaniu witryny internetowej FrontPage
wyświetli listę stron zawierających szukane wyrażenie
oraz liczbę ilość wystąpień tego wyrażenia na danej
stronie. Kliknij dwa razy nazwę strony, którą chcesz
przeszukać dokładniej

Rysunek 4.29.
FrontPage wyświetli standardowe okno dialogowe
Znajdowanie i zamienianie. Kliknij przycisk Znajdź
następny, aby przeszukać daną stronę

Rysunek 4.30.
Aby kontynuować poszukiwania, kliknij przycisk
Znajdź następny. Aby przeszukać inną stronę, kliknij
przycisk Powrót do listy. FrontPage ponownie
wyświetli listę stron zawierających szukane wyrażenie

103 Front Page – Praktyczne projekty

Rysunek 4.31.
Aby powrócić do listy stron zawierających szukane
wyrażenie, kliknij przycisk Powrót do listy okna
dialogowego Znajdowanie i zamienianie

9. Aby

powrócić do listy stron zawierających

szukane wyrażenie, kliknij przycisk Powrót do
listy okna dialogowego Znajdowanie i zamienianie
(rysunek 4.31).

10. Kliknij dwa razy nazwę strony, którą chcesz

przeszukać dokładniej.

11. Po odszukaniu tekstu kliknij przycisk Anuluj lub

przycisk X okna dialogowego Znajdowanie i
zamienianie.

Rozdział 4

♦ Wpisywanie i formatowanie tekstu

104

Aby przeszukać kod HTML
witryny internetowej:

1. Kliknij

ikonę Strona dostępną na pasku widoków,

aby Aby wyświetlić widok Strona, kliknij ikonę
Strona dostępną na pasku widoków. Ui upewnij
się, że karta Normalny jest aktywna.

2. Z

Edycja wybierz pozycję Znajdź (Ctrl+F)

(rysunek 4.24).

3. Po pojawieniu się karty Znajdowanie okna

dialogowego Znajdowanie i zamienianie wpisz
szukane słowo lub wyrażenie, wybierz opcję
Wszystkie strony i wskaż inne kryteria
wyszukiwania. Zaznacz pole wyboru Znajdź w
kodzie HTML i kliknij przycisk Znajdź w sieci Web
(rysunek 4.32). FrontPage wyświetli listę stron, na
których odnalazł jest podane wyrażenie (rysunek
4.33).

4. Kliknij dwa razy nazwę strony, którą chcesz

przeszukać dokładniej. FrontPage zaznaczy
pierwsze wystąpienie szukanego wyrażenia –
nawet jeżeli znajduje się ono w zwykle
niewidocznym kodzie HTML (rysunek 4.34).

5. Aby

kontynuować poszukiwania, kliknij przycisk

Znajdź następny; aby powrócić do listy stron,
kliknij przycisk Powrót do listy. Po odszukaniu
tekstu kliknij przycisk Anuluj lub przycisk X okna
dialogowego Znajdowanie i zamienianie.

Wskazówka

• Jeżeli znasz podstawy języka HTML, w podany

wyżej sposób możesz szybko naprawić lub
zastąpić fragment kodu w całej witrynie
internetowej. Jeżeli nie znasz języka HTML, lepiej
niczego w kodzie nie zmieniaj.

Rysunek 4.32.
Aby przeszukać kod HTML witryny internetowej,
wpisz szukane wyrażenie i wybierz opcję Wszystkie
strony. Następnie zaznacz pole wyboru Znajdź w
kodzie HTML i kliknij przycisk Znajdź w sieci Web

Rysunek 4.33.
FrontPage wyświetli listę stron, na których odnalazł
podane wyrażenie – nawet strony zawierające
niewidoczny kod HTML

Rysunek 4.34.
W tym przypadku FrontPage odnalazł pokazuje
szukane wyrażenie w tytule strony

105 Front Page – Praktyczne projekty

Rysunek 4.35.
Aby zamienić tekst na bieżącej stronie lub w całej
witrynie, z menu Edycja wybierz pozycję Zamień
(Ctrl+H)

Rysunek 4.36.
Aby zamienić tekst lub kod HTML na bieżącej stronie,
wpisz szukane słowo, wyrażenie lub kod HTML,
wybierz opcję Bieżąca strona i kliknij przycisk Znajdź
następny

Rysunek 4.37.
FrontPage zaznaczy pierwsze wystąpienie szukanego
tekstu lub kodu HTML. Kliknij przycisk Zamień

Aby zamienić tekst lub kod
HTML na bieżącej stronie:

1. Kliknij

ikonę Strona dostępną na pasku widoków,

aby Aby wyświetlić widok Strona, kliknij ikonę
Strona dostępną na pasku widoków. Ui upewnij
się, że karta Normalny jest aktywna.

2. Otwórz

Listę folderów – w tym celu z menu Widok

wybierz pozycję Lista folderów lub kliknij
przycisk Okienko przełączania.

3. Z

Edycja wybierz pozycję Zamień (Ctrl+H)

(rysunek 4.35).

4. Po pojawieniu się karty Zamienianie okna

dialogowego Znajdowanie i zamienianie w polu
Znajdź wpisz szukane słowo, wyrażenie lub kod
HTML, w polu Zamień na wpisz nowe słowo,
wyrażenie lub kod HTML, wybierz opcję Bieżąca
strona i wskaż inne kryteria wyszukiwania, na
przykładnp. Uwzględnij wielkość liter (rysunek
4.36).

5. Kliknij

przycisk

Znajdź następny. FrontPage

odszuka pierwsze wystąpienie szukanego słowa
lub wyrażenia (rysunek 4.37).

6. Kliknij

przycisk

Zamień. FrontPage zamieni tekst i

natychmiast zaznaczy kolejne wystąpienie
szukanego tekstu lub kodu HTML.

7. Kliknij ponownie przycisk Znajdź następny oraz

przycisk Zamień, aby odszukać i zamienić kolejne
wystąpienia szukanego tekstu. Po przeszukaniu
strony FrontPage wyświetli okno komunikatu.
Kliknij przycisk OK (rysunek 4.38).

8. Po ponownym pojawieniu się okna dialogowego

Znajdowanie i zamienianie kliknij przycisk Anuluj
lub X aby go je zamknąć

Rysunek 4.38.

Rozdział 4

♦ Wpisywanie i formatowanie tekstu

106

lub X, aby go je zamknąć.

Wskazówka

• Aby zamienić wszystkie wystąpienia szukanego

tekstu, kliknij przycisk Zamień wszystkie okna
dialogowego Znajdowanie i zamienianie (karta
Zamienianie). FrontPage automatycznie odszuka i
zamieni wszystkie wystąpienia szukanego tekstu
(rysunek 4.39).

Po przeszukaniu strony FrontPage wyświetli okno
komunikatu. Kliknij przycisk OK, aby go je zamknąć

Rysunek 4.39.
Aby automatycznie zamienić wszystkie wystąpienia
szukanego tekstu, kliknij przycisk Zamień wszystkie
okna dialogowego Znajdowanie i zamienianie (karta
Zamienianie)

Rysunek 4.40.
Aby zamienić tekst lub kod HTML w witrynie
internetowej, wpisz żądany tekst lub kod HTML,
wybierz opcję Wszystkie strony i kliknij przycisk
Znajdź w sieci Web

Rysunek 4.41.
FrontPage wyświetli listę stron zawierających szukany
tekst oraz liczbę ilość wystąpień szukanego tekstu na
danej stronie. Aby otworzyć stronę, kliknij dwukrotnie
jej nazwę

Aby zamienić tekst lub kod
HTML w witrynie
internetowej:

1. Kliknij

ikonę Strona dostępną na pasku widoków,

aby Aby wyświetlić widok Strona, kliknij ikonę
Strona dostępną na pasku widoków.i uUpewnij
się, że karta Normalny jest aktywna.

2. Otwórz

Listę folderów – w tym celu z menu Widok

wybierz pozycję Lista folderów lub kliknij
przycisk Okienko przełączania.

3. Z

Edycja wybierz pozycję Zamień (Ctrl+H)

(rysunek 4.35).

4. Po pojawieniu się karty Zamienianie okna

dialogowego Znajdowanie i zamienianie w polu
Znajdź wpisz szukany tekst lub kod HTML, w
polu Zamień na wpisz nowy tekst lub kod HTML,
wybierz opcję Wszystkie strony i wskaż inne
kryteria wyszukiwania, na przykładnp. Znajdź w
kodzie HTML. Kliknij przycisk Znajdź w sieci Web
(rysunek 4.40).

5. FrontPage przeszuka wszystkie strony bieżącej

witryny i wyświetli listę stron zawierających
szukany tekst oraz liczbę ilość wystąpień
szukanego tekstu na danej stronie (rysunek 4.41).

6. Kliknij dwa razy nazwę strony, której chcesz się

przyjrzeć bliżejdokładniej. FrontPage zaznaczy
pierwsze wystąpienie szukanego tekstu lub kodu
HTML (rysunek 4.42).

107 Front Page – Praktyczne projekty

Rysunek 4.42.
FrontPage otworzy stronę i zaznaczy pierwsze
wystąpienie szukanego tekstu. Aby zamienić tekst,
kliknij przycisk Zamień
7. Kliknij

przycisk

Zamień. FrontPage zamieni tekst i

natychmiast zaznaczy kolejne wystąpienie
szukanego tekstu (rysunek 4.43).

8. Po zamienieniu wszystkich wystąpień szukanego

tekstu FrontPage wyświetli okno dialogowe z
pytaniem, czy chcesz zapisać i zamknąć stronę
(rysunek 4.44). Kliknij przycisk Powrót do listy,
aby zapisać i zamknąć stronę i powrócić do listy
stron zawierających szukany tekst. W oknie
dialogowym Znajdowanie i zamienianie obok
nazwy przeszukanej strony pojawi się informacja
Edytowane (rysunek 4.45).

9. W oknie dialogowym Znajdowanie i zamienianie

kliknij dwukrotnie nazwę kolejnej strony i powtórz
punkty 7–9.

10. Po przeszukaniu wszystkich stron w oknie

dialogowym Znajdowanie i zamienianie kliknij
przycisk Anuluj lub X.

Rysunek 4.43.
Po zamienieniu tekstu FrontPage natychmiast zaznacza
kolejne wystąpienie szukanego tekstu

Rysunek 4.44.
Po zamienieniu wszystkich wystąpień szukanego tekstu
FrontPage zapytapojawi się pytanie, czy chcesz zapisać
zmiany i zamknąć stronę. Kliknij przycisk Powrót do
listy

Rysunek 4.45.

Rozdział 4

♦ Wpisywanie i formatowanie tekstu

108

W oknie dialogowym Znajdowanie i zamienianie obok
nazwy przeszukanej strony pojawi się informacja
Edytowane. Kliknij dwukrotnie nazwę kolejnej strony,
aby Aby przeszukać kolejną stronę, kliknij ją
przeszukaćpdwukrotnie.

Rysunek 4.46.
Aby sprawdzić pisownię, z menu Narzędzia wybierz
pozycję Pisownia (F7) lub kliknij przycisk Pisownia
dostępny na pasku narzędzi Standardowy

Rysunek 4.47.
Jeżeli FrontPage znajdzie słowo, co do którego ma
wątpliwościpisownia może budzić wątpliwości, okno
dialogowe Pisownia wyświetli to słowo wraz z
sugestiami zmian

Rysunek 4.48.
Po sprawdzeniu strony FrontPage wyświetli okno
komunikatu. Kliknij przycisk OK

Sprawdzanie pisowni

FrontPage pozwala sprawdzać pisownię na bieżącej
stronie lub w całej witrynie internetowej. FrontPage
może sprawdzać pisownię nawet podczas pisania, choć
akurat ta funkcja doprowadza wielu ludzi do
szałudenerwuje wielu użytkowników programu.
Osobiście Sam wolę sprawdzać pisownię po
zbudowaniu strony. FrontPage pozwala również
ustawić domyślny język sprawdzania pisowni, może to
być na przykład język polski.

Aby sprawdzić pisownię na
bieżącej stronie:

1. Kliknij

ikonę Strona dostępną na pasku widoków,

aby Aby wyświetlić widok Strona, kliknij ikonę
Strona dostępną na pasku widoków.i uUpewnij
się, że karta Normalny jest aktywna.

2. Z

Narzędzia wybierz pozycję Pisownia (F7)

lub kliknij przycisk Pisownia dostępny na pasku
narzędzi Standardowy (rysunek 4.46).

3. FrontPage

przystąpi do sprawdzania bieżącej

strony. Jeżeli program znajdzie słowo, co do
którego ma wątpliwościpisownia może budzić
wątpliwości, okno dialogowe Pisownia wyświetli
to słowo wraz z sugestiami zmian (rysunek 4.47).

4. Aby

użyć sugerowanego słowa, Jeżeli chcesz

zmienić pisownię na sugerowaną, kliknij przycisk
Zmień lub Zmień wszystkie (jeżeli chcesz zmienić
wszystkie wystąpienia danego słowa). Jeżeli
wiesz, że dane słowo jest napisane prawidłowo –
być może jest to nazwa firmy, której FrontPage nie
ma w swoim słowniku – kliknij przycisk Ignoruj
lub Ignoruj wszystkie. Aby dodać słowo do
słownika programu FrontPage, kliknij przycisk
Dodaj. Jeżeli sugerowane słowo jest
nieprawidłowe, możesz wpisać inne i kliknąć
przycisk Zmień lub Zmień wszystkie.

5. Po sprawdzeniu strony FrontPage wyświetli okno

komunikatu. Kliknij przycisk OK (rysunek 4.48).

109 Front Page – Praktyczne projekty

Aby sprawdzić pisownię w
całej witrynie internetowej:

1. Kliknij

ikonę Foldery dostępną na pasku widoków,

aby Aby wyświetlić widok Foldery,. kliknij ikonę
Foldery dostępną na pasku widoków.

2. Z

Narzędzia wybierz pozycję Pisownia lub

kliknij przycisk Pisownia dostępny na pasku
narzędzi Standardowy (rysunek 4.49).

3. W oknie dialogowym Pisownia wybierz opcję

Cała sieć Web (rysunek 4.50). Kliknij przycisk
Rozpocznij – FrontPage przystąpi do sprawdzania
pisowni w całej witrynie internetowej. Po
sprawdzeniu bieżącej witryny FrontPage wyświetli
listę stron zawierających błędy pisowni oraz liczbę
ilość błędów na danej stronie (rysunek 4.51).

4. Kliknij dwa razy nazwę strony, którą chcesz

otworzyć. FrontPage zaznaczy pierwsze
wystąpienie błędnie napisanego słowa oraz
wyświetli propozycje poprawnych słów.

5. Podobnie jak w przypadku sprawdzania pisowni

na bieżącej stronie, możesz kliknąć przycisk
Zmień, Zmień wszystkie, Ignoruj, Ignoruj wszystkie
lub wpisać własne słowo i kliknąć przycisk Zmień
lub Zmień wszystkie.

Rysunek 4.49.
Aby sprawdzić pisownię w całej witrynie internetowej,
wyświetl widok Foldery i z menu Narzędzia wybierz
pozycję Pisownia

Rysunek 4.50.
W oknie dialogowym Pisownia wybierz opcję Cała
sieć Web i kliknij przycisk Rozpocznij, aby sprawdzić
pisownię na każdej stronie witryny

Rysunek 4.51.
FrontPage przeszuka bieżącą witrynę internetową i
wyświetli listę stron zawierających błędnie napisane
słowa. Aby otworzyć stronę, dwukrotnie kliknij jej
nazwę

Rysunek 4.52.
Po poprawieniu błędów na pierwszej stronie FrontPage
wyświetli okno dialogowe z pytaniem, czy chcesz
sprawdzić pisownię na następnej stronie

Rysunek 4.53.
Po poprawieniu błędów w całej witrynie FrontPage
wyświetli okno dialogowe z pytaniem, czy chcesz

6. Po poprawieniu błędów na pierwszej stronie

FrontPage wyświetli okno dialogowe z pytaniem,
czy chcesz sprawdzić pisownię na następnej
stronie (rysunek 4.52). Kliknij przycisk Strona
następna – FrontPage otworzy i sprawdzi następną
stronę na liście. Aby samemu zdecydować, którą
stronę FrontPage ma sprawdzić, kliknij przycisk
Powrót do listy i dwukrotnie kliknij nazwę żądanej
strony.

7. Po poprawieniu błędów w całej witrynie

FrontPage wyświetli okno dialogowe z pytaniem,
czy chcesz zamknąć stronę i powrócić do listy
(rysunek 4.53). Kliknij przycisk Powrót do listy –
FrontPage wyświetli listę stron z błędami pisowni.
W oknie dialogowym Pisownia obok nazwy
sprawdzonych stron pojawi się informacja
Edytowane.

8. Po sprawdzeniu wszystkich stron w oknie

dialogowym Pisownia kliknij przycisk Anuluj lub
X.

Rozdział 4

♦ Wpisywanie i formatowanie tekstu

110

zamknąć stronę i powrócić do listy. Kliknij przycisk
Powrót do listy

111 Front Page – Praktyczne projekty

Aby sprawdzić pisownię
podczas pisania:

1. Z

Narzędzia wybierz pozycję Opcje strony

(rysunek 4.54).

2. Po pojawieniu się okna dialogowego Opcje strony

wyświetl kartę Ogólne i zaznacz pole wyboru
Sprawdź pisownię podczas pisania (rysunek 4.55).

3. Kliknij

przycisk

OK. FrontPage będzie sprawdzał

pisownię podczas pisania.

Wskazówka

• Aby ukryć błędy pisowni, w oknie dialogowym

Opcje strony zaznacz pole wyboru Ukryj błędy
pisowni we wszystkich dokumentach. Jeżeli tego
nie zrobisz, FrontPage podkreśli każde słowo,
którego nie ma w swoim słowniku (rysunek 4.56).

Aby zmienić domyślny język
sprawdzania pisowni:

1. Z

Narzędzia wybierz pozycję Opcje strony

(rysunek 4.54).

2. W oknie dialogowym Opcje strony z listy

rozwijanej Domyślny język sprawdzania pisowni
wybierz język (rysunek 4.55). Kliknij przycisk
OK.

Rysunek 4.54.
Aby sprawdzić pisownię podczas pisania, z menu
Narzędzia wybierz pozycję Opcje strony

Rysunek 4.55.
W oknie dialogowym Opcje strony można określić, czy
FrontPage ma sprawdzać pisownię podczas pisania
oraz czy ma wyświetlać błędy pisowni. Można tu
również ustawić domyślny język sprawdzania pisowni

Rysunek 4.56.
Efekt włączenia funkcji wyświetlania błędów pisowni
podczas pisania: FrontPage podkreśla każde słowo,
którego nie ma w swoim słowniku

Rozdział 4

♦ Wpisywanie i formatowanie tekstu

112

Formatowanie tekstu

Aby sformatować tekst, za pomocą kodu HTML,na
przykładnp. pogrubić go, za pomocą kodu HTML,
trzeba się nieźle namęczyćwykonać wiele czynności.
W programie FrontPage formatowanie tekstu przebiega
tak samo jak w zwykłych edytorach tekstu: wystarczy
zaznaczyć tekst i kliknąć przycisk. Pasek narzędzi
Formatowanie, wyświetlany standardowo, posiada
wszystkie najpotrzebniejsze narzędzia do formatowania
tekstu (rysunek 4.57). Dodatkowe możliwości
formatowania oferuje okno dialogowe Czcionka
(szczegóły w podrozdziale Okno dialogowe Czcionka).

Rysunek 4.57.
Przyciski dostępne na pasku narzędzi Formatowanie służą do formatowania tekstu

Style (paragraph) – Styl (akapit)
Choose style – Wybierz styl
Font – Czcionka
Choose font – Wybierz czcionkę
Font size – Rozmiar czcionki
Choose size – Wybierz rozmiar czcionki
Font styles – Style czcionki
Text alignment – Wyrównanie tekstu
Increase/decrease font size – Zwiększ/-zmniejsz rozmiar czcionki
Numbered list – Numerowanie
Bullet list – Punktory
Decrease/increase line indent – Zmniejsz/-zwiększ wcięcie
Apply border – Krawędzie
Choose border – Wybierz krawędź
Apply highlight – Wyróżnienie
Choose highlight – Wybierz kolor wyróżnienia
Apply font color – Kolor czcionki
Choose font color – Wybierz kolor czcionki

113 Front Page – Praktyczne projekty

Aby zmienić krój czcionki:

1. Kliknij

ikonę Strona dostępną na pasku widoków,

aby Aby wyświetlić widok Strona,. kliknij ikonę
Strona dostępną na pasku widoków.

2. Zaznacz tekst przeznaczony do formatowania

(rysunek 4.58).

3. Kliknij

strzałkę listy rozwijanej Czcionka

dostępnej na pasku narzędzi Formatowanie i
wybierz nazwę czcionki (rysunek 4.59).

4. FrontPage zastosuje wybraną czcionkę do

zaznaczonego tekstu (rysunek 4.60).

Wskazówka

• Aby zmienić zaznaczony tekst, kliknij go prawym

przyciskiem myszy i z menu kontekstowego
wybierz pozycję Czcionka (Alt+Enter) (rysunek
4.61).W oknie dialogowym Czcionka wybierz krój
czcionki z listy Czcionka, a następnie kliknij
przycisk OK (rysunek 4.62). Więcej informacji o
oknie dialogowym Czcionka zawiera podrozdział
Okno dialogowe Czcionka.

Rysunek 4.58.
Zaznacz tekst, którego krój czcionki chcesz zmienić

Rysunek 4.59.
Aby zmienić krój czcionki, kliknij strzałkę listy
rozwijanej Czcionka i wybierz nazwę czcionki

Rysunek 4.60.
FrontPage zastosuje wybraną czcionkę do
zaznaczonego tekstu

Rysunek 4.61.
Aby wywołać okno dialogowe Czcionka, zaznacz tekst,
kliknij go prawym przyciskiem myszy i z menu
kontekstowego wybierz pozycję Czcionka (Alt+Enter)

Rozdział 4

♦ Wpisywanie i formatowanie tekstu

114

Rysunek 4.62.
Okno dialogowe Czcionka pozwala w dużym stopniu
kontrolować wygląd zaznaczonego tekstu

Rysunek 4.63.
Zaznacz tekst, którego rozmiar czcionki chcesz
zmienić, kliknij strzałkę listy rozwijanej Rozmiar
czcionki dostępnej na pasku narzędzi Formatowanie i
wybierz rozmiar czcionki

Rysunek 4.64.
FrontPage zastosuje wybrany rozmiar czcionki do
zaznaczonego tekstu

Aby zmienić rozmiar
czcionki:

1. Kliknij

ikonę Strona dostępną na pasku widoków,

aby Aby wyświetlić widok Strona,. kliknij ikonę
Strona dostępną na pasku widoków.

2. Zaznacz tekst przeznaczony do formatowania.
3. Kliknij

strzałkę listy rozwijanej Rozmiar czcionki

dostępnej na pasku narzędzi Formatowanie i
wybierz rozmiar czcionki (rysunek 4.63).

4. FrontPage

zastosuje

wybrany rozmiar czcionki do

zaznaczonego tekstu (rysunek 4.64).

Wskazówka

• Aby zmienić rozmiar czcionki zaznaczonego

tekstu, kliknij go prawym przyciskiem myszy i z
menu kontekstowego wybierz pozycję Czcionka
(Alt+Enter) (rysunek 4.61).W oknie dialogowym
Czcionka wybierz rozmiar czcionki z listy
Rozmiar, a następnie kliknij przycisk OK (rysunek
4.62). Więcej informacji o oknie dialogowym
Czcionka zawiera podrozdział Okno dialogowe
Czcionka.

115 Front Page – Praktyczne projekty

Aby zmienić styl czcionki:

1. Kliknij

ikonę Strona dostępną na pasku widoków,

aby Aby wyświetlić widok Strona, kliknij ikonę
Strona dostępną na pasku widoków. Ui upewnij
się, że karta Normalny jest aktywna.

2. Zaznacz tekst przeznaczony do formatowania

(rysunek 4.65).

3. Kliknij

przycisk

Pogrubienie, Kursywa lub

Podkreślenie dostępny na pasku narzędzi
Formatowanie (rysunek 4.66).

4. FrontPage zastosuje wybrany styl do

zaznaczonego tekstu (rysunek 4.67).

Rysunek 4.65.
Zaznacz tekst, którego styl chcesz zmienić

Rysunek 4.66.
Kliknij przycisk Pogrubienie, Kursywa lub
Podkreślenie dostępny na pasku narzędzi
Formatowanie

Rysunek 4.67.
FrontPage zastosuje wybrany styl do zaznaczonego
tekstu

Rysunek 4.68.
Zaznacz tekst, którego kolor czcionki chcesz zmienić

Rysunek 4.69.
Kliknij strzałkę przycisku Kolor czcionki i wybierz
kolor z rozwijanej palety

Rysunek 4.70.
FrontPage zastosuje wybrany kolor do zaznaczonego
tekstu

Aby zmienić kolor czcionki:

1. Kliknij

ikonę Strona dostępną na pasku widoków,

aby Aby wyświetlić widok Strona,. kliknij ikonę
Strona dostępną na pasku widoków.

2. Zaznacz tekst przeznaczony do formatowania

(rysunek 4.68).

3. Kliknij

strzałkę przycisku Kolor czcionki i wybierz

kolor z rozwijanej palety (rysunek 4.69).

4. FrontPage zastosuje wybrany kolor do

zaznaczonego tekstu (rysunek 4.70).

Wskazówka

• Aby zmienić kolor zaznaczonego tekstu, kliknij go

prawym przyciskiem myszy i z menu
kontekstowego wybierz pozycję Czcionka
(Alt+Enter) (rysunek 4.61).W oknie dialogowym
Czcionka wybierz kolor tekstu z listy rozwijanej
Kolor, a następnie kliknij przycisk OK (rysunek
4.62). Więcej informacji o oknie dialogowym
Czcionka zawiera podrozdział Okno dialogowe
Czcionka.

Rozdział 4

♦ Wpisywanie i formatowanie tekstu

116

Aby wyrównać tekst:

1. Kliknij

ikonę Strona dostępną na pasku widoków,

aby Aby wyświetlić widok Strona,. kliknij ikonę
Strona dostępną na pasku widoków.

2. Zaznacz tekst przeznaczony do formatowania

(rysunek 4.71).

3. Kliknij jeden z czterech przycisków o funkcji

wyrównujących wyrównywania tekstu na pasku
narzędzi Formatowanie (rysunek 4.72).

4. FrontPage

wyrówna

zaznaczony tekst (rysunek

4.73).

Rysunek 4.71.
Zaznacz tekst, który chcesz wyrównać

Rysunek 4.72.
Kliknij jeden z czterech przycisków wyrównujących o
funkcji wyrównywania tekstu (pasek narzędzi
Formatowanie)

Rysunek 4.73.
FrontPage wyrówna zaznaczony tekst

Rysunek 4.74.
Aby wywołać okno dialogowe Czcionka, zaznacz
tekst, kliknij go prawym przyciskiem myszy i z menu
kontekstowego wybierz pozycję Czcionka

Okno dialogowe Czcionka

Aby otworzyć okno dialogowe Czcionka, zaznacz
tekst, kliknij go prawym przyciskiem myszy i z menu
kontekstowego wybierz pozycję Czcionka (rysunki
4.74 oraz 4.75). Karta Czcionka (1) pozwala
zmodyfikować czcionkę, styl, rozmiar (2) oraz kolor
(3) zaznaczonego tekstu. Pozwala również stosować
efekty (4) niedostępne na pasku narzędzi
Formatowanie. Podgląd efektu jest dostępny w
okienku Podgląd (5).
Karta Odstępy między znakami (6) okna dialogowego
Czcionka wyświetla listę rozwijaną Odstępy (7) oraz
listę rozwijaną Pozycja (8), dzięki którym można
Można dzięki tym funkcjom dostosować odstępy
między znakami oraz wertykalną pozycję
zaznaczonego tekstu (rysunek 4.76). Okienko Podgląd
(9) wyświetla rezultat zastosowania różnych
kombinacji odstępów i pozycji. Więcej informacji na
ten temat zawiera następna strona.

117 Front Page – Praktyczne projekty

Rysunek 4.75.
Karta Czcionka okna dialogowego Czcionka pozwala
zmodyfikować krój, styl, rozmiar i kolor czcionki
zaznaczonego tekstu

Rysunek 4.76.
Karta Odstępy między znakami okna dialogowego
Czcionka pozwala zmodyfikować odstępy między
znakami i wertykalną pozycję zaznaczonego tekstu

Rozdział 4

♦ Wpisywanie i formatowanie tekstu

118

Aby zmienić odstępy między
znakami:

1. Kliknij

ikonę Strona dostępną na pasku widoków,

aby Aby wyświetlić widok Strona,. kliknij ikonę
Strona dostępną na pasku widoków.

2. Zaznacz tekst przeznaczony do formatowania.
3. Zaznaczony tekst kliknij prawym przyciskiem

myszy i z menu kontekstowego wybierz pozycję
Czcionka (rysunek 4.74).

4. W oknie dialogowym Czcionka (rysunek 4.76)

wyświetl kartę Odstępy między znakami.

5. Lista

rozwijana

Odstępy pozwala zdefiniować

odstępy między znakami, oferując trzy opcje:
Rozwinięte, Normalne i Skondensowane. Wybierz
jedną z nich. Rezultaty wyświetli okienko
Podgląd. Aby w jeszcze większym stopniu
kontrolować odstępy miedzy między znakami,
ustaw zaznacz wartość w polu Wielkość za pomocą
strzałek tego pola (rysunek 4.77).

6. Kliknij

przycisk

OK. FrontPage zastosuje zmiany

do zaznaczonego tekstu.

Aby zmienić wertykalną
pozycję znaków:

1. Kliknij

ikonę Strona dostępną na pasku widoków,

aby Aby wyświetlić widok Strona,. kliknij ikonę
Strona dostępną na pasku widoków.

2. Zaznacz tekst przeznaczony do formatowania.
3. Zaznaczony tekst kliknij prawym przyciskiem

myszy i z menu kontekstowego wybierz pozycję
Czcionka (rysunek 4.74).

4. W oknie dialogowym Czcionka (rysunek 4.76)

wyświetl kartę Odstępy między znakami.

5. Za

pomocą opcji listy rozwijanej Pozycja dostosuj

wertykalną pozycję tekstu. Rezultaty wyświetli
okienko Podgląd (rysunek 4.78).

6. Kliknij

przycisk

OK. FrontPage zastosuje zmiany

do zaznaczonego tekstu.

Rysunek 4.77.
W oknie dialogowym Czcionka określ odstępy między
znakami, wybierając opcję Rozwinięte, Normalne lub
Skondensowane z listy rozwijanej Odstępy. Pole
Wielkość umożliwia jeszcze większą kontrolę nad
odstępami między znakami

Rysunek 4.78.
W oknie dialogowym Czcionka określ wertykalną
pozycję tekstu, wybierając opcję z listy rozwijanej
Pozycja

119 Front Page – Praktyczne projekty

Rysunek 4.79.
Aby usunąć formatowanie tekstu, zaznacz ten tekst i z
menu Format wybierz pozycję Usuń formatowanie
(Ctrl+Shift+Z)

Aby usunąć formatowanie
tekstu:

1. Kliknij

ikonę Strona dostępną na pasku widoków,

aby Aby wyświetlić widok Strona,. kliknij ikonę
Strona dostępną na pasku widoków.

2. Zaznacz tekst, którego formatowanie chcesz

usunąć.

3. Z

Format wybierz pozycję Usuń

formatowanie (Ctrl+Shift+Z) (rysunek 4.79).
FrontPage usunie formatowanie tekstu.

Rozdział 4

♦ Wpisywanie i formatowanie tekstu

120

Symbole i znaki
specjalne

Jak wspomnieliśmywspomniałem, dzięki FrontPage
wyręcza autora stron internetowych nie musi pisać w
pisaniu kodu HTML. Zaleta ta jest szczególnie istotna
podczas umieszczania na stronach internetowych
znaków specjalnych. Dzięki oknu dialogowemu
Symbol na stronach internetowych bez trudu można
umieszczać najróżniejsze symbole i znaki specjalne, na
przykładnp. symbol ©, operatory matematyczne, znak
waluty Euro, czy też znaki cyrylicy. Gdyby nie to
okno, musiałbyś pamiętać kod HTML dla każdego z
tych znaków.

Aby wstawić symbol lub
znak specjalny:

1. Umieść kursor w miejscu, w którym chcesz

wstawić symbol lub znak specjalny.

2. Z

Wstaw wybierz pozycję Symbol (rysunek

4.80).

3. W oknie dialogowym Symbol za pomocą listy

rozwijanej Podzbiór wybierz żądany podzbiór
znaków (rysunek 4.81). Okno dialogowe Symbol
wyświetli wybrany podzbiór symboli i znaków
specjalnych.

4. Odszukaj potrzebny symbol, wybierz (kliknij) go,

a następnie kliknij przycisk Wstaw (rysunek 4.82).
FrontPage umieści wybrany symbol na stronie
internetowej.

Wskazówka

• Okienko Niedawno używane symbole okna

dialogowego Symbol może zaoszczędzić mnóstwo
czasu, jeżeli często używasz tych samych znaków
(rysunek 4.81). Jeżeli umieścisz jakiś symbol na
stronie internetowej, FrontPage doda go do
okienka Niedawno używane symbole, gdzie jest on
łatwo dostępny. Okienko Niedawno używane
symbole wyświetla szesnaście niedawno
używanych symboli.

Rysunek 4.80.
Aby wstawić symbol lub znak specjalny, z menu
Wstaw wybierz pozycję Symbol

Rysunek 4.81.
Użyj listy rozwijanej Podzbiór okna dialogowego
Symbol do odszukania żądanego podzbioru znaków

Rysunek 4.82.
Wybierz żądany symbol w oknie dialogowym Symbol i
kliknij przycisk Wstaw

Rozdział 5. Formatowanie
akapitów, list i nagłówków

Chociaż grafika ożywia stronę internetową, to dzięki

akapitom, listom i nagłówkom strona posiada wizualną
hierarchięstaje się czytelna. Do tworzenia i
formatowania akapitów, list oraz nagłówków służą
narzędzia dostępne na pasku narzędzi Formatowanie
(rysunek 5.1). Aby stworzyć styl niestandardowy i
używać go wielokrotnie, możesz skorzystać ze stylów
kaskadowych.

Rysunek 5.1.
Listy rozwijane i przyciski dostępne na pasku narzędzi Formatowanie służą do formatowania akapitów, list oraz
nagłówków

Style (paragraph) – Styl (akapit)
Choose style – Wybierz styl
Font – Czcionka
Choose font – Wybierz czcionkę
Font size – Rozmiar czcionki
Choose size – Wybierz rozmiar czcionki
Font styles – Style czcionki
Text alignment – Wyrównanie tekstu
Increase/decrease font size – Zwiększ/-zmniejsz rozmiar czcionki
Numbered list – Numerowanie
Bullet list – Punktory
Decrease/increase line indent – Zmniejsz/-zwiększ wcięcie
Apply border – Krawędzie
Choose border – Wybierz krawędź
Apply highlight – Wyróżnienie
Choose highlight – Wybierz kolor wyróżnienia
Apply font color – Kolor czcionki
Choose font color – Wybierz kolor czcionki

Rozdział 5

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

Akapity

Można zmieniać wygląd akapitów. FrontPage jest
wyposażony w narzędzia do wyrównywania akapitów,
modyfikowania wcięć akapitów, odstępów między
akapitami oraz odstępów między wierszami.

Aby wyrównać akapit:

1. Kliknij

ikonę Strona dostępną na pasku widoków,

aby Aby wyświetlić widok Strona,. kliknij ikonę
Strona dostępną na pasku widoków.

2. Umieść kursor w akapicie, który chcesz

wyrównać, a następnie kliknij jeden z czterech
przycisków wyrównujących tekst, które są
dostępneych na pasku narzędzi Formatowanie
(rysunek 5.2). Standardowo FrontPage wyrównuje
akapity do lewej. FrontPage zastosuje wybraną
opcję (rysunek 5.3).

Rysunek 5.2.
Aby wyrównać akapit, zaznacz go i kliknij jeden z
czterech przycisków wyrównujących tekst, które są
dostępneych na pasku narzędzi Formatowanie

Rysunek 5.3.
Akapit początkowo wyrównany do lewej został
wyrównany do prawej

Rysunek 5.4.
Aby zmienić wcięcie akapitu, kliknij przycisk
Zmniejsz wcięcie lub Zwiększ wcięcie

Rysunek 5.5.
Jeżeli zmodyfikujesz wcięcie, akapit zostanie
przesunięty

Wcięcia akapitów

Wcięcie akapitu można ustawić na dwa sposoby.
Pierwszy z nich polega na użyciu przycisków
dostępnych na pasku narzędzi Formatowanie; drugi,
dokładniejszy, wymaga ustawienia wcięć
niestandardowych w oknie dialogowym Akapit.

Aby zmienić wcięcie akapitu:

1. Wyświetl widok Strona, a następnie umieść kursor

w akapicie przeznaczonym do formatowania.

2. Kliknij

przycisk

Zmniejsz wcięcie lub Zwiększ

wcięcie dostępny na pasku narzędzi Formatowanie
(rysunek 5.4). Wcięcie akapitu zmieni się (rysunek
5.5).

3. Aby jeszcze bardziej zwiększyć wcięcie akapitu,

kliknij kilka razy przycisk Zwiększ wcięcie aż do
uzyskania zadoawalającego rezultatu (rysunek
5 6)

123 Front Page – Praktyczne projekty

Rysunek 5.6.
Aby jeszcze bardziej zwiększyć wcięcie akapitu,
kliknij kilka razy przycisk Zwiększ wcięcie

Rysunek 5.7.
Aby wyświetlić ukryte znaczniki kodu HTML, z menu
Widok wybierz pozycję Wyświetl tagi. Aby ukryć
znaczniki HTML, ponownie wybierz pozycję Wyświetl
tagi

5.6).

Wskazówki

• Jeżeli klikniesz przycisk Zmniejsz wcięcie lub

Zwiększ wcięcie, oba marginesy zaznaczonego
tekstu zmienią się jednakowo (rysunek 5.6). Aby
zmodyfikować wcięcie przed tekstem niezależnie
od wcięcia po tekście, zobacz podrozdział Aby
zmodyfikować wcięcia akapitu.

• FrontPage, podobnie jak inne edytory stron

internetowych, używa znaczników (w terminologii
firmy Microsoft „tagów”) HTML do formatowania
tekstu. Duża ilość znaczników HTML mogłaby
utrudnić pracę nad dokumentem, dlatego
FrontPage zwykle ukrywa kod HTML. Aby
wyświetlić znaczniki HTML, z menu Widok
wybierz pozycję Wyświetl tagi (Ctrl+/) (rysunek
5.7). Aby ukryć znaczniki HTML, ponownie
wybierz pozycję Wyświetl tagi.

Rozdział 5

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

Aby zmodyfikować wcięcia
akapitu:

1. Wyświetl widok Strona, prawym przyciskiem

myszy kliknij w akapicie przeznaczonym do
formatowania i z menu kontekstowego wybierz
pozycję Akapit (rysunek 5.8).

2. W oknie dialogowym Akapit w sekcji Wcięcia

ustaw wcięcie przed tekstem (za pomocą strzałek
pola Przed tekstem) oraz wcięcie po tekście (za
pomocą strzałek pola Po tekście) w punktach
(rysunek 5.9).

3. Kliknij

przycisk

OK. FrontPage zastosuje wcięcia

niestandardowe (rysunek 5.10).

Rysunek 5.8.
Aby zmodyfikować wcięcia akapitu, prawym
przyciskiem myszy kliknij w tym akapicie i z menu
kontekstowego wybierz pozycję Akapit

Rysunek 5.9.
Listy rozwijane i pola ze strzałkami okna dialogowego
Akapit pozwalają zmodyfikować wiele aspektów
akapitu. Okienko Podgląd u dołu okna dialogowego
Akapit wyświetla rezultat modyfikacji

Rysunek 5.10.
FrontPage zastosował wcięcia niestandardowe do
zaznaczonego akapitu

Styl akapitu

Jeżeli chcesz zmodyfikować kilka aspektów akapitu na
raz,pod wieloma względami, możesz zmodyfikować
styl Normalny. Styl ten posiada następujące cechy: krój
czcionki: Times New Roman, interlinia: pojedyncza,
wyrównanie: do lewej, wcięcia: brak. Możesz również
użyć wbudowanego stylu Sformatowany. Styl ten
korzysta z czcionki Courier, a praca z nim przypomina
pisanie na maszynie. Dziś styl Sformatowany wygląda
staromodniejest on przestarzały, ale przed pojawieniem
się nowych wersji języka HTML był często jedynym
sposobem na precyzyjne sformatowanie tekstu.

125 Front Page – Praktyczne projekty

Aby zmodyfikować styl
Normalny:

1. Wyświetl widok Strona, prawym przyciskiem

myszy kliknij w akapicie przeznaczonym do
formatowania i z menu kontekstowego wybierz
pozycję Akapit (rysunek 5.8).

2. W oknie dialogowym Akapit użyj list rozwijanych

i pól ze strzałkami do ustawienia wyrównania i
wcięć akapitu, wcięcia pierwszego wiersza
akapitu, odstępów przed akapitem, odstępów po
akapicie oraz interlinii (rysunek 5.9). Okienko
Podgląd u dołu okna dialogowego Akapit
wyświetla rezultat modyfikacji.

3. Kliknij

przycisk

OK. FrontPage zastosuje zmiany

do zaznaczonego akapitu.

Wskazówka

• Okno dialogowe Akapit pozwala modyfikować

odstępy między wyrazami (rysunek 5.9). Niestety,
program FrontPage nie wyświetla rezultatu
zmodyfikowania opcji Wyraz. Aby sprawdzić
wpływ zmodyfikowania odstępów między
wyrazami na wygląd tekstu po zmianie odstępów,
musisz uruchomić przeglądarkę. Ponieważ jJednak
większość przeglądarek nie obsługuje tej funkcji,
więc najlepiej nie modyfikować odstępów między
wyrazami.

Aby zastosować styl
Sformatowany:

1. Wyświetl widok Strona i umieść kursor w miejscu,

w którym styl Sformatowany ma się rozpocząć.

2. Z listy rozwijanej Styl dostępnej na pasku narzędzi

Formatowanie wybierz pozycję Sformatowany
(rysunek 5.11).

3. Wpisz tekst. Aby wyrównać tekst, użyj klawisza

spacji (rysunek 5.12).

4. Aby

powrócić do stylu Normalny, z listy

rozwijanej Styl dostępnej na pasku narzędzi
Formatowanie wybierz pozycję Normalny
(rysunek 5.13).

Rysunek 5.11.
Aby zastosować styl Sformatowany, użyj listy
rozwijanej Styl

Rysunek 5.12.
Chociaż Sstyl Sformatowany nie wygląda
okropniedobrze, ale pozwala wyrównać tekst na stronie
internetowej

Rozdział 5

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

Rysunek 5.13.
Użyj listy rozwijanej Styl do powrotu do stylu
Normalny

Rysunek 5.14.
Aby stworzyć listę punktowaną, kliknij przycisk
Punktory dostępną na pasku narzędzi Formatowanie

Rysunek 5.15.
Listę punktowaną możesz również stworzyć za pomocą
listy rozwijanej Styl

Rysunek 5.16.
Nic wyrafinowanego: sStandardowy styl punktora

Rysunek 5.17.
Aby zastosować punktory do kilku akapitów na raz,
zaznacz te akapity i kliknij przycisk Punktory

Listy

FrontPage pozwala tworzyć dwa typy list: listy
punktowane oraz listy numerowane. Lista punktowana
nadaje się znakomicie do prezentowania serii
elementów, gdy ich porządek nie ma znaczenia – listą
punktowaną może być na przykład lista zakupów. Lista
numerowana służy do prezentowania serii elementów,
gdy ich porządek odgrywa ważną rolę. Mimo że
FrontPage pozwala tworzyć listy katalogów oraz listy
menu, większość przeglądarek internetowych ich nie
obsługuje, dlatego najlepiej ich nie używać.

Tworzenie list
punktowanych

Standardowo FrontPage używa pełnych, okrągłych
punktorów. Można jednak używać dowolnych
punktorów pochodzących z wbudowanych motywów
programu FrontPage lub stworzyć punktory
niestandardowe. Więcej informacji na ten temat
zawiera podrozdział Modyfikowanie list.

Aby stworzyć listę
punktowaną:

1. Wyświetl widok Strona. Umieść kursor w wierszu

lub w akapicie, do którego chcesz dodać punktor.

2. Kliknij

przycisk

Punktory dostępny na pasku

narzędzi Formatowanie (rysunek 5.14) lub z listy
rozwijanej Styl dostępnej na pasku narzędzi
Formatowanie wybierz pozycję Lista punktowana
(rysunek 5.15). FrontPage doda punktor do
wiersza lub akapitu (rysunek 5.16).

3. Aby

dodać następny punktor, naciśnij klawisz

Enter. Po zbudowaniu listy naciśnij dwa razy
klawisz Enter, aby powrócić do stylu Normalny.

127 Front Page – Praktyczne projekty

Wskazówki

• Aby zastosować punktory do kilku akapitów na

raz, naraz, zaznacz te akapity i kliknij przycisk
Punktory (rysunek 5.17).

• Aby usunąć punktor, zaznacz wiersz lub akapit

posiadający punktor i ponownie kliknij przycisk
Punktory.

Tworzenie list definicji

Lista definicji służy do prezentowania informacji w
postaci leksykonu: każdy termin znajduje się w
osobnym wierszu, a tuż pod nim jest umieszczona
definicja terminu. Mimo że istnieje możliwość
sformatowania terminów i definicji dopiero po ich
wpisaniu, generalnie łatwiej jest najpierw wybrać styl
Termin zdefiniowany, a dopiero potem przystąpić do
wpisywania terminów i definicji, ponieważ FrontPage
zajmie się sformatuje wpisywany tekstformatowaniem
wpisywanego tekstu.

Aby stworzyć listę definicji:

1. Umieść kursor w miejscu, w którym chcesz

stworzyć listę definicji.

2. Z listy rozwijanej Styl dostępnej na pasku narzędzi

Formatowanie wybierz pozycję Termin
zdefiniowany (rysunek 5.18).

3. Wpisz pierwszy termin. Naciśnij klawisz Enter.

FrontPage przeniesie kursor do następnego
wiersza, stworzy wcięcie i włączy styl Definicja
(rysunek 5.19).

4. Wpisz

definicję. Aby dodać kolejny termin,

naciśnij klawisz Enter. FrontPage przeniesie
kursor do następnego wiersza i włączy styl Termin
zdefiniowany.

5. Po dodaniu wszystkich terminów i definicji

naciśnij dwa razy klawisz Enter. FrontPage włączy
styl Normalny (rysunek 5.20).

Rysunek 5.18.
Aby stworzyć listę definicji, umieść kursor w miejscu,
w którym chcesz stworzyć listę definicji, i z listy
rozwijanej Styl wybierz pozycję Termin zdefiniowany

Rysunek 5.19.
Po wpisaniu pierwszego terminu i naciśnięciu klawisza
Enter FrontPage przeniesie kursor do następnego
wiersza, stworzy wcięcie i włączy styl Definicja

Rysunek 5.20.
Po dodaniu wszystkich terminów i definicji naciśnij
dwa razy klawisz Enter. FrontPage włączy styl
Normalny

Rysunek 5.21.
Aby utworzyć listę numerowaną, zaznacz tekst i kliknij
przycisk Numerowanie dostępny na pasku narzędzi
Formatowanie

Tworzenie list
numerowanych

Lista numerowana służy do prezentowania serii
elementów w określonym porządku. Mimo że w listach
numerowanych porządek elementów zwykle określają
liczby, w listach tych można również stosować litery
(A, B, C,...). Więcej informacji na ten temat zawiera
podrozdział Modyfikowanie list.

Aby utworzyć listę

Rozdział 5

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

Rysunek 5.22.
Listę numerowaną można również utworzyć
wybierając pozycję Lista numerowana z listy
rozwijanej Styl

Rysunek 5.23.
Po dodaniu numeracji naciśnij klawisz Enter, aby Aby
dodać następny element do listy numerowanej, naciśnij
klawisz Enter.

Rysunek 5.24.
Jeżeli jeden z elementów listy numerowanej zmienisz
na zwykły tekst, FrontPage zmodyfikuje numerację
pozostałych elementów

numerowaną:

1. Wyświetl widok Strona. Zaznacz wiersze lub

akapity przeznaczone do formatowania.

2. Kliknij

przycisk

Numerowanie dostępny na pasku

narzędzi Formatowanie (rysunek 5.21) lub z listy
rozwijanej Styl dostępnej na pasku narzędzi
Formatowanie wybierz pozycję Lista numerowana
(rysunek 5.22). FrontPage doda numerację do
zaznaczonych wierszy lub akapitów (rysunek
5.23).

3. Aby

dodać następny element do listy

numerowanej, naciśnij klawisz Enter. Po
zbudowaniu listy naciśnij dwa razy klawisz Enter,
aby powrócić do stylu Normalny.

Wskazówki

• Aby usunąć numerację, umieść kursor w wierszu

lub akapicie posiadającym
numeracjęnumerowanym i ponownie kliknij
przycisk Numerowanie. FrontPage zmodyfikuje
numerację pozostałych elementów (rysunek 5.24).

• Zamiast numerować elementy po ich wpisaniu,

możesz numerować to zrobić elementy podczas
pisania. Umieść kursor w miejscu, w którym ma
się pojawić pierwszy element listy numerowanej, i
kliknij przycisk Numerowanie. FrontPage wstawi
liczbę 1. Wpisz tekst pierwszego elementu. Aby
utworzyć następny element, naciśnij klawisz
Enter.

129 Front Page – Praktyczne projekty

Modyfikowanie list

FrontPage jest wyposażony w narzędzia do
modyfikowania list. Punktory dla list punktowanych
mogą pochodzić z wielu źródeł: można użyć
wbudowanych motywów, klipartów dostarczanych z
programem FrontPage lub dowolnej grafiki. Aby użyć
punktorów wykorzystywanych w motywach, zobacz
podrozdział Aby zastosować motyw do strony lub
witryny w rozdziale 3., Tworzenie witryny internetowej.

Aby zmodyfikować wygląd
listy:

1. Wyświetl widok Strona. Z menu Format wybierz

pozycję Punktory i numeracja (rysunek 5.25). Aby
zmienić listę istniejącą, kliknij ją prawym
przyciskiem myszy i z menu kontekstowego
wybierz pozycję Właściwości listy (rysunek 5.26).

2. W

zależności od tego, co zrobiłeś w punkcie 1.,

FrontPage wyświetli okno dialogowe Punktory i
numeracja lub Właściwości listy (rysunki 5.27 oraz
5.28). Wyświetl jedną z kart otwartego okna
dialogowego (Punktory obrazkowe, Punktory
zwykłe, Numeracja lub Inne)

3. Po wybraniu opcji kliknij przycisk OK. Więcej

szczegółów zawiera podrozdział Opcje list.

Rysunek 5.25.
Aby zmodyfikować punktory lub numerację, z menu
Format wybierz pozycję Punktory i numeracja

Rysunek 5.26.
Aby zmodyfikować listę istniejącą, kliknij ją prawym
przyciskiem myszy i z menu kontekstowego wybierz
pozycję Właściwości listy

Rysunek 5.27.
Okno dialogowe Punktory i numeracja pozwala
określić wybrać dowolny obrazy dla punktorów

Rozdział 5

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

Rysunek 5.28.
Okno dialogowe Właściwości listy pozwala
kontrolować wygląd punktorów, numeracji oraz list

Rysunek 5.29.
Aby określić wybrać obraz dla punktora, odszukaj plik
graficzny i kliknij przycisk OK

Opcje list

Aby wyświetlić okno dialogowe Punktory i numeracja
lub Właściwości listy (rysunki 5.27 oraz 5.28), wykonaj
punkty podrozdziału Aby zmodyfikować wygląd listy.
Oba okna dialogowe posiadają karty Punktory
obrazkowe, Punktory zwykłe oraz Numeracja. Kartę
Inne posiada tylko okno dialogowe Właściwości listy:
• Punktory obrazkowe. Karta ta pozwala określić

wybrać obraz dla punktora – nawet jeżeli
korzystasz z motywu. Aby wyłączyć punktory
motywu, wybierz opcję Określ obraz, a następnie
kliknij przycisk Przeglądaj i odszukaj plik
graficzny dla punktora (rysunek 5.29). Kliknij
przycisk OK. Wybrana grafika posłuży jako
punktor.

• Punktory zwykłe. Karta ta pozwala wybrać jeden z

trzech stylów punktora (rysunek 5.28). Jeżeli
wybierzesz opcję czwartą w lewym górnym rogu,
punktory zostaną usunięte z zaznaczonego tekstu.
Kliknij przycisk OK, aby zastosować wybrany styl
punktorów.

• Numeracja. Karta ta pozwala wybrać jeden z

pięciu stylów numeracji (rysunek 5.30). Jeżeli
wybierzesz opcję szóstą w lewym górnym rogu,
numeracja zostanie usunięta z zaznaczonego
tekstu. Aby rozpocząć numerację od, na
przykładnp., liczby 4 lub od litery E, wprowadź
odpowiednią wartość do pola Rozpocznij od. Aby
zatwierdzić zmiany, kliknij przycisk OK.

131 Front Page – Praktyczne projekty

Rysunek 5.30.
Karta Numeracja okna dialogowego Właściwości listy
pozwala wybrać jedną z sześciu opcji
• Inne. Karta ta pozwala wybrać styl listy (rysunek

5.31). Po wybraniu stylu z listy Styl listy, kliknij
przycisk OK, aby zatwierdzić zmiany.

Wskazówka

• Każda karta okna dialogowego Właściwości listy

posiada pola wyboru Włącz konspekty zwijane oraz
Początkowo zwinięte. Konspekty zwijane są
dostępne tylko wtedy, gdy używasz dynamicznego
HTML-u a (DHTML) i są rozpoznawane przez
przeglądarki internetowe w wersji 4 i nowsze.

Rysunek 5.31.
Karta Inne okna dialogowego Właściwości listy
pozwala wybrać styl listy

Rysunek 5.32.
Aby utworzyć listę wielopoziomową, stwórz listę
punktowaną lub numerowaną i umieść kursor tuż przed
miejscem, w którym chcesz wstawić podlistę

Rysunek 5.33.
Standardowo podlista posiada ten sam styl numeracji
co lista nadrzędna (w tym przypadku cyfry rzymskie)

Tworzenie list
wielopoziomowych

Lista wielopoziomowa może zawierać jedną lub więcej
list podrzędnych (zagnieżdżonych). Listę
wielopoziomową można modyfikować, dzięki czemu
elementy poziomu nadrzędnego mogą, na przykład,
używać cyfr rzymskich (I, II, III,...), a elementy
poziomu podrzędnego – liter (A, B, C,...).

Aby utworzyć listę
wielopoziomową:

1. Stwórz

listę punktowaną lub numerowaną i umieść

kursor tuż przed miejscem, w którym chcesz
wstawić podlistę (rysunek 5.32).

2. Naciśnij klawisz Enter i dwa razy kliknij przycisk

Zwiększ wcięcie (rysunek 5.4).

3. Po wstawieniu nowego wiersza wpisz tekst

pierwszego elementu podlisty. Standardowo
podlista posiada ten sam styl numeracji co lista
nadrzędna (w tym przypadku – cyfry rzymskie)
(rysunek 5.33).

4. Aby

zmodyfikować styl numeracji podlisty,

prawym przyciskiem myszy kliknij element
podlisty i z menu kontekstowego wybierz pozycję
Właściwości elementu listy (rysunek 5.34).

5. W oknie dialogowym Właściwości elementu listy

wybierz styl numeracji i kliknij przycisk OK.
Wybrany styl zostanie zastosowany do elementów
podlisty (rysunek 5.35).

Rozdział 5

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

Rysunek 5.34.
Aby zmodyfikować styl numeracji podlisty, prawym
przyciskiem myszy kliknij element podlisty i z menu
kontekstowego wybierz pozycję Właściwości elementu
listy

Rysunek 5.35.
Element podlisty, Francja, posiada teraz inny styl
numeracji (litery alfabetu) niż elementy listy
nadrzędnej (cyfry rzymskie)
6. Aby

dodać kolejny element podlisty, naciśnij

klawisz Enter. FrontPage doda nowy jej element
podlisty o stylu zdefiniowanym w punkcie 5. W
podobny sposób dodaj inne elementy podlisty.

7. Aby

utworzyć podlistę podlisty, powtórz punkty

1–6 (rysunek 5.36).

8. Po utworzeniu listy wielopoziomowej naciśnij dwa

razy klawisz Enter, aby powrócić do stylu
Normalny.

Wskazówka

• W punkcie 4. wybierz pozycję Właściwości

elementu listy, a nie pozycję Właściwości listy
(rysunek 5.34). Okno dialogowe Właściwości
elementu listy służy do modyfikowania elementów
listy; okno dialogowe Właściwości listy – do
modyfikowania całej listy.

Rysunek 5.36.
FrontPage pozwala utworzyć podlistę podlisty. Każda
podlista może posiadać własny styl numeracji

Rysunek 5.37.
Aby przerobić tekst na nagłówek, zaznacz go i z listy
rozwijanej Styl wybierz rozmiar nagłówka

Nagłówki

Nagłówki należą do najważniejszych elementów strony
internetowej. Spełniają one taką samą funkcję co jak
nagłówki gazety: pomagają czytelnikom odszukać
dany temat bez konieczności czytania całego artykułu.
Wielkie nagłówkitytuły, podobnie jak w gazecie,
należy zarezerwować dla najważniejszych tematów,
małe nagłówki – dla tematów mniej istotnych. Ta
prosta, lecz niezwykle ważna, zasada jest niezbędna,
aby strony do osiągnięcia wizualnego porządku na
stronach witryny internetowej były czytelne. Chociaż
w niniejszym podrozdziale zajmujemy się
modyfikowaniem tylko rozmiaru nagłówka, można
również zmienić jego czcionkę, kolor i styl. Więcej
informacji na ten temat zwiera podrozdział
Formatowanie tekstu w rozdziale 4., Wpisywanie i
formatowanie tekstu.

Aby utworzyć nagłówek:

1. Umieść kursor w wierszu, który chcesz przerobić

na nagłówek.

2. Kliknij strzałkę listy rozwijanej Styl dostępnej na

133 Front Page – Praktyczne projekty

Rysunek 5.38.
Rozmiary nagłówków: Nagłówek 1 jest największy;
Nagłówek 6 – najmniejszy

Rysunek 5.39.
FrontPage zastosuje wybrany nagłówek do
zaznaczonego tekstu

pasku narzędzi Formatowanie i wybierz rozmiar
nagłówka (rysunek 5.37). Nagłówek 1 jest
największy; Nagłówek 6 – najmniejszy (rysunek
5.38).

3. FrontPage zastosuje wybrany nagłówek do

zaznaczonego tekstu (rysunek 5.39).

Wskazówka

• Mimo że na nagłówek można przerobić cały

akapit, generalnie łatwiej czyta się nagłówek,
jeżeli obejmuje on nie więcej niż dwa krótkie
wiersze. Stosuj zasadę: im mniej słów, tym lepiej.

Aby zmienić rozmiar
nagłówka:

1. Umieść kursor w nagłówku, aby go zaznaczyć.
2. Kliknij

strzałkę listy rozwijanej Styl dostępnej na

pasku narzędzi Formatowanie i wybierz nowy
rozmiar nagłówka.

3. FrontPage zastosuje wybrany rozmiar nagłówka do

zaznaczonego tekstu.

Rozdział 6. Dodawanie hiperłączy

Wielką zaletą Internetu jest możliwość przechodzenia

od pliku do pliku umieszczonego w dowolnym miejscu
na świeciemiędzy plikami umieszczonymi w
dowolnym miejscu sieci internetowej. Jest to możliwie
dzięki hiperłączom. Hiperłącza (w skrócie łącza) dzielą
się na kilka grup: hiperłącza do plików umieszczonych
w różnych miejsca kuli ziemskiejch sieci, hiperłącza do
różnych miejsc dokumentu otwartego w przeglądarce
internetowej, hiperłącza do adresu e-mail oraz
hiperłącza-obrazy. Microsoft FrontPage jest
wyposażony w narzędzia do tworzenia każdego rodzaju
hiperłącza połączeń w prosty sposób.
Hiperłącza, które wykorzystują tekst, omawiamy na
następnej stronie; hiperłącza-obrazy – w podrozdziale
Tworzenie hiperłączy-obrazów. Warto również
przypomnieć, że rozdział 3., Tworzenie witryny
internetowej, wyjaśnia, jak utworzyć pasek łączy
oparty na strukturze nawigacyjnej witryny
internetowej.

135 Front Page – Praktyczne projekty

Adres bezwzględny a
adres względny

Zanim zaczniesz tworzyć hiperłącza, powinieneś
zrozumieć różnicę między adresem bezwzględnym a
adresem względnym. Adres bezwzględny zawiera
pełny adres pliku
(http://www.helion.com.pl/katalog.htm), natomiast
adres względny zawiera tylko nazwę pliku i
ewentualnie nazwę folderu, w którym plik ten został
umieszczony (/MójFolder/MojaStrona.htm). Ilekroć
tworzysz hiperłącze zewnętrzne, czyli hiperłącze do
strony internetowej lub pliku poza bieżącą witryną,
musisz podać adres bezwzględny. Aby utworzyć
hiperłącze do pliku należącego do bieżącej witryny,
należy podać adres względny.
Zaleta adresów względnych polega na tym, że można
modyfikować strukturę witryny internetowej bez
żadnych obaw, że dojdzie do przerwania hiperłączy.
Właśnie dlatego, że strona startowa witryny
internetowej posiada ma adres bezwzględny,
przeglądarka internetowa może przechodzić od jednego
względnego hiperłącza do drugiego względnego
hiperłącza tej witryny, nawet jeżeli przeniesiesz
mojastrona.htm z www.mojawitryna.com/imprezy/ do
www.mojawitryna.com/imieniny/. Modyfikacja
struktury witryny internetowej jest nieunikniona.
Oryginalna struktura często rozrasta się i jest
wielokrotnie zmieniana. Aby dowiedzieć się, jak
utworzyć hiperłącza względne, automatycznie
aktualizowane podczas modyfikowania struktury
witryny internetowej, przeczytaj podrozdział Aby
utworzyć hiperłącze do strony w bieżącej witrynie
internetowej.

Rysunek 6.1.
Kliknij ikonę Strona dostępną na pasku widoków, aby
Aby wyświetlić widok Strona, kliknij ikonę Strona
dostępną na pasku widoków.

Rysunek 6.2.
Aby utworzyć hiperłącze, z menu Wstaw wybierz
pozycję Hiperłącze lub kliknij przycisk Wstaw
hiperłącze dostępny na pasku narzędzi Standardowy

Rysunek 6.3.
Aby szybko utworzyć hiperłącze, prawym przyciskiem
myszy kliknij zaznaczony element i z menu
kontekstowego wybierz pozycję Hiperłącze

Rysunek 6.4.
Pole Tekst do wyświetlenia okna dialogowego
Wstawianie hiperłącza wyświetla tekst zaznaczony w
punkcie 2.

Aby utworzyć hiperłącze do
zewnętrznej strony
internetowej:

1. Kliknij

ikonę Strona dostępną na pasku widoków,

aby wyświetlić widok Strona (rysunek 6.1).

2. Zaznacz tekst, który ma służyć jako hiperłącze.
3. Z

Wstaw wybierz pozycję Hiperłącze lub

kliknij przycisk Wstaw hiperłącze dostępny na
pasku narzędzi Standardowy (rysunek 6.2) lub
prawym przyciskiem myszy kliknij zaznaczony
tekst i z menu kontekstowego wybierz pozycję
Hiperłącze (Alt+Ctrl+H) (rysunek 6.3).

4. Po pojawieniu się okna dialogowego Wstawianie

Rozdział 6

♦ Dodawanie hiperłączy

136

Rysunek 6.5.
Aby utworzyć hiperłącze do zewnętrznej strony
internetowej, najpierw kliknij przycisk Istniejący plik
lub strona sieci Web dostępny na pasku Połącz z

Rysunek 6.6.
Jeżeli nie znasz adresu strony internetowej, kliknij
przycisk Przeglądaj sieć Web, aby Aby odszukać
stronę, której adresu nie znasz, kliknij przycisk
Przeglądaj sieć Web.

Rysunek 6.7.
Tekst hiperłącza został podkreślony

hiperłącza (rysunek 6.4) tekst zaznaczony w
punkcie 2. FrontPage umieści w polu Tekst do
wyświetlenia, gdzie można go zmodyfikować.

5. Kliknij

przycisk

Istniejący plik lub strona sieci

Web dostępny na pasku Połącz z (rysunek 6.5).
Więcej informacji o przyciskach paska Połącz z
zawiera podrozdział Okno dialogowe Wstawianie
hiperłącza.

6. Jeżeli znasz adres strony internetowej, wpisz go w

polu Adres i przejdź do punktu 9. Jeżeli nie znasz
adresu strony internetowej, kliknij przycisk
Przeglądaj sieć Web, aby odszukać stronę
(rysunek 6.6). Więcej informacji zawiera
podrozdział Okno dialogowe Wstawianie
hiperłącza.

7. Po uruchomieniu przeglądarki internetowej

odszukaj stronę internetową, do której ma
prowadzić hiperłącze.

8. Kiedy

przeglądarka wyświetli poszukiwaną stronę,

wróć do okna dialogowego Wstawianie hiperłącza.
Adres strony internetowej otwartej w przeglądarce
pojawi się w polu Adres.

9. Kliknij

przycisk

OK, aby zamknąć okno dialogowe

Wstawianie hiperłącza. FrontPage utworzył
hiperłącze do wskazanej strony internetowej, o
czym świadczy fakt, że zaznaczony tekst zmienił
kolor i został podkreślony (rysunek 6.7).

Rysunek 6.8.
Okno dialogowe Wstawianie hiperłącza umożliwia pełną kontrolę nad hiperłączami

137 Front Page – Praktyczne projekty

1 Choose type of hyperlink to create – 1 Wybierz typ hiperłącza
2 Look for target file in... – 2 Odszukaj plik docelowy
3 Text selected for link – 3 Tekst hiperłącza
4 Navigate Web using browser icon – 4 Przeglądaj sieć Web
5 Navigate folders on local machine/network icon – 5 Przeglądaj w poszukiwaniu pliku
6 Create mouse-over tekst tip – 6 Utwórz etykietę ekranową
7 Find Bookmark in another file – 7 Odszukaj zakładkę w pliku
8 Change frame target – 8 Zmień ramkę docelową
9 Current file list – 9 Lista plików
10 Address of targeted hyperlink – 10 Adres pliku docelowego
Link to existing file – Hiperłącze do pliku istniejącego
Link to Bookmark in current file – Hiperłącze do zakładki w pliku bieżącym
Link to new file – Hiperłącze do nowego pliku
Link to e-mail address – Hiperłącze do adresu e-mail

Okno dialogowe Wstawianie
hiperłącza

Okno dialogowe Wstawianie hiperłącza umożliwia
pełną kontrolę nad hiperłączami (rysunek 6.8). Aby go
je otworzyć, z menu Wstaw wybierz pozycję
Hiperłącze (Alt+Ctrl+H). Standardowo przy otwarciu
okno dialogowe Wstawianie hiperłącza wyświetla
bieżącą witrynę internetową.
(1) Wybierz typ hiperłącza: Kliknij jeden z czterech

przycisków dostępnych na pasku Połącz z, aby
Aby utworzyć żądany typ hiperłącza,. kliknij jeden
z czterech przycisków dostępnych na pasku Połącz
z.

• Hiperłącze do pliku istniejącego: Kliknij

przycisk Istniejący plik lub strona sieci Web,
aby Aby utworzyć hiperłącze do pliku, kliknij
przycisk Istniejący plik lub strona sieci Web
umieszczonego na dysku twardym, w
Intranecie lub w Internecie. Żądany plik
odszukaj za pomocą przycisków paska Szukaj
w. Więcej szczegółów o przyciskach paska
Szukaj w zawiera punkt Odszukaj plik
docelowy.

• Hiperłącze do zakładki w pliku bieżącym:

Kliknij przycisk Miejsce w tym dokumencie,
aby Aby utworzyć hiperłącze do zakładki
istniejącej na stronie internetowej, kliknij
przycisk Miejsce w tym dokumencie. Aby
utworzyć zakładkę, zobacz podrozdział
Zakładki.

• Hiperłącze do nowego pliku: Kliknij przycisk

Utwórz nowy dokument, aby Aby utworzyć
hiperłącze do strony, którą dopiero zamierzasz
stworzyć, kliknij przycisk Utwórz nowy
dokument (zobacz podrozdział Hiperłącza do
nowych stron). FrontPage wyświetli okno
dialogowe Nowy, gdzie w którym można
stworzyć pustą stronę lub stronę z szablonu.

• Hiperłącze do adresu e-mail: Kliknij przycisk

Adres e-mail, aby Aby utworzyć hiperłącze do
adresu e-mail,. kliknij przycisk Adres e-mail.
Więcej informacji na ten temat zawiera
podrozdział Aby utworzyć hiperłącze do
adresu e-mail.

(2) Odszukaj plik docelowy: Aby zdefiniować plik

docelowy hiperłącza, kliknij jeden z trzech
przycisków paska Szukaj w – Bieżący folder,
Strony przeglądane lub Niedawno używane pliki –
albo jeden z dwóch przycisków nawigacyjnych –
Przeglądaj sieć Web lub Przeglądaj w
poszukiwaniu pliku – okna dialogowego
Wstawianie hiperłącza. W oknie dialogowym
Wstawianie hiperłącza standardowo wciśnięty jest
przycisk Bieżący folder, a lista plików wyświetla
zawartość folderu bieżącego. Jeżeli klikniesz
przycisk Strony przeglądane, lista plików
wyświetli adresy stron internetowych obejrzanych
w przeglądarce internetowej. Liczba Ilość
wyświetlonych adresów zależy do zawartości
folderu Historia przeglądarki Internet Explorer.
Jeżeli klikniesz przycisk Niedawno używane pliki,
lista plików wyświetli adresy plików niedawno
otwartych w programie FrontPage, bez względu na
to, do których witryn internetowych one należą.

(3) Tekst hiperłącza: Standardowo w polu tekstowym

Tekst do wyświetlenia jest umieszczony tekst

(6) Utwórz etykietkę ekranową: Przycisk Etykietka

ekranowa pozwala utworzyć etykietkę
wyświetlaną w przeglądarce internetowej, kiedy
użytkownik umieści wskaźnik myszy nad
hiperłączem. Funkcja ta działa w przeglądarce
Internet Explorer w wersji 4 i nowszej.

(7) Odszukaj zakładkę w pliku: Kliknij przycisk

Istniejący plik lub strona sieci Web lub Miejsce w
tym dokumencie, wybierz plik, który zawiera
zakładkę, a następnie kliknij przycisk Zakładka,
aby Aby utworzyć hiperłącze do zakładki. , kliknij
przycisk Istniejący plik lub strona sieci Web lub
Miejsce w tym dokumencie, wybierz plik, który
zawiera zakładkę, a następnie kliknij przycisk
Zakładka.Więcej informacji na ten temat zawiera
podrozdział Zakładki.

(8) Zmień ramkę docelową: Kliknij przycisk Ramka

docelowa tylko wtedy, gdy witryna internetowa
posiada ramki. Więcej informacji na temat ramek
zawiera rozdział 11., Tworzenie i formatowanie
ramek.

(9) Lista plików: Standardowo lista plików wyświetla

Rozdział 6

♦ Dodawanie hiperłączy

138

zaznaczony przed wywołaniem okna dialogowego
Wstawanie hiperłącza. Tekst można pozostawić
bez zmian lub zmodyfikować. Nowy tekst zastąpi
oryginalny tekst hiperłącza, kiedy klikniesz
przycisk OK.

(4) Przeglądaj sieć Web: Kliknij ten przycisk, aby

uruchomić przeglądarkę internetową i odszukać
stronę internetową w Internecie. Po odszukaniu
strony wróć do programu FrontPage. Adres strony
otwartej w przeglądarce internetowej zostanie
umieszczony w polu Adres.

(5) Przeglądaj w poszukiwaniu pliku: Kliknij ten

przycisk, aby odszukać plik na dysku twardym lub
w sieci lokalnej. Nazwa i ścieżka wybranego pliku
zostanie umieszczona w polu Adres.

nazwy plików folderu bieżącego. Lista plików
może również wyświetlić nazwy stron
przeglądanych oraz nazwy niedawno używanych
plików. Aby zobaczyć wszystkie pliki i foldery,
użyj paska przewijania listy plików.

(10) Adres pliku docelowego: Jeżeli wybierzesz plik

docelowy hiperłącza, posługując się przyciskami
paska Połącz z oraz Szukaj w, FrontPage
automatycznie umieści adres pliku docelowego w
polu Adres. Jeżeli znasz adres pliku docelowego,
możesz go wpisać bezpośrednio w tym polu.
FrontPage automatycznie rozpoczyna adres od
http://; jeżeli chcesz utworzyć łącze FTP (File
Transfer Protocol), aby użytkownicy mogli pobrać
wziąć plik, http:// zamień na ftp://.

139 Front Page – Praktyczne projekty

Aby utworzyć hiperłącze do
strony w bieżącej witrynie
internetowej:

1. Aby

wyświetlić widok Strona, Kliknij kliknij

ikonę Strona dostępną na pasku widoków, . aby
wyświetlić widok Strona (rysunek 6.1).

2. Zaznacz tekst, który ma służyć jako tekst

hiperłącza, kliknij go prawym przyciskiem myszy i
z menu kontekstowego wybierz pozycję
Hiperłącze (Alt+Ctrl+H) (rysunek 6.3).

3. FrontPage

wyświetli okno dialogowe Wstawianie

hiperłącza z wciśniętym przyciskiem Istniejący
plik lub strona sieci Web. Odszukaj żądany plik za
pomocą przycisków paska Szukaj w. Jeżeli plik
znajduje się w folderze bieżącym, kliknij jego
nazwę na liście plików – FrontPage wstawi ją do
pola Adres (rysunek 6.9). Jeżeli plik znajduje się w
innym folderze, kliknij przycisk Przeglądaj w
poszukiwaniu pliku i odszukaj go w oknie
dialogowym Łącz z plikiem (rysunki 6.10 oraz
6.11).

4. Kliknij

przycisk

OK okna dialogowego

Wstawianie hiperłącza lub Łącz z plikiem w
zależności od tego, co zrobiłeś w punkcie 3.
FrontPage utworzy hiperłącze do wskazanego
pliku, o czym będzie świadczyć fakt, że
zaznaczony tekst zmieni kolor i zostanie
podkreślony.

Rysunek 6.9.
Jeżeli plik jest częścią witryny internetowej, wybierz
go z listy plików, a jego nazwa pojawi się w polu
Adres

Rysunek 6.10.
Aby odszukać plik umieszczony na dysku twardym,
kliknij przycisk Przeglądaj w poszukiwaniu pliku okna
dialogowego Wstawianie hiperłącza

Rysunek 6.11.
Po odszukaniu pliku w oknie dialogowym Łącz z
plikiem kliknij przycisk OK

Rysunek 6.12.
Aby utworzyć hiperłącze do adresu e-mail, kliknij
przycisk Adres e-mail dostępny na pasku Połącz z

Aby utworzyć hiperłącze do
adresu e-mail:

1. Zaznacz tekst, który ma służyć jako tekst

hiperłącza, kliknij go prawym przyciskiem myszy i
z menu kontekstowego wybierz pozycję
Hiperłącze (Alt+Ctrl+H) (rysunek 6.3).

2. W oknie dialogowym Wstawianie hiperłącza

kliknij przycisk Adres e-mail dostępny na pasku
Połącz z (rysunek 6.12). Prawa strona okna
dialogowego Wstawianie hiperłącza wyświetli
pola, dzięki którym można utworzyć hiperłącze do
adresu e-mail (rysunek 6.13). Tekst, który
zaznaczyłeś w punkcie 1., pojawi się w polu Tekst
do wyświetlenia. Tekst ten można zmodyfikować.

3. Wypełnij pole Adres e-mail. Kiedy tylko zaczniesz

pisać w tym polu, FrontPage doda tekst mailto:
potrzebny do prawidłowego działania hiperłącza.
Możesz również wypełnić pole Temat wiadomości,
jednak nie wszystkie programy pocztowe,
obsługują tę funkcję. Kliknij przycisk OK.
FrontPage utworzy hiperłącze do wskazanego
adresu e-mail.

Wskazówka

• Lista Niedawno używane adresy e-mail pozwala

Rozdział 6

♦ Dodawanie hiperłączy

140

Rysunek 6.13.
Wpisz adres e-mail, dodaj temat wiadomości i kliknij
przycisk OK

szybko wypełnić pola okna dialogowego
Wstawianie hiperłącza, m.in. Temat wiadomości –
wystarczy kliknąć jeden z elementów tej listy.

141 Front Page – Praktyczne projekty

Hiperłącza do nowych
stron

Czasem trzeba szybko stworzyć nową stronę i
utworzyć do niej hiperłącze ze strony bieżącej.
Operacja taka jest możliwa dzięki opcji Utwórz nowy
dokument okna dialogowego Wstawianie hiperłącza.

Aby stworzyć nową stronę i
utworzyć do niej hiperłącze:

1. Zaznacz tekst, który ma służyć jako tekst

hiperłącza do jeszcze nieistniejącej strony, kliknij
go prawym przyciskiem myszy i z menu
kontekstowego wybierz pozycję Hiperłącze
(Alt+Ctrl+H) (rysunek 6.3).

2. W oknie dialogowym Wstawianie hiperłącza

kliknij przycisk Utwórz nowy dokument – wygląd
okna zostanie dostosowany do zadania, które
chcesz wykonać (rysunek 6.14). Tekst, który
zaznaczyłeś w punkcie 1., pojawi się w polu Tekst
do wyświetlenia. Tekst ten mMożna go
zmodyfikować. Standardowo wybrana jest opcja
Edytuj nowy dokument teraz.

3. Wybierz

opcję Edytuj nowy dokument później,

chyba że chcesz od razu przystąpić do edytowania
strony internetowej (rysunek 6.15). W polu Nazwa
nowego dokumentu podaj łatwą do zapamiętania
nazwę dla nowej strony.

4. Kliknij

przycisk

OK. FrontPage stworzy nową

stronę i utworzy do niej hiperłącze. Lista folderów
wyświetli nazwę nowej pustej strony internetowej
(rysunek 6.16).

Wskazówka

• Aby zmienić lokalizację nowej strony, kliknij

przycisk Zmień okna dialogowego Wstawianie
hiperłącza (rysunek 6.14). FrontPage otworzy
okno dialogowe Utwórz nowy dokument.

Rysunek 6.14.
Aby utworzyć łącze do jeszcze nieistniejącej strony,
kliknij przycisk Utwórz nowy dokument – wygląd
okna dialogowego Wstawianie hiperłącza zostanie
dostosowany do zadania, które chcesz wykonać

Rysunek 6.15.
Aby odłożyć edycję strony internetowej na później,
wybierz opcję Edytuj nowy dokument później, a
następnie wypełnij pole Nazwa nowego dokumentu

Rysunek 6.16.
Po utworzeniu hiperłącza nazwa nowego pustego
dokumentu pojawi się w panelu Lista folderów

Rysunek 6.17.
Aby zmodyfikować hiperłącze, kliknij go prawym
przyciskiem myszy i z menu kontekstowego wybierz
pozycję Właściwości hiperłącza

Edycja hiperłączy

FrontPage automatycznie aktualizuje hiperłącza
podczas modyfikowania struktury nawigacyjnej
witryny internetowej. FrontPage pPozwala również
modyfikować i usuwać hiperłącza. Jeżeli usunąłeś
strony bez korzystania z narzędzi programu FrontPage,
zobacz podrozdział Aby obliczyć hiperłącza ponownie,
który wyjaśnia, jak naprawić przerwane hiperłącza.

Aby edytować hiperłącze:

1. Prawym przyciskiem myszy kliknij hiperłącze,

które chcesz zmodyfikować, i z menu
kontekstowego wybierz pozycję Właściwości
hiperłącza (Alt+Enter) (rysunek 6.17).

2. Po pojawieniu się okna dialogowego Edytowanie

Rozdział 6

♦ Dodawanie hiperłączy

142

Rysunek 6.18.
W oknie dialogowym Edytowanie hiperłącza
zmodyfikuj adres hiperłącza

hiperłącza w polu Adres FrontPage wyróżni
bieżący adres hiperłącza (rysunek 6.18). Wykonaj
jeden z następujących punktów:

(1) W polu Adres wpisz nowy adres docelowy

hiperłącza.

(2) Kliknij strzałkę pola Adres i z listy rozwijanej

wybierz jeden z niedawno używanych
adresów.

(3) Aby odszukać nowy plik, Kkliknij jeden z

przycisków dostępnych na pasku Szukaj w lub
jeden z przycisków nawigacyjnych
(Przeglądaj sieć Web albo Przeglądaj w
poszukiwaniu pliku)., aby odszukać nowy plik.

(4) Aby wybrać inny typ hiperłącza, Kkliknij

jeden z trzech pozostałych przycisków
dostępnych na pasku Połącz z., aby wybrać
inny typ hiperłącza.

3. Po zmodyfikowaniu adresu kliknij przycisk OK.

FrontPage zadba o będzie aktualizowałację
hiperłączea.

143 Front Page – Praktyczne projekty

Aby usunąć hiperłącze:

1. Prawym przyciskiem myszy kliknij hiperłącze,

które chcesz zmodyfikować, i z menu
kontekstowego wybierz pozycję Właściwości
hiperłącza (Alt+Enter) (rysunek 6.17).

2. W oknie dialogowym Edytowanie hiperłącza

kliknij przycisk Usuń łącze (rysunek 6.19).
FrontPage usunie hiperłącze i zamknie okno
dialogowe.

Aby obliczyć naprawić
hiperłącza ponownie:

1. Z

Narzędzia wybierz pozycję Oblicz

hiperłącza ponownie (rysunek 6.20).

2. FrontPage

wyświetli komunikat informujący, że

operacja ta może trwać kilka minut w zależności
od rozmiaru witryny internetowej. Operacja
obliczania Naprawa hiperłączy rzadko trwa tak
długo, więc kliknij przycisk Tak. FrontPage
naprawi Hhiperłącza przerwane podczas
modyfikowania struktury nawigacyjnej witryny
zostaną naprawione tylko wtedy, jeśli podałeś
prawidłowy adres., ale nie może naprawić
hiperłącza, jeżeli podałeś nieprawidłowy adres.

Rysunek 6.19.
Aby usunąć hiperłącze, kliknij przycisk Usuń łącze
okna dialogowego Edytowanie hiperłącza

Rysunek 6.20.
Jeżeli usunąłeś strony bez korzystania z narzędzi
programu FrontPage i chcesz , naprawić przerwane
łącza, z menu Narzędzia wybierz pozycję Oblicz
hiperłącza ponownie., aby naprawić przerwane łącza

Rysunek 6.21.
Aby utworzyć zakładkę, zaznacz tekst, który ma służyć

Zakładki

Zakładka pozwala użytkownikowi przejść do
konkretnego miejsca strony internetowej, na
przykładnp. do jednego z nagłówkówa sekcji, długiej
strony internetowejdługiego dokumentu. Proces
tworzenia zakładki składa się z dwóch etapów:
najpierw należy utworzyć samą zakładkę, a następnie –
hiperłącze do tej zakładkiniej. Zakładka może
znajdować się na bieżącej lub na innej stronie.
Zakładki wWstawia się po to, by użytkownik mógł
szybko przechodzić z jednego miejsca strony do innego
bez konieczności przewijania całego dokumentu.
Zakładkę mMożna je umieścić nie tylko w nagłówku,
ale również w cytacie, słowie, obrazie lub w
pojedynczym znaku.
FrontPage jest wyposażony w narzędzia do szybkiego
wyszukiwania zakładek na stronach internetowych, na
przykład w celu ich zmodyfikowania lub usunięcia.

Aby utworzyć zakładkę:

Rozdział 6

♦ Dodawanie hiperłączy

144

jako tekst zakładki, i z menu Wstaw wybierz pozycję
Zakładka

Rysunek 6.22.
W polu Nazwa zakładki okna dialogowego Zakładka
pozostaw domyślną nazwę zakładki lub wpisz inną.
Nazwa domyślna zależy od tekstu zaznaczonego w
punkcie 1.

Rysunek 6.23.
Poniżej tekstu zakładki FrontPage umieszcza linię
przerywaną

1. Zaznacz tekst, który ma służyć jako tekst zakładki.

Do tego miejsca będą prowadzić hiperłącza, które
utworzymy w następnych podrozdziałach.

2. Z

Wstaw wybierz pozycję Zakładka

(Ctrl+G) (rysunek 6.21).

3. FrontPage otworzy okno dialogowe Zakładka

(rysunek 6.22). W polu Nazwa zakładki pozostaw
domyślną nazwę zakładki lub wpisz inną. Nazwa
domyślna zależy od tekstu zaznaczonego w
punkcie 1.

4. Kliknij

przycisk

OK. Zaznaczony tekst FrontPage

przerobił na to zakładkaę, o czym świadczy linia
przerywana (rysunek 6.23).

Aby utworzyć hiperłącze do
zakładki na stronie bieżącej:

1. Zaznacz tekst, który ma służyć jako tekst

hiperłącza do zakładki, kliknij go prawym
przyciskiem myszy i z menu kontekstowego
wybierz pozycję Hiperłącze (Alt+Ctrl+H)
(rysunek 6.3). FrontPage otworzy okno dialogowe
Wstawianie hiperłącza.

2. Kliknij

przycisk

Miejsce w tym dokumencie

dostępny na pasku Połącz z – wygląd okna
dialogowego Wstawianie hiperłącza zostanie
dostosowany do zadania, które chcesz wykonać
(rysunek 6.24).

3. Wybierz

zakładkę z listy Wybierz miejsce w tym

dokumencie i kliknij przycisk OK. Tekst
zaznaczony w punkcie 1. zostanie połączony z
wybraną zakładką.

Rysunek 6.24.
Aby utworzyć hiperłącze do zakładki na stronie
bieżącej, kliknij przycisk Miejsce w tym dokumencie
dostępny na pasku Połącz z, wybierz zakładkę i kliknij
przycisk OK

Rysunek 6.25.
Aby utworzyć hiperłącze do zakładki na dowolnej
stronie, odszukaj ją, wybierz z listy plików i kliknij
przycisk Zakładka

Aby utworzyć hiperłącze do
zakładki na dowolnej stronie:

1. Zaznacz tekst, który ma służyć jako tekst

2. Odszukaj

stronę internetową z zakładką za pomocą

przycisku Bieżący folder, Strony przeglądane,
Niedawno używane pliki Przeglądaj sieć Web lub

145 Front Page – Praktyczne projekty

Rysunek 6.26.
W oknie dialogowym Wybieranie miejsca w
dokumencie wybierz jedną z zakładek i kliknij przycisk
OK

Rysunek 6.27.
W polu Adres okna dialogowego Wstawianie
hiperłącza pojawi się adres zakładki. Kliknij przycisk
OK

Niedawno używane pliki, Przeglądaj sieć Web lub
Przeglądaj w poszukiwaniu pliku. Wybierz stronę
z listy plików i kliknij przycisk Zakładka (rysunek
6.25).

3. W oknie dialogowym Wybieranie miejsca w

dokumencie wybierz jedną z zakładek i kliknij
przycisk OK (rysunek 6.26).

4. FrontPage ponownie wyświetli okno dialogowe

Wstawianie hiperłącza – w polu Adres widać teraz
adres zakładki (rysunek 6.27). Kliknij przycisk
OK. Tekst zaznaczony w punkcie 1. zostanie
połączony z wybraną zakładką.

Wskazówka

• Okno dialogowe Wybieranie miejsca w

dokumencie wyświetla zakładki jednej strony, a
nie całej witryny. Aby uzyskać dostęp do zakładek
danej strony, trzeba ją najpierw wybrać w oknie
dialogowym Wstawianie hiperłącza.

• W celu zmodyfikowania hiperłącza do zakładki,

kliknij go ją prawym przyciskiem myszy i z menu
kontekstowego wybierz pozycję Właściwości
hiperłącza, aby otworzyć okno dialogowe
Edytowanie hiperłącza (szczegóły w podrozdziale
Aby edytować hiperłącze).

Rozdział 6

♦ Dodawanie hiperłączy

146

Aby odszukać zakładkę:

1. Znajdź dowolną zakładkę na stronie (tekst

zakładki jest podkreślony przerywaną linią).
Kliknij zakładkę prawym przyciskiem myszy i z
menu kontekstowego wybierz pozycję
Właściwości zakładki (Alt+Enter) (rysunek 6.28).

2. FrontPage

wyświetli okno dialogowe Zakładka z

nazwą wybranej zakładki w polu Nazwa zakładki.
Wybierz jedną z zakładek wyświetlanych na liście
Inne zakładki na tej stronie, a następnie kliknij
przycisk Przejdź do (rysunek 6.29).

3. FrontPage (bez zamykania okna dialogowego

Zakładka) przejdzie do wybranej zakładki
(rysunek 6.30). Po odszukaniu zakładki kliknij
przycisk OK.

Rysunek 6.28.
Aby odszukać zakładkę, kliknij dowolną zakładkę
prawym przyciskiem myszy i z menu kontekstowego
wybierz pozycję Właściwości zakładki

Rysunek 6.29.
Wybierz jedną z zakładek wyświetlanych na liście Inne
zakładki na tej stronie, a następnie kliknij przycisk
Przejdź do

Rysunek 6.30.
FrontPage bez zamykania okna dialogowego Zakładka
przejdzie do wybranej zakładki

147 Front Page – Praktyczne projekty

Rysunek 6.31.
Aby wyczyścić usunąć zakładkę, odszukaj ją i kliknij
przycisk Wyczyść

Rysunek 6.32.
FrontPage usunął zakładkę, o czym świadczy brak linii
przerywanej, ale tekst pozostawił tekst

Aby wyczyścić usunąć
zakładkę:

1. Aby

odszukać zakładkę, którą chcesz

wyczyścićusunąć, wykonaj punkty podrozdziału
Aby odszukać zakładkę.

2. Po odszukaniu zakładki kliknij przycisk Wyczyść

okna dialogowego Zakładka (rysunek 6.31).
FrontPage zamknie to okno, usuwając zakładkę –
o czym świadczy brak linii przerywanej – ale
pozostawiając tekst zakładki (rysunek 6.32).

Rozdział 6

♦ Dodawanie hiperłączy

148

Kolory hiperłączy

FrontPage przestrzega konwencji, zgodnie z którą
hiperłącza nieodwiedzone mają kolor niebieski,
natomiast hiperłącza odwiedzone – kolor fioletowy.
Kolor czerwony jest zarezerwowany dla hiperłączy
aktywnych. FrontPage pozwala jednak określić nadać
kolor niestandardowy dla każdego stanu hiperłączya
odwiedzonych, nieodwiedzonych i aktywnych, a także
zastosować efekty najazdu hiperłączy.

Aby zmienić kolor
hiperłączy:

1. Kliknij

ikonę Strona dostępną na pasku widoków,

aby wyświetlić widok Strona.

2. Kliknij

stronę prawym przyciskiem myszy i z

menu kontekstowego wybierz pozycję
Właściwości strony (rysunek 6.33).

3. Wyświetl kartę Tło okna dialogowego Właściwości

strony (rysunek 6.34).

4. Sekcja

Kolory udostępnia trzy rozwijane palety

kolorów, dzięki którym można wybrać kolory dla
trzech stanów hiperłącza (Hiperłącze, Odwiedzone
hiperłącze oraz Aktywne hiperłącze). Aby
rozwinąć paletę kolorów, kliknij jej strzałkę
(rysunek 6.35). Aby wybrać kolor niestandardowy,
kliknij opcję Więcej kolorów. W oknie
dialogowym Więcej kolorów wybierz żądany kolor
i kliknij przycisk OK (rysunek 6.36).

5. Aby

pobrać otrzymać informacje o hiperłączach z

innej strony, zaznacz pole wyboru Pobierz
informacje o tle z innej strony, a następnie kliknij
przycisk Przeglądaj, aby odszukać stronę i
zastosować jej kolory do hiperłączy strony
bieżącej (rysunek 6.37).

6. Po wybraniu opcji kliknij przycisk OK. FrontPage

zmodyfikuje kolory hiperłączy tylko na bieżącej
stronie.

Rysunek 6.33.
Aby zmienić kolor hiperłączy, kliknij stronę prawym
przyciskiem myszy i z menu kontekstowego wybierz
pozycję Właściwości strony

Rysunek 6.34.
Aby uzyskać dostęp do sekcji Kolory, wyświetl kartę
Tło

Rysunek 6.35.
Użyj rozwijanych palet kolorów do zmodyfikowania
koloru hiperłączy. Aby wybrać kolor niestandardowy,
kliknij opcję Więcej kolorów

149 Front Page – Praktyczne projekty

Rysunek 6.36.
Okno dialogowe Więcej kolorów pozwala wybrać
jeden z kolorów wyświetlanych w przeglądarkach
internetowych

Rysunek 6.37.
Aby pobrać otrzymać informacje o hiperłączach z innej
strony, zaznacz pole wyboru Pobierz informacje o tle z
innej strony, a następnie kliknij przycisk Przeglądaj,
aby odszukać stronę

Rysunek 6.38.
Jeżeli chcesz, aby kolor hiperłącza zmieniał się, ilekroć
użytkownik umieści nad nim wskaźnik myszy, na
karcie Tło zaznacz pole wyboru Włącz efekty najazdu
hiperłączy i kliknij przycisk Styl najazdu

Rysunek 6.39.
Karta Tło okna dialogowego Właściwości strony
pozwala również ustawić kolor tła strony oraz kolor
tekstu

Rysunek 6.40.
Aby dodać do strony obraz tła, zaznacz pole wyboru
Obraz tła i kliknij przycisk Przeglądaj

Wskazówki

• Jeżeli ustawiasz kolor niestandardowy, upewnij

się, że kolor tekstu jest inny niż kolor tła, a także,
że kolor hiperłączy nieodwiedzonych jest inny niż
kolor hiperłączy odwiedzonych.

• Jeżeli chcesz przywrócić standardowe kolory

hiperłączy, z palety kolorów Hiperłącze,
Odwiedzone hiperłącze lub Aktywne hiperłącze
wybierz opcję Automatyczny (punkt 4.).

• Karta Tło okna dialogowego Właściwości strony

oferuje opcję, która sprawia, że zmienia się kolor
hiperłącza, ilekroć użytkownik umieszcza nad nim
wskaźnik myszy. Zaznacz pole wyboru Włącz
efekty najazdu hiperłączy, kliknij przycisk Styl
najazdu (rysunek 6.38), a następnie wybierz kolor
z rozwijanej palety Kolor okna dialogowego
Czcionka.

• Karta Tło okna dialogowego Właściwości strony

pozwala również ustawić kolor tła strony oraz
kolor tekstu (rysunek 6.39). Wybierz kolor z
odpowiedniej palety kolorów i kliknij przycisk
OK, aby zastosować zmiany do bieżącej strony.

• Aby dodać do strony obraz tła, wyświetl kartę Tło

okna dialogowego Właściwości strony, zaznacz
pole wyboru Obraz tła (rysunek 6.40), kliknij
przycisk Przeglądaj, aby odszukać obraz, a
następnie kliknij przycisk OK w celu zastosowania
zmian do bieżącej strony. Jako obrazów tła używaj
obrazów prostych, o jasnych kolorach – w innym
przypadku użytkownicy będą mieli problemy z
czytaniem tekstu strony.

• Aby zmienić kolory hiperłączy motywu, zobacz

podrozdział Aby zmodyfikować motyw w rozdziale
3., Tworzenie witryny internetowej.

Rozdział 6

♦ Dodawanie hiperłączy

150

Tworzenie hiperłączy-
obrazów

Oprócz hiperłączy tekstowych FrontPage pozwala
tworzyć hiperłącza-obrazy. Tworząc hiperłącze-obraz,
mMożna przerobić na hiperłącze cały obraz lub dodać
do obrazu punkty aktywne z łączami do różnych miejsc
w dowolnym pliku. Dzięki dodaniu do obrazu wielu
punktów aktywnych, można utworzyć hiperłącza do
wielu plików.

Aby cały obraz przerobić na
hiperłącze:

1. Z

Widok wybierz pozycję Paski narzędzi, a

następnie – pozycję Obrazy, aby wyświetlić pasek
narzędzi Obrazy (rysunki 6.41 oraz 6.42).

2. Otwórz

stronę z obrazem, który chcesz przerobić

na hiperłącze, i zaznacz (kliknij) ten obraz
(rysunek 6.43). Zaznaczony obraz posiada czarne
kwadratowe uchwyty.

3. Kliknij obraz prawym przyciskiem myszy i z menu

kontekstowego wybierz pozycję Hiperłącze
(Alt+Ctrl+H) (rysunek 6.44).

4. FrontPage

wyświetli okno dialogowe Wstawianie

hiperłącza (patrz podrozdział Okno dialogowe
Wstawianie hiperłącza). Aby utworzyć hiperłącze
do strony w bieżącej witrynie, wybierz nazwę
strony z listy plików okna dialogowego
Wstawianie hiperłącza i kliknij przycisk OK.
FrontPage połączy wybraną stronę z obrazem.
Jeżeli wskaźnik myszy umieścisz nad hiperłączem-
obrazem, FrontPage wyświetli etykietę ekranową z
instrukcją oraz adres pliku docelowego na pasku
stanu (rysunek 6.45).

Rysunek 6.41.
Zanim zaczniesz pracować z obrazami, z menu Widok
wybierz pozycję Paski narzędzi, a następnie pozycję
Obrazy

Rysunek 6.42.
Pasek narzędzi Obrazy posiada narzędzia do
dodawania hiperłączy i punktów aktywnych do
obrazów

Rysunek 6.43.
Zaznaczony obraz posiada czarne kwadratowe uchwyty

151 Front Page – Praktyczne projekty

Rysunek 6.44.
Aby przerobić obraz na hiperłącze, kliknij go prawym
przyciskiem myszy i z menu kontekstowego wybierz
pozycję Hiperłącze

Rysunek 6.45.
Jeżeli wskaźnik myszy umieścisz nad hiperłączem-
obrazem, FrontPage wyświetli etykietę ekranową z
instrukcją oraz adres pliku docelowego na pasku stanu

Rysunek 6.46.
Aby utworzyć punkt aktywny, najpierw zaznacz cały
obraz

Aby utworzyć punkt
aktywny:

1. Z

Widok wybierz pozycję Paski narzędzi, a

następnie – pozycję Obrazy, aby wyświetlić pasek
narzędzi Obrazy (rysunek 6.41).

2. Otwórz

stronę z obrazem, na którym chcesz

utworzyć punkt aktywny, i zaznacz (kliknij) ten
obraz (rysunek 6.46).

3. Wybierz

kształt punktu aktywnego (prostokąt,

okrąg lub wielokąt) i kliknij odpowiedni przycisk
na pasku narzędzi Obrazy (rysunek 6.47).

4. Po wybraniu narzędzia wskaźnik myszy zmieni się

w ołówek, dzięki czemu możesz narysować kontur
punktu aktywnego na obrazie (rysunek 6.48). Nie
przejmuj się rozmiarem konturu, ponieważ można
go zmienić w dowolnej chwili.

5. W oknie dialogowym Wstawianie hiperłącza

wybierz plik docelowy dla punktu aktywnego.
Kliknij przycisk OK, aby wrócić do obrazu.

Rozdział 6

♦ Dodawanie hiperłączy

152

Rysunek 6.47.
Wybierz kształt punktu aktywnego (prostokąt, okrąg
lub wielokąt) za pomocą paska narzędzi Obrazy

Rysunek 6.48.
Po wybraniu narzędzia wskaźnik myszy zmieni się w
ołówek, dzięki czemu możesz narysować kontur
punktu aktywnego na obrazie. Nie przejmuj się
rozmiarem konturu, ponieważ można go zmienić w
dowolnej chwili
6. Teraz

możesz kliknąć wewnątrz punktu aktywnego

i przesunąć go w żądane miejsce (rysunek 6.49).

7. Aby

zwiększyć lub zmniejszyć rozmiar punktu

aktywnego, przeciągnij jeden z jego czarnych
uchwytów za pomocą wskaźnika myszy (rysunek
6.49). Aby zmienić położenie punktu aktywnego,
powtórz punkt 6.

8. Powtórz punkty 3–7, aby Aby dodać więcej

punktów aktywnych do obrazu i wybrać dla nich
pliki docelowe, powtórz punkty 3–7. Obraz może
zawierać więcej niż jeden punkt aktywny, przy
czym a każdy z nich punkt aktywny może
posiadać inny plik docelowy (rysunek 6.50).

Wskazówki

• Punkty aktywne nie mogą zachodzić na siebie, ani

wychodzić poza krawędź obrazu, na którym się
znajdują. Jeżeli punkty aktywne nie mieszczą się
na obrazie, zwiększ jego rozmiar, przeciągając
jeden z jego uchwytów za pomocą wskaźnika
myszy, a następnie dostosuj położenie i rozmiar
punktów aktywnych. Nie należy jednak
powiększać obrazu o więcej niż 10%, ponieważ
jakość obrazu może się pogorszyć. Lepiej w takim
przypadku stworzyć nowy większy obraz.

• Miejsce docelowe punktu aktywnego nie musi

znajdować się w innym pliku. Użyj punktu
aktywnego z zakładką, jeżeli Jeżeli chcesz, aby

Rysunek 6.49.
Po wybraniu pliku docelowego dla punktu aktywnego
kliknij wewnątrz tego punktu i przesuń go w żądane
miejsce (rysunek z lewej). Aby zmienić rozmiar punktu
aktywnego, przeciągnij jeden z jego uchwytów za
pomocą wskaźnika myszy (rysunek z prawej)

Rysunek 6.50.

153 Front Page – Praktyczne projekty

miejsce docelowe punktu aktywnego znajdowało
się w tym samym pliku co ten punkt,. użyj punktu
aktywnego z zakładką.

Obraz, dzięki posiadaniu temu, że ma kilkau punktów
aktywnych, może zawierać hiperłącza do kilku plików
docelowych

Rysunek 6.51.
Jeżeli zawartość obrazu sprawia, że nie można dostrzec
jego punktów aktywnych, zaznacz go i kliknij przycisk
Wyróżnij punkty aktywne dostępny na pasku narzędzi
Obrazy

Rysunek 6.52.
FrontPage ukrył obraz, pozostawiając tylko kontury
punktów aktywnych. Zaznaczony punkt aktywny ma
kolor czarny

Rysunek 6.53.
Aby zmienić miejsce docelowe punktu aktywnego,
kliknij go prawym przyciskiem myszy i z menu
kontekstowego wybierz pozycję Właściwości punktu
aktywnego obrazu

Wyszukiwanie punktów
aktywnych

Czasem zawartość obrazu sprawia, że nie można
dostrzec jego punktów aktywnych. Z pomocą
przychodzi narzędzie Wyróżnij punkty aktywne, dzięki
któremu można ukryć obraz pozostawiając tylko
punkty aktywne.

Aby odszukać punkty
aktywne:

1. Wyświetl widok Strona i zaznacz obraz z

punktami aktywnymi.

2. Kliknij

przycisk

Wyróżnij punkty aktywne

dostępny na pasku narzędzi Obrazy (rysunek
6.51). FrontPage ukryje obraz, pozostawiając tylko
kontury punktów aktywnych. Zaznaczony punkt
aktywny ma kolor czarny (rysunek 6.52).

3. Aby ponownie zobaczyć obraz, kliknij poza nim.

Aby usunąć punkt aktywny:

• Kliknij punkt aktywny przeznaczony do usunięcia

i naciśnij klawisz Backspace lub Delete.

Aby zmienić miejsce
docelowe punktu aktywnego:

1. Prawym przyciskiem myszy kliknij punkt aktywny

przeznaczony do edytowania i z menu
kontekstowego wybierz pozycję Właściwości
punktu aktywnego obrazu (Alt+Enter) (rysunek
6.53).

2. Aby

wybrać nowe miejsce docelowe, Użyj użyj

przycisków okna dialogowego Edytowanie
hiperłącza. do wybrania nowego miejsca
docelowego. Więcej szczegółów zawiera
podrozdział Aby edytować hiperłącze.

Rozdział 6

♦ Dodawanie hiperłączy

154

Przyciski aktywowane

Przycisk aktywowany jest składnikiem sieci Web, .
który mMożna go wstawić za pomocą okna
dialogowego Wstawianie składnika sieci Web. Kiedy
użytkownik umieści wskaźnik myszy nad przyciskiem
aktywowanym, przycisk ten może zmienić wygląd lub
nawet odtworzyć plik dźwiękowy. Przyciski
aktywowane przede wszystkim spełniają to przede
wszystkim rolę hiperłączay, dlatego są one omawiane
w tym rozdziale.

Aby dodać przycisk
aktywowany:

1. Kliknij

ikonę Strona dostępną na pasku widoków,

aby Aby wyświetlić widok Strona,. kliknij ikonę
Strona dostępną na pasku widoków, Upewnij się,
że karta Normalny jest aktywna.

2. Umieść kursor w miejscu, w którym chcesz

wstawić przycisk aktywowany, i z menu Wstaw
wybierz pozycję Składnik sieci Web (rysunek
6.54).

3. Po pojawieniu się okna dialogowego Wstawianie

składnika sieci Web na liście Typ składnika będzie
wybrana pozycja Efekty dynamiczne. Z listy
Wybierz efekt wybierz pozycję Przycisk
aktywowania, a następnie kliknij przycisk Zakończ
(rysunek 6.55).

4. W oknie dialogowym Właściwości przycisku

aktywowanego ustaw tekst, czcionkę, miejsce
docelowe, kolor, efekt i rozmiar przycisku
(rysunek 6.56). Więcej szczegółów zawiera
podrozdział Okno dialogowe Właściwości
przycisku aktywowanego.

5. Kliknij

przycisk

OK.

6. Włącz widok Podgląd, aby zobaczyć, jak reaguje

przycisk aktywowany, kiedy użytkownik umieści
nad nim wskaźnik myszy (rysunek 6.57).

Wskazówki

• Upewnij się, że zapisałeś wszystkie strony i obrazy

– w innym przypadku przycisk aktywowany może
działać nieprawidłowo.

• Używaj palet kolorów z rozwagą, aby nie zmienić

koloru przycisku, tła lub efektu niechcącyprzez
przypadek.

Rysunek 6.54.
Aby dodać przycisk aktywowany, z menu Wstaw
wybierz pozycję Składnik sieci Web

Rysunek 6.55.
Po pojawieniu się okna dialogowego Wstawianie
składnika sieci Web na liście Typ składnika będzie
zaznaczona pozycja Efekty dynamiczne. Na liście
Wybierz efekt zaznacz pozycję Przycisk aktywowania

Rysunek 6.56.
Okno dialogowe Właściwości przycisku
aktywowanego kontroluje wygląd i działanie przycisku

155 Front Page – Praktyczne projekty

Rysunek 6.57.
Po zbudowaniu przycisku aktywowanego włącz widok
Podgląd, aby Aby zobaczyć rezultat zbudowania
przycisku aktywowanego, włącz widok Podgląd. W
Pprzycisku „Paryż” posiada zastosowano efekt
poświaty

Rozdział 6

♦ Dodawanie hiperłączy

156

Okno dialogowe Właściwości
przycisku aktywowanego

Okno dialogowe Właściwości przycisku aktywowanego
pozwala zastosować kilka rodzajów efektów (rysunek
6.56). Aby otworzyć to okno, wykonaj instrukcje
podrozdziału Aby dodać przycisk aktywowany lub
kliknij dwa razy istniejący przycisk aktywowany.
(1) Tekst przycisku: W polu tym wpisz tekst etykiety

przycisku aktywowanego, a następnie kliknij
przycisk Czcionka, aby zmienić krój, styl, rozmiar
i, co najważniejsze, kolor czcionki. Upewnij się, że
kolor czcionki kontrastuje z kolorem przycisku
oraz kolorem efektu.

(2) Połącz z: Wpisz tutaj adres pliku docelowego lub

kliknij przycisk Przeglądaj, aby otworzyć okno
dialogowe, które wyglądem i działaniem
przypomina okno dialogowe Wstawianie
hiperłącza (rysunek 6.8).

(3) Kolor przycisku: Wybierz kolor z palety kolorów.

Pracę z paletą kolorów omawia podrozdział Kolory
hiperłączy.

(4) Efekt: Z listy rozwijanej wybierz jeden z siedmiu

efektów. Aby przetestować efekt, włącz widok
Podgląd i umieść wskaźnik myszy nad
przyciskiem. Aby osiągnąć najlepszy rezultat,
wypróbuj różne kombinacje koloru efektu oraz
koloru tekstu. Aby zmodyfikować kolor tekstu,
kliknij przycisk Czcionka.

(5) Szerokość: Wpisz wartość definiującą ustalającą

szerokość przycisku. Jego rRozmiar przycisku
można również zmodyfikować w widoku
Normalny za pomocą wskaźnika myszy.

(6) Niestandardowe: Przycisk otwierający okno

dialogowe Niestandardowe, gdzie w którym
można wybrać dźwięk uruchamiany przy
kliknięciu lub aktywowaniu przycisku, oraz obraz
niestandardowy.

(7) Kolor tła: Wybierz kolor z rozwijanej palety

kolorów.

(8) Kolor efektu: Kliknij strzałkę, aby uzyskać dostęp

do palety kolorów. Aby osiągnąć najlepszy
rezultat, eksperymentuj z różnymi kolorami efektu,
efektami oraz kolorami tekstu. Aby zmodyfikować
kolor tekstu, kliknij przycisk Czcionka.

(9) Wysokość: Wpisz wartość definiującą wysokość

przycisku.

Aby edytować przycisk
aktywowany:

1. Włącz widok Normalny.
2. Kliknij przycisk prawym przyciskiem myszy i z

menu kontekstowego wybierz pozycję
Właściwości przycisku aktywowanego (Alt+Enter)
(rysunek 6.58) lub kliknij przycisk dwukrotnie.

3. Zmień cechy przycisku za pomocą pól i opcji okna

dialogowego Właściwości przycisku
aktywowanego (rysunek 6.56). Kliknij przycisk
OK, aby Aby zastosować zmiany, kliknij przycisk
OK.

4. Aby

przetestować efekt, włącz widok Podgląd i

umieść wskaźnik myszy nad przyciskiem.

Aby zmodyfikować przycisk
aktywowany:

1. Aby

dodać dźwięk lub obraz niestandardowy do

przycisku, kliknij go dwa razy w celu wywołania
okna dialogowego Właściwości przycisku
aktywowanego (rysunek 6.56).

2. Kliknij

przycisk

Niestandardowe okna

dialogowego Właściwości przycisku
aktywowanego.

3. Kliknij jeden z przycisków Przeglądaj okna

dialogowego Niestandardowe, aby odszukać plik
dźwiękowy lub graficzny (rysunek 6.59). Po
odszukaniu pliku kliknij przycisk OK okna
dialogowego Niestandardowe.

4. Aby

przetestować efekt, włącz widok Podgląd i

umieść wskaźnik myszy nad przyciskiem.

Wskazówka

Rysunek 6.58.
Aby edytować przycisk aktywowany, kliknij go
prawym przyciskiem myszy i z menu kontekstowego
wybierz pozycję Właściwości przycisku
aktywowanego

Rysunek 6.59.
Kliknij jeden z przycisków Przeglądaj okna
dialogowego Niestandardowe, aby odszukać plik
dźwiękowy lub graficzny

157 Front Page – Praktyczne projekty

• Kiedy dodajesz niestandardową grafikę do

przycisku aktywowanego, kliknij strzałkę
przycisku Otwórz okna dialogowego Wybierz
obraz, aby uzyskać dostęp do galerii klipartów
programu FrontPage (rysunek 6.60). Więcej
informacji na ten temat zawiera podrozdział
Galeria klipartów w rozdziale 7., Wstawianie i
edytowanie obrazów.

Rysunek 6.60.
Aby do przycisku aktywowanego dodać klipart, kliknij
strzałkę przycisku Otwórz okna dialogowego Wybierz
obraz

Rysunek 6.61.
W widoku Hiperłącza na w środku znajduje się
analizowana strona, na lewo – strony z hiperłączami do
analizowanej strony, a na prawo – strony, do których
prowadzą hiperłącza strony analizowanej

Rysunek 6.62.
W widoku Hiperłącza dzięki ikonom można odróżnić
hiperłącza do stron – zewnętrznych i wewnętrznych –
można odróżnić od hiperłączy do adresu e-mail po
ikonach

Widok Hiperłącza

Widok Hiperłącza służy do analizowania hiperłączy
witryny internetowej. Tu również najłatwiej stwierdzić,
czy jakiegoś łącza brakuje (rysunek 6.61). Analizę
hiperłączy dodatkowo ułatwiają ikony wskazujące typ
hiperłącza (rysunek 6.62). Chcesz obejrzeć hiperłącza
jednej z peryferyjnych stron witryny internetowej?
Zobacz podrozdział Aby sprawdzić hiperłącza strony
internetowej.

Aby włączyć widok
Hiperłącza:

• Z menu Widok wybierz pozycję Hiperłącza lub

kliknij ikonę Hiperłącza dostępną na pasku
widoków (rysunek 6.63). Hiperłącza – ze stroną
bieżącą na środku – pojawią się w prawym panelu
okna programu FrontPage (rysunek 6.61).

Aby sprawdzić hiperłącza
strony internetowej:

• Kliknij stronę prawym przyciskiem myszy i z

menu kontekstowego wybierz pozycję Przenieś do
środka. Kiedy Wwybrana strona znajdzie się na w
środku, gdzie można sprawdzić jej hiperłącza
(rysunek 6.64).

Rozdział 6

♦ Dodawanie hiperłączy

158

Rysunek 6.63.
Aby włączyć widok Hiperłącza, z menu Widok
wybierz pozycję Hiperłącza lub kliknij ikonę
Hiperłącza dostępną na pasku widoków

Rysunek 6.64.
Aby dokonać analizy hiperłączy pobocznej strony,
kliknij ją i z menu kontekstowego wybierz pozycję
Przenieś do środka. Kiedy wWybrana strona znajdzie
się na w środku, gdzie można sprawdzić jej hiperłącza

Rozdział 7. Wstawianie i
edytowanie obrazów

Obraz (plik graficzny), który chcesz umieścić na
stronie internetowej, musi posiadać odpowiedni format.
Temat ten oOmawiamy ten problem w pierwszym
podrozdzialeł tego rozdziału, Formaty plików
graficznych używanych na stronach internetowych. W
dDrugim podrozdziałpodrozdziale, Wstawianie
obrazów, wyjaśniamy, jak umieścić obraz na stronie
internetowej i zdefiniować jego rozmiar, styl otaczania,
grubość krawędzi i inne atrybuty. W Ppodrozdziałle
Edytowanie obrazów wyjaśniamy, co można zrobić za
pomocą narzędzi dostępnych na pasku narzędzi Obrazy
(rysunek 7.1). W oOstatnim podrozdziałpodrozdziale,
Pozycja bezwzględna obrazu, omawiamy narzędzia do
kontroli pozycji obrazów. Warto przypomnieć, że
tworzenie hiperłączy-obrazów oraz punktów
aktywnych zostało omawia przedstawione w
podrozdział podrozdziale Tworzenie hiperłączy-
obrazów w rozdziale 6., Dodawanie hiperłączy. Aby
dowiedzieć się, jak o korzystaniću z wbudowanych
motywów, przeczytaj podrozdział Szablony i motywy w
rozdziale 3., Tworzenie witryny internetowej. Aby na
stronie internetowej umieścić film wideo, zapoznaj się
z rozdziałem 9., Multimedia i składniki sieci Web.

Rysunek 7.1.
Pasek narzędzi Obrazy posiada narzędzia do edytowania obrazów

Insert picture – Wstaw obraz z pliku
Add text – Tekst
Create thumbnail – Autominiatura
Position absolutely – Pozycjonuj bezwzględnie
Bring forward – Przesuń do przodu
Send back – Przesuń do tyłu
Rotate left – Obróć w lewo
Rotate right – Obróć w prawo
Flip horizontal – Przerzuć w poziomie
Flip vertical – Przerzuć w pionie
More contrast – Więcej kontrastu
Less contrast – Mniej kontrastu
Brighter – Większe rozjaśnienie
Dimmer – Mniejsze rozjaśnienie
Crop – Przytnij
Line style – Styl linii
Format picture – Formatuj obraz
Set transparent color – Ustaw kolor przezroczysty
Set color – Kolor
Bevel border – Skos
Resample picture – Przepróbkowanie

Rozdział 7

♦ Wstawianie i edytowanie obrazów

160

Select – Wybierz
Create hotspots – Stwórz punkty aktywne
Add/remove buttons – Dodaj lub usuń przyciski
Restore picture – Przywróć

Formaty plików
graficznych używanych
na stronach
internetowych

Istnieje bardzo wiele formatów plików graficznych:
BMP, TIFF, TGA, EPS, RAS itd. Jednak do tworzenia
stron internetowych wykorzystuje się tak naprawdę
tylko dwa formaty: GIF oraz JPEG. Format GIF
(Graphical Interchange Format), stworzony przez firmę
CompuServe, jest wykorzystywany do małych
obiektów graficznych. Format JPEG, stworzony przez
Joint Photographic Experts Group, jest
wykorzystywanywykorzystuje się do średnich i dużych
zdjęć.
Format PNG (Portable Network Graphics) jest w
centrum cieszy się zainteresowaniema użytkowników
od kilku lat, z powodu kontrowersji wokół praw
autorskich do formatu GIF ponieważ oraz dlatego że
dobrze kompresuje obrazy bez utraty tak dużej ilości
danych jak format JPEG oraz z powodu kontrowersji
wokół praw autorskich do formatu GIF. Na rozwój i
akceptację formatu PNG negatywnie wpływa fakt, że
format ten jest obsługiwany tylko przez przeglądarki
internetowe w wersji 4 oraz przez przeglądarki nowsze.
Najlepszym rozwiązaniem są więc formaty GIF oraz
JPEG. Więcej szczegółów zawiera podrozdział
Konwersja formatu obrazu.

Małe jest piękne

Zanim umieścisz obraz na stronie internetowej,
upewnij się, że jest on tak mały, jak to tylko możliwe.
Obrazy o dużych rozmiarach mogą spowolnić działanie
stron internetowych do tego stopnia, że
zniecierpliwiony użytkownik po prostu zrezygnuje z
oglądania Twojej witryny. Zrób wszystko, co w Twojej
mocy, aby zmniejszyć rozmiar obrazu, i w ten sposób
przyspieszyć działanie witryny.
Z wyjątkiem przycięcia obróbkę obrazu należy
wykonać w jednym z programów do tworzenia grafiki,
takim jak Photoshop, DeBabelizer lub Fireworks.
Obróbkę obrazu rozpocznij od przycięcia jego
szerokości i wysokości, aby pozostawić tylko to, co w
danym obrazie jest najistotniejsze. Kogo interesuje
rozmazane tło lub parking na pierwszym planie?
Tajemnica małych obrazów (tj. takich, które zajmują
mało niewiele miejsca) kryje się w zastosowanej
kompresji. Obrazy GIF zajmują mało miejsca,
ponieważ liczba ilość wyświetlanych przez nie
kolorów jest zredukowana do nie więcej niż 256.

Obrazy JPEG uzyskują mały rozmiar dzięki kompresji

161 Front Page – Praktyczne projekty

stratnej: im większa kompresja, tym mniejszy rozmiar,
ale również gorsza jakość, obrazu.
Liczba Ilość kolorów w obrazie, czyli głębia bitowa,
ma duży wpływ na rozmiar pliku (tabela 7.2). Wielu
użytkowników Internetu nadal korzysta z monitorów 8-
bitowych wyświetlających tylko 256 kolorów.
Ponieważ do nawet 40 z tych kolorów jest
zarezerwowanych dla systemu operacyjnego
komputera, większość obrazów GIF używa tylko 216
kolorów palety kolorów bezpiecznych dla Internetu
(przeglądarek internetowych). Konwersja obrazu o
wysokiej rozdzielczości na obraz wykorzystujący
paletę kolorów bezpiecznych dla Internetu jest czasem
nazywana indeksowaniem lub mapowaniem obrazu –
bierze się to stąd, dlatego że informacja o kolorze
każdego piksela obrazu jest przechowywana w indeksie
o wyglądzie siatki.
Chociaż konwersja obrazu zawierającego miliony
kolorów na w obraz zawierający kilkaset kolorów
może wydawać się szalonym pomysłem, budując
witrynę internetową, należy dążyć do tego, aby
wyglądała ona tak samo bez względu na system
operacyjny i monitor użytkownika. Aby znaleźć złoty
środek między minimalną głębią bitową a przyzwoitą
zadowalającą jakością obrazu, zapisz obraz kilka razy
za pomocą programu graficznego, za każdym razem
wybierając inną głębię bitową.
Inaczej ma się sprawa jest ze zdjęciami: redukcja głębi
bitowej daje tu nieciekawy zły rezultat – np. odcienie
kolorówkolor skóry, na przykład, wyglądają okropnie
brzydko po konwersji na format GIF. Do zdjęć należy
używać formatu JPEG, który korzysta z zupełnie innej
metody kompresji. FrontPage jest wyposażony w
narzędzia do kontrolowania rozmiaru obrazu JPEG za
pomocą różnych poziomów kompresji. Więcej
szczegółów zawiera podrozdział Konwersja formatu
obrazu. Minusem formatu JPEG jest jego nienajlepsza
współpraca z narzędziem Ustaw kolor przezroczystości
(po ustawiania ustawieniu koloru przezroczystości
obraz wygląda jakby go uszkodziły termity).
Jeżeli mimo starań obraz nadal jest duży, pomyśl o
wykorzystaniu narzędzia Autominiatura – szczegóły w
podrozdziale Autominiatury i galerie fotografii.

Tabela 7.1.
GIF kontra JPEG: który format jest lepszy?
Element strony internetowej Najlepszy

format

przyciski, strzałki GIF
ilustracje GIF
animacje GIF
bloki koloru

GIF

zdjęcia o rozmiarach przycisku

GIF

średnie i duże zdjęcia JPEG
Tabela 7.2.
Głębia kolorów, liczba ilość kolorów i rozmiar pliku

Obraz oryginalny (nieindeksowany)

24 bity

17 milionów kolorów

1,1 MB (rozmiar oryginalny)

15 bitów

32 768 kolorów

816K

Obraz zindeksowany (GIF)

8 bitów

256 kolorów

417K

7 bitów

128 kolorów

111K

6 bitów

64 kolory

94K

5 bitów

32 kolory

77K

4 bity

16 kolorów

60K

3 bity

8 kolorów

43K

Rozdział 7

♦ Wstawianie i edytowanie obrazów

162

2 bity

4 kolory

17K

1 bit

2 kolory

163 Front Page – Praktyczne projekty

Wstawianie obrazów

Po zredukowaniu obrazów do minimalnych rozmiarów
za pomocą programu graficznego umieszczenie ich na
stronie internetowej jest prostym zadaniem.

Aby wstawić obraz:

1. Kliknij

ikonę Strona dostępną na pasku widoków,

aby Aby wyświetlić widok Strona, kliknij ikonę
Strona dostępną na pasku widoków, a następnie
kliknij w miejscu, w którym chcesz umieścić
obraz.

2. Z

Wstaw wybierz pozycję Obraz, a

następnie – pozycję ClipArt lub Z pliku (rysunek
7.2).

3. Jeżeli wybierzesz pozycję ClipArt, FrontPage

otworzy okienko zadań Wstawianie obiektu
ClipArt. Odszukaj obraz za pomocą pola Wyszukaj
tekst oraz przycisku Wyszukiwanie (rysunek 7.3).
Kliknij obraz w okienku zadań, aby Aby umieścić
go obraz na stronie internetowej, kliknij go w
okienku zadań. Więcej informacji o używaniu
klipartów zawiera podrozdział Galeria klipartów.
lub

Jeżeli wybierzesz pozycję Z pliku, FrontPage

otworzy okno dialogowe Obraz (rysunek 7.4).

Odszukaj obraz za pomocą przycisków dostępnych

pasku

Szukaj w, a następnie, aby umieścić go na

stronie internetowej, kliknij przycisk

Wstaw, aby

umieścić go na stronie internetowej.
4. Zapisz

stronę wraz z jej nowym obrazem (Ctrl+S).

Jeżeli obraz nie należy do bieżącej witryny,
FrontPage otworzy okno dialogowe Zapisywanie
plików osadzonych (rysunek 7.5).

5. Aby

zmienić nazwę obrazu, kliknij przycisk Zmień

nazwę; aby zapisać obraz w innym folderze,
kliknij przycisk Zmień folder. Kliknij przycisk OK.

6. Wstawiony i zapisany obraz można edytować.

Zobacz podrozdział Edytowanie obrazów.

Rysunek 7.2.
Aby wstawić obraz, z menu Wstaw wybierz pozycję
Obraz, a następnie – pozycję ClipArt lub Z pliku

Rysunek 7.3.
Okienko zadań Wstawianie obiektu ClipArt umożliwia
dostęp do bezpłatnych klipartów

Rysunek 7.4.
Okno dialogowe Obraz umożliwia dostęp do obrazów
umieszczonych na dysku twardym lub w Internecie

Rozdział 7

♦ Wstawianie i edytowanie obrazów

164

Rysunek 7.5.
Okno dialogowe Zapisywanie plików osadzonych
pozwala zmienić nazwę obrazu oraz wskazać folder, w
którym chcesz go przechowywać

Rysunek 7.6.
Jeżeli okno dialogowe Obraz nie wyświetla podglądu
zaznaczonego obrazu, kliknij strzałkę przycisku
Widoki i z listy rozwijanej wybierz pozycję Podgląd

Rysunek 7.7.
Aby wstawić obraz, kliknij przycisk Wstaw obraz z
pliku dostępny na pasku narzędzi Obrazy

Rysunek 7.8.
Jeżeli obraz został umieszczony na Liście folderów,
kliknij i przeciągnij go na stronę internetową

Wskazówki

• Trzy z czterech opcji ulokowanych u dołu

podmenu, o którym mowa w punkcie 2. (rysunek
7.2) – Nowy rysunek, Autokształty oraz WordArt –
omawiamy w rozdziale 8., Tworzenie i edytowanie
rysunków. Aby uzyskać informacje o czwartej
opcji – Wideo – zobacz podrozdział Filmy wideo i
animacje w rozdziale 9., Multimedia i składniki
sieci Web. Więcej informacji o opcji Nowa galeria
fotografii znajdziesz w podrozdziale Aby stworzyć
galerię fotografii.

• Jeżeli okno dialogowe Obraz nie wyświetla

podglądu zaznaczonego obrazu, kliknij strzałkę
przycisku Widoki i z listy rozwijanej wybierz
pozycję Podgląd (rysunek 7.6).

• Aby wstawić obraz, kliknij przycisk Wstaw obraz

z pliku dostępny na pasku narzędzi Obrazy
(rysunek 7.7).

• Aby wstawić obraz znajdujący się już w witrynie

internetowej, otwórz Listę folderów, a następnie
kliknij i przeciągnij żądany obraz na stronę
internetową (rysunek 7.8).

• Chociaż każda witryna utworzona za pomocą

programu FrontPage standardowo posiada folder
images, zaimportowane umieszczone obrazy nie
zawsze są w nim zapisywane. Użyj przycisku
Zmień folder okna dialogowego Zapisywanie
plików osadzonych, żeby było wiadomo, do
poinstruowania programu FrontPage, w którym
folderze FrontPage ma on zapisywać pliki
graficzne. Standardową nazwę folderu images
można zmienić na inną, na przykładnp. obrazy
(rysunek 7.5).

• W punkcie 6. aby Aby zmienić format obrazu w

punkcie 6., na przykładnp. z formatu GIF na
JPEG, kliknij przycisk Opcje obrazu i wybierz
opcje w oknie dialogowym Opcje obrazu (rysunek
7.9). Więcej informacji na ten temat zawiera
podrozdział Konwersja formatu obrazu.

165 Front Page – Praktyczne projekty

Rysunek 7.9.
Aby zmienić format obrazu, kliknij przycisk Opcje
obrazu i w oknie dialogowym Opcje obrazu wybierz
opcję JPEG lub GIF

Rozdział 7

♦ Wstawianie i edytowanie obrazów

166

Galeria klipartów

FrontPage 2002 jest dostarczany z kolekcją klipartów.
Program ten może również korzystać z bogatych
kolekcji klipartów dostarczanych z pakietami Office
2000 i Office XP. Okienko zadań Wstawianie obiektu
ClipArt umożliwia dostęp do klipartów umieszczonych
na dysku twardym oraz w Internecie (rysunek 7.10).
Aby otworzyć okienko zadań Wstawianie obiektu
ClipArt, z menu Wstaw wybierz pozycję Obraz, a
następnie – pozycję ClipArt.
(1) Wyszukaj tekst: W polu tym wpisz jedno lub kilka

słów kluczowych opisujących temat klipu. Za
pomocą list rozwijanych ulokowanych w sekcji
Inne opcje wyszukiwania rozszerz lub ogranicz
zakres poszukiwań. Chodzi o to, aby zZakres
wyszukiwania nie był powinien być ani za wąski,
ani za szeroki. W pierwszym przypadku FrontPage
może nie znaleźć żadnego klipu, w drugim – setki
klipów.

(2) Wyszukaj: Kliknij ten przycisk, aby odszukać

klipy po zdefiniowaniu kryteriów wyszukiwania.

(3) Przywróć: Kliknij ten przycisk, aby przywrócić

kryteria poprzedniego wyszukiwania. Funkcja ta
pozwala przełączać się między ograniczonym a
rozszerzonym wyszukiwaniem.

(4) Wyszukaj w: Standardowo lista ta jest ustawiona

na opcję Wszystkie kolekcje, co oznacza, że
FrontPage przeszuka wszystkie kolekcje klipów
dostarczonych z programem FrontPage lub
pakietem Office, a także kolekcje, które utworzył
użytkownik. Zaznacz lub wyczyść pola wyboru
listy rozwijanej Wyszukaj w, aby Aby rozszerzyć
lub ograniczyć zakres poszukiwań, zaznacz pola
wyboru lub usuń zaznaczenia listy rozwijanej
Wyszukaj w. Kliknij symbol + lub –, aby Aby
rozwinąć lub zwinąć element listy rozwijanej,
kliknij symbol + lub –. (rysunek 7.11).

(5) Wyniki powinny mieć postać: Standardowo lista to

jest ustawiona na opcję Wszystkie typy plików
multimedialnych. Zaznacz lub wyczyść pola
wyboru listy rozwijanej Wyniki powinny mieć
postać, aby Aby rozszerzyć lub ograniczyć zakres
poszukiwań zaznacz pola wyboru lub usuń
zaznaczenia listy rozwijanej Wyniki powinny mieć
postać (rysunek 7.11).

Rysunek 7.10.
Okienko zadań Wstawianie obiektu ClipArt umożliwia
dostęp do klipartów umieszczonych na dysku twardym
oraz w Internecie

Rysunek 7.11.
Użyj list rozwijanych oraz pól wyboru do rozszerzenia
lub ograniczenia zakresu poszukiwań

Rysunek 7.12.

(6) Clip Organizer: Program ten umożliwia dostęp do

tych samych klipów co przycisk Wyszukaj.
Różnica polega na tym, że można tu przeglądać
klipy według kategorii bez konieczności
podawania słów kluczowych (rysunek 7.12). Przy
pierwszym uruchomieniu programu Clip
Organizer, FrontPage zapyta, czy chcesz
skatalogować pliki graficzne, dźwiękowe i
filmowe umieszczone na dysku twardym.
Ponieważ może to zająć trochę czasu, kliknij
przycisk Później. Obiekty programu Clip
Organizer można przeciągnąć bezpośrednio na
stronę internetową.

(7) Clips Online: Wybierz tę opcję, aby uzyskać

dostęp do kolekcji klipartów umieszczonych w
witrynie internetowej firmy Microsoft. Zanim

167 Front Page – Praktyczne projekty

Clip Organizer umożliwia dostęp do tych samych
klipów co przycisk Wyszukaj – różnica polega na tym,
że można tu przeglądać klipy według kategorii

Rysunek 7.13.
Wybierz opcję Clips Online, aby uzyskać dostęp do
internetowej kolekcji klipartów – Design Gallery Live

Rysunek 7.14.
Internetowa kolekcja klipartów, Design Gallery Live,
firmy Microsoft umożliwia dostęp do wielu plików
multimedialnych

wybierzesz opcję Clips Online (rysunek 7.13)
połącz się z Internetem. Po zaakceptowaniu
umowy licencyjnej uzyskasz dostęp do
internetowej kolekcji klipów – Design Gallery
Live (rysunek 7.14).

(8) Porady dotyczące znajdowania klipów: Wybierz tę

opcję, aby uruchomić pomoc programu FrontPage
z poradami na temat używania klipartów.

Rozdział 7

♦ Wstawianie i edytowanie obrazów

168

Konwersja formatu
obrazu

Obraz umieszczony na stronie internetowej FrontPage
może zapisać w formacie GIF lub JPEG. Jeżeli głębia
bitowa obrazu nie przekracza 8 bitów, FrontPage
zapisuje obraz w formacie GIF. , a jJeżeli głębia bitowa
obrazu przekracza 8 bitów, FrontPage zapisuje obraz w
formacie JPEG. FrontPage pozwala ponadto
przekonwertować zmienić obraz GIF na JPEG i
odwrotnie.

Aby zmienić format obrazu:

1. Prawym przyciskiem myszy kliknij obraz, którego

format chcesz zmienić, i z menu kontekstowego
wybierz pozycję Właściwości obrazu (Alt+Enter)
(rysunek 7.15).

2. Wyświetl kartę Ogólne okna dialogowego

Właściwości obrazu. Bieżący format obrazu jest
wskazywany przez opcję wybraną w sekcji Typ.
Aby zmienić format, wybierz opcję GIF lub JPEG
(rysunek 7.16).

3. Po wybraniu formatu kliknij przycisk OK, aby

zamknąć okno dialogowe Właściwości obrazu.
Zapisz zmiany (Ctrl+S). FrontPage wyświetli
okno dialogowe Zapisywanie plików osadzonych.
Kliknij przycisk Opcje obrazu (rysunek 7.17).

Rysunek 7.15.
Aby zmodyfikować obraz, kliknij go prawym
przyciskiem myszy i z menu kontekstowego wybierz
pozycję Właściwości obrazu

Rysunek 7.16.
Aby zmienić format obrazu, wyświetl kartę Ogólne
okna dialogowego Właściwości obrazu

Rysunek 7.17.
Kliknij przycisk Opcje obrazu, aby ustawić opcje
obrazu

169 Front Page – Praktyczne projekty

Rysunek 7.18.
Aby zapisać obraz w formacie JPEG, określ jakość
kompresji oraz liczbę ilość pobrań progresywnych

4. W oknie dialogowym Opcje obrazu podaj wartości

w polach Jakość oraz Liczba pobrań
progresywnych (rysunek 7.18). Po wybraniu opcji
omówionych dokładniej poniżej (Wskazówki)
kliknij przycisk OK, aby Aby zastosować zmiany
po wybraniu opcji omówionych dokładniej
poniżej, (Wskazówki) kliknij przycisk OK.

Wskazówki

• Im wyższa jakość obrazu (wartość w polu Jakość),

tym bardziej wierny, ale mniej skompresowany,
jest obraz. Wartość 75 wskazuje średni poziom
kompresji; wartość 100 oznacza, że obraz jest
nieskompresowany. Wartość umieszczona w polu
Liczba pobrań progresywnych informuje, ile razy
przeglądarka musi pobrać obraz, aby wyświetlić
go całkowicie. Podczas ustawiania opcji obserwuj,
jak zmieniają się wartości Rozmiar oryginalny i
Zmieniony rozmiar w prawym górnym rogu okna
dialogowego Opcje obrazu (rysunek 7.18).

• Jeżeli wybierzesz format GIF, możesz zaznaczyć

pole wyboru Z przeplotem, dzięki czemu
przeglądarka wyświetli obraz pasmami. W wyniku
zaznaczenia pola wyboru Z przeplotem
użytkownik zobaczy najpierw zarys, a nie cały
obraz. cały obraz nie pojawi się w przeglądarce
szybciej, ale użytkownik szybciej zobaczy zarys
obrazu.

• Pole wyboru Przezroczysty jest dostępne tylko

wtedy, gdy obraz posiada ma kolor przezroczysty.
Pole wyboru Przezroczysty służy do wyłączenia
przezroczystości. Więcej informacji o ustawianiu
koloru przezroczystości przezroczystego zawiera
podrozdział Aby ustawić kolor przezroczysty.

Rozdział 7

♦ Wstawianie i edytowanie obrazów

170

Tworzenie reprezentacji
alternatywnych

Użytkownicy, którzy mają dostęp do Internetu za
pomocą powolnego modemu, nierzadko wyłączają
funkcję wyświetlania obrazów w przeglądarkach
internetowych. Dzięki utworzeniu tekstu
alternatywnego dla każdego obrazu witryny
internetowej użytkownicy ci będą mieli informację o
obrazach umieszczonych na danej stronie. Zaleta tego
rozwiązania polega również na tym, że tekst pojawi się
na stronie prawie natychmiast, więc użytkownicy,
którzy nie wyłączyli funkcji wyświetlania obrazów, a
mają dostęp do Internetu za pomocą wolnego modemu,
mogą zdecydować, czy chcą czekać na wyświetlenie
obrazów (rysunek 7.19). Jeżeli użytkownik korzysta z
przeglądarki Internet Explorer, tekst alternatywny jest
wyświetlany jako etykieta, kiedy użytkownik umieści
wskaźnik myszy nad obrazem (rysunek 7.19). Warto
również zwrócić uwagę, że użytkownicy z wadami
wzroku używają specjalnych programów
odczytujących zawartość strony. Tekst alternatywny
jest dla nich bardzo pomocny.
Jest jeszcze jeden sposób na obrazy, Można również
utworzyć które zbyt wolno wczytują się do
przeglądarki: utworzenie obrazyu alternatywnego
alternatywne o niskiej rozdzielczości. Obraz
alternatywny o niskiej rozdzielczości pojawia Pojawia
się on na stronie internetowej prawie natychmiast i
pozostaje tam do czasu pojawiania pokazania się
obrazu o zwykłej rozdzielczości. Więcej informacji na
ten temat zawiera podrozdział Aby stworzyć obraz
alternatywny o niskiej rozdzielczości.

Aby utworzyć tekst
alternatywny:

1. Kliknij obraz prawym przyciskiem myszy i z menu

kontekstowego wybierz pozycję Właściwości
obrazu (Alt+Enter) (rysunek 7.15).

2. Wyświetl kartę Ogólne okna dialogowego

Właściwości obrazu (rysunek 7.16).

3. Wpisz krótki tekst w polu Tekst (sekcja

Reprezentacje alternatywne) (rysunek 7.20).

4. Kliknij

przycisk

OK. Tekst alternatywny stanie się

częścią kodu HTML.

Rysunek 7.19.
Dzięki utworzeniu tekstu alternatywnego dla każdego
obrazu użytkownik posiada informację o zawartości
obrazu zanim jeszcze przeglądarka wyświetli ten obraz.
W przeglądarce Internet Explorer tekst alternatywny
pojawia się w etykietach obrazów

Rysunek 7.20.
W sekcji Reprezentacje alternatywne karty Ogólne
wpisz krótki opis obrazu lub podaj instrukcje dla
użytkowników, którzy wyłączyli funkcję wyświetlania
obrazów w przeglądarkach

171 Front Page – Praktyczne projekty

Rysunek 7.21.
Aby obejrzeć tekst alternatywny w działaniu, z menu
Narzędzia przeglądarki Internet Explorer wybierz
pozycję Opcje internetowe

Rysunek 7.22.
Przeglądarka internetowa z wyłączoną funkcją
wyświetlania obrazów wyświetla tekst alternatywny

Wskazówka

• Aby zobaczyć tekst alternatywny w działaniu,

czyli w przeglądarce z wyłączoną funkcją
wyświetlania obrazów, uruchom przeglądarkę
Internet Explorer, . z Z menu Narzędzia wybierz
pozycję Opcje internetowe, wyświetl kartę
Zaawansowane okna dialogowego Opcje
internetowe, a następnie wyczyść usuń
zaznaczenie polae wyboru Pokaż obrazy w sekcji
Multimedia (rysunek 7.21). Kliknij przycisk OK,
aby Aby zamknąć okno dialogowe Opcje
internetowe, kliknij przycisk OK., Wwróć do
programu FrontPage i kliknij przycisk Podgląd w
przeglądarce dostępny na pasku narzędzi
Standardowy (rysunek 7.22).

Rozdział 7

♦ Wstawianie i edytowanie obrazów

172

Aby stworzyć obraz
alternatywny o niskiej
rozdzielczości:

1. Prawym przyciskiem myszy kliknij obraz o

zwykłej rozdzielczości i z menu kontekstowego
wybierz pozycję Właściwości obrazu (Alt+Enter)
(rysunek 7.15).

2. Wyświetl kartę Wygląd okna dialogowego

Właściwości obrazu. Zwróć uwagę na szerokość i
wysokość obrazu podaną w polach Szerokość i
Wysokość sekcji Rozmiar (rysunek 7.23). Kliknij
przycisk Anuluj, aby zamknąć okno dialogowe
Właściwości obrazu.

3. Uruchom program graficzny, którego zwykle

używasz do obróbki plików graficznych, i wykonaj
kopię oryginalnego obrazu. Jednak podczas
zapisywania kopii zastosuj rozdzielczość 18 dpi
zamiast zwykłej rozdzielczości 96 dpi. Upewnij
się, że kopia posiada ten sam rozmiar co oryginał
(w naszym przykładzie 189 x 191 pikseli) – w
innym przypadku przy rozdzielczości 18 dpi obraz
będzie niezwykle mały.

4. Wróć do programu FrontPage, prawym

przyciskiem myszy kliknij obraz o zwykłej
rozdzielczości i z menu kontekstowego wybierz
pozycję Właściwości obrazu (Alt+Enter) (rysunek
7.15).

5. Wyświetl kartę Ogólne okna dialogowego

Właściwości obrazu.

6. Kliknij

przycisk

Przeglądaj (sekcja Reprezentacje

alternatywne), aby Aby odszukać obraz o niskiej
rozdzielczości,. kliknij przycisk Przeglądaj (sekcja
Reprezentacje alternatywne).

Rysunek 7.23.
Zanim utworzysz obraz alternatywny o niskiej
rozdzielczości, zapamiętaj szerokość i wysokość
obrazu oryginalnego podaną w polach Szerokość i
Wysokość okna dialogowego Właściwości obrazu

Rysunek 7.24.
Użyj sekcji Reprezentacje alternatywne okna
dialogowego Właściwości obrazu do skojarzenia
obrazu o niskiej rozdzielczości z obrazem o zwykłej
rozdzielczości

7. Kiedy wrócisz do okna dialogowego Właściwości

obrazu, nazwa wybranego obrazu pojawi się w
polu Niska rozdzielczość (rysunek 7.24). Kliknij
przycisk OK – obraz o niskiej rozdzielczości
zostanie skojarzony z obrazem o zwykłej
rozdzielczości. Dzięki zastosowaniu tego
rozwiązania, kiedy użytkownik otworzy stronę z
obrazem w swojej przeglądarce, prawie
natychmiast pojawi się w niej obraz o niskiej
rozdzielczości, a dopiero za chwilę obraz o
zwykłej rozdzielczości.

173 Front Page – Praktyczne projekty

Określanie położenia
obrazu w stosunku do
przyległego tekstu

Podczas tworzenia strony internetowej czasem
najwięcej problemów przysparza rozmieszczenie jest z
właściwym rozmieszczeniem tekstu i obrazów.

Aby określić pozycję obrazu
w stosunku do tekstu:

1. Kliknij obraz prawym przyciskiem myszy i z menu

kontekstowego wybierz pozycję Właściwości
obrazu (Alt+Enter) (rysunek 7.15).

2. Wyświetl kartę Wygląd okna dialogowego

Właściwości obrazu (rysunek 7.23).

3. Aby

ustawić styl otaczania obrazu, wybierz opcję

Brak, Do lewej lub Do prawej (sekcja Styl
otaczania). Aby mieć jeszcze większą kontrolę nad
położeniem obrazu w stosunku do przyległego
tekstu lub obrazów, wybierz jedną z opcji listy
rozwijanej Wyrównanie (sekcja Układ) (rysunek
7.25). Opcje Do lewej i Do prawej listy rozwijanej
Wyrównanie mają dają taki sam efekt co jak opcje
Do lewej i Do prawej sekcji Styl otaczania.

4. Kliknij

OK. FrontPage zastosuje wybrane opcje do

obrazu (rysunek 7.26). Rysunek 7.27 przedstawia
rezultat działania różnych opcji listy rozwijanej
Wyrównanie.

Rysunek 7.25.
Sekcja Układ karty Wygląd kontroluje pozycję obrazu
w stosunku do przyległego tekstu, a także grubość
krawędzi obrazu oraz odstępy wokół niego

Rysunek 7.26.
Obraz u góry ekranu jest wyrównany do prawej; obraz
u dołu jest wyrównany do lewej

Do góry: Górna krawędź obrazu znajduje się na równi z górną krawędzią najwyższego
elementu (w tym przypadku – przycisku Start).

Do góry tekstu: Górna krawędź obrazu znajduje się na równi z górną krawędzią tekstu.

Do środka: Środek obrazu znajduje się na równi z górną krawędzią tekstu.

Do środka bezwzględnego: Środek obrazu znajduje się na równi ze środkiem najwyższego
elementu (w tym przypadku – przycisku Start).

Do linii bazowej: Dolna krawędź obrazu znajduje się na równi z dolną krawędzią tekstu.

Do dołu: Tak samo jak Do linii bazowej.

Do dołu bezwzględnego: Dolna krawędź obrazu znajduje się na równi z dolną krawędzią
najniższego elementu.

Do osi: Oś obrazu znajduje się na równi z osią największego tekstu.

Rysunek 7.27.
Opcje dostępne na liście rozwijanej Wyrównanie kontrolują pozycję obrazu w stosunku do tekstu i grafiki

Rozdział 7

♦ Wstawianie i edytowanie obrazów

174

Rysunek 7.28.
Obraz w prawym górnym rogu ma krawędź o grubości
4 pikseli; obraz w lewym dolnym rogu ma krawędź o
grubości 1 piksela

Rysunek 7.29.
Wartość odstępów w poziomie obrazu w prawym
górnym rogu wynosi 30 pikseli; wartość odstępów w
pionie obrazu w lewym dolnym rogu wynosi 15 pikseli

Aby ustawić grubość
krawędzi obrazu:

1. Kliknij obraz prawym przyciskiem myszy i z menu

kontekstowego wybierz pozycję Właściwości
obrazu (Alt+Enter) (rysunek 7.15).

2. Wyświetl kartę Wygląd okna dialogowego

Właściwości obrazu (rysunek 7.23).

3. W

polu

Grubość krawędzi (sekcja Układ) wpisz

wartość określającą grubość krawędzi obrazu w
pikselach lub wybierz ją za pomocą strzałek tego
pola. Kliknij przycisk OK. Krawędź o podanej
grubości pojawi się wokół obrazu (rysunek 7.28).

Aby dodać odstępy wokół
obrazu:

1. Kliknij obraz prawym przyciskiem myszy i z menu

kontekstowego wybierz pozycję Właściwości
obrazu (Alt+Enter) (rysunek 7.15).

2. Wyświetl kartę Wygląd okna dialogowego

Właściwości obrazu (rysunek 7.23).

3. Określ w pikselach odstępy wokół obrazu,

wpisując wartości w polach Odstępy w poziomie
oraz Odstępy w pionie (sekcja Układ) lub
wybierając je za pomocą strzałek (rysunek 7.25).
Kliknij przycisk OK. Wokół obrazu pojawią się
odstępy (rysunek 7.29).

175 Front Page – Praktyczne projekty

Wstawianie linii
poziomych

Linia pozioma nie jest oczywiście obrazem, ale
omawiamy ją w tym rozdziale, ponieważ jest ona
podstawowym elementem graficznym stron
internetowych. Parę innych graficznych sposobów
modyfikowania wyglądu strony – zmienianie koloru
strony i dodawanie obrazu tła – omawia poruszamy w
podrozdziałle Kolory hiperłączy w rozdziale 6.,
Dodawanie hiperłączy.

Aby wstawić linię poziomą:

1. Kliknij

ikonę Strona dostępną na pasku widoków,

aby Aby wyświetlić widok Strona, kliknij ikonę
Strona dostępną na pasku widoków. i uUmieść
kursor w miejscu, w którym chcesz wstawić linię
poziomą (rysunek 7.30).

2. Z

Wstaw wybierz pozycję Linia pozioma

(rysunek 7.31). FrontPage wstawi linię poziomą w
żądanym miejscu (rysunek 7.32).

Aby edytować linię poziomą:

1. Kliknij

linię poziomą prawym przyciskiem myszy

i z menu kontekstowego wybierz pozycję
Właściwości linii poziomej (Alt+Enter) (rysunek
7.33).

2. W oknie dialogowym Właściwości linii poziomej

można zmodyfikować rozmiar, wyrównanie oraz
kolor linii poziomej (rysunek 7.34). Więcej
informacji na ten temat zawiera podrozdział Okno
dialogowe Właściwości linii poziomej.

3. Kliknij

przycisk

OK, aby Aby zastosować zmiany,

Kliknij przycisk OK.

Rysunek 7.30.
Umieść kursor w miejscu, w którym chcesz wstawić
linię poziomą

Rysunek 7.31.
Aby wstawić linię poziomą, z menu Wstaw wybierz
pozycję Linia pozioma

Rysunek 7.32.
Linia pozioma została umieszczona na stronie
internetowej

Rysunek 7.33.
Aby edytować linię poziomą, kliknij ją prawym
przyciskiem myszy i z menu kontekstowego wybierz
pozycję Właściwości linii poziomej

Rozdział 7

♦ Wstawianie i edytowanie obrazów

176

Rysunek 7.34.
Okno dialogowe Właściwości linii poziomej służy do
modyfikowania rozmiaru, wyrównania oraz koloru linii
poziomej

Okno dialogowe Właściwości
linii poziomej

Okno dialogowe Właściwości linii poziomej służy do
modyfikowania rozmiaru, wyrównania oraz koloru linii
poziomej (rysunek 7.34).
(1) Rozmiar: Standardowo FrontPage ustawia

szerokość linii poziomej jako procent szerokości
okna przeglądarki internetowej. Aby ustawić
szerokość bezwzględną, wybierz opcję W
pikselach. Wysokość zawsze ustawia się w
pikselach. Aby ustawić szerokość lub wysokość
linii poziomej, wpisz odpowiednią wartość w polu
Szerokość lub Wysokość albo wybierz ją za
pomocą strzałek.

(2) Wyrównanie: Standardowo FrontPage wyrównuje

linię poziomą do środka (opcja Do środka). Aby
wyrównać linię poziomą do lewej lub do prawej,
wybierz opcję Do lewej lub Do prawej.

(3) Kolor: Kliknij strzałkę na prawo od napisu

Automatyczny, aby wyświetlić paletę kolorów, z
której można wybrać kolor standardowy (jeden z
szesnastu predefiniowanych podstawowych
kolorów HTML) oraz kolor dokumentu (aby
zachować schemat kolorów strony lub witryny
internetowej). Kliknij opcję Więcej kolorów, aby
Aby otworzyć paletę 216 kolorów
rozpoznawanych przez przeglądarki internetowe,
kliknij opcję Więcej kolorów. Standardowo linia
Linia pozioma standardowo posiada cień. Aby
usunąć efekt cienia z linii poziomej, zaznacz pole
wyboru Linia ciągła (bez cieniowania).

(4) Styl: Tego przycisku możesz użyć tylko wtedy,

gdy stworzyłeś arkusz stylów dla witryny
internetowej.

177 Front Page – Praktyczne projekty

Edytowanie obrazów

Choć do zaawansowanej obróbki obrazów graficznych
najlepiej użyć dobrego programu graficznego,
narzędzia dostępne na pasku narzędzi Obrazy
programu FrontPage wystarczą do wykonania wielu
podstawowych zadań edycyjnych (rysunek 7.1). Zwróć
uwagę, że podczas edycji obrazu program FrontPage
modyfikuje zmienia obraz oryginalny. Z tego powodu
należy zapisać kopię oryginału poza witryną
internetową. Jednym z najważniejszych narzędzi
dostępnych na pasku narzędzi Obrazy jest przycisk
Przywróć.

Aby cofnąć edycję obrazu:

• Zaznacz obraz, a następnie kliknij przycisk

Przywróć dostępny na pasku narzędzi Obrazy
(rysunek 7.35). Obraz wróci do ostatnio
zapisanego stanu.

Rysunek 7.35.
Aby cofnąć efekty modyfikowania obrazu, kliknij
przycisk Przywróć

Rysunek 7.36.
Sekcja Rozmiar karty Wygląd służy do ustawiania
szerokości i wysokości obrazu

Zmiana rozmiaru obrazu

Aby szybko zmienić rozmiar obrazu, należy kliknąć
jeden z jego czarnych kwadratowych uchwytów i
przeciągnąć wskaźnik myszy. Jeżeli chcesz mieć
precyzyjną kontrolę nad rozmiarem obrazu, użyj opcji
dostępnych na karcie Wygląd okna dialogowego
Właściwości obrazu. Zobacz również podrozdział
Przepróbkowanie Zmiana wielkości obrazu.

Aby zmienić rozmiar obrazu:

1. Kliknij obraz prawym przyciskiem myszy i z menu

kontekstowego wybierz pozycję Właściwości
obrazu (Alt+Enter) (rysunek 7.15).

2. Wyświetl kartę Wygląd okna dialogowego

Właściwości obrazu (rysunek 7.23).

3. W

sekcji

Rozmiar zaznacz pole wyboru Określ

rozmiar, a następnie wpisz wartości do pól
Szerokość i Wysokość lub wybierz je za pomocą
strzałek (rysunek 7.36). Standardowo wartości
podaje się w pikselach, chociaż można również
wybrać opcję W procentach.

4. Zaznacz pole wyboru Zachowaj współczynnik

proporcji, aby Aby zachować proporcje obrazu
podczas modyfikowania jego rozmiaru, zaznacz
pole wyboru Zachowaj współczynnik proporcji.

5. Kliknij

przycisk

OK, aby Aby zastosować zmiany,

kliknij przycisk OK.

Wskazówka

• Jeżeli zmiana rozmiaru obrazu przekracza 10%,

należy stworzyć nowy obraz za pomocą programu
graficznego i umieścić go na stronie internetowej.

Rozdział 7

♦ Wstawianie i edytowanie obrazów

178

Przepróbkowanie
Zmiana wielkości obrazu

Jeżeli chcesz zmienić rozmiar obrazu w znacznym
stopniu, najlepiej zrób to w osobnym programie
graficznym. W przypadku zmiany nieprzekraczającej
10%, rozmiar obrazu możesz zmodyfikować w
programie FrontPage, a następnie użyć narzędzia
Przepróbkowanie dostępnego na pasku narzędzi
Obrazy. Generalnie zmniejszanie rozmiaru obrazu
powoduje mniej zniekształceń niż zwiększanie
rozmiaru.

Aby przepróbkować zmienić
wielkość obrazu:

1. Kliknij

ikonę Strona dostępną na pasku widoków,

aby Aby wyświetlić widok Strona, kliknij ikonę
Strona dostępną na pasku widoków. upewnij
Upewnij się, że karta Normalny jest aktywna, a
następnie zaznacz (kliknij) obraz.

2. Zmień rozmiar obrazu, przeciągając jego czarne

kwadratowe uchwyty za pomocą wskaźnika myszy
(rysunek 7.37). Aby zachować oryginalne
proporcje obrazu, przeciągnij jeden z jego
uchwytów wierzchołkowych.

3. Kliknij

przycisk

Przepróbkowanie dostępny na

pasku narzędzi Obrazy (rysunek 7.38).

Rysunek 7.37.
Aby przepróbkować zmienić wielkość obrazu, najpierw
zmień rozmiar obrazu, przeciągając jego czarne
kwadratowe uchwyty za pomocą wskaźnika myszy

Rysunek 7.38.
Po zmodyfikowaniu rozmiaru obrazu kliknij przycisk
Przepróbkowanie, aby Aby zastosować zmiany, po
zmodyfikowaniu rozmiaru obrazu kliknij przycisk
Przepróbkowanie.

Rysunek 7.39.
Aby dodać tekst do obrazu, zaznacz go i kliknij
przycisk Tekst – na środku obrazu pojawi się pole
tekstowe

Rysunek 7.40.
Wpisz tekst w polu tekstowym. Jeżeli tekst nie mieści
się w polu tekstowym, powiększ jego rozmiar,
przeciągając jego uchwyty za pomocą wskaźnika
myszy

Aby dodać tekst do obrazu:

1. Kliknij

ikonę Strona dostępną na pasku widoków,

aby Aby wyświetlić widok Strona, kliknij ikonę
Strona dostępną na pasku widoków. Uupewnij się,
że karta Normalny jest aktywna, a następnie
zaznacz (kliknij) obraz.

2. Kliknij

przycisk

Tekst (rysunek 7.39). FrontPage

umieści pole tekstowe na środku obrazu. Wpisz
tekst (rysunek 7.40). Jeżeli tekst nie mieści się on
w polu tekstowym, powiększ jego rozmiar,
przeciągając jego uchwyty za pomocą wskaźnika
myszy. Zwróć uwagę, że pole tekstowe nie może
wychodzić poza krawędzie obrazu.

3. Aby

przesunąć pole tekstowe, kliknij go je i

przeciągnij za pomocą wskaźnika myszy. Aby
ustawić rozmiar lub kolor tekstu, kliknij pole
tekstowe prawym przyciskiem myszy i z menu
kontekstowego wybierz pozycję Czcionka,
wybierz opcje w oknie dialogowym i kliknij
przycisk OK. FrontPage zastosuje zmiany (rysunek
7.41).

Wskazówki

• Upewnij się, że tekst jest widoczny na tle obrazu.

Aby zmienić rozmiar lub kolor tekstu, kliknij pole
tekstowe prawym przyciskiem myszy i z menu
kontekstowego wybierz pozycję Czcionka. Aby
rozjaśnić obraz zaznacz go a następnie kliknij

179 Front Page – Praktyczne projekty

Rysunek 7.41.
FrontPage zastosował żądaną pozycję, czcionkę i kolor
tekstu

rozjaśnić obraz, zaznacz go, a następnie kliknij
przycisk Kolor dostępny na pasku narzędzi Obrazy
i z menu wybierz pozycję Odbarw (zobacz
następny podrozdział).

• Aby usunąć tekst z obrazu, zaznacz pole tekstowe i

naciśnij klawisz Backspace lub Delete.

• Wielką zaletą narzędzia Tekst jest to, że tekst

można zmienić lub przesunąć nawet po zapisaniu
zmian.

Aby odbarwić obraz:

1. Kliknij

ikonę Strona dostępną na pasku widoków,

aby Aby wyświetlić widok Strona, kliknij ikonę
Strona dostępną na pasku widoków. upewnij
Upewnij się, że karta Normalny jest aktywna, a
następnie zaznacz (kliknij) obraz (rysunek 7.42).

2. Kliknij

przycisk

Kolor dostępny na pasku narzędzi

Obrazy i z menu wybierz pozycję Odbarw
(rysunek 7.43). FrontPage rozjaśni obraz, dzięki
czemu można go będzie używać jako tła dla tekstu
lub dla innego obrazu (rysunek 7.44)

Rysunek 7.42.
Zaznacz obraz, który chcesz odbarwić

Rysunek 7.43.
Aby zredukować kontrast obrazu, kliknij przycisk
Kolor i z menu wybierz pozycję Odbarw

Rysunek 7.44.
Odbarwiony obraz może służyć jako tło dla tekstu lub
dla innego obrazu

Rysunek 7.45.
Duży obraz wolno wczytuje się do przeglądarki
i t

Autominiatury i galerie
fotografii

Miniatura jest małą wersją obrazu oryginalnego, która
ma tę przewagę nad oryginałem, że szybciej wczytuje
się do przeglądarki. Aby zobaczyć obraz oryginalny,
wystarczy kliknąć jego miniaturę. Dzięki miniaturom
można tworzyć albumy fotografii, na przykładnp. w
celu prezentacji produktów. FrontPage pozwala
ustawić właściwości miniatury, na przykładnp.
rozmiar, grubość krawędzi oraz krawędź ze skosem.

Rozdział 7

♦ Wstawianie i edytowanie obrazów

180

internetowej

Rysunek 7.46.
Aby stworzyć autominiaturę, kliknij przycisk
Autominiatura lub z menu Narzędzia wybierz pozycję
Autominiatura (Ctrl+T)

Rysunek 7.47.
Miniatura zawiera hiperłącze do obrazu oryginalnego –
wystarczy więc kliknąć miniaturę, aby wyświetlić
oryginał

Można tworzyć pojedyncze miniatury (autominiatury)
oraz galerie fotografii. Dzięki galeriom fotografii
można przekonwertować przetworzyć cały folder
obrazów na album miniatur. Galerie fotografii są
nowością programu FrontPage 2002.

Aby stworzyć autominiaturę:

1. Kliknij

ikonę Strona dostępną na pasku widoków,

2. Kliknij

przycisk

Autominiatura dostępny na pasku

narzędzi Obrazy lub z menu Narzędzia wybierz
pozycję Autominiatura (Ctrl+T) (rysunek 7.46).
Jeżeli obraz jest zbyt mały, aby utworzyć z niego
miniaturę, przycisk i pozycja Autominiatura będą
niedostępne. FrontPage utworzy małą wersję
obrazu oraz hiperłącze między obrazem
oryginalnym a jego miniaturą (rysunek 7.47).

181 Front Page – Praktyczne projekty

Aby ustawić właściwości
autominiatury:

1. Z

Narzędzia wybierz pozycję Opcje strony

(rysunek 7.48).

2. FrontPage

wyświetli kartę Autominiatura okna

dialogowego Opcje strony (rysunek 7.49). Z listy
rozwijanej Ustaw wybierz właściwość, którą
chcesz ustawić, a następnie podaj wartość w polu
Piksele. W razie potrzeby zaznacz pole wyboru
Grubość krawędzi i podaj wartość w polu Piksele.
Możesz również zaznaczyć pole wyboru Krawędź
ze skosem.

3. Kliknij

przycisk

OK. FrontPage zastosuje

ustawienia do wszystkich nowych miniatur.

Rysunek 7.48.
Aby ustawić właściwości autominiatury, z menu
Narzędzia wybierz pozycję Opcje strony

Rysunek 7.49.
Karta Autominiatura pozwala ustawić rozmiar, grubość
krawędzi oraz krawędź ze skosem autominiatury

Rozdział 7

♦ Wstawianie i edytowanie obrazów

182

Rysunek 7.50.
Aby stworzyć galerię fotografii, z menu Wstaw
wybierz pozycję Składnik sieci Web

Rysunek 7.51.
Z listy Typ składnika wybierz opcję Galeria fotografii,
a następnie wybierz jeden z układów galerii
dostępnych w prawym panelu

Rysunek 7.52.
Aby utworzyć galerię, kliknij przycisk Dodaj, a
następnie wybierz pozycję Obrazy z plików lub Obrazy
ze skanera lub aparatów fotograficznych

Aby stworzyć galerię
fotografii:

1. Umieść kursor w miejscu, w któreym chcesz

wstawić galerię fotografii, i z menu Wstaw
wybierz pozycję Składnik sieci Web (rysunek
7.50).

2. W oknie dialogowym Wstawianie składnika sieci

Web z listy Typ składnika wybierz opcję Galeria
fotografii, a następnie wybierz jeden z układów
galerii dostępnych w prawym panelu i kliknij
przycisk Zakończ (rysunek 7.51).

3. FrontPage

wyświetli kartę Obrazy okna

dialogowego Właściwości Galerii fotografii.
Kliknij przycisk Dodaj i z menu wybierz pozycję
Obrazy z plików (rysunek 7.52).

183 Front Page – Praktyczne projekty

4. W oknie dialogowym Otwórz plik odszukaj i

zaznacz obrazy, z których chcesz utworzyć galerię,
a następnie kliknij przycisk Otwórz (rysunek 7.53).
Aby wybrać więcej niż jeden plik, klikaj nazwy
plików przytrzymując klawisz Ctrl. Zaznaczone
obrazy pojawią się na liście okna dialogowego
Właściwości Galerii fotografii (rysunek 7.54).

5. Aby

zmienić porządek plików na liście, zaznacz

jeden z nich i kliknij przycisk Przenieś w górę lub
Przenieś w dół.od którego Od tego zależy
porządek pojawiania się obrazów podczas
działania w galerii fotografii., zaznacz plik i kliknij
przycisk Przenieś w górę lub Przenieś w dół. Aby
usunąć plik z galerii fotografii, zaznacz go i kliknij
przycisk Usuń. FrontPage usunie plik z galerii, ale
nie z dysku twardego.

6. W razie potrzeby zmodyfikuj rozmiar miniatury –

w tym celu kliknij jedną z pozycji listy i ustaw
szerokość i wysokość miniatury za pomocą pól
Szerokość i Wysokość. Standardowo FrontPage
zachowuje współczynnik proporcji obrazu, chyba
że wyczyścisz usuniesz zaznaczenie polae wyboru
Zachowaj współczynnik proporcji. Jeżeli
zaznaczysz pole wyboru Ustaw jako rozmiar
domyślny, szerokość i wysokość zaznaczonego
obrazu FrontPage zastosuje do wszystkich
obrazów na liście, ignorując oryginalny
współczynnik proporcji każdego obrazu.

Rysunek 7.53.

W oknie dialogowym Otwórz plik odszukaj i
zaznacz obrazy, z których chcesz utworzyć
galerię

Rysunek 7.54.

Zaznaczone obrazy pojawią się na liście okna
dialogowego Właściwości Galerii fotografii.
Zmień porządek obrazów za pomocą
przycisków Przenieś w górę lub Przenieś w
dół

Rysunek 7.55.
W polu Podpis lub Opis wpisz informacje o
zaznaczonym obrazie

7. Aby dodać informacje do obrazu,

zaznacz jego nazwę na liście i wpisz tekst
w polach Podpis i Opis (rysunek 7.55).
Standardowo tekst podpisu i opisu
używa formatowania czcionki ze strony
(opcja Użyj formatowania czcionki ze
strony). Aby zastosować inną czcionkę
lub styl, wybierz opcję Zastąp i użyj
niestandardowego formatowania czcionki
i sformatuj tekst podpisu i opisu za
pomocą dostępnych list rozwijanych i
przycisków. Wykonaj ten punkt dla
każdego obrazu, który wymaga podpisu
lub opisu.

8. Kliknij przycisk OK. FrontPage

wygeneruje stworzy galerię fotografii i
umieści ją na stronie internetowej
(rysunek 7.56). Aby wyświetlić obraz
oryginalny, kliknij jego miniaturę.

Rozdział 7

♦ Wstawianie i edytowanie obrazów

184

Rysunek 7.56.
Galeria fotografii na stronie internetowej

Wskazówka
• Jeżeli w punkcie 3. wybierzesz opcję

Obrazy ze skanera lub aparatów
fotograficznych, FrontPage zaimportuje
przeniesie obrazy bezpośrednio ze
wskazanego urządzenia bez konieczności
zapisywania ich na dysku twardym
(rysunek 7.52).

185 Front Page – Praktyczne projekty

Aby zmodyfikować galerię
fotografii:

1. Otwórz

stronę internetową, która zawiera galerię

fotografii, kliknij ją prawym przyciskiem myszy i
z menu kontekstowego wybierz pozycję Galeria
fotografii – właściwości (rysunek 7.57).

2. FrontPage

wyświetli kartę Obrazy okna

dialogowego Właściwości Galerii fotografii, gdzie
w którym można zmodyfikować porządek
obrazów, rozmiar miniatury oraz podpisy i opisy
obrazów (patrz podrozdział Aby stworzyć galerię
fotografii).

3. Aby

zmodyfikować układ galerii, wyświetl kartę

Układ i wybierz nazwę układu z listy Wybierz
układ (rysunek 7.58). Ustaw liczbę ilość obrazów
w wierszu, jeżeli opcja ta jest dostępna.

4. Aby

zmodyfikować obraz umieszczony w galerii,

wyświetl kartę Obrazy okna dialogowego
Właściwości Galerii fotografii i kliknij przycisk
Edytuj (rysunek 7.59). FrontPage otworzy okno
dialogowe Edytowanie obrazu, gdzie w którym
można zmienić rozmiar obrazu oryginalnego, a nie
jego miniatury (rysunek 7.59). Można również
obrócić i przyciąć obraz, a także wyświetlić
następny lub poprzedni obraz za pomocą
przycisków Wstecz lub Dalej. Kliknij przycisk OK,
aby Aby zastosować zmiany i wrócić do okna
dialogowego Właściwości Galerii fotografii,
kliknij przycisk OK.

5. Kliknij

przycisk

OK okna dialogowego

Właściwości Galerii fotografii, aby Aby
zmodyfikować galerię fotografii, kliknij przycisk
OK okna dialogowego Właściwości Galerii
fotografii.

Rysunek 7.57.

Aby zmodyfikować galerię fotografii, kliknij
ją prawym przyciskiem myszy i z menu
kontekstowego wybierz pozycję Galeria
fotografii – właściwości

Rysunek 7.58.

Aby zmodyfikować układ galerii, wyświetl
kartę Układ i wybierz nazwę układu z listy
Wybierz układ

Rozdział 7

♦ Wstawianie i edytowanie obrazów

186

Rysunek 7.59.

Aby zmodyfikować obraz umieszczony w
galerii (rysunek u dołu), kliknij przycisk
Edytuj (rysunek u góry)

Rysunek 7.60.
Obraz przed obróceniem lub przerzuceniem

Rysunek 7.61.
Pasek narzędzi Obrazy posiada cztery narzędzia do
obracania i przerzucania obrazów

Rysunek 7.62.
Po lewej, obraz obrócony w lewo; po prawej, obraz
przerzucony w pionie

Aby obrócić lub przerzucić
obraz:

1. Kliknij ikonę Strona, aby Aby wyświetlić

widok Strona, kliknij ikonę Strona.
upewnij Upewnij się, że karta Normalny
jest aktywna i zaznacz (kliknij) obraz
(rysunek 7.60).

2. Kliknij jeden z czterech przycisków na

pasku narzędzi Obrazy służących do
obracania i przerzucania obrazów
(rysunek 7.61). FrontPage obróci lub
przerzuci obraz w zależności o tego,
którego narzędzia użyłeś (rysunek 7.62).

Wskazówka
• Aby cofnąć operację obracania lub

przerzucania obrazu, kliknij jeszcze raz
ten samwybrany przycisk – FrontPage
przywróci oryginalną pozycję obrazu.

187 Front Page – Praktyczne projekty

Aby zmodyfikować kontrast
obrazu:

1. Kliknij

ikonę Strona, aby Aby wyświetlić widok

Strona, kliknij ikonę Strona. upewnij Upewnij się,
że karta Normalny jest aktywna i zaznacz (kliknij)
obraz (rysunek 7.63).

2. Kliknij

przycisk

Więcej kontrastu lub Mniej

kontrastu tyle razy, ile potrzeba, aby Aby
zwiększyć lub zmniejszyć kontrast obrazu, kliknij
przycisk Więcej kontrastu lub Mniej kontrastu tyle
razy, ile potrzeba (rysunki 7.64 oraz 7.65). Jeżeli
obraz ma zbyt duży kontrast, użyj przycisku Mniej
kontrastu; w przeciwnym przypadku, użyj
przycisku Więcej kontrastu. Aby cofnąć zmianę
kontrastu, naciśnij kombinację klawiszy (Ctrl+Z).

Aby zmodyfikować jasność
obrazu:

1. Kliknij

ikonę Strona, aby Aby wyświetlić widok

Strona, kliknij ikonę Strona. Uupewnij się, że
karta Normalny jest aktywna i zaznacz (kliknij)
obraz (rysunek 7.66).

2. Kliknij

przycisk

Większe rozjaśnienie lub Mniejsze

rozjaśnienie tyle razy, ile potrzeba, aby Aby
zwiększyć lub zmniejszyć jasność obrazu, kliknij
przycisk Większe rozjaśnienie lub Mniejsze
rozjaśnienie tyle razy, ile potrzeba (rysunki 7.67
oraz 7.68).

Rysunek 7.63.
Obraz oryginalny przed zmianą kontrastu

Rysunek 7.64.
Kliknij przycisk Więcej kontrastu lub Mniej kontrastu,
aby zwiększyć lub zmniejszyć kontrast obrazu

Rysunek 7.65.
Po lewej, obraz o maksymalnym kontraście; po prawej,
obraz o minimalnym kontraście

Rysunek 7.66.
Obraz oryginalny przez zmianą jasności

Rozdział 7

♦ Wstawianie i edytowanie obrazów

188

Rysunek 7.67.
Kliknij przycisk Większe rozjaśnienie lub Mniejsze
rozjaśnienie, aby zmienić jasność obrazu

Rysunek 7.68.
Po lewej, obraz o dużej jasności; po prawej, obraz o
niskiej jasności

Rysunek 7.69.
Aby przyciąć obraz, zaznacz go i kliknij przycisk
Przytnij

Rysunek 7.70.
Kliknij i przeciągnij dowolny uchwyt prostokąta, aby
Aby zdefiniować określić obszar przycięcia obrazu,
kliknij i przeciągnij dowolny uchwyt prostokąta

Rysunek 7.71.
FrontPage przytnie obraz, kiedy Kiedy naciśniesz
klawisz Enter lub ponownie klikniesz przycisk
Przytnij, obraz zostanie przycięty

Rysunek 7.72.
Aby ustawić kolor przezroczystośćy, kliknij przycisk
Ustaw kolor przezroczysty

Aby przyciąć obraz:

1. Kliknij

ikonę Strona, aby Aby wyświetlić widok

Strona, kliknij ikonę Strona. Uupewnij się, że
karta Normalny jest aktywna i zaznacz (kliknij)
obraz.

2. Kliknij

przycisk

Przytnij (rysunek 7.69).

3. Na obrazie pojawi się prostokąt wyznaczający

obszar przycięcia. Kliknij i przeciągnij dowolny
uchwyt tego prostokąta, aby Aby zdefiniować
określić obszar przycięcia obrazu, kliknij i
przeciągnij dowolny uchwyt tego prostokąta
(rysunek 7.70).

4. Naciśnij klawisz Enter lub ponownie kliknij

przycisk Przytnij. FrontPage przytnie obraz
(rysunek 7.71).

Aby ustawić kolor
przezroczystośćy:

1. Kliknij

ikonę Strona, aby Aby wyświetlić widok

Strona, kiknij ikonę Strona. Uupewnij się, że karta
Normalny jest aktywna i zaznacz (kliknij) obraz.

2. Kliknij

przycisk

Ustaw kolor przezroczysty

dostępny na pasku narzędzi Obrazy (rysunek
7.72). Umieść wskaźnik myszy nad obrazem –
wskaźnik przyjmie postać gumki (rysunek 7.73).

3. Umieść wskaźnik myszy nad kolorem obrazu,

który któremu chcesz ustawić jako nadać
przezroczystośćy, i naciśnij lewy przycisk myszy.
FrontPage ustawi kolor przezroczysty. Aby się o
tym przekonać, umieść Umieść wybrany obraz nad
innym obrazem, aby przekonać się, że
przezroczystość została nadana (rysunek 7.74).

189 Front Page – Praktyczne projekty

Rysunek 7.73.
Umieść wskaźnik myszy nad kolorem obrazu, który
chcesz ustawić jako przezroczysty, i naciśnij lewy
przycisk myszy

Rysunek 7.74.
Umieść zmodyfikowany obraz nad innym obrazem,
aby się przekonać, że jeden z jego kolorów jest
występuje przezroczystyprzezroczystość

Aby usunąć kolor obrazu:

1. Kliknij

ikonę Strona, aby Aby wyświetlić widok

Strona, kliknij ikonę Strona. Uupewnij się, że
karta Normalny jest aktywna i zaznacz (kliknij)
obraz.

2. Kliknij

przycisk

Kolor dostępny na pasku narzędzi

Obrazy i z menu wybierz pozycję Skala odcieni
szarości (rysunek 7.75). FrontPage wyświetli
obraz w odcieniach szarości.

Wskazówka

• Opcja Czarno-biały jest dostępna tylko podczas

pracy z grafiką wektorową. Więcej informacji na
ten temat zawiera rozdział 8., Tworzenie i
edytowanie rysunków.

Aby dodać skos do obrazu:

1. Kliknij

ikonę Strona, aby Aby wyświetlić widok

Strona, kliknij ikonę Strona. Uupewnij się, że
karta Normalny jest aktywna i zaznacz (kliknij)
obraz.

2. Kliknij

przycisk

Skos dostępny na pasku narzędzi

Obrazy. FrontPage doda skos do zaznaczonego
obrazu (rysunek 7.76).

Rysunek 7.75.
Aby usunąć kolor obrazu, kliknij przycisk Kolor i z
menu wybierz pozycję Skala odcieni szarości

Rysunek 7.76.
Aby dodać skos do obrazu, kliknij przycisk Skos
(rysunek z lewej). FrontPage doda skos do
zaznaczonego obrazu (rysunek z prawej)

Pozycja bezwzględna
obrazu

FrontPage wspiera obsługuje arkusze stylów

Rozdział 7

♦ Wstawianie i edytowanie obrazów

190

kaskadowych 2.0 (CSS 2.0) obsługiwane
rozpoznawane przez przeglądarki internetowe w wersji
4 i nowsze. Oznacza to, że Rrozmieszczając obrazy na
stronie internetowej, możesz korzystać z nowych
metod wcześniej niedostępnychich układania. Bez
arkuszy stylów kaskadowych obrazy i inne obiekty
można rozmieszczać wyłącznie jeden za drugim
wzdłuż i w poprzek strony. Dzięki arkuszom stylów
kaskadowych 2.0 obrazy można pozycjonować układać
bezwzględnie, czyli na przykładnp. umieszczać je na
wierzchuu góry lub na samym dole stosu obrazów i
innych obiektów. Należy jednak pamiętać o dwóch
ograniczeniach. Po pierwsze, obrazy, do których
zastosowano pozycjonowanie bezwzględne, w
starszych przeglądarkach są wyrównywane do lewej,
co nie wygląda dobrze. Po pierwsze, obrazy, w których
zastosowano tę funkcję, w starszych przeglądarkach
nie będą właściwie wyświetlane. Po drugie,
pozycjonowania bezwzględnego nie można jej używać
z dynamicznym HTML’em HTML-em (DHTML).
Ponieważ nNie wszystkie przeglądarki internetowe
obsługują arkusze stylów kaskadowych 2.0, więc stosuj
pozycjonowanie pozycję bezwzględnąe tylko wtedy,
gdy projektujesz witrynę dla użytkowników
korzystających z przeglądarek w wersji 4 i nowszych.
Generalnie, nNajlepiej stosować arkusze stylów
kaskadowych 1.0 (CSS 1.0), które mają wpływ jedynie
na formatowanie.

191 Front Page – Praktyczne projekty

Aby nadać obrazowi pozycję
bezwzględną:

1. Kliknij

ikonę Strona, aby Aby wyświetlić widok

Strona, kliknij ikonę Strona. Uupewnij się, że
karta Normalny jest aktywna i zaznacz (kliknij)
obraz (rysunek 7.77).

2. Kliknij

przycisk

Pozycjonuj bezwzględnie

dostępny na pasku narzędzi Obrazy (rysunek
7.78).

3. Kliknij obraz i przeciągnij go w nowe miejsce –

podczas przeciągania obrazu wskaźnik myszy
przyjmie postać czterech strzałek skierowanych w
cztery strony świata (rysunek 7.79). Po
umieszczeniu obrazu w nowym miejscu kliknij
poza obrazem.

Wskazówka

• Metoda ciągnij-i-upuść może nie zdać egzaminu,

jeżeli obraz trzeba umieścić w precyzyjnym
miejscu określonym przez współrzędne x, y. W
takim przypadku z menu Widok wybierz pozycję
Paski narzędzi, a następnie – pozycję
Pozycjonowanie, aby wyświetlić pasek narzędzi
Pozycjonowanie (rysunek 7.80). W polach
dostępnych na tym pasku wpisz wartości (w
pikselach) określające pozycję bezwzględną
obrazu.

Rysunek 7.77.
Aby nadać obrazowi pozycję bezwzględną, najpierw
go zaznacz

Rysunek 7.78.
Po zaznaczeniu obrazu kliknij przycisk Pozycjonuj
bezwzględnie

Rysunek 7.79.
Podczas przeciągania obrazu w nowe miejsce wskaźnik
myszy przyjmie postać czterech strzałek skierowanych
w cztery strony świata

Rysunek 7.80.
Aby mieć większą kontrolę nad pozycją obrazu, w
polach dostępnych na pasku narzędzi Pozycjonowanie
wpisz wartości (w pikselach) określające pozycję
bezwzględną obrazu

Rysunek 7.81.
Użyj przycisku Przesuń do przodu lub Przesuń do tyłu,
aby Aby zaznaczony obraz przesunąć do przodu lub do
tyłu w stosunku do innych obrazów, użyj przycisku
Przesuń do przodu lub Przesuń do tyłu

Aby obraz przesunąć do
przodu lub do tyłu w
stosunku do innych
obrazów:

1. Zaznacz (kliknij) obraz.
2. Aby

przesunąć obraz do przodu w stosunku do

innych obrazów, kliknij przycisk Przesuń do
przodu;. aby Aby przesunąć obraz do tytułu,
kliknij przycisk Przesuń do tyłu. Oba przyciski
znajdują się na pasku narzędzi Obrazy (rysunek
7.81). FrontPage zmieni pozycję obrazów w
stosunku do siebie (rysunek 7.82).

Wskazówki

• Jeżeli na stronie internetowej znajduje się wiele

Rozdział 7

♦ Wstawianie i edytowanie obrazów

192

Rysunek 7.82.
Obraz z choinką został umieszczony pod obrazem z
żarówką

Rysunek 7.83.
Po lewej, obraz z choinką został umieszczony pod
obrazem z żarówką; po prawej, obraz z choinką został
umieszczony nad obrazem z żarówką

Rysunek 7.84.
Zwróć uwagę, że dla każdego obrazu można ustawić
jeden kolor jako przezroczysty, co można wykorzystać
podczas pozycjonowania ustawiania obrazów

zachodzących na siebie obrazów,
najprawdopodobniej trzeba będzie kliknąć kilka
razy przycisk Przesuń do przodu lub Przesuń do
tyłu, aby uzyskać pożądany efekt.

• Nie można zaznaczyć (kliknąć) małego obrazu

umieszczonego za dużym obrazem. Aby uzyskać
dostęp do małego obrazu, kliknij duży obraz, a
następnie kliknij przycisk Przesuń do tyłu – w ten
sposób mały obraz znajdzie się na wierzchuprzed
dużym, gdzie można go zaznaczyć (rysunek 7.83).

• Zwróć uwagę, że każdy obraz może posiadać mieć

ustawiony tylko jeden kolor jako przezroczysty, co
otwiera nowe możliwości podczas
pozycjonowania obrazów. Białe tło obrazów GIF
użytych w tym podrozdziale zostało ustawione
jako kolor przezroczysty przezroczystość (rysunek
7.84).

• Zwróć uwagę, że wiele efektów, które można

utworzyć za pomocą arkuszy stylów kaskadowych
2.0pozycjonowania bezwzględnego, można
stworzyć w programie graficznym, omijając w ten
sposób problemy ze zgodnością z przeglądarkami
internetowymi.

Rozdział 8. Tworzenie i
edytowanie rysunków

Jeżeli kiedykolwiek użyłeś programu Microsoft

PowerPoint do stworzenia schematu organizacyjnego,
pracowałeś z grafiką wektorową. Obrazy GIF oraz
JPEG są mapami bitowymi, co oznacza, że składają się
one z różnokolorowych pikseli. Rysunki natomiast są
obrazami wykorzystującymi grafikę wektorową.
Ponieważ Oobraz wykorzystujący grafikę wektorową
jest generowany tworzony matematycznie., jego Jego
plik jest dużo mniejszy niż plik odpowiadającego mu
pliku GIF lub JPEG, w wyniku czego grafika
wektorowa szybciej wczytuje się do przeglądarki.
Trzeba jednak pamiętać, że tylko przeglądarki
internetowe w wersji 5 i nowsze mogą czytać kod
VML (Vector Markup Language) używany do
generowania grafiki wektorowej.
Aby rozwiązać ten problem, FrontPage tworzy obraz
GIF dla każdego rysunku wykorzystującego grafikę
wektorową. Przeglądarka, która nie obsługuje kodu
VML, zamiast oryginalnego rysunku wyświetla obraz
GIF. Wada tego rozwiązania polega na tym, że obraz
GIF jest większy i wolniej wczytuje się do przeglądarki
internetowej niż oryginalny obraz wykorzystujący
grafikę wektorową. Zatem grafika wektorowa,
podobnie jak wiele innych technologii, ma wady i
zalety. Zwróć uwagę, że jeżeli zastosujesz grafikę
wektorową, tylko użytkownicy najnowszych
przeglądarek, na przykład Internet Explorer 5, będą
mogli w pełni wykorzystać docenić jej zalety.

Prawie wszystkie narzędzia programu FrontPage 2002
do tworzenia rysunków znajdują się na paskach
narzędzi Rysowanie (rysunek 8.1) i WordArt (rysunek
8.2). Rysunki można podzielić na trzy grupy: proste
kształty, na przykładnp. linie, strzałki, kwadraty i
okręgi;, autokształty oraz obiekty WordArt.
Autokształty pozwalają narysować wiele
predefiniowanych podstawowych kształtów za pomocą
wskaźnika myszy. Menu Autokształty zawiera również
narzędzia do rysowania dowolnych kształtów. Więcej
informacji na ten temat zawiera podrozdział Aby
narysować dowolny kształt. Dzięki obiektom WordArt
można utworzyć transparenty oraz wiele wymyślnych
efektów tekstowych. Więcej informacji na ten temat
zawiera podrozdział Obiekty WordArt.
FrontPage 2002 jest również wyposażony w narzędzia
do stworzenia kanwy rysunku, która pozwala tworzyć
skomplikowane rysunki złożone z wielu kształtów.
Więcej informacji na ten temat zawiera podrozdział
Kanwa rysunku. Do tworzenia złożonych układów
stron można wykorzystać narzędzie Pole tekstowe
dostępne na pasku narzędzi Rysowanie. Więcej
informacji na ten temat zawiera podrozdział Tworzenie

Rozdział 8

♦ Tworzenie i edytowanie rysunków

194

pól tekstowych.

Aby wyświetlić pasek
narzędzi Rysowanie:

• Z menu Widok wybierz pozycję Paski narzędzi, a

następnie – pozycję Rysowanie.

Rysunek 8.1.
Pasek narzędzi Rysowanie zawiera prawie wszystkie narzędzia do tworzenia rysunków

Draw tool – Rysuj
Choose draw tool – Wybierz narzędzie
Select object – Zaznacz obiekty
AutoShapes tool – Autokształty
Choose AutoShape – Wybierz autokształt
Line – Linia
Arrow – Strzałka
Rectangle – Prostokąt
Oval – Elipsa
Text box – Pole tekstowe
Insert WordArt – Wstaw obiekt WordArt
Insert clip art – Wstaw ClipArt
Insert file art – Wstaw obraz z pliku
Fill color – Kolor wypełnienia
Choose fill color – Wybierz kolor wypełnieania
Line color – Kolor linii
Choose line color – Wybierz kolor linii
Font color – Kolor czcionki
Choose font color – Wybierz kolor czcionki
Line style – Styl linii
Dash style – Styl kreskowany
Arrow style – Styl strzałki
Shadow style – Cień
3-D style – 3-W

Rysunek 8.2.
Pasek narzędzi WordArt posiada narzędzia do tworzenia i modyfikowania wymyślnych efektów tekstowych

Apply WordArt effect – Wstaw obiekt WordArt
Change text – Edytuj tekst
Choose WordArt effect – Galeria WordArt
Format WordArt – Formatuj WordArt
Shape WordArt – Kształt obiektu WordArt
Letter height – Jednakowa wysokość liter WordArt
Vertical letters – Tekst pionowy WordArt
Alignment – Wyrównanie obiektu WordArt
Letter spacing – Odstępy między znakami WordArt

Rysunek 8.3.
Aby narysować prosty kształt, wybierz jeden z czterech
prostych kształtów – linię, strzałkę, prostokąt lub elipsę

Aby narysować prosty
kształt:

1. Wyświetl pasek narzędzi Rysowanie, a następnie

wybierz jeden z czterech prostych kształtów –
linię, strzałkę, prostokąt lub elipsę (rysunek 8.3).

195 Front Page – Praktyczne projekty

Rysunek 8.4.
Nie ma znaczenia, czy rysujesz strzałkę, prostokąt czy
okrąg – w każdym przypadku technika rysowania
kształtu jest taka sama

2. Umieść wskaźnik myszy w miejscu, w którym ma

się pojawić kształt, naciśnij lewy przycisk myszy i
przeciągnij jej wskaźnik (rysunek 8.4). Zwolnij
przycisk myszy, kiedy kształt osiągnie żądany
rozmiar – pozycję i rozmiar kształtu można
dostosować później. Narysowany kształt posiada
małe okręgi wskazujące jego granice (rysunek
8.4). Więcej informacji na temat przesuwania i
dostosowywania modyfikacji kształtu zawiera
podrozdział Modyfikacja rysunków.

Rozdział 8

♦ Tworzenie i edytowanie rysunków

196

Aby dodać autokształt:

1. Wyświetl pasek narzędzi Rysowanie, kliknij

przycisk Autokształty dostępny na tym pasku,
wybierz kategorię kształtów, a następnie wybierz
kształt z podmenu (rysunek 8.5).

2. Umieść wskaźnik myszy w miejscu, w którym ma

się pojawić kształt., naciśnij Naciśnij lewy
przycisk myszy i przeciągnij jej wskaźnik (rysunek
8.6). Zwolnij przycisk myszy, kiedy kształt
osiągnie żądany rozmiar – jego pozycję i rozmiar
kształtu można dostosować później. Narysowany
kształt posiada małe okręgi wskazujące jego
granice (rysunek 8.6). Więcej informacji na temat
przesuwania i dostosowywania kształtu zawiera
podrozdział Modyfikacja rysunków.

Wskazówki

• Aby umieścić autokształt na stronie internetowej, z

menu Wstaw wybierz pozycję Obraz, a następnie –
pozycję Autokształty. Po pojawieniu się paska
narzędzi Autokształty wybierz kształt (rysunek
8.7).

• Jeżeli masz zamiar stworzyć serię autokształtów,

możesz utworzyć oddzielny pasek narzędzi
Autokształty. Kliknij przycisk Autokształty
dostępny na pasku narzędzi Rysowanie i umieść
wskaźnik myszy nad górną krawędzią menu –
wskaźnik myszy przyjmie postać czterech strzałek
skierowanych w cztery strony świata. Teraz
możesz przeciągnąć pasek narzędzi Autokształty na
pulpit (rysunek 8.8).

Rysunek 8.5.
Aby dodać autokształt, wybierz kategorię kształtów, a
następnie konkretny kształt

Rysunek 8.6.
Umieść wskaźnik myszy w miejscu, w którym ma się
pojawić kształt, naciśnij lewy przycisk myszy i
przeciągnij jej wskaźnik (rysunek z lewej). Zwolnij
przycisk myszy, kiedy kształt osiągnie żądany rozmiar
(rysunek z prawej)

Rysunek 8.7.
Aby umieścić autokształt na stronie internetowej, z
menu Wstaw wybierz pozycję Obraz, a następnie –
pozycję Autokształty (rysunek z lewej). Po pojawieniu
się paska narzędzi Autokształty wybierz kształt
(rysunek z prawej)

197 Front Page – Praktyczne projekty

Rysunek 8.8.
Aby utworzyć oddzielny pasek narzędzi Autokształty,
kliknij przycisk Autokształty i przeciągnij jego menu
na pulpit

Rysunek 8.9.
Aby narysować krzywą, kliknij przycisk Autokształty,
z menu wybierz pozycję Linie, a następnie – narzędzie
Krzywa

Rysunek 8.10.
Kliknij w miejscu, w którym krzywa ma mieć swój
początek, narysuj krzywą do miejsca, w którym ma się
znaleźć jej środek, i kliknij ponownie (rysunek po
lewej). Rysuj dalej, aż dotrzesz do punktu, w którym
krzywa ma mieć swój koniec – zwróć uwagę, że
miejsce, w którymgdzie kliknąłeś poprzednio, jest
punktem wierzchołkowym krzywej (rysunek w
środku). Kliknij dwukrotnie – FrontPage zaznaczy
narysowaną krzywą (rysunek po prawej)

Rysunek 8.11.
Aby zmodyfikować łuk krzywej, umieść wskaźnik

Aby narysować krzywą:

1. Wyświetl pasek narzędzi Rysowanie, kliknij

przycisk Autokształty, z menu wybierz pozycję
Linie, a następnie – narzędzie Krzywa (rysunek
8.9).

2. Kliknij w miejscu, w którym krzywa ma mieć swój

początek, n. Narysuj krzywą do miejsca, gdziew
którym ma się znaleźć jej środek, i kliknij
ponownie (rysunek 8.10, po lewej). Rysuj dalej, aż
dotrzesz do punktu, w którym krzywa ma mieć
swój koniec. Zwróć uwagę, że miejsce, w
którymgdzie kliknąłeś poprzednio, jest punktem
wierzchołkowym krzywej (rysunek 8.10, w
środku). Kliknij dwukrotnie – FrontPage zaznaczy
narysowaną krzywą. Krzywa, podobnie jak inne
kształty, posiada okrągłe uchwyty (rysunek 8.10,
po prawej).

3. Aby

zmodyfikować łuk krzywej, umieść wskaźnik

myszy nad jej uchwytem (wskaźnik przyjmie
postać dwukierunkowej strzałki), naciśnij lewy
przycisk myszy i przeciągnij (rysunek 8.11).

4. Kliknij poza krzywą, aby Aby usunąć jej uchwyty

kliknij poza krzywą.

Wskazówka

• Ponieważ kKrzywe i inne kształty często

wymagają dostosowywania, więc dla wygody
utwórz oddzielny pasek narzędzi Linie. Kliknij
przycisk Autokształty, wybierz pozycję Linie,.
umieść Umieść wskaźnik myszy nad górną
krawędzią podmenu Linie i przeciągnij go na
pulpit (rysunek 8.12, u góry). Zwolnij przycisk
myszy – pasek narzędzi Linie oderwie zostanie
odłączony się od paska narzędzi Rysowanie
(rysunek 8.12, u dołu).

Rozdział 8

♦ Tworzenie i edytowanie rysunków

198

myszy nad jej środkowym uchwytem, naciśnij lewy
przycisk myszy i przeciągnij

Rysunek 8.12.
Aby stworzyć oddzielny pasek narzędzi Linie, kliknij i
przeciągnij górną krawędź podmenu Linie na pulpit

199 Front Page – Praktyczne projekty

Aby narysować dowolny
kształt:

1. Wyświetl pasek narzędzi Rysowanie, kliknij

przycisk Autokształty, z menu wybierz pozycję
Linie, a następnie kliknij przycisk Dowolny kształt
(rysunek 8.13).

2. Kliknij w miejscu, w którym kształt ma mieć swój

początek, i zacznij rysować, klikając w każdym
miejscu, w którym linia kształtu ma zmienić
kierunek (rysunek 8.14, po lewej).

3. Kiedy

uznasz,

że kształt jest gotowy, kliknij

dwukrotnie – FrontPage zaznaczy kształt. O tym,
że kształt jest on zaznaczony, świadczą okrągłe
uchwyty (rysunek 8.14, po prawej).

4. Aby

zmodyfikować kształt, kliknij go prawym

przyciskiem myszy i z menu kontekstowego
wybierz pozycję Edycja punktów (rysunek 8.15).

5. Kliknij i przeciągnij dowolny uchwyt kształtu (na

tym etapie pracy z kształtem uchwyty mają postać
małych czarnych kwadratów), aby Aby
zmodyfikować jego pozycję kształtu, kliknij i
przeciągnij dowolny jego uchwyt (na tym etapie
pracy z kształtem uchwyty mają postać małych
czarnych kwadratów) (rysunek 8.16).

6. Powtórz punkt 5. dla każdego uchwytu, który

chcesz zmodyfikować. Po zmodyfikowaniu
kształtu kliknij obok niego, aby usunąć uchwyty.

Rysunek 8.13.
Aby narysować dowolny kształt, kliknij przycisk
Autokształty, z menu wybierz pozycję Linie, a
następnie kliknij przycisk Dowolny kształt

Rysunek 8.14.
Kliknij w miejscu, w którym kształt ma mieć swój
początek, i zacznij rysować, klikając w każdym
miejscu, w którym linia kształtu ma zmienić kierunek
(rysunek po lewej). Kiedy uznasz, że kształt jest
gotowy, kliknij dwukrotnie – FrontPage zaznaczy
kształt (rysunek po prawej)

Rysunek 8.15.
Aby zmodyfikować kształt, kliknij go prawym
przyciskiem myszy i z menu kontekstowego wybierz
pozycję Edycja punktów

Rysunek 8.16.
Kliknij i przeciągnij dowolny uchwyt kształtu, aby Aby
zmodyfikować jego pozycję kształtu, kliknij i
przeciągnij dowolny jego uchwyt

Rozdział 8

♦ Tworzenie i edytowanie rysunków

200

Rysunek 8.17.
Aby pracować z narzędziem Bazgroły, kliknij przycisk
Autokształty, z menu wybierz pozycję Linie, a
następnie kliknij przycisk Bazgroły

Rysunek 8.18.
Kliknij w miejscu, w którym krzywa Beziera ma mieć
początek, i rysuj bez klikania. Kiedy uznasz, że krzywa
jest gotowa, kliknij dwukrotnie – FrontPage zaznaczy
krzywą (rysunek po prawej)

Rysunek 8.19.
Aby zmodyfikować kształt, kliknij go prawym
przyciskiem myszy i z menu kontekstowego wybierz
pozycję Edycję punktów

Narzędzie Bazgroły

Pod skromną nazwą Bazgroły kryje się narzędzie o
dużych możliwościach, choć bywa czasaemi trudne w
użyciu. Narzędzie Bazgroły służy do tworzenia
kształtów – kombinacji linii prostych i krzywych –
znanych w programach Adobe Illustrator i Macromedia
FreeHand jako krzywe Beziera. Kształt wykonany za
pomocą narzędzia Bazgroły można modyfikować,
przeciągając jego uchwyty za pomocą wskaźnika
myszy. Aby dobrze posługiwać się tym narzędziem,
trzeba trochę potrenowaćpoćwiczyć.

Aby pracować z narzędziem
Bazgroły:

1. Wyświetl pasek narzędzi Rysowanie, kliknij

przycisk Autokształty, z menu wybierz pozycję
Linie, a następnie kliknij przycisk Bazgroły
(rysunek 8.17).

2. Kliknij w miejscu, w którym krzywa Beziera ma

mieć początek, i rysuj bez klikania (rysunek 8.18,
po lewej i w środku).

3. Kiedy

uznasz,

że krzywa jest gotowa, kliknij

dwukrotnie – FrontPage zaznaczy krzywą. O tym,
że krzywa jest zaznaczona, świadczą okrągłe
uchwyty (rysunek 8.18, po prawej).

4. Aby

zmodyfikować kształt, kliknij go prawym

przyciskiem myszy i z menu kontekstowego
wybierz pozycję Edycja punktów (rysunek 8.19).

5. Kliknij i przeciągnij dowolny uchwyt kształtu (na

tym etapie pracy z kształtem uchwyty mają postać
małych czarnych kwadratów), aby zmodyfikować
jego pozycję (rysunek 8.20). Aby zmienić sposób
działania uchwytu, kliknij go prawym przyciskiem
myszy i z menu kontekstowego wybierz jeden z
czterech typów: Autopunkt, Punkt gładki, Punkt
prosty lub Punkt narożny (rysunek 8.21). Chociaż
wygląd uchwytu nie zmieni się, zmieni się jego
sposób działania (rysunek 8.22).

6. Po zmodyfikowaniu kształtu kliknij obok niego,

aby usunąć uchwyty.

Rysunek 8.20.
Kliknij i przeciągnij dowolny uchwyt kształtu, aby Aby
zmodyfikować jego pozycję kształtu, kliknij i
przeciągnij dowolny jego uchwyt

Rysunek 8.21.
Aby zmienić sposób działania uchwytu, kliknij go

201 Front Page – Praktyczne projekty

prawym przyciskiem myszy i z menu kontekstowego
wybierz jeden z czterech typów

Rysunek 8.22.
Sposób działania uchwytu zależy od jego typu:. Od
lewej, typ Autopunkt, Punkt gładki oraz Punkt narożny

Rysunek 8.23.
Prawym przyciskiem myszy kliknij kształt w miejscu,
w którym chcesz dodać nowy punkt, i z menu
kontekstowego wybierz pozycję Dodaj punkt.
FrontPage doda nowy punkt do kształtu

Rysunek 8.24.
Prawym przyciskiem myszy kliknij punkt, który chcesz
usunąć, i z menu kontekstowego wybierz pozycję Usuń
punkt. FrontPage usunie punkt wraz z odcinkami po
jego obu stronach

Rysunek 8.25.
Aby usunąć odcinek (segment) kształtu, kliknij go
prawym przyciskiem myszy i z menu kontekstowego
wybierz pozycję Usuń segment

Wskazówki

• Aby mieć większy wpływ na wygląd kształtu,

można do niego dodać nowe uchwyty (punkty).
Prawym przyciskiem myszy kliknij kształt w
miejscu, w którym chcesz dodać nowy punkt, i z
menu kontekstowego wybierz pozycję Dodaj
punkt. FrontPage doda nowy punkt do kształtu
(rysunek 8.23).

• Można usunąć uchwyt (punkt) kształtu. Prawym

przyciskiem myszy kliknij punkt, który chcesz
usunąć, i z menu kontekstowego wybierz pozycję
Usuń punkt. FrontPage usunie punkt wraz z
odcinkami po jego obu stronach (rysunek 8.24).

• Aby usunąć odcinek (segment) kształtu bez

naruszania punktów, kliknij ten odcinek prawym
przyciskiem myszy i z menu kontekstowego
wybierz pozycję Usuń segment (rysunek 8.25).

• Segment kształtu może być prosty lub

zakrzywiony. Typ segmentu można zmienić. Od
typu segmentu zależy sposób jego działania
podczas modyfikowania (rysunek 8.26, po lewej i
po prawej). Aby zmienić typ segmentu, kliknij go
prawym przyciskiem myszy i z menu
kontekstowego wybierz pozycję Segment prosty
lub Segment zakrzywiony (rysunek 8.26, w
środku).

• Aby zamknąć otwarty kształt, kliknij go prawym

przyciskiem myszy i z menu kontekstowego
wybierz pozycję Zamknij krzywą (rysunek 8.27).

Rozdział 8

♦ Tworzenie i edytowanie rysunków

202

Rysunek 8.26.
Segment prosty (rysunek po lewej) działa inaczej niż
segment zakrzywiony (rysunek po prawej). Aby
zmienić typ segmentu, kliknij go prawym przyciskiem
myszy i z menu kontekstowego wybierz pozycję
Segment prosty lub Segment zakrzywiony (rysunek w
środku)

Rysunek 8.27.
Aby zamknąć otwarty kształt, kliknij go prawym
przyciskiem myszy i z menu kontekstowego wybierz
pozycję Zamknij krzywą

203 Front Page – Praktyczne projekty

Obiekty WordArt

WordArt, nowość w programie FrontPage 2002,
otwiera przed autorem stron internetowych dużo wiele
możliwości. Obiekty WordArt wykorzystują grafikę
wektorową, co oznacza, że można je zmodyfikować w
dowolnym momencie. Obiekty WordArt mMożna je
wykorzystać do tworzenia przycisków oraz innych
elementów związanych z nawigacją,. np. jJeżeli, na
przykład, zmieniasz strukturę witryny internetowej,
dużo szybciej możesz zmodyfikować przycisk
wykonany powstały z obiektu z szablonu WordArt niż
przycisk wykonany zrobiony z pliku w formacieobrazu
GIF. Chociaż galeria obiektów WordArt zawiera wiele
wymyślnych skomplikowanych stylów, najlepiej
zastosować styl prosty styl, ale za to który będzie
łatwiejszy w czytaniu.

Aby wyświetlić pasek
narzędzi WordArt:

• Z menu Wstaw wybierz pozycję Obraz, a

następnie – pozycję WordArt lub kliknij przycisk
Wstaw obiekt WordArt dostępny na pasku narzędzi
Rysowanie.

Aby dodać obiekt WordArt:

1. Z

Wstaw wybierz pozycję Obraz, a

następnie – pozycję WordArt lub kliknij przycisk
Wstaw obiekt WordArt dostępny na pasku narzędzi
Rysowanie (rysunek 8.28).

2. W oknie dialogowym Galeria WordArt wybierz

jeden z 30 stylów i kliknij przycisk OK (rysunek
8.29).

3. W oknie dialogowym Edytowanie tekstu WordArt

wybierz krój (lista rozwijana Czcionka), rozmiar
(lista rozwijana Rozmiar) i styl czcionki (przyciski
Pogrubienie i Kursywa), a następnie wpisz tekst w
polu Tekst (rysunek 8.30). Kliknij przycisk OK.
FrontPage umieści obiekt WordArt na stronie
internetowej (rysunek 8.31).

Rysunek 8.28.
Aby dodać obiekt WordArt, z menu Wstaw wybierz
pozycję Obraz, a następnie – pozycję WordArt
(rysunek po lewej) lub kliknij przycisk Wstaw obiekt
WordArt dostępny na pasku narzędzi Rysowanie
(rysunek po prawej)

Rysunek 8.29.
Okno dialogowe Galeria WordArt pozwala wybrać
jeden z 30 stylów

Rysunek 8.30.
W oknie dialogowym Edytowanie tekstu WordArt
wpisz tekst obiektu WordArt, a także ustaw wybierz

Rozdział 8

♦ Tworzenie i edytowanie rysunków

204

krój, rozmiar i styl czcionki

Rysunek 8.31.
Obiekt WordArt na stronie internetowej

Rysunek 8.32.
Aby zmodyfikować tekst obiektu WordArt, kliknij
przycisk Edytuj tekst dostępny na pasku narzędzi
WordArt

Rysunek 8.33.
Możesz wybrać jeden z kilkudziesięciu kształtów
tekstu

Aby zmodyfikować obiekt
WordArt:

1. Zaznacz (kliknij) obiekt WordArt przeznaczony do

modyfikowania. Wokół obiektu pojawią się
okrągłe uchwyty.

2. Aby

zmodyfikować tekst, kliknij przycisk Edytuj

tekst dostępny na pasku narzędzi WordArt
(rysunek 8.32). FrontPage otworzy okno
dialogowe Edytowanie tekstu WordArt.

3. Jeżeli obiekt WordArt jest zaznaczony, możesz

kliknąć dowolny przycisk dostępny na pasku
narzędzi WordArt i w ten sposób zastosować
konkretny efekt (rysunki 8.33–8.36).

205 Front Page – Praktyczne projekty

Rysunek 8.34.
Możesz zmienić orientację tekstu obiektu WordArt

Rysunek 8.35.
Możesz wybrać jedną z pięciu opcji wyrównania tekstu

Rozdział 8

♦ Tworzenie i edytowanie rysunków

206

Rysunek 8.36.
Możesz zdefiniować odstępy między znakami tekstu
obiektu WordArt

Wskazówki

• Aby otworzyć okno dialogowe Galeria WordArt,

kliknij pierwszy lub trzeci przycisk dostępny na
pasku narzędzi WordArt.

• Aby szybko zastosować lub zmodyfikować kilka

efektów WordArt, kliknij obiekt WordArt prawym
przyciskiem myszy i z menu kontekstowego
wybierz pozycję Formatuj obiekt WordArt lub
kliknij przycisk Formatuj obiekt WordArt
dostępny na pasku narzędzi WordArt (rysunek
8.37). Zmodyfikuj właściwości obiektu WordArt
za pomocą okna dialogowego Formatuj obiekt
WordArt (rysunek 8.38). Kliknij przycisk OK, aby
Aby zastosować zmiany do zaznaczonego obiektu
WordArt, kliknij przycisk OK. Jeżeli zaznaczysz
pole wyboru Domyślnie dla nowych obiektów,
wybrane ustawienia zostaną zastosowane do
nowych obiektów WordArt.

• W oknie dialogowym Formatuj obiekt WordArt

można ustawić m.in. kolor wypełnienia,
przezroczystość, kolor i styl linii, rozmiar, obrót,
wyrównanie oraz tekst alternatywny obiektu
WordArt.

• Aby edytować tekst, otworzyć okno dialogowe

Galeria WordArt lub zmienić odstępy między
znakami tekstu obiektu WordArt, trzeba
skorzystać z paska narzędzi WordArt.

Rysunek 8.37.
Aby szybko zmodyfikować kilka efektów WordArt,
kliknij obiekt WordArt prawym przyciskiem myszy i z
menu kontekstowego wybierz pozycję Formatuj obiekt
WordArt (rysunek po lewej) lub kliknij przycisk
Formatuj obiekt WordArt dostępny na pasku narzędzi
WordArt (rysunek po prawej)

Rysunek 8.38.
Zmodyfikuj właściwości obiektu WordArt za pomocą
okna dialogowego Formatuj obiekt WordArt

Rysunek 8.39.
Aby zmodyfikować rozmiar rysunku, umieść wskaźnik
myszy nad jednym z jego uchwytów, kliknij ten
uchwyt i przeciągnij go w nowe miejsce

Rysunek 8.40.

Modyfikacja rysunków

Wszystkie trzy typy rysunków programu FrontPage –
proste kształty, autokształty oraz obiekty WordArt – są
generowane zapisywane jako obiekty matematyczne.
Oznacza to, że w dowolnym momencie można zmienić
ich rozmiar lub pozycję. Obiekty te można również
obracać. Kolor, styl i inne właściwości kształtów
można zmienić za pomocą narzędzi dostępnych na
pasku narzędzi Rysowanie FrontPage pozwala również

207 Front Page – Praktyczne projekty

Aby zmodyfikować rozmiar linii lub strzałki, kliknij
jeden z jej uchwytów i przeciągnij go w nowe miejsce

Rysunek 8.41.
Zaawansowane autokształty posiadają dodatkowy
uchwyt o kształcie rombu, dzięki któremu można
dostosować wewnętrzne proporcje autokształtufigury

pasku narzędzi Rysowanie. FrontPage pozwala również
grupować i wyrównywać rysunki. Więcej informacji na
ten temat zawiera podrozdział Wyrównywanie,
modyfikowanie kolejności i grupowanie rysunków.

Aby zmodyfikować rozmiar
rysunku:

1. Zaznacz (kliknij) obiekt przeznaczony do

modyfikowania. Wokół obiektu pojawią się
okrągłe uchwyty.

2. Umieść wskaźnik myszy nad uchwytem

zaznaczonego obiektu. Wskaźnik przyjmie postać
dwukierunkowej strzałki (rysunek 8.39, po lewej).

3. Kliknij i przeciągnij uchwyt obiektu, aby Aby

zwiększyć lub zmniejszyć jego rozmiar obiektu,
kliknij i przeciągnij uchwyt jego. Linia przerywana
wskaże bieżący rozmiar obiektu (rysunek 8.39, w
środku).

4. Kiedy

uznasz,

że obiekt posiada właściwy rozmiar,

zwolnij przycisk myszy (rysunek 8.39, po prawej).

Wskazówki

• Aby zmodyfikować rozmiar linii lub strzałki,

kliknij jeden z jej uchwytów, przeciągnij go w
nowe miejsce i, kiedy uznasz, że obiekt ma
właściwy rozmiar, zwolnij przycisk myszy
(rysunek 8.40).

• Zaawansowane autokształty posiadają dodatkowy

uchwyt o kształcie rombu, dzięki któremu można
dostosować wewnętrzne proporcje autokształtu
figury (rysunek 8.41).

Rozdział 8

♦ Tworzenie i edytowanie rysunków

208

Aby przesunąć rysunek:

1. Kliknij rysunek i przeciągnij go w nowe miejsce

(rysunek 8.42, po lewej). Linia przerywana wskaże
bieżącą pozycję rysunku (rysunek 8.42, w środku).

2. Kiedy

uznasz,

że rysunek znajduje się we

właściwym miejscu, zwolnij przycisk myszy
(rysunek 8.42, po prawej).

Aby obrócić rysunek:

1. Umieść wskaźnik myszy nad zielonym uchwytem

rysunku. Wskaźnik przyjmie postać zakrzywionej
strzałki (rysunek 8.43, po lewej).

2. Naciśnij lewy przycisk myszy i przeciągnij

wskaźnik w kierunku zgodnym lub przeciwnym z
ruchem wskazówek zegara. Linia przerywana
wskaże bieżącą pozycję rysunku (rysunek 8.43, w
środku).

3. Kiedy

uznasz,

że rysunek znajduje się we

właściwej pozycji, zwolnij przycisk myszy
(rysunek 8.43, po prawej).

Aby przerzucić zrobić
odbicie lustrzane rysunku:
rysunek:

1. Zaznacz (kliknij) rysunek (rysunek 8.44).
2. Kliknij

przycisk

Rysuj dostępny na pasku narzędzi

Rysowanie, z menu wybierz pozycję Obróć lub
przerzuć, a następnie – pozycję Przerzuć w
poziomie lub Przerzuć w pionie (rysunek 8.45).
FrontPage przerzuci stworzy lustrzane odbicie
zaznaczonegozaznaczony rysunek (rysunek 8.46).

Wskazówka

• Jeżeli wybierzesz pozycję Obróć w lewo lub

Obróć w prawo, FrontPage obróci rysunek
zostanie obrócony o 90° stopni.

Rysunek 8.42.
Aby przesunąć rysunek, kliknij go, przeciągnij w nowe
miejsce i zwolnij przycisk myszy

Rysunek 8.43.
Aby obrócić rysunek, umieść wskaźnik myszy nad
zielonym uchwytem rysunku – wskaźnik przyjmie
postać zakrzywionej strzałki (rysunek po lewej).
Naciśnij lewy przycisk myszy i przeciągnij wskaźnik w
kierunku zgodnym lub przeciwnym z ruchem
wskazówek zegara lub przeciwnym (rysunek po
prawej)

Rysunek 8.44.
Aby przerzucić rysunek, zaznacz (kliknij) go.
Zaznaczony rysunek posiada uchwyty

Rysunek 8.45.
Kliknij przycisk Rysuj dostępny na pasku narzędzi
Rysowanie, z menu wybierz pozycję Obróć lub
przerzuć, a następnie – pozycję Przerzuć w poziomie
lub Przerzuć w pionie

209 Front Page – Praktyczne projekty

Rysunek 8.46.
Rysunek został przerzucony. Teraz można go poddać
dalszej obróbce

Rysunek 8.47.
Zaznacz rysunek, kliknij jeden z ośmiu ostatnich
przycisków dostępnych na pasku narzędzi Rysowanie,
a następnie wybierz efekt z rozwijanej palety

Rysunek 8.48.
Narzędzie 3-W dostępne na pasku narzędzi Rysowanie

Aby zmodyfikować inne
właściwości rysunku:

1. Zaznacz (kliknij) rysunek, kliknij jeden z ośmiu

ostatnich przycisków dostępnych na pasku
narzędzi Rysowanie, a następnie wybierz efekt z
rozwijanej palety (rysunek 8.47).

2. FrontPage

pokaże efekt modyfikacji zastosuje

efekt do zaznaczonego rysunku.

3. Upewnij

się, że rysunek jest zaznaczony., i kliknij

inny przycisk (rysunek 8.48, u góry), aby Aby
zastosować kolejny efekt (rysunek 8.48, u dołu),
kliknij inny przycisk (rysunek 8.48, u góry).

Rozdział 8

♦ Tworzenie i edytowanie rysunków

210

zmienia płaski prostokąt w trójwymiarowy sześcian

Wskazówki

• Pasek narzędzi Rysowanie udostępnia ogromną

wiele ilości efektów, m.in. stylów linii, cieni oraz
efektów trójwymiarowych (rysunek 8.49). Warto
poświęcić trochę czas,u na poznanie tych
efektówaby je poznać.

• Aby szybko zastosować kilka efektów, kliknij

obiekt prawym przyciskiem myszy i z menu
kontekstowego wybierz pozycję Formatuj
Autokształt (rysunek 8.50). Zmodyfikuj
właściwości obiektu za pomocą okna dialogowego
Formatuj Autokształt (rysunek 8.51, po lewej).
Kliknij przycisk OK, aby zastosować zmiany do
zaznaczonego obiektu (rysunek 8.51, po prawej).
Jeżeli zaznaczysz pole wyboru Domyślnie dla
nowych obiektów, wybrane ustawienia zostaną
zastosowane do nowych kształtów, co może
zaoszczędzić sporo czasu podczas tworzenia serii
kształtów o podobnych właściwościach.

Rysunek 8.49.
Pasek narzędzi Rysowanie udostępnia ogromną
ilościwiele efektów

Rysunek 8.50.
Aby szybko zastosować kilka efektów, kliknij obiekt
prawym przyciskiem myszy i z menu kontekstowego
wybierz pozycję Formatuj Autokształt

Rysunek 8.51.
W oknie dialogowym Formatuj Autokształt (po lewej)
zmodyfikuj właściwości kształtu (po prawej)

Rysunek 8.52.
Zaznacz obiekty, których pozycję chcesz
zmodyfikować – aby zaznaczyć więcej niż jeden

bi kt

i h

i (klik i ) bi któ

Wyrównywanie,
modyfikowanie
kolejności i grupowanie

211 Front Page – Praktyczne projekty

obiekt, podczas ich zaznaczania (klikania) obiektów
trzymaj wciśnięty klawisz Ctrl

Rysunek 8.53.
Aby wyrównać lub rozłożyć rozsunąć obiekty, kliknij
przycisk Rysuj dostępny na pasku narzędzi Rysowanie,
z menu wybierz pozycję Wyrównaj lub rozłóż, a
następnie wybierz jedną z opcji

Rysunek 8.54.
Dwa obiekty WordArt wyrównane do środka

rysunków

FrontPage jest wyposażony w narzędzia do
przesuwania i pozycjonowania układania rysunków.
Zalety tych narzędzi są szczególnie widoczne podczas
pracy z grupami obiektów. Obiekty mMożna je
wyrównać wzdłuż wspólnej osi, a także rozłożyć
ułożyć równomiernie w poziomie lub w pionie.
Rysunek utworzony najpóźniej znajduje się na samej
górze u góry stosu rysunków, co oznacza, że nie jest on
zasłonięty przez inne rysunki. Ten stan rzeczy można
zmienić za pomocą opcji podmenu Kolejność.
Kolejność obiektów decyduje o tym, który obiekt jest
widoczny w całości, a który jest zasłonięty przez inne.
obiekty. FrontPage pozwala również zgrupować kilka
obiektów, czyli stworzyć grupę. Dzięki utworzeniu
grupy można modyfikować właściwości wielu
obiektów jednocześnie, a także przesuwać kilka
obiektów jako jedną całość. Można tworzyć grupy
grup, czyli podgrupy, i w ten sposób budować złożone
rysunki, a przy tym łatwe do modyfikowania, rysunki.
Są one łatwe do modyfikowania.

Aby wyrównać lub rozłożyć
obiekty:

1. Zaznacz obiekty, których pozycję chcesz

zmodyfikować. Aby zaznaczyć więcej niż jeden
obiekt, podczas zaznaczania (klikania) obiektów
trzymaj wciśnięty klawisz Ctrl (rysunek 8.52).

2. Kliknij

przycisk

Rysuj dostępny na pasku narzędzi

Rysowanie, z menu wybierz pozycję Wyrównaj lub
rozłóż, a następnie wybierz jedną z opcji (rysunek
8.53). FrontPage wyrówna lub rozłoży zaznaczone
obiekty (rysunek 8.54).

Wskazówka

• Ikony podmenu Wyrównaj lub rozłóż zawierają

informację o efektach działania poszczególnych
opcji tego podmenu.

Rozdział 8

♦ Tworzenie i edytowanie rysunków

212

Aby zmodyfikować kolejność
rysunków:

1. Zaznacz obiekt, którego kolejność chcesz zmienić

(rysunek 8.55).

2. Kliknij

przycisk

Rysuj dostępny na pasku narzędzi

Rysowanie, z menu wybierz pozycję Kolejność, a
następnie – jedną z opcji podmenu (rysunek 8.56).
FrontPage zmieni kolejność zaznaczonego obiektu.

3. W razie potrzeby zaznacz następny obiekt i

ponownie kliknij przycisk Rysuj, z menu wybierz
pozycję Kolejność, a następnie – jedną z opcji
podmenu lub prawym przyciskiem myszy kliknij
obiekt i z menu kontekstowego wybierz pozycję
Kolejność (rysunek 8.57).

4. W podobny ten sam sposób zmień kolejność

innych obiektów, aż do uzyskania zadawalającego
zadowalającego efektu (rysunek 8.58).

Wskazówka

• Można zmienić kolejność grupy zaznaczonych

obiektów. Aby to zrobić, menu z pozycją
Kolejność trzeba wyświetlić za pomocą przycisku
Rysuj dostępnego na pasku narzędzi Rysowanie.

Rysunek 8.55.
Zaznacz obiekt, którego kolejność chcesz zmienić

Rysunek 8.56.
Aby zmodyfikować kolejność obiektuobiektów, kliknij
przycisk Rysuj, z menu wybierz pozycję Kolejność, a
następnie – jedną z opcji podmenu

Rysunek 8.57.
Możesz również kliknąć obiekt prawym przyciskiem
myszy i zmienić jego kolejność za pomocą menu
kontekstowego

Rysunek 8.58.
Aby uzyskać zadawalający zadowalający efekt, czasem
trzeba zmodyfikować kolejność kilku obiektów

213 Front Page – Praktyczne projekty

Rysunek 8.59.
Zaznacz obiekty przeznaczone do grupowania. Aby
zaznaczyć więcej niż jeden obiekt, podczas
zaznaczania (klikania) obiektów trzymaj wciśnięty
klawisz Ctrl

Rysunek 8.60.
Aby zgrupować obiekty, kliknij przycisk Rysuj
dostępny na pasku narzędzi Rysowanie i z menu
wybierz pozycję Grupuj

Rysunek 8.61.
Zaznaczone obiekty są traktowane jak jeden obiekt,
stały się jednym obiektem, o czym świadczy jeden
zestaw uchwytów

Rysunek 8.62.
Jeżeli spróbujesz zaznaczyć obiekt należący do grupy,
w jego uchwytach pojawią się symbole x – to
informacja, FrontPage informuje w ten sposób, że

Aby zgrupować obiekty:

1. Zaznacz obiekty przeznaczone do grupowania.

Aby zaznaczyć więcej niż jeden obiekt, podczas
zaznaczania (klikania) obiektów trzymaj wciśnięty
klawisz Ctrl (rysunek 8.59).

2. Kliknij

przycisk

Rysuj dostępny na pasku narzędzi

Rysowanie i z menu wybierz pozycję Grupuj
(rysunek 8.60). Zaznaczone obiekty są traktowane
jak jeden obiekt,staną się jednym obiektem, o
czym będzie świadczyć jeden zestaw uchwytów
(rysunek 8.61).

Wskazówka

• Jeżeli spróbujesz zaznaczyć obiekt należący do

grupy, w jego uchwytach pojawią się symbole x.
FrontPage To informacja, informuje w ten sposób,
że obiektu nie można zaznaczyć (rysunek 8.62).
Aby rozgrupować rozdzielić grupę obiektów,
kliknij przycisk Rysuj dostępny na pasku narzędzi
Rysowanie i z menu wybierz pozycję Rozgrupuj
(rysunek 8.63).

Rozdział 8

♦ Tworzenie i edytowanie rysunków

214

obiektu nie można zaznaczyć

Rysunek 8.63.
Aby rozgrupować rozdzielić grupę obiektów, kliknij
przycisk Rysuj dostępny na pasku narzędzi Rysowanie
i z menu wybierz pozycję Rozgrupuj

215 Front Page – Praktyczne projekty

Kanwa rysunku

Tworząc rysunki, możesz to robić bezpośrednio na
stronie internetowej lub na kanwie rysunku. Kanwa
rysunku posiada ma kilka zalet. Po pierwsze, kanwę
można ją przesunąć wraz z wszystkimi jej rysunkami –
rysunków nie trzeba ich wtedy zaznaczać przed ich
przesunięciem. Po drugie, można zmienić rozmiar
kanwy lub nawet ją przeskalować wraz z wszystkimi
jej rysunkami. Narzędzia potrzebne do pracy z kanwą
zawiera pasek narzędzi Kanwa rysunku (rysunek 8.64).

Aby wyświetlić pasek
narzędzi Kanwa rysunku:

• Z menu Widok wybierz pozycję Paski narzędzi, a

następnie – pozycję Kanwa rysunku lub prawym
przyciskiem myszy kliknij istniejącą kanwę
rysunku i z menu kontekstowego wybierz pozycję
Pokaż pasek narzędzi kanwy rysunku (rysunek
8.65).

Rysunek 8.64.
Pasek narzędzi Kanwa rysunku posiada narzędzia do
modyfikowania rozmiaru kanwy, która może zawierać
zaawansowany trudny rysunek

Fit canvas to drawings – Dopasuj rysunek do
zawartości
Enlarge canvas – Rozwiń rysunek
Scale canvas up or down – Skaluj rysunek

Rysunek 8.65.
Aby wyświetlić pasek narzędzi Kanwa rysunku, z
menu Widok wybierz pozycję Paski narzędzi, a
następnie – pozycję Kanwa rysunku (po lewej) lub
prawym przyciskiem myszy kliknij istniejącą już
kanwę rysunku i z menu kontekstowego wybierz
pozycję Pokaż pasek narzędzi kanwy rysunku (po
prawej)

Rysunek 8.66.
Aby utworzyć kanwę rysunku, z menu Wstaw wybierz
pozycję Obraz, a następnie – pozycję Nowy rysunek

Aby utworzyć kanwę
rysunku:

1. Umieść kursor w miejscu, w którym chcesz

utworzyć kanwę rysunku, i z menu Wstaw wybierz
pozycję Obraz, a następnie – pozycję Nowy
rysunek (rysunek 8.66).

2. Aby

zmienić rozmiar kanwy, kliknij i przeciągnij

jeden z jej narożnych lub bocznych uchwytów
(rysunek 8.67). Linia przerywana wskaże bieżący
rozmiar kanwy. Zwolnij przycisk myszy – rozmiar
kanwy zostanie zmodyfikowany (rysunek 8.68).

3. Wybierz jedno z narzędzi do rysowania

dostępnych na pasku narzędzi Rysowanie i zacznij
rysować wewnątrz kanwy. W razie potrzeby
wybierz inne narzędzie, aby dodać inny kształt
(rysunek 8.69).

Rozdział 8

♦ Tworzenie i edytowanie rysunków

216

Rysunek 8.67.
Aby zmienić rozmiar kanwy rysunku, kliknij i
przeciągnij jeden z jej narożnych lub bocznych
uchwytów

Rysunek 8.68.
Rozmiar kanwy został zmodyfikowany

Rysunek 8.69.
Kanwa rysunku może zawierać wiele kształtów

217 Front Page – Praktyczne projekty

Aby zaznaczyć kanwę
rysunku:

1. Umieść wskaźnik myszy nad rysunkiem.

Wskaźnik przyjmie postać czterech strzałek
skierowanych w cztery strony świata.

2. Kliknij lewym przyciskiem myszy. W odpowiedzi

pojawi się krawędź kanwy rysunku (rysunek 8.70).
Teraz można przesunąć lub przeskalować zmienić
skalę kanwyę albo zmienić jej rozmiar.

Aby przesunąć kanwę
rysunku:

1. Zaznacz

kanwę rysunku (rysunek 8.71, u góry).

2. Kliknij i przeciągnij kanwę w nowe miejsce

(rysunek 8.71, w środku).

3. Zwolnij przycisk myszy. Kanwa rysunku wraz z

całą zawartością znajdzie się w nowym miejscu
(rysunek 8.71, u dołu).

Rysunek 8.70.
Aby zaznaczyć kanwę, kliknij rysunek – w odpowiedzi
pojawi się krawędź kanwy rysunku

Rysunek 8.71.
Aby przesunąć kanwę rysunku, zaznacz ją i przeciągnij
w nowe miejsce. Zwolnij przycisk myszy. Kanwa
rysunku wraz z całą zawartością znajdzie się w nowym
miejscu (rysunek u dołu)

Rysunek 8.72.
Aby zmienić rozmiar kanwy rysunku, kliknij i
przeciągnij jeden z jej uchwytów

Zmiana rozmiaru kanwy
rysunku

Kanwę rysunku można powiększyć, aby zmieścić na
niej dodatkowe obiekty, lub zmniejszyć, aby uzyskać
dodatkowe miejsce na stronie internetowej. Rozmiar
kanwy rysunku można zmodyfikować na kilka
sposobów bez naruszania rozmiaru obiektów
umieszczonych na kanwie.

Aby zmienić rozmiar kanwy
rysunku za pomocą

Rozdział 8

♦ Tworzenie i edytowanie rysunków

218

Rysunek 8.73.
Aby stopniowo powiększać rozmiar kanwy rysunku,
zaznacz ją i kliknij przycisk Rozwiń tyle razy, ile
trzeba, aby osiągnęła ona żądany rozmiar do
osiągnięcia przez kanwę żądanego rozmiaru

wskaźnika myszy:

1. Zaznacz (kliknij) kanwę rysunku.
2. Kliknij i przeciągnij jeden z narożnych lub

bocznych uchwytów kanwy rysunku. Linia
przerywana wskaże jej bieżący rozmiar kanwy
(rysunek 8.72).

3. Zwolnij przycisk myszy. Kanwa rysunku przyjmie

nowy rozmiar, ale rozmiar obiektów
umieszczonych na kanwie niej nie zmieni się.

Aby powiększyć kanwę
rysunku za pomocą
narzędzia Rozwiń:

1. Wyświetl pasek narzędzi Kanwa rysunku i zaznacz

(kliknij) kanwę rysunku.

2. Kliknij

przycisk

Rozwiń dostępny na pasku

narzędzi Kanwa rysunku. Kanwa zostanie
powiększona wFrontPage powiększy kanwę w
kierunku na prawo i w dół (rysunek 8.73).

3. Kliknij

przycisk

Rozwiń tyle razy, ile trzeba do,

aby osiągnięcia osiągnęła ona żądany rozmiar.
przez kanwę żądanego rozmiaru.

Aby dopasować rozmiar
kanwy rysunku do jej
zawartości:

1. Wyświetl pasek narzędzi Kanwa rysunku i zaznacz

(kliknij) kanwę rysunku (rysunek 8.74, po lewej).

2. Kliknij

przycisk

Dopasuj dostępny na pasku

narzędzi Kanwa rysunku. FrontPage dopasuje
Rrozmiar kanwy zostanie dopasowany do jej
zawartości (rysunek 8.74, po prawej).

Wskazówka

• Przycisk Dopasuj jest dostępny tylko wtedy, gdy

kanwa rysunku zawiera więcej niż jeden kształt.
Jeżeli kanwa zawiera tylko jeden kształt, jej
rozmiar można zmienić za pomocą wskaźnika
myszy.

Rysunek 8.74.
Aby dopasować rozmiar kanwy rysunku do jej
zawartości, zaznacz kanwę ją (rysunek po lewej) i
kliknij przycisk Dopasuj. FrontPage dopasuje Rrozmiar
kanwy zostanie dopasowany do jej zawartości (rysunek
po prawej)

Rysunek 8.75.

Skalowanie kanwy
rysunku

Różnica między skalowaniem a modyfikowaniem
rozmiaru kanwy rysunku polega na tym, że w wyniku

219 Front Page – Praktyczne projekty

Zaznacz kanwę rysunku (rysunek po lewej) i kliknij
przycisk Skaluj rysunek dostępny na pasku narzędzi
Kanwa rysunku – uchwyty kanwy przyjmą postać
małych okręgów (rysunek po prawej)

Rysunek 8.76.
Aby przeskalować zmienić skalę kanwyę rysunku z
zachowaniem proporcji, kliknij i przeciągnij jeden z jej
narożnych uchwytów kanwy

rozmiaru kanwy rysunku polega na tym, że w wyniku
skalowania zmienia się rozmiar obiektów
umieszczonych na kanwie. Kanwę rysunku można
skalować z zachowaniem lub bez zachowania
współczynnika proporcji obiektów stanowiących jej
zawartość.

Aby przeskalować zmienić
skalę kanwyę rysunku z
zachowaniem proporcji:

1. Zaznacz (kliknij) kanwę rysunku i kliknij przycisk

Skaluj rysunek dostępny na pasku narzędzi Kanwa
rysunku. Uchwyty kanwy przyjmą postać małych
okręgów (rysunek 8.75).

2. Kliknij i przeciągnij jeden z narożnych uchwytów

kanwy. Linia przerywana wskaże jej bieżący
rozmiar kanwy (rysunek 8.76, u góry).

3. Zwolnij przycisk myszy. FrontPage przeskaluje

zmieni skalę kanwyę oraz jej zawartość z
zachowaniem proporcji (rysunek 8.76, u dołu).

4. Kliknij ponownie przycisk Skaluj rysunek

dostępny na pasku narzędzi Kanwa rysunku, aby
wyłączyć funkcję skalowania.

Rozdział 8

♦ Tworzenie i edytowanie rysunków

220

Aby przeskalować zmienić
skalę kanwyę rysunku bez
zachowania proporcji:

1. Zaznacz (kliknij) kanwę rysunku i kliknij przycisk

Skaluj rysunek dostępny na pasku narzędzi Kanwa
rysunku. Uchwyty kanwy przyjmą postać małych
okręgów (rysunek 8.75).

2. Kliknij i przeciągnij boczny, górny lub dolny

uchwyt kanwy. Jeżeli przeciągniesz jeden z
bocznych uchwytów, obiektów umieszczonych na
kanwie, FrontPage zmieni szerokość, ale nie
wysokość., obiektów umieszczonych na kanwie.
Jeżeli przeciągniesz uchwyt górny lub dolny,
FrontPage zmieni ich wysokość, ale nie
szerokość., obiektów umieszczonych na kanwie.
Linia przerywana wskaże bieżący rozmiar kanwy
(rysunek 8.77, u góry).

3. Zwolnij przycisk myszy. FrontPage przeskaluje

zmieni skalę kanwy kanwę oraz jej zawartość bez
zachowania proporcji (rysunek 8.77, u dołu).

4. Kliknij ponownie przycisk Skaluj rysunek

dostępny na pasku narzędzi Kanwa rysunku, aby
Aby wyłączyć funkcję skalowania, kliknij
ponownie przycisk Skaluj rysunek dostępny na
pasku narzędzi Kanwa rysunku.

Rysunek 8.77.
Jeżeli przeciągniesz jeden z bocznych uchwytów
kanwy (rysunek u góry), obiektów umieszczonych na
kanwie, FrontPage zmieni szerokość, ale nie wysokość,
obiektów umieszczonych na kanwie

Rysunek 8.78.
Aby sformatować kanwę rysunku, kliknij ją prawym
przyciskiem myszy i z menu kontekstowego wybierz
pozycję Formatuj kanwę rysunku

Formatowanie kanwy
rysunku

Standardowo zawartość strony internetowej zawija się
wokół kanwy rysunku. Ma to tę zaletę, że po dodaniu
kanwy do strony internetowej istniejąca zawartość
strony dopasowuje się do niejkanwy.

Aby sformatować kanwę
rysunku:

1. Zaznacz

kanwę rysunku przeznaczoną do

formatowania, kliknij ją prawym przyciskiem
myszy i z menu kontekstowego wybierz pozycję
Formatuj kanwę rysunku (rysunek 8.78).

2. Użyj karty Kolory i linie okna dialogowego

Formatuj kanwę rysunku do ustawienia koloru
wypełnienia lub linii kanwy (rysunek 8.79). Użyj
Posłuż się kartą karty Rozmiar do zmodyfikowania
rozmiaru lub skali kanwy z zastosowaniem pikseli.
Użyj Zastosuj sekcjęi Styl otaczania i Styl
pozycjonowania karty Układ do kontrolowania
położenia kanwy na stronie internetowej (rysunek
8.80). Karty Obraz oraz Pole tekstowe używane do
formatowania pól tekstowych są niedostępne dla
kanwy rysunku. Na karcie Sieć Web możesz
utworzyć tekst alternatywny.

3. Po wybraniu opcji kliknij przycisk OK, aby Aby

zastosować zmiany i zamknąć okno dialogowe
Formatuj kanwę rysunku, po wybraniu opcji

221 Front Page – Praktyczne projekty

Rysunek 8.79.
W oknie dialogowym Formatuj kanwę rysunku można
zmodyfikować kilka właściwości kanwy jednocześnie

Rysunek 8.80.
Standardowo styl pozycjonowania kanwy rysunku jest
ustawiony na opcję Brak, dzięki czemu zawartość
strony internetowej dopasowuje się do kanwy

kliknij przycisk OK.

Rozdział 8

♦ Tworzenie i edytowanie rysunków

222

Tworzenie pól
tekstowych

Na pasku narzędzi Rysowanie znajduje się narzędzie do
tworzenia pól tekstowych, czyli ramek generowanych
tak samo jak rysunki, tj. za pomocą kodu VML. Ramki
tekstowe często występują w publikacjach
drukowanych, ale mogą sprawiać problemy na stronach
internetowych. W polach testowych można umieścić
dodatkowy tekst artykułu lub tekst, który chcemy
wyróżnić. Ich zZaletą pól testowych jest to, że można
je umieścić na stronie, która jest już prawie gotowa.
Ułatwia to tworzenie stron internetowych o złożonym
układzie.
Mimo swojej nazwy pola tekstowe mogą zawierać nie
tylko tekst, ale i grafikę. Zwróć uwagę, że pola
tekstowe, o których mowa w tym podrozdziale, nie
mają nic wspólnego z polami tekstowymitymi od
dawna używanymi w formularzach HTML (patrz
rozdział 12., Tworzenie i przetwarzanie formularzy).
Pola tekstowe, podobnie jak rysunki, działają
prawidłowo w przeglądarkach internetowych w wersji
5 i nowszych.

Aby na stronie internetowej
umieścić pole tekstowe:

1. Kliknij

przycisk

Pole tekstowe dostępny na pasku

narzędzi Rysowanie (rysunek 8.81).

2. Naciśnij lewy przycisk myszy i za pomocą

wskaźnika myszy narysuj prostokąt wyznaczający
rozmiar pola tekstowego (rysunek 8.82). Zwolnij
przycisk myszy. FrontPage utworzy Ppole
tekstowe zasłaniające zasłoni część zawartości
strony.

3. Prawym przyciskiem myszy kliknij krawędź pola

tekstowego i z menu kontekstowego wybierz
pozycję Formatuj pole tekstowe (rysunek 8.83).

Rysunek 8.81.
Aby na stronie internetowej umieścić pole tekstowe,
kliknij przycisk Pole tekstowe dostępny na pasku
narzędzi Rysowanie

Rysunek 8.82.
Naciśnij lewy przycisk myszy i za pomocą wskaźnika
myszy narysuj prostokąt wyznaczający rozmiar pola
tekstowego

Rysunek 8.83.
Aby ustawić właściwości pola tekstowego, kliknij go
prawym przyciskiem myszy i z menu kontekstowego
wybierz pozycję Formatuj pole tekstowe

Rysunek 8.84.
Standardowo w sekcji Styl pozycjonowania jest
wybrana opcja Bezwzględne, co sprawia, że tuż po
utworzeniu pole pola tekstowego unosi się nad
istniejącaą zawartośćcią strony internetowej oblewa je

4. Wyświetl kartę Układ okna dialogowego Formatuj

pole tekstowe (rysunek 8.84). Standardowo w
sekcji Styl pozycjonowania jest wybrana opcja
Bezwzględne, co sprawia, że tuż po utworzeniu
pole pola tekstowego unosi się nad istniejącaą
zawartością zawartość strony internetowej oblewa
je. W niewielu przypadkach taka sytuacja jest
pożądana. Najczęściej jednak w sekcji Styl
pozycjonowania należy wybrać opcję Brak, dzięki
czemu istniejąca zawartość strony dopasuje się do
pola tekstowego (rysunek 8.85).

5. Karta

Kolory i linie pozwala ustawić kolor

wypełnienia i linii pola tekstowego, karta Rozmiar
– jego precyzyjną pozycję pola tekstowego, karta
Pole tekstowe – margines wewnętrzny, karta Sieć
Web – tekst alternatywny. Kliknij przycisk OK,
aby Aby zastosować zmiany i zamknąć okno
dialogowe Formatuj pole tekstowe, kliknij
przycisk OK.

6. Zwróć uwagę, że istniejąca zawartość strony

dopasowała się do pola tekstowego. Wpisz tekst w

223 Front Page – Praktyczne projekty

Rysunek 8.85.
Jeżeli chcesz, aby zawartość strony internetowej
dopasowała się do pola tekstowego, w sekcji Styl
pozycjonowania wybierz opcję Brak oraz wybierz
odpowiednią opcję w sekcji Styl otaczania

Rysunek 8.86.
Istniejąca zawartość strony internetowej dopasowała
się do pola tekstowego

polu tekstowym (rysunek 8.86).

7. Zaznacz tekst wpisany w polu tekstowym, kliknij

go prawym przyciskiem myszy i z menu
kontekstowego wybierz pozycję Czcionka
(rysunek 8.87).

8. W oknie dialogowym Czcionka wybierz opcje

według uznania i kliknij przycisk OK, aby
zastosować zmiany. W razie potrzeby zmień
rozmiar pola tekstowego, przeciągając jego
uchwyty za pomocą wskaźnika myszy (rysunek
8.88). Jeżeli w polu tekstowym umieścisz obraz,
dostosuj rozmiar pola lub obrazu (rysunek 8.89).

9. Aby do pola tekstowego wstawić obraz, umieść w

nim kursor, z menu Wstaw wybierz pozycję Obraz,
a następnie odpowiednie podmenu.

Wskazówki

• Aby szybko otworzyć okno dialogowe Formatuj

pole tekstowe, dwukrotnie kliknij krawędź pola
tekstowego.

• Aby przesunąć pole tekstowe, umieść wskaźnik

myszy nad jego krawędzią – wskaźnik przyjmie
postać czterech strzałek skierowanych w cztery
strony świata. Naciśnij lewy przycisk myszy i
przeciągnij pole tekstowe w nowe miejsce.

Rysunek 8.87.
Aby zmodyfikować tekst w polu tekstowym, zaznacz
go i kliknij prawym przyciskiem myszy, a następnie z
menu kontekstowego wybierz pozycję Czcionka

Rozdział 8

♦ Tworzenie i edytowanie rysunków

224

Rysunek 8.88.
Po zmodyfikowaniu właściwości tekstu w oknie
dialogowym Czcionka może się okazać, że trzeba
zmienić rozmiar pola tekstowego

Rysunek 8.89.
Pole tekstowe może zawierać tekst i grafikę. Jeżeli w
polu tekstowym umieścisz obraz, dostosuj rozmiar pola
lub obrazu

Rozdział 9. Multimedia i składniki
sieci Web

Multimedia

mogą ożywić stronę internetową i

przyciągnąć uwagę użytkowników. Jednak ze względu
na fakt, że sSkładniki multimedialne spowolniają
jednak działanie witryny internetowej., należy Należy
więc za pomocą wskaźnika postępu pobierania strony
sprawdzić czas wczytywania się strony ze składnikami
multimedialnymi do przeglądarki internetowej za
pomocą wskaźnika postępu pobierania strony (rysunek
2.1, rozdział 2, FrontPage 2002 – pierwsze kroki).
FrontPage 2002 jest wyposażony w narzędzia do
umieszczania na stronach internetowych trzech
podstawowych typów multimediów: filmów wideo i
animacji, podkładu dźwiękowego oraz składników
sieci Web, m.in. transparentów reklamowych, neonów i
liczników trafień. FrontPage udostępnia obecnie ponad
25 takich składników. Niektórymi z nich, na
przykładnp. przyciskami aktywowanymi,
zajmowaliśmy się już w poprzednich rozdziałach.
Więcej informacji na temat innych składników
multimedialnych zawiera podrozdział Składniki sieci
Web.

Rozdział 9

♦ Multimedia i składniki sieci Web

226

Filmy wideo i animacje

Chociaż teoretycznie witryna internetowa może
zawierać pełnometrażowy film wideo, istnieje niewiele
połączeń internetowych wystarczająco szybkich do
obsłużenia tak dużego pliku. Najlepiej więc używać
filmów wideo i animacji o małych rozmiarach, na
przykładnp. animowanych znaków firmowych lub
strzałek. Pamiętaj: im mniejszy plik wideo, tym lepiej.

Aby wstawić film wideo lub
animację:

1. Wyświetl widok Strona i umieść kursor w miejscu,

w którym chcesz wstawić film wideo lub
animację.

2. Z

Wstaw wybierz pozycję Obraz, a

następnie – pozycję Wideo (rysunek 9.1).

3. Okno

dialogowe

Wideo wyświetli pliki wideo

bieżącej witryny internetowej (rysunek 9.2). Za
pomocą list rozwijanych, ikon i przycisków okna
dialogowego Wideo odszukaj film wideo lub
animację (w bieżącej witrynie lub poza nią), którą
chcesz umieścić na stronie internetowej.

4. W oknie dialogowym Wideo zaznacz nazwę

żądanego pliku i kliknij przycisk Otwórz, aby Aby
umieścić film wideo lub animację na stronie
internetowej, w oknie dialogowym Wideo zaznacz
nazwę żądanego pliku i kliknij przycisk Otwórz
(rysunek 9.3).

Rysunek 9.1.
Aby wstawić film wideo lub animację, z menu Wstaw
wybierz pozycję Obraz, a następnie – pozycję Wideo

Rysunek 9.2.
Okno dialogowe Wideo, które wyświetla pliki wideo
bieżącej witryny internetowej, służy również do
wyszukiwania filmów wideo i animacji na dysku
twardym lub w Internecie

Rysunek 9.3.
FrontPage wyświetla pierwszą klatkę filmu wideo lub
animacji umieszczonej na stronie internetowej

227 Front Page – Praktyczne projekty

Rysunek 9.4.
Jeżeli film wideo lub animacja nie pochodzi z bieżącej
witryny internetowej, FrontPage wyświetli okno
dialogowe Zapisywanie plików osadzonych, dzięki
któremu można zapisać nowy plik multimedialny

Rysunek 9.5.
Clip Organizer udostępnia kolekcję bezpłatnych klipów
multimedialnych

5. Zapisz

stronę internetową, na której umieściłeś

film wideo lub animację (Ctrl+S). Jeżeli plik
multimedialny nie pochodzi z bieżącej witryny
internetowej, FrontPage wyświetli okno dialogowe
Zapisywanie plików osadzonych (rysunek 9.4).

6. Aby

zmienić nazwę pliku, kliknij przycisk Zmień

nazwę; aby zapisać plik w innym folderze, kliknij
przycisk Zmień folder. Kliknij przycisk OK, aby
Aby zapisać film wideo lub animację, kliknij
przycisk OK.

7. Plik multimedialny można zmodyfikować – można

na przykład określić, ile razy film wideo lub
animacja ma zostać odtworzona. Zobacz
podrozdział Aby określić liczbę ilość powtórzeń
filmu wideo lub animacji.

Wskazówka

• W punkcie 3. możesz użyć filmu wideo lub

animacji z galerii klipartów. W tym celu kliknij
strzałkę przycisku Otwórz i z menu wybierz
pozycję Otwórz z programu Clip Organizer
(rysunek 9.5, u góry). W oknie dialogowym
Wybierz film odszukaj klip multimedialny (rysunek
9.5, u dołu). Więcej informacji na temat programu
Clip Organizer zawiera podrozdział Galeria
klipartów w rozdziale 7., Wstawianie i edytowanie
obrazów.

Rozdział 9

♦ Multimedia i składniki sieci Web

228

Aby określić liczbę ilość
powtórzeń filmu wideo lub
animacji:

1. Wyświetl widok Strona, prawym przyciskiem

myszy kliknij film wideo lub animację i z menu
kontekstowego wybierz pozycję Właściwości
obrazu (Alt+Enter) (rysunek 9.6).

2. Po pojawieniu się okna dialogowego Właściwości

obrazu wyświetl kartę Wideo (rysunek 9.7).

3. Aby zaznaczony plik multimedialny zastąpić

innym, kliknij przycisk Przeglądaj i odszukaj
nowy plik.

4. Za

pomocą strzałek pól tekstowych Pętla oraz

Opóźnienie pętli (sekcja Powtórz) zdefiniuj liczbę
ilość powtórzeń filmu wideo lub animacji (lub
zaznacz pole wyboru Nieskończona) oraz długość
przerwy między jednym odtworzeniem pliku
multimedialnego a następnym.

5. Standardowo film wideo lub animacja uruchamia

się przy otwarciu strony internetowej. Aby plik
multimedialny uruchamiał się przy wskazaniu
myszą, w sekcji Uruchom wybierz opcję Przy
wskazaniu myszą.

6. Kliknij

przycisk

OK, aby Aby zastosować zmiany

do zaznaczonego filmu wideo lub animacji, kliknij
przycisk OK.

Rysunek 9.6.
Aby określić liczbę ilość powtórzeń filmu wideo lub
animacji, kliknij ją prawym przyciskiem myszy i z
menu kontekstowego wybierz pozycję Właściwości
obrazu

Rysunek 9.7.
Na karcie Wideo okna dialogowego Właściwości
obrazu możesz określić liczbę ilość powtórzeń filmu
wideo lub animacji

229 Front Page – Praktyczne projekty

Rysunek 9.8.
Przyciski kontrolujące odtwarzanie filmu wideo
pozwalają użytkownikowi przerwać, przewinąć,
zatrzymać lub odtworzyć ponownie film wideo

Rysunek 9.9.
Aby dodać przyciski kontrolujące odtwarzanie filmu
wideo, z menu Wstaw wybierz pozycję Składnik sieci
Web

Przyciski kontrolujące
odtwarzanie filmu wideo

Dzięki przyciskom kontrolującym odtwarzanie filmu
wideo użytkownicy strony internetowej mogą
przerwać, przewinąć, zatrzymać lub odtworzyć
ponownie film wideo (rysunek 9.8). W wielu
przypadkach nie jest to konieczne, ale warto wiedzieć,
że jest istnieje taka możliwość. Przed wykonaniem
poniższych instrukcji wstaw film wideo, postępując
według instrukcji podrozdziału Aby wstawić film wideo
lub animację.

Aby dodać przyciski
kontrolujące odtwarzanie
filmu wideo:

1. Z

Wstaw wybierz pozycję Składnik sieci

Web (rysunek 9.9).

2. Po pojawieniu się okna dialogowego Wstawianie

składnika sieci Web z listy Typ składnika wybierz
pozycję Formanty zaawansowane, z listy Wybierz
formant – pozycję Dodatek typu plug-in, a
następnie kliknij przycisk Zakończ (rysunek 9.10).

3. W oknie dialogowym Właściwości dodatku typu

plug-in kliknij przycisk Przeglądaj (rysunek 9.11).

Rozdział 9

♦ Multimedia i składniki sieci Web

230

Rysunek 9.10.
Po pojawieniu się okna dialogowego Wstawianie
składnika sieci Web z listy Typ składnika wybierz
pozycję Formanty zaawansowane, z listy Wybierz
formant – pozycję Dodatek typu plug-in, a następnie
kliknij przycisk Zakończ

Rysunek 9.11.
Kliknij przycisk Przeglądaj okna dialogowego
Właściwości dodatku typu plug-in, aby Aby odszukać
plik wideo, kliknij przycisk Przeglądaj okna
dialogowego Właściwości dodatku typu plug-in
4. Po pojawieniu się okna dialogowego Wybierz

źródło danych dodatku typu plug-in odszukaj plik
wideo, do którego chcesz dodać przyciski, zaznacz
go i kliknij przycisk Otwórz (rysunek 9.12).

5. Ścieżka wybranego pliku wideo pojawi się w polu

Źródło danych okna dialogowego Właściwości
dodatku typu plug-in (rysunek 9.13). W polu
Komunikat dla przeglądarek, które nie obsługują
dodatków typu plug-in wpisz tekst alternatywny
(choć większość przeglądarek obsługuje dodatki
tego typu), podaj wartości w sekcjach Rozmiar i
Układ, a następnie kliknij przycisk OK. Teraz
widok Normalny zamiast pierwszej klatki filmu
wideo wyświetla symbol zastępczy (rysunek 9.14,
po lewej).

6. Aby

zobaczyć film wideo z przyciskami, wyświetl

widok Podgląd (rysunek 9.14, po prawej).

Wskazówka

• Do skonfigurowania przycisków kontrolujących

odtwarzanie filmu wideo można również użyć
technologii ActiveX (rysunek 9.15). Wadą tego
rozwiązania jest to, że formanty ActiveX działają
tylko w przeglądarkach firmy Microsoft

Rysunek 9.12.
Odszukaj i zaznacz plik wideo, a następnie kliknij
przycisk Otwórz

231 Front Page – Praktyczne projekty

(właściciela technologii ActiveX). Około 79%
użytkowników Internetu korzysta z przeglądarek
Microsoft Internet Explorer, co oznacza, że co
piąty użytkownik nie będzie mógł w pełni
korzystać z Twojej witryny, jeżeli umieścisz w
niej formant ActiveX.

Rysunek 9.13.
Ścieżka wybranego pliku wideo pojawi się w polu
Źródło danych okna dialogowego Właściwości dodatku
typu plug-in. Podaj tekst alternatywny, określ rozmiar i
układ filmu wideo, a następnie kliknij przycisk OK

Rysunek 9.14.
W widoku Normalny FrontPage wyświetla symbol
zastępczy (rysunek po lewej); w widoku Podgląd
FrontPage wyświetla film wideo z przyciskami
(rysunek po prawej)

Rysunek 9.15.
Formanty ActiveX (rysunek u góry) umożliwiają dużą
kontrolę nad wieloma elementami (rysunek u dołu), ale
działają one tylko w przeglądarkach firmy Microsoft

Rysunek 9.16.
Aby dodać podkład dźwiękowy do strony internetowej,
kliknij ją prawym przyciskiem myszy i z menu
kontekstowego wybierz pozycję Właściwości strony

Podkład dźwiękowy

Podkład dźwiękowy może tworzyć miły nastrój lub
doprowadzać denerwować użytkowników do szału –
wszystko zależy od rodzaju witryny internetowej.
Zanim dodasz podkład dźwiękowy do strony, zastanów
się, czy naprawdę jest on potrzebny.

Aby dodać podkład
dźwiękowy do strony
internetowej:

1. W widoku Strona kliknij stronę prawym

Rozdział 9

♦ Multimedia i składniki sieci Web

232

Rysunek 9.17.
Wyświetl kartę Ogólne okna dialogowego Właściwości
strony, aby Aby uzyskać dostęp do sekcji Podkład
dźwiękowy, wyświetl kartę Ogólne okna dialogowego
Właściwości strony

Rysunek 9.18.
Kliknij przycisk Przeglądaj, aby Aby odszukać plik
dźwiękowy, kliknij przycisk Przeglądaj. Standardowo
plik dźwiękowy jest odtwarzany w nieskończonej pętli.
Aby ograniczyć liczbęilość odtworzeń, podaj wartość
w polu Pętla

przyciskiem myszy i z menu kontekstowego
wybierz pozycję Właściwości strony (rysunek
9.16).

2. Po pojawieniu się okna dialogowego Właściwości

strony wyświetl kartę Ogólne (rysunek 9.17).

3. Kliknij

przycisk

Przeglądaj ulokowany w sekcji

Podkład dźwiękowy, aby Aby odszukać plik
dźwiękowy, kliknij przycisk Przeglądaj
ulokowany w sekcji Podkład dźwiękowy (rysunek
9.18). Standardowo pole wyboru Nieskończona
jest zaznaczone. Jeżeli plik dźwiękowy ma być
odtworzony określoną liczbę ilość razy, wyczyść
usuń zaznaczenie polae wyboru Nieskończona i
zdefiniuj określ ilość liczbę odtworzeń w polu
Pętla.

4. Kliknij

przycisk

OK. Wybrany plik dźwiękowy

stanie się częścią strony internetowej. Przetestuj
podkład dźwiękowy w widoku Podgląd lub w
przeglądarce internetowej.

Wskazówki

• Ponieważ podkład dźwiękowy jest związany z

konkretną stroną internetową, kKażda strona może
mieć inny podkład dźwiękowy.

• Aby usunąć podkład dźwiękowy, kliknij stronę

prawym przyciskiem myszy, z menu
kontekstowego wybierz pozycję Właściwości
strony, a następnie usuń ścieżkę i nazwę pliku
dźwiękowego z pola Lokalizacja.

233 Front Page – Praktyczne projekty

Składniki sieci Web

FrontPage 2002 oferuje ponad 25 składników
multimedialnych, dzięki którym można tworzyć
interaktywne strony internetowe. W porównaniu z
poprzednią wersją tego programu zestaw multimediów
składników sieci Web został znacznie
rozszerzonyposzerzony. FrontPage 2002, oprócz
składników dostępnych w poprzedniej wersji
(transparentu reklamowego, licznika trafień oraz
neonu) pozwala tworzyć spisy treści, pierwszą
dziesiątkę najczęściej odwiedzanych stron witryny
internetowej, dynamicznie uaktualnianą zawartość
strony oraz a także takie strony, których zawartość
zależy od daty i czasu.
Zwróć uwagę, że niektóre składniki sieci Web działają
prawidłowo tylko wtedy, gdy serwer, na którym
umieszczono witrynę internetową, posiada rozszerzenia
programu FrontPage 2002 (zestaw programów i
skryptów wspomagających tworzenie witryn
internetowych i rozszerzających zwiększających
możliwości serwera internetowego). Składniki sieci
Web, choć pozwalają tworzyć interesujące strony,
czasem wykluczają użytkowników, którzy nie
korzystają z produktów firmy Microsoft.

Rysunek 9.19.
Aby dodać transparent reklamowy, najpierw z menu
Wstaw wybierz pozycję Składnik sieci Web

Menadżer transparentów
reklamowych

Transparent reklamowy, niczym automatyczny pokaz
slajdów, wyświetla obrazy w sekwencji czasowej.
Transparenty reklamowe sStały się on nieodzownym
elementem komercyjnych witryn internetowych z tego
powodu tego, że przyciągają uwagę użytkowników.
Transparent reklamowy nie musi jednak służyć tylko
do reklamowania zachęcania do kupna produktów, np..
W w przypadku firmowego Intranetu, na przykład,
transparent reklamowy może informować o sprawach
istotnych dla firmy, czy to będzie nowy fundusz
emerytalny, czy piątkowa impreza w pubie.

Aby dodać transparent
reklamowy:

1. W

widoku

Strona umieść kursor w miejscu, w

którym ma się pojawić transparent reklamowy, i z
menu Wstaw wybierz pozycję Składnik sieci Web
(rysunek 9.19).

2. Po pojawieniu się okna dialogowego Wstawianie

składnika sieci Web z listy Typ składnika wybierz
pozycję Efekty dynamiczne, z listy Wybierz efekt –
pozycję Menadżer transparentów reklamowych, a
następnie kliknij przycisk Zakończ (rysunek 9.20).

Rozdział 9

♦ Multimedia i składniki sieci Web

234

Rysunek 9.20.
Po pojawieniu się okna dialogowego Wstawianie
składnika sieci Web z listy Typ składnika wybierz
pozycję Efekty dynamiczne, a z listy Wybierz efekt –
pozycję Menadżer transparentów reklamowych
3. W oknie dialogowym Właściwości Menadżera

transparentów reklamowych (rysunek 9.21) ustaw
szerokość i wysokość obrazów transparentu
reklamowego (1).

4. Wybierz efekt przejścia między obrazami z listy

rozwijanej Efekt przejścia (2).

5. Wpisz

wartość w polu tekstowym Pokaż każdy

obraz przez liczbę sekund równą (3).

6. Kliknij

przycisk

Przeglądaj, aby Aby odszukać

stronę internetową, która ma zostać wyświetlona,
jeżeli kiedy użytkownik kliknie transparent
reklamowy, Kliknij przycisk Przeglądaj (4).

7. Użyj przycisku Dodaj (6) do dodania obrazów,

które mają pojawić się w transparencie
reklamowym (5). Aby zmienić porządek
wyświetlania obrazów, kliknij przycisk Przenieś w
górę lub Przenieś w dół.

8. Kliknij

przycisk

OK, a następnie zapisz stronę

internetową (Ctrl+S). FrontPage umieści na
stronie transparent reklamowy.

9. FrontPage

wyświetla tylko pierwszy obraz

transparentu reklamowego. Aby zobaczyć
transparent w działaniu, uruchom przeglądarkę
internetową (rysunek 9.22).

Wskazówki

• Standardowo transparent reklamowy wyświetla

każdy obraz przez 5 sekund, ale czasem czasami
trwa jest to trochę za zbyt długo – 3 sekundy to
często najlepsze ustawienie. Optymalny czas
wyświetlania obrazów danego transparentu
reklamowego najlepiej określić za pomocą
eksperymentów.

• Transparent reklamowy może wyświetlać obrazy

JPEG i GIF.

• Nie można połączyć poszczególnych obrazów

transparentu reklamowego z różnymi stronami
internetowymi. Każdy obraz transparentu
reklamowego musi zawierać hiperłącze do tej
samej strony.

Rysunek 9.21.
W oknie dialogowym Właściwości Menadżera
transparentów reklamowych określ rozmiar
transparentu, efekt przejścia między obrazami oraz
obrazy wyświetlane obrazy w transparencie

Rysunek 9.22.
FrontPage wyświetla tylko pierwszy obraz transparentu
reklamowego (rysunek u góry); aby zobaczyć
transparent w działaniu, uruchom przeglądarkę

235 Front Page – Praktyczne projekty

internetową (rysunek u dołu)

Rysunek 9.23.
Aby zmodyfikować transparent reklamowy, kliknij go
prawym przyciskiem myszy i z menu kontekstowego
wybierz pozycję Właściwości Menadżera
transparentów reklamowych

Aby zmodyfikować
transparent reklamowy:

1. Kliknij transparent reklamowy prawym

przyciskiem myszy i z menu kontekstowego
wybierz pozycję Właściwości Menadżera
transparentów reklamowych (rysunek 9.23).

2. W oknie dialogowym Właściwości Menadżera

transparentów reklamowych wybierz efekt
przejścia, dodaj lub usuń obrazy i zmodyfikuj
porządek wyświetlania obrazów (rysunek 9.21).

3. Kliknij

przycisk

OK, aby Aby zastosować zmiany,

kliknij przycisk OK. i zZapisz stronę internetową
(Ctrl+S).

4. Aby

zobaczyć zmodyfikowany transparent

reklamowy w działaniu, otwórz stronę internetową
w przeglądarce.

Aby usunąć transparent
reklamowy:

• Kliknij transparent reklamowy prawym

przyciskiem myszy i z menu kontekstowego
wybierz pozycję Wytnij. FrontPage usunie
transparent.

Rozdział 9

♦ Multimedia i składniki sieci Web

236

Aby dodać licznik trafień:

1. W

widoku

Strona umieść kursor w miejscu, w

którym chcesz umieścić licznik trafień.

2. Z

Wstaw wybierz pozycję Składnik sieci

Web.

3. Po pojawieniu się okna dialogowego Wstawianie

składnika sieci Web z listy Typ składnika wybierz
zaznacz pozycję Licznik trafień, z listy Wybierz
styl licznika wybierz styl wygląd licznika, a
następnie kliknij przycisk Zakończ (rysunek 9.24).

4. Jeżeli chcesz ustawić wartość początkową dla

licznika trafień, wW oknie dialogowym
Właściwości licznika trafień (rysunek 9.25)
zaznacz pole wyboru Resetuj licznik do i wpisz
wartość w polu tekstowym., jeżeli chcesz ustawić
wartość początkową dla licznika trafień.

5. Zaznacz pole wyboru Stała liczba cyfr, jeżeli

Jeżeli chcesz ograniczyć liczbę ilość cyfr
wyświetlanych w liczniku trafień, zaznacz pole
wyboru Stała liczba cyfr.

6. Kliknij

przycisk

OK. FrontPage umieści na stronie

symbol zastępczy. Aby zobaczyć licznik trafień w
działaniu, stronę trzeba opublikować (rysunek
9.26).

Wskazówka

• Licznik trafień działa prawidłowo tylko wtedy,

gdy strona internetowa jest umieszczona na
serwerze z rozszerzeniami programu FrontPage.
Skontaktuj się z administratorem serwera, aby
dowiedzieć się, czy zainstalowano na nim
niezbędne rozszerzenia. Większość dostawców
usług internetowych, na przykład np. EarthLink,
instaluje rozszerzenia programu FrontPage na
życzenie klienta.

Rysunek 9.24.
Aby dodać licznik trafień, z lewej listy okna
dialogowego Wstawianie składnika sieci Web wybierz
pozycję Licznik trafień, a z prawej listy wybierz styl
licznika

Rysunek 9.25.
W oknie dialogowym Właściwości licznika trafień
wybierz styl licznika lub obraz niestandardowy

Rysunek 9.26.
FrontPage umieścił na stronie symbol zastępczy. Aby
zobaczyć licznik trafień w działaniu, stronę trzeba
opublikować

237 Front Page – Praktyczne projekty

Rysunek 9.27.
Aby zmodyfikować licznik trafień, kliknij go prawym
przyciskiem myszy i z menu kontekstowego wybierz
pozycję Właściwości składnika programu FrontPage

Aby zmodyfikować licznik
trafień:

1. Kliknij licznik trafień prawym przyciskiem myszy

i z menu kontekstowego wybierz pozycję
Właściwości składnika programu FrontPage
(rysunek 9.27).

2. W oknie dialogowym Właściwości licznika trafień

zmodyfikuj styl licznika, zresetuj licznik lub
ogranicz liczbę ilość cyfr wyświetlanych w nim
cyfrliczniku (rysunek 9.25).

3. Kliknij

przycisk

OK i zapisz stronę internetową

(Ctrl+S).

Aby usunąć licznik trafień:

• Kliknij licznik trafień prawym przyciskiem myszy

i z menu kontekstowego wybierz pozycję Wytnij.
FrontPage usunie licznik.

Rozdział 9

♦ Multimedia i składniki sieci Web

238

Aby dodać neon:

1. W

widoku

Strona umieść kursor w miejscu, w

którym chcesz umieścić neon.

2. Z

Wstaw wybierz pozycję Składnik sieci

Web.

3. Po pojawieniu się okna dialogowego Wstawianie

składnika sieci Web z listy Typ składnika wybierz
pozycję Efekty dynamiczne, z. Z listy Wybierz efekt
wybierz pozycję Neon, a następnie kliknij przycisk
Zakończ (rysunek 9.28).

4. W oknie dialogowym Właściwości neonu zdefiniuj

określ tekst, kierunek, szybkość, zachowanie,
rozmiar, liczbę ilość powtórzeń oraz kolor tła
neonu (rysunek 9.29). Więcej szczegółów zawiera
podrozdział Okno dialogowe Właściwości neonu.

5. Kliknij

przycisk

OK i zapisz stronę internetową

(Ctrl+S). FrontPage doda neon do strony.

6. Aby

zobaczyć neon w działaniu i zdecydować, czy

trzeba go zmodyfikować, wyświetl stronę w
widoku Podgląd (rysunek 9.30). Aby
zmodyfikować neon, zobacz podrozdział Aby
zmodyfikować neon.

Rysunek 9.28.
Aby dodać neon, z listy Typ składnika wybierz pozycję
Efekty dynamiczne, a z listy Wybierz efekt – pozycję
Neon

Rysunek 9.29.
W oknie dialogowym Właściwości neonu wpisz tekst
neonu oraz zdefiniuj jego ruch i wygląd

Rysunek 9.30.
Wyświetl stronę w widoku Podgląd, aby Aby
sprawdzić, czy neon trzeba zmodyfikować, wyświetl
stronę w widoku Podgląd

Okno dialogowe Właściwości
neonu

Aby otworzyć okno dialogowe Właściwości neonu
(rysunek 9.29), zobacz podrozdział Aby dodać neon,
lub prawym przyciskiem myszy kliknij istniejący neon
i z menu kontekstowego wybierz pozycję Właściwości
neonu.
(1) Tekst: W polu tym wpisz tekst, który tworzony

(5) Rozmiar: Określ szerokość i wysokość neonu w

pikselach lub jako procent okna przeglądarki
internetowej.

(6) Powtórz: Zaznacz pole wyboru Nieprzerwanie,

aby neon działał nieprzerwanie, lub usuń to
zaznaczeniewyczyść to pole i określ ograniczoną
liczbę ilość powtórzeń.

(7) Kolor tła: Wybierz kolor neonu za pomocą

rozwijanej palety kolorów. Ponieważ tTekst neonu
jest czarny, więc wybierz jaśniejszy kolor w celu
uzyskania dobrego kontrastu.

239 Front Page – Praktyczne projekty

neon ma wyświetlać.

(2) Kierunek: Standardowo wybrana jest opcja W

lewo, ponieważ tekst języków zachodnich czyta się
od lewej. Wybierz opcję W prawo dla języków, w
których tekst czyta się od prawej.

(3) Szybkość: Szybkość neonu kontrolują dwa

czynniki. ; Opóźnienie określa, jak często (w
milisekundach) neon przesuwa się. ; Wielkość —
określa, o jaką odległość (w pikselach) neon
przesuwa się za każdym razem. Aby uzyskać
optymalną szybkość, eksperymentuj z obydwoma
czynnikami.

(4) Zachowanie: Różnica między opcją Przewijanie a

opcją Wysuwanie jest subtelna niewielka i jest
widoczna tylko na końcu tekstu neonu (rysunek
9.31). W przypadku opcji Przewijanie tekst
przesuwa się tak długo, aż neon jest pusty, a
następnie i tekst pojawia się ponownie. W
przypadku opcji Wysuwanie neon nigdy nie jest
pusty. W przypadku opcji Przemienne neon jest
naprzemian przewijany i wysuwany.

Rysunek 9.31.
Subtelna Niewielka różnica: w przypadku opcji
Przewijanie (rysunek u góry) w pewnym momencie
neon jest pusty; w przypadku opcji Wysuwanie
(rysunek u dołu) neon nigdy nie jest pusty

(8) Styl: Przycisk ten ma zastosowanie, jeżeli witryna

internetowa korzysta z arkusza stylów.

Rozdział 9

♦ Multimedia i składniki sieci Web

240

Aby zmodyfikować neon:

1. Kliknij neon prawym przyciskiem myszy i z menu

kontekstowego wybierz pozycję Właściwości
neonu (Alt+Enter) (rysunek 9.32).

2. W oknie dialogowym Właściwości neonu (rysunek

9.29) zmodyfikuj właściwości neonu i kliknij
przycisk OK.

3. Zapisz

stronę internetową (Ctrl+S).

4. Aby

zobaczyć zmodyfikowany neon w działaniu,

wyświetl stronę internetową w widoku Podgląd.

Wskazówka

• Aby zmienić rozmiar neonu, nie trzeba korzystać z

okna dialogowego Właściwości neonu – wystarczy
zaznaczyć (kliknąć) neon, a następnie przeciągnąć
dowolny z jego uchwytów (rysunek 9.33).

Aby usunąć neon:

• W widoku Strona kliknij neon prawym

przyciskiem myszy i z menu kontekstowego
wybierz pozycję Wytnij. FrontPage usunie neon.

Rysunek 9.32.
Aby zmodyfikować neon, kliknij go prawym
przyciskiem myszy i z menu kontekstowego wybierz
pozycję Właściwości neonu

Rysunek 9.33.
Aby zmienić rozmiar neonu, zaznacz (kliknij) go, a
następnie przeciągnij dowolny z jego uchwytów

Rysunek 9.34.
Aby dodać spis treści, z listy Typ składnika wybierz
pozycję Spis treści, a z listyna liście Wybierz spis
treści wybierz zaznacz pozycję Dla tej witryny sieci
Web

Rysunek 9.35.
Aby jako punktu początkowego spisu treści użyć innej
strony niż index.htm, kliknij przycisk Przeglądaj i
odszukaj ją

Tworzenie spisu treści
witryny internetowej

FrontPage pozwala zbudować dynamicznie ciągle
aktualizowany spis treści witryny internetowej. Spis
treści jest mapą witryny internetowej, dzięki której
użytkownik może odszukać interesujący go temat.

Aby dodać spis treści:

1. Utwórz

stronę, na której chcesz umieścić spis

treści, a następnie z menu Wstaw wybierz pozycję
Składnik sieci Web.

2. Po pojawieniu się okna dialogowego Wstawianie

składnika sieci Web z listy Typ składnika wybierz
pozycję Spis treści,. z listyNa liście Wybierz spis
treści wybierz zaznacz pozycję Dla tej witryny
sieci Web, a następnie kliknij przycisk Zakończ
(rysunek 9.34).

3. Pole

tekstowe

Adres URL strony punktu

początkowego spisu treści okna dialogowego
Właściwości spisu treści standardowo zawiera
nazwę strony startowej witryny internetowej –
index.htm (rysunek 9.35). Aby jako punktu
początkowego spisu treści użyć innej strony,
kliknij przycisk Przeglądaj i odszukaj ją.

241 Front Page – Praktyczne projekty

4. W oknie dialogowym Właściwości spisu treści

określ rozmiar czcionki nagłówka i zaznacz lub
wyczyść usuń zaznaczenie z dowolnego polae
wyboru w sekcji Opcje. Standardowo pola wyboru
Pokaż każdą stronę tylko raz oraz Pokaż strony bez
hiperłączy przychodzących są zaznaczone. Jeżeli
FrontPage ma aktualizować spis treści po
zmodyfikowaniu dowolnej strony, zaznacz pole
wyboru Przelicz spis treści po edycji dowolnej
strony.

5. Kliknij

przycisk

OK. FrontPage umieści na stronie

zastępczy spis treści (rysunek 9.36). Aby zobaczyć
spis treści w działaniu, otwórz stronę w
przeglądarce internetowej (rysunek 9.37).

Wskazówki

• Aby stworzyć spis treści oparty na kategoriach

stron, w punkcie 2. z listyna liście Wybierz spis
treści wybierz zaznacz pozycję Oparte na
kategorii strony.

• Aby zmodyfikować spis treści, kliknij go prawym

przyciskiem myszy i z menu kontekstowego
wybierz pozycję Właściwości spisu treści (rysunek
9.38). W oknie dialogowym Właściwości spisu
treści zmodyfikuj właściwości.

Rysunek 9.36.
FrontPage umieścił na stronie internetowej zastępczy
spis treści

Rysunek 9.37.
Aby zobaczyć spis treści w działaniu, z menu Plik
wybierz pozycję Podgląd w przeglądarce

Rysunek 9.38.
Aby zmodyfikować spis treści, kliknij go prawym
przyciskiem myszy i z menu kontekstowego wybierz
pozycję Właściwości spisu treści

Rysunek 9.39.
Aby stworzyć pierwszą dziesiątkę, z listy Typ
składnika wybierz pozycję Pierwsza dziesiątka, a zna
liście listy Wybierz listę zastosowań wybierz zaznacz
jedną z siedmiu pozycji

Tworzenie pierwszej
dziesiątki

Składnik Pierwsza dziesiątka, nowość w programie
FrontPage 2002, pozwala udostępniać informacje o
witrynie internetowej jej użytkownikom. Można, na
przykład, utworzyć stale uaktualnianą listę dziesięciu
najczęściej odwiedzanych stron witryny internetowej.

Aby stworzyć pierwszą
dziesiątkę:

1. Utwórz

stronę, na której chcesz umieścić pierwszą

dziesiątkę, a następnie z menu Wstaw wybierz
pozycję Składnik sieci Web.

2. Po pojawieniu się okna dialogowego Wstawianie

Rozdział 9

♦ Multimedia i składniki sieci Web

242

Rysunek 9.40.
W oknie dialogowym Właściwości pierwszej dziesiątki
podaj tytuł i wybierz styl listy

Rysunek 9.41.
Aby zobaczyć pierwszą dziesiątkę w działaniu, witrynę
internetową trzeba opublikować na serwerze.
FrontPage wyświetla tylko element zastępczy

składnika sieci Web z listy Typ składnika wybierz
pozycję Pierwsza dziesiątka, z. Na liście listy
Wybierz listę zastosowań wybierz zaznacz jedną z
siedmiu pozycji, a następnie kliknij przycisk
Zakończ (rysunek 9.39).

3. W oknie dialogowym Właściwości pierwszej

dziesiątki wpisz tytuł listy (rysunek 9.40). Zaznacz
pole wyboru Dołącz datę ostatniego uruchomienia
przetwarzania użycia, jeżeli Jeżeli chcesz, aby
użytkownicy wiedzieli, kiedy pierwsza dziesiątka
została uaktualniona, zaznacz pole wyboru Dołącz
datę ostatniego uruchomienia przetwarzania
użycia. a nNastępnie wybierz styl listy.

4. Kliknij

przycisk

OK. FrontPage umieści na stronie

element zastępczy (rysunek 9.41). Aby zobaczyć
pierwszą dziesiątkę w działaniu, witrynę
internetową trzeba opublikować na serwerze.

Rozdział 10. Tworzenie i
formatowanie tabel

Tabele

ułatwiają budowę przejrzystych stron

internetowych zawierających tekst i obrazy. Tabelę Są
złożone złożoną z wierszy i kolumn, a więc łatwo je
formatować – np. można, na przykład, zmodyfikować
wygląd obramowania tabeli lub kolor jej
poszczególnych komórek. Dużą ich zaletą tabel jest to,
że zachowują one swój wygląd we wszystkich
przeglądarkach internetowych. Z tego powodu w
projektach wielu komercyjnych witryn internetowych
tabele odgrywają rolę siatki, dzięki której, podobnie jak
w tradycyjnych publikacjach drukowanych, można
rozmieścić tekst i obrazy w przejrzysty sposób. Zwróć
jednak uwagę, że strona internetowa powinna zawierać
nie jedną, ale kilka tabel – w ten sposób górna część
strony, czyli tabela umieszczona najwyżej, pojawi się
w przeglądarce najszybciej, przed pojawieniem się w
niej dolnej części strony, czyli tabel umieszczonych
niżej. Pracę z tabelami przyspieszają narzędzia
dostępne na pasku narzędzi Tabele (rysunek 10.1). Aby
go wyświetlić ten pasek narzędzi, z menu Widok
wybierz pozycję Paski narzędzi, a następnie – pozycję
Tabele.

Rysunek 10.1.
Aby utworzyć tabelę nie trzeba korzystać z menu Tabela – można użyć narzędzi dostępnych na pasku narzędzi
Tabele

Draw table – Rysuj tabelę
Erase – Gumka
Insert rows – Wstaw wiersze
Insert columns – Wstaw kolumny
Delete cells – Usuń komórki
Merge cells – Scal komórki
Split cells – Podziel komórki
Align top – Wyrównaj do góry
Center – Wyśrodkuj pionowo
Align bottom – Wyrównaj do dołu
Spread rows evenly – Rozłóż wiersze równomiernie
Spread columns evenly – Rozłóż kolumny równomiernie
Autofill – Automatycznie dopasuj do zawartości
Apply fill color – Kolor wypełnienia
Choose fill color – Wybierz kolor wypełnienia
Apply AutoFormat Combo – Pole kombi autoformatowania tabeli
Choose AutoFormat Combo – Wybierz typ autoformatowania
AutoFormat – Autoformatowanie tabeli
Fill down – Wypełniaj w dół
Fill right – Wypełniaj w prawo

Rozdział 10

♦ Tworzenie i formatowanie tabel

244

Tworzenie tabel

Tabelę można narysować za pomocą wskaźnika myszy
lub utworzyć za pomocą okna dialogowego. Aby
narysować tabelęto zrobić, należy użyć narzędzia
zmieniającego wskaźnik myszy w ołówek. Jest to
prosty i ulubiony przez wielu użytkowników sposób
tworzenia tabel. Jeżeli jednak trzeba utworzyć tabelę o
precyzyjnych rozmiarach, najlepiej skorzystać z okna
dialogowego do ich budowaniatworzenia tabel.

Aby narysować tabelę:

1. Wyświetl widok Strona i umieść kursor w miejscu,

w którym chcesz narysować tabelę.

2. Z

Tabela wybierz pozycję Rysuj tabelę lub

kliknij przycisk Rysuj tabelę dostępny na pasku
narzędzi Tabele (rysunek 10.2).

3. Wskaźnik myszy przyjmie postać ołówka. Naciśnij

lewy przycisk myszy i przeciągnij wskaźnik
ukośnie, aby Aby narysować prostokąt
wyznaczający rozmiar tabeli, naciśnij lewy
przycisk myszy i przeciągnij wskaźnik ukośnie, a
następnie zwolnij przycisk myszy. Na stronie
pojawi się prosta tabela (rysunek 10.3).

4. Wewnątrz tabeli narysuj linii pionowe lub

poziome, aby Aby utworzyć jej kolumny lub
wiersze, wewnątrz tabeli narysuj linii pionowe lub
poziome (rysunek 10.4).

5. Aby

zmienić rozmiar dowolnej części tabeli,

umieść wskaźnik myszy nad krawędzią komórki –
wskaźnik przyjmie postać dwukierunkowej
strzałki. Naciśnij lewy przycisk myszy i
przeciągnij wskaźnik w żądanym kierunku, a
następnie zwolnij przycisk myszy. Rozmiar
komórki zostanie zmieniony (rysunek 10.5). Aby
przywrócić oryginalny wygląd wskaźnika myszy,
kliknij dwukrotnie.

Wskazówka

• Niestety za pomocą wskaźnika myszy nie można

zmienić rozmiaru tabeli z zachowaniem
współczynnika proporcji.

Rysunek 10.2.
Aby narysować tabelę, z menu Tabela wybierz pozycję
Rysuj tabelę (rysunek po lewej) lub kliknij przycisk
Rysuj tabelę dostępny na pasku narzędzi Tabele
(rysunek po prawej)

Rysunek 10.3.
Naciśnij lewy przycisk myszy i przeciągnij wskaźnik
ukośnie, aby Aby narysować prostokąt wyznaczający
rozmiar tabeli (rysunek po lewej), naciśnij lewy
przycisk myszy i przeciągnij wskaźnik ukośnie, a
następnie zwolnij przycisk myszy (rysunek po prawej)

Rysunek 10.4.
Wewnątrz tabeli narysuj linii pionowe lub poziome,
aby Aby utworzyć jej kolumny lub wiersze, wewnątrz
tabeli narysuj linii pionowe lub poziome

Rysunek 10.5.
Aby zmienić rozmiar dowolnej części tabeli, umieść
wskaźnik myszy nad krawędzią komórki – wskaźnik
przyjmie postać dwukierunkowej strzałki. Naciśnij
lewy przycisk myszy i przeciągnij wskaźnik w
żądanym kierunku, a następnie zwolnij przycisk myszy

Rysunek 10.6.
Aby wstawić tabelę, z menu Tabela wybierz pozycję
Wstaw, a następnie – pozycję Tabela

Aby wstawić tabelę:

1. Wyświetl widok Strona i umieść kursor w miejscu,

w którym chcesz wstawić tabelę.

2. Z

Tabela wybierz pozycję Wstaw, a

następnie – pozycję Tabela (rysunek 10.6).

3. Po pojawieniu się okna dialogowego Wstawianie

tabeli (rysunek 10.7) w sekcji Rozmiar podaj, ile
tworzona tabela ma mieć wierszy i kolumn.

4. Podaj

wartości dla właściwości Wyrównanie,

Rozmiar obramowania, Dopełnienie komórek oraz
Odstępy między komórkami , korzystając z
odpowiednich pól sekcji Układ (rysunek 10.8).

5. Zaznacz pole wyboru Określ szerokość, aby Aby

245 Front Page – Praktyczne projekty

Rysunek 10.7.
W oknie dialogowym Wstawianie tabeli zdefiniuj
rozmiar i układ tabeli

Rysunek 10.8.
Wpływ dopełnienia komórek, czyli obszaru wewnątrz
komórek, na wygląd tabeli (rysunek u góry) oraz
wpływ odstępów między komórkami, czyli obszaru
między komórkami, na wygląd tabeli (rysunek u dołu)

Rysunek 10.9.
Aby szybko utworzyć tabelę, kliknij przycisk Wstaw
tabelę dostępny na pasku narzędzi Standardowy i . Zza
pomocą wskaźnika myszy wskaż zaznacz liczbę ilość
wierszy i kolumn, z których ma się ona składać
tworzona tabela

ustawić szerokość całej tabeli, zaznacz pole
wyboru Określ szerokość. i wWybierz opcję W
pikselach, aby ustawić szerokość bezwzględną, lub
opcję W procentach, aby szerokość tabeli
uzależnić od szerokości strony internetowej.

6. Kliknij

przycisk

OK. Na stronie internetowej

pojawi się tabela.

Wskazówki

• Aby wartości wybrane w oknie dialogowym

Wstawianie tabeli stały się wartościami
domyślnymi dla nowych tabel, zaznacz pole
wyboru Ustaw jako domyślne dla nowych tabel.
Dzięki zaznaczeniu tego pola można utworzyć
serię tabel o identycznych właściwościach. Aby
zmodyfikować istniejącą tabelę, zobacz
podrozdział Aby sformatować tabelę.

• Aby szybko utworzyć tabelę o domyślnych

ustawieniach, kliknij przycisk Wstaw tabelę
dostępny na pasku narzędzi Standardowy .i Zza
pomocą wskaźnika myszy wskaż zaznacz liczbę
ilość wierszy i kolumn, z których ma się ona
składać tworzona tabela (rysunek 10.9). FrontPage
utworzy tabelę o wskazanej liczbie ilości wierszy i
kolumn.

• Aby utworzyć tabelę bez obramowania, w polu

Rozmiar obramowania okna dialogowego
Wstawianie tabeli wpisz wartość 0.

Rozdział 10

♦ Tworzenie i formatowanie tabel

246

Aby w tabeli wpisać tekst:

1. Kliknij poza tabelą, aby przywrócić domyślny

wygląd wskaźnika myszy (I). Kliknij wewnątrz
komórki, w której chcesz wpisać tekst (rysunek
10.10).

2. Zacznij

pisać. Podczas pisania rRozmiar komórki

dopasuje się do tekstu (rysunek 10.11).

Aby w tabeli umieścić obraz:

1. Kliknij poza tabelą, aby Aby przywrócić domyślny

wygląd wskaźnika myszy, kliknij poza tabelą (I).
Kliknij wewnątrz komórki, w której chcesz
umieścić obraz (rysunek 10.10).

2. Kliknij

przycisk

Wstaw obraz z pliku dostępny na

pasku narzędzi Standardowy lub Obrazy (rysunek
10.12).

3. W oknie dialogowym Obraz odszukaj obraz, który

chcesz wstawić do tabeli (rysunek 10.13). Więcej
informacji na ten temat zawiera podrozdział
Wstawianie obrazów w rozdziale 7., Wstawianie i
edytowanie obrazów.

4. Kliknij

przycisk

Wstaw. FrontPage wstawi obraz

do komórki tabeli i dopasuje jej rozmiar do
rozmiaru obrazu (rysunek 10.14).

Wskazówka

• FrontPage jest wyposażony w narzędzie do

automatycznego dopasowywania rozmiaru
komórki do jej zawartości. Po wstawieniu obrazu
kliknij przycisk Automatycznie dopasuj do
zawartości dostępny na pasku narzędzi Tabele
(rysunek 10.15).

Rysunek 10.10.
Aby w tabeli wpisać tekst, najpierw kliknij wewnątrz
jednej z jej komórek

Rysunek 10.11.
Podczas pisania rozmiar komórki dopasowuje się do
tekstu

Rysunek 10.12.
Aby w tabeli umieścić obraz, kliknij przycisk Wstaw
obraz z pliku

Rysunek 10.13.
W oknie dialogowym Obraz odszukaj obraz, który
chcesz wstawić do tabeli

Rysunek 10.14.
Rozmiar komórki dopasował się do rozmiaru obrazu

247 Front Page – Praktyczne projekty

Rysunek 10.15.
Jeżeli zawartość nie mieści się w komórce, kliknij
przycisk Automatycznie dopasuj do zawartości
dostępny na pasku narzędzi Tabele

Rysunek 10.16.
Aby do tabeli dodać podpis, umieść w niej kursor i z
menu Tabela wybierz pozycję Wstaw, a następnie –
pozycję Podpis

Rysunek 10.17.
Standardowo FrontPage umieszcza podpis na środku
nad tabelą

Rysunek 10.18.
Pozycję podpisu można zmienić w oknie dialogowym
Właściwości podpisu

Aby do tabeli dodać podpis:

1. Umieść kursor w tabeli i z menu Tabela wybierz

pozycję Wstaw, a następnie – pozycję Podpis
(rysunek 10.16).

2. U góry tabeli pojawi się kursor. Wpisz tekst

podpisu (rysunek 10.17).

3. Można zmienić czcionkę lub rozmiar podpisu, w

taki sam sposób, jak się to robi w przypadku
dowolnego innego tekstu.

Wskazówka

• Aby umieścić podpis pod tabelą, kliknij go

prawym przyciskiem myszy i z menu
kontekstowego wybierz pozycję Właściwości
podpisu. W oknie dialogowym Właściwości
podpisu wybierz opcję Dół tabeli i kliknij przycisk
OK (rysunek 10.18). FrontPage umieści podpis
pod tabelą.

Rozdział 10

♦ Tworzenie i formatowanie tabel

248

Wstawianie arkuszy
programu Excel

Program Microsoft Excel można wykorzystać podczas
tworzenia stron internetowych na dwa sposoby. Po
pierwsze, dane arkusza kalkulacyjnego programu Excel
można umieścić na stronie internetowej, tworząc w ten
sposób tabelę danych statycznych, czyli danych
nieuaktualnianych.
Druga metoda polega na używaniu programu Excel
wewnątrz strony internetowej do wprowadzania
dynamicznych danych i formuł. Zwróć uwagę, że z tej
metody mogą korzystać tylko użytkownicy posiadający
Microsoft Office 2000 lub Microsoft Office XP oraz
Office Web Components. Jeżeli więc użytkownik
oprócz przeglądarki internetowej nie posiada również
pakietu Office, nie będzie mógł on oglądać strony z
dynamicznym arkuszem kalkulacyjnym pakietu Office.
Jednak w wielu firmach pakiet Office 2000 lub Office
XP jest standardowym wyposażeniem – w takim
przypadku użytkownicy firmowych Intranetów mogą
wymieniać i dynamicznie ciągle aktualizować arkusze
programu Excel w sieci.

Aby na stronie internetowej
umieścić statyczne dane
programu Excel:

1. Upewnij

się, że pracujesz w widoku Strona,. a

nNastępnie umieść kursor w miejscu, w którym
chcesz wstawić dane programu Excel.

2. Z

Wstaw wybierz pozycję Plik (rysunek

10.19).

3. Z listy rozwijanej Pliki typu okna dialogowego

Wybierz plik wybierz pozycję Skoroszyt programu
Microsoft Excel (rysunek 10.20).

4. Odszukaj i zaznacz żądany plik, a następnie kliknij

przycisk Otwórz. FrontPage umieści na stronie
internetowej dane programu Excel w postaci tabeli
bez obramowania (rysunek 10.21).

Wskazówka

• Tabelę z danymi programu Excel można

sformatować (rysunek 10.22). Więcej informacji
na ten temat zawiera podrozdział Aby sformatować
tabelę.

Rysunek 10.19.
Aby na stronie internetowej umieścić statyczne dane
programu Excel, najpierw z menu Wstaw wybierz
pozycję Plik

Rysunek 10.20.
Aby odszukać plik programu Excel, z listy rozwijanej
Pliki typu okna dialogowego Wybierz plik wybierz
pozycję Skoroszyt programu Microsoft Excel

Rysunek 10.21.
FrontPage umieścił na stronie internetowej dane

249 Front Page – Praktyczne projekty

programu Excel w postaci tabeli bez obramowania

Rysunek 10.22.
Tabelę z danymi programu Excel można sformatować,
aby nadać jej bardziej tradycyjny wygląd

Rysunek 10.23.
Aby dodać dynamiczny arkusz programu Excel,
skorzystaj z okna dialogowego Wstawianie składnika
sieci Web

Rysunek 10.24.
Pusty arkusz programu Excel dodany do strony
internetowej można wypełnić danymi i formułami

Rysunek 10.25.
Aby zaimportować dołączyć istniejący arkusz
programu Excel, kliknij przycisk Polecenia i opcje
dostępny na pasku narzędzi pustego arkusza

Aby na stronie internetowej
umieścić dynamiczne
zmienne dane programu
Excel:

1. Upewnij

się, że pracujesz w widoku Strona,.

umieść Umieść kursor w miejscu, w którym
chcesz wstawić arkusz programu Excel, a
następnie z menu Wstaw wybierz pozycję Składnik
sieci Web.

2. Po pojawieniu się okna dialogowego Wstawianie

składnika sieci Web z listy Typ składnika wybierz
pozycję Arkusze kalkulacyjne i wykresy, z listy
Wybierz formant – pozycję Arkusz kalkulacyjny
pakietu Office, a następnie kliknij przycisk
Zakończ (rysunek 10.23). Na stronie internetowej
pojawi się pusty arkusz programu Excel, który
można wypełnić danymi i formułami (rysunek
10.24).

Wskazówka

• Aby zaimportować dołączyć istniejący arkusz

programu Excel, kliknij przycisk Polecenia i opcje
dostępny na pasku narzędzi pustego arkusza
(rysunek 10.25). Po pojawieniu się okna
dialogowego Polecenia i opcje wyświetl kartę
Importowanie (rysunek 10.26). Z listy rozwijanej
Typ danych wybierz wartość XML, w polu Adres
URL podaj nazwę i ścieżkę arkusza programu
Excel lub kliknij przycisk, aby go odszukać.,
zaznacz Zaznacz pole wyboru Odśwież dane z
adresu URL w czasie działania i kliknij przycisk
Importuj teraz. Najświeższa wersja danych
wskazanego arkusza pojawi się w pustym arkuszu
programu Excel.

Rozdział 10

♦ Tworzenie i formatowanie tabel

250

Rysunek 10.26.
Użyj karty Importowanie okna dialogowego Polecenia
i opcje do wczytania danych z istniejącego arkusza do
arkusza umieszczonego na stronie internetowej

251 Front Page – Praktyczne projekty

Zaznaczanie elementów
tabeli

W przeciwieństwie do innych zadań wykonywanych w
programie FrontPage, zaznaczanie komórek, wierszy i
kolumn nie zawsze jest operacją typu kliknij-i-
przeciągnij.

Aby zaznaczyć komórkę:

• Naciśnij klawisz Alt i kliknij wewnątrz komórki.

FrontPage zaznaczy komórkę i zmieni jej kolor na
kontrastowypoinformuje o tym fakcie, odwracając
jej kolory (rysunek 10.27).
lub

• Umieść kursor w komórce i z menu Tabela

wybierz pozycję Wybierz, a następnie – pozycję
Komórka (rysunek 10.28). FrontPage zaznaczy
komórkę i poinformuje o tym fakcie, odwracając
jej koloryzmieni jej kolor na kontrastowy (rysunek
10.27).

Aby zaznaczyć więcej niż
jedną komórkę:

• Aby zaznaczyć komórki, które do siebie

przylegają, umieść kursor w jednej z wybranych
komórek przeznaczonych do zaznaczenia, a
następnie przeciągnij wskaźnik myszy, w celu aby
zaznaczenia zaznaczyć dodatkowych dodatkowe
komórkiek (rysunek 10.29).

lub
• Aby zaznaczyć komórki, które do siebie nie

przylegają, naciśnij klawisz Alt i kliknij jedną z
komórek przeznaczonych do zaznaczenia, a
następnie naciśnij kombinację klawiszy (Alt+Shift)
i kliknij każdą z pozostałych komórek, które
chcesz zaznaczyć przeznaczonych do zaznaczenia
(rysunek 10.30).

Rysunek 10.27.
Aby zaznaczyć komórkę, naciśnij klawisz Alt i kliknij
wewnątrz tej komórki

Rysunek 10.28.
Aby zaznaczyć dowolny element tabeli, z menu Tabela
wybierz pozycję Wybierz, a następnie – jedną z pozycji
podmenu

Rysunek 10.29.
Aby zaznaczyć komórki, które do siebie przylegają,
umieść kursor w jednej z komórek przeznaczonych do
zaznaczenia, a następnie przeciągnij wskaźnik myszy,
aby zaznaczyć dodatkowe komórki w celu zaznaczenia
dodatkowych komórek

Rysunek 10.30.
Aby zaznaczyć komórki, które do siebie nie przylegają,
naciśnij klawisz Alt i kliknij jedną z wybranych
komórek przeznaczonych do zaznaczenia, a następnie
naciśnij kombinację klawiszy (Alt+Shift) i kliknij
każdą z pozostałych komórek przeznaczonych do

Rozdział 10

♦ Tworzenie i formatowanie tabel

252

zaznaczenia

Rysunek 10.31.
Aby zaznaczyć wiersz, przesuń wskaźnik myszy do
lewej krawędzi wiersza przeznaczonego do
zaznaczenia (rysunek po lewej) – wskaźnik zmieni się
w czarną strzałkę (rysunek w środku) – i kliknij.
FrontPage zaznaczy wiersz (rysunek po prawej)

Aby zaznaczyć wiersz:

• Umieść kursor w wierszu przeznaczonym do

zaznaczenia i z menu Tabela wybierz pozycję
Wybierz, a następnie – pozycję Wiersz (rysunek
10.28). FrontPage zaznaczy wiersz.
lub

• Umieść kursor w dowolnej komórce wiersza

przeznaczonego do zaznaczenia, naciśnij lewy
przycisk myszy i przeciągnij wskaźnik, aby
zaznaczyć resztę pozostałe komóreki tego wiersza.

lub
• Przesuń wskaźnik myszy do lewej krawędzi

wiersza przeznaczonego do zaznaczenia –
wskaźnik zmieni się w czarną strzałkę – i kliknij.
FrontPage zaznaczy wiersz (rysunek 10.31).

Aby zaznaczyć kolumnę:

lub

• Umieść kursor w dowolnej komórce kolumny

przeznaczonej do zaznaczenia, n. Naciśnij lewy
przycisk myszy i przeciągnij wskaźnik, aby
zaznaczyć resztę pozostałe komóreki tej kolumny.
lub

• Przesuń wskaźnik myszy do górnej krawędzi

kolumny przeznaczonej do zaznaczenia –
wskaźnik zmieni się w czarną strzałkę – i kliknij.
FrontPage zaznaczy kolumnę.

Aby zaznaczyć całą tabelę:

• Umieść kursor w dowolnej komórce tabeli

przeznaczonej do zaznaczenia i z menu Tabela
wybierz pozycję Wybierz, a następnie – pozycję
Tabela (rysunek 10.28). FrontPage zaznaczy
tabelę.

lub
• Kliknij lewy górny lub prawy dolny wierzchołek

tabeli i naciskając lewy przycisk myszy,
przeciągnij wskaźnik, aby zaznaczyć całą tabelę.

• Umieść kursor w kolumnie przeznaczonej do

zaznaczenia i z menu Tabela wybierz pozycję
Wybierz, a następnie – pozycję Kolumna (rysunek
10.28). FrontPage zaznaczy kolumnę.

253 Front Page – Praktyczne projekty

Zmiana struktury tabeli

FrontPage pozwala modyfikować tabelę w dowolnym
momencie. Można na przykład dodać komórkę, wiersz
lub kolumnę, a nawet wstawić tabelę do tabeli.

Aby dodać komórkę:

1. Umieść kursor w komórce, na lewo od której

chcesz dodać nową komórkę (rysunek 10.32).

2. Z

Tabela wybierz pozycję Wstaw, a

następnie – pozycję Komórka (rysunek 10.33).

3. FrontPage doda komórkę na lewo od komórki

wybranej w punkcie 1. (rysunek 10.34).

Wskazówka

• W wyniku dodawania lub usuwania pojedynczych

komórek powstaje tabela o dziwnym kształcie.
Więc po co to robić? Jeżeli używasz tabel do
projektowania stron internetowych, dzięki
dodawaniu lub usuwaniu pojedynczych komórek
możesz stworzyć kształt lub projekt spełniający
Twoje oczekiwania. Jaki z tego morał?
Eksperymentuj!

Rysunek 10.32.
Umieść kursor w komórce, na lewo od której chcesz
dodać nową komórkę

Rysunek 10.33.
Aby dodać element do tabeli, z menu Tabela wybierz
pozycję Wstaw, a następnie – jedną z pozycji podmenu

Rysunek 10.34.
FrontPage dodał komórkę na lewo od komórki
wybranej w punkcie 1.

Rysunek 10.35.
Zaznacz wiersz, nad którym albo pod którym chcesz
dodać nowy wiersz

Rysunek 10.36.
Kliknij przycisk Wstaw wiersze dostępny na pasku

d i T b l

Aby dodać wiersz:

1. Zaznacz wiersz, nad którym albo pod którym

chcesz dodać nowy wiersz (rysunek 10.35).

2. Z

Tabela wybierz pozycję Wstaw, a

następnie – pozycję Wiersze lub kolumny (rysunek
10.33) lub kliknij przycisk Wstaw wiersze
dostępny na pasku narzędzi Tabele (rysunek
10.36).

3. FrontPage

wyświetli okno dialogowe Wstawianie

wierszy lub kolumn z zaznaczoną opcją Wiersze
(rysunek 10.37). W polu Liczba wierszy podaj
liczbę ilość wierszy do wstawienia i określ, czy
nowy wiersz (lub nowe wiersze) ma się pojawić
nad wierszem zaznaczonym w punkcie 1., czy pod
nimtym wierszem.

4. Kliknij

przycisk

OK. FrontPage doda wskazaną

liczbę ilość wierszy do tabeli (rysunek 10.38).

Wskazówka

Rozdział 10

♦ Tworzenie i formatowanie tabel

254

narzędzi Tabele

Rysunek 10.37.
W oknie dialogowym Wstawianie wierszy lub kolumn
podaj liczbę ilość wierszy do wstawienia

Rysunek 10.38.
Nowy wiersz dodany do tabeli jest pusty

Rysunek 10.39.
Aby szybko dodać wiersz (lub wiersze), zaznacz jeden
z już istniejących wierszy, kliknij go prawym
przyciskiem myszy i z menu kontekstowego wybierz
pozycję Wstaw wiersze

• Możesz również zaznaczyć wiersz, kliknąć go

prawym przyciskiem myszy i z menu
kontekstowego wybrać pozycję Wstaw wiersze
(rysunek 10.39). Po pojawieniu się okna
dialogowego Wstawianie wierszy lub kolumn
wykonaj punkt 3. i 4.

255 Front Page – Praktyczne projekty

Aby dodać kolumnę:

1. Zaznacz

kolumnę, obok której chcesz dodać nową

kolumnę (rysunek 10.40).

2. Z

Tabela wybierz pozycję Wstaw, a

następnie – pozycję Wiersze lub kolumny (rysunek
10.33) lub kliknij przycisk Wstaw kolumny
dostępny na pasku narzędzi Tabele (rysunek
10.41).

3. FrontPage

wyświetli okno dialogowe Wstawianie

wierszy lub kolumn z zaznaczoną opcją Kolumny
(rysunek 10.42). W polu Liczba kolumn podaj
liczbę ilość kolumn do wstawienia i określ, czy
nowa kolumna (lub nowe kolumny) ma się
pojawić na lewo od kolumny od zaznaczonej w
punkcie 1., czy na prawo od tej kolumnyniej.

4. Kliknij

przycisk

OK. FrontPage doda wskazaną

liczbę ilóść kolumn do tabeli (rysunek 10.43).

Wskazówka

• Możesz również zaznaczyć kolumnę, kliknąć ją

prawym przyciskiem myszy i z menu
kontekstowego wybrać pozycję Wstaw kolumny
(rysunek 10.44). Po pojawieniu się okna
dialogowego Wstawianie wierszy lub kolumn
wykonaj punkt 3. i 4.

Rysunek 10.40.
Zaznacz kolumnę, obok której chcesz dodać nową
kolumnę

Rysunek 10.41.
Kliknij przycisk Wstaw kolumny dostępny na pasku
narzędzi Tabele

Rysunek 10.42.
W oknie dialogowym Wstawianie wierszy lub kolumn
podaj liczbę ilość kolumn do wstawienia

Rysunek 10.43.
Nowa kolumna dodana do tabeli jest pusta

Rozdział 10

♦ Tworzenie i formatowanie tabel

256

Rysunek 10.44.
Aby szybko dodać kolumnę (lub kolumny), zaznacz
jedną z istniejących kolumn, kliknij ją prawym
przyciskiem myszy i z menu kontekstowego wybierz
pozycję Wstaw kolumny

Rysunek 10.45.
Aby usunąć dowolną część tabeli, zaznacz ją i z menu
Tabela wybierz pozycję Usuń komórki (rysunek po
lewej) lub kliknij przycisk Usuń komórki dostępny na
pasku narzędzi Tabele (rysunek po prawej)

Rysunek 10.46.
Aby szybko usunąć element tabeli, zaznacz go i kliknij
prawym przyciskiem myszy, a następnie z menu
kontekstowego wybierz pozycję Wytnij

Aby usunąć dowolną część
tabeli:

1. Zaznacz

część tabeli (na przykładnp. komórkę,

wiersz, kilka wierszy lub kilka kolumn)
przeznaczoną do usunięcia.

2. Z

Tabela wybierz pozycję Usuń komórki lub

kliknij przycisk Usuń komórki dostępny na pasku
narzędzi Tabele (rysunek 10.45). FrontPage usunie
zaznaczone komórki.

Wskazówka

• Możesz również zaznaczyć część tabeli

przeznaczoną do usunięcia, kliknąć ją prawym
przyciskiem myszy i z menu kontekstowego
wybrać pozycję Wytnij (rysunek 10.46).

257 Front Page – Praktyczne projekty

Dzielenie i scalanie
komórek

Do tworzenia i usuwania pojedynczych
poszczególnych komórek bez naruszania struktury
reszty tabeli służą narzędzia do dzielenia i ich scalania.
komórek. Dzięki tym narzędziom można podzielić
komórkę na dwie komórki lub z kilku komórek
utworzyć jedną komórkę. Można, na przykład np.,
utworzyć dużą komórkę w środku tabeli poprzez
scalenie kilku przylegających do siebie komórek bez
naruszania struktury reszty tabeli.

Aby podzielić komórkę:

1. Umieść kursor w komórce przeznaczonej do

podzielenia.

2. Z

Tabela wybierz pozycję Podziel komórki

(rysunek 10.47) lub kliknij przycisk Podziel
komórki dostępny na pasku narzędzi Tabele
(rysunek 10.48, u dołu).

3. W oknie dialogowym Dzielenie komórek wybierz

sposób dzielenia komórki: pionowo – na kolumny
lub poziomo – na wiersze (rysunek 10.49).

4. Podaj, na ile kolumn lub na ile wierszy FrontPage

ma być podzielona. podzielić komórkę. Kliknij
przycisk OK. Komórka zostanie podzielona.

Wskazówka

• Aby szybko podzielić komórkę, kliknij ją prawym

przyciskiem myszy i z menu kontekstowego
wybierz pozycję Podziel komórki, a następnie
wykonuj wykonaj punkt zadania z punktu 3. i 4.

Rysunek 10.47.
Aby podzielić komórkę, umieść w niej kursor i z menu
Tabela wybierz pozycję Podziel komórki

Rysunek 10.48.
Aby scalić komórki, kliknij przycisk Scal komórki; a.
Aby podzielić komórki, kliknij przycisk Podziel
komórki. Oba przyciski znajdują się na pasku narzędzi
Tabele

Rysunek 10.49.
W oknie dialogowym Dzielenie komórek wybierz
sposób dzielenia komórki: pionowo – na kolumny lub
poziomo – na wiersze

Aby scalić komórki:

1. Zaznacz komórki przeznaczone do scalenia.
2. Z

Tabela wybierz pozycję Scal komórki

(rysunek 10.50) lub kliknij przycisk Scal komórki
dostępny na pasku narzędzi Tabele (rysunek 10.48,
u góry). FrontPage z zaznaczonych komórek
utworzy jedną komórkę.

Rozdział 10

♦ Tworzenie i formatowanie tabel

258

Rysunek 10.50.
Aby scalić komórki, z menu Tabela wybierz pozycję
Scal komórki

Rysunek 10.51.
Komórki możesz również scalić za pomocą narzędzia
Gumka dostępnego na pasku narzędzi Tabele

Rysunek 10.52.
Umieść wskaźnik myszy (gumkę) nad krawędzią, którą
chcesz usunąć, n. Naciśnij lewy przycisk myszy i
przeciągnij wskaźnik wzdłuż tej krawędzi, a następnie
zwolnij przycisk myszy – FrontPage usunie krawędź

Wskazówki

• Komórki możesz również scalić za pomocą

narzędzia Gumka (rysunek 10.51). Aby to zrobić,
kliknij przycisk Gumka dostępny na pasku
narzędzi Tabele (wskaźnik myszy przyjmie postać
gumki), umieść wskaźnik myszy nad krawędzią,
którą chcesz usunąć, n. Naciśnij lewy przycisk
myszy i przeciągnij wskaźnik wzdłuż tej krawędzi,
a następnie zwolnij przycisk myszy. FrontPage
usunie krawędź (rysunek 10.52). Aby przywrócić
standardowy wskaźnik myszy, kliknij dwukrotnie
poza tabelą.

• Więcej informacji o zmienianiu rozmiaru komórek

zawiera podrozdział Aby sformatować komórki.

259 Front Page – Praktyczne projekty

Tworzenie wierszy o
jednakowej wysokości
oraz kolumn o
jednakowej szerokości

Jeżeli tabela zawiera wiersze o różnej wysokości lub
kolumny o różnej szerokości, można użyć narzędzi do
równomiernego rozkładania wierszy i kolumn. Zwróć
uwagę, że w celu utworzenia wierszy o jednakowej
wysokości należy zaznaczyć kolumnę, a w celu
utworzenia kolumn o jednakowej szerokości – wiersz.

Aby wszystkim wierszom
nadać taką samą wysokość:

1. Zaznacz

kolumnę zawierającą komórkę z każdego

nierównego wiersza przeznaczonego do
wyrównania (rysunek 10.53).

2. Z

Tabela wybierz pozycję Rozłóż wiersze

równomiernie (rysunek 10.54, po lewej) lub kliknij
przycisk Rozłóż wiersze równomiernie dostępny na
pasku narzędzi Tabele (rysunek 10.55, u góry).
Wszystkie zaznaczone wiersze będą miały tę samą
wysokość (rysunek 10.56).

Rysunek 10.53.
Aby wszystkim wierszom nadać taką samą wysokość,
zaznacz kolumnę, która zawiera komórkę z każdego z
tych wierszy

Rysunek 10.54.
Aby wyrównać tabelę, z menu Tabela wybierz pozycję
Rozłóż wiersze równomiernie (rysunek po lewej) lub
pozycję Rozłóż kolumny równomiernie (rysunek po
prawej)

Rysunek 10.55.
Można również kliknąć przycisk Rozłóż wiersze
równomiernie lub Rozłóż kolumny równomiernie
dostępny na pasku narzędzi Tabele

Rozdział 10

♦ Tworzenie i formatowanie tabel

260

Rysunek 10.56.
Wiersze mają teraz tę samą wysokość

Rysunek 10.57.
Aby wszystkim kolumnom nadać taką samą szerokość,
zaznacz wiersz, który zawiera komórkę z każdej z tych
kolumn

Rysunek 10.58.
Kolumny mają teraz tę samą szerokość

Aby wszystkim kolumnom
nadać taką samą szerokość:

1. Zaznacz

wiersz zawierający komórkę z każdej

nierównej kolumny przeznaczonej do wyrównania
(rysunek 10.57).

2. Z

Tabela wybierz pozycję Rozłóż kolumny

równomiernie (rysunek 10.54, po prawej) lub
kliknij przycisk Rozłóż kolumny równomiernie
dostępny na pasku narzędzi Tabele (rysunek 10.55,
u dołu). Wszystkie zaznaczone kolumny będą
miały tę samą szerokość (rysunek 10.58).

Wskazówka

• Aby szybko nadać wszystkim wierszom

jednakową wysokość i wszystkim kolumnom
jednakową szerokość, zaznacz całą tabelę, . a
następnie Następnie kliknij przycisk Rozłóż
wiersze równomiernie oraz przycisk Rozłóż
kolumny równomiernie (oba dostępne na pasku
narzędzi Tabele).

261 Front Page – Praktyczne projekty

Formatowanie tabel i
komórek

Po umieszczeniu na stronie internetowej tabeli oraz
wstawieniu do niej tekstu i obrazów nadszedł czas na
wielki finał: formatowanie całej tabeli oraz jej
poszczególnych komórek.

Aby sformatować tabelę:

1. Kliknij

tabelę prawym przyciskiem myszy i z

menu kontekstowego wybierz pozycję
Właściwości tabeli (rysunek 10.59).

2. Po pojawieniu się okna dialogowego Właściwości

tabeli (rysunek 10.60) w sekcji Układ zdefiniuj
określ wyrównanie, szerokość, wysokość,
dopełnienie komórek oraz odstępy między
komórkami (rysunek 10.8). Dzięki opcjom listy
rozwijanej Przestawienie tabela może znajdować
się po prawej lub po lewej stronie tekstu (rysunek
10.61).

3. W

sekcji

Obramowanie ustaw właściwości

obramowania tabeli. Więcej informacji na ten
temat zawiera podrozdział Aby sformatować
obramowanie tabeli.

4. Aby

zastosować ten sam kolor do wszystkich

komórek tabeli, wybierz go z rozwijanej palety
kolorów dostępnej w sekcji Tło. Więcej
szczegółów zawiera podrozdział Aby zmienić kolor
komórki.

5. Kliknij

przycisk

OK, aby Aby zastosować zmiany,

kliknij przycisk OK.

Rysunek 10.59.
Aby sformatować tabelę, kliknij ją prawym
przyciskiem myszy i z menu kontekstowego wybierz
pozycję Właściwości tabeli

Rysunek 10.60.
W sekcji Układ okna dialogowego Właściwości tabeli
zdefiniuj określ wyrównanie, szerokość, wysokość,
dopełnienie komórek oraz odstępy między komórkami

Rysunek 10.61.
Dzięki opcjom listy rozwijanej Przestawienie okna
dialogowego Właściwości tabeli tabela może
znajdować się po prawej lub po lewej stronie tekstu

Rozdział 10

♦ Tworzenie i formatowanie tabel

262

Rysunek 10.62.
Aby utworzyć obramowanie jednokolorowe, wybierz
zaznacz kolor z rozwijanej palety kolorów Kolor, .
natomiast zZ palet kolorów Krawędź jasna oraz
Krawędź ciemna wybierz opcję Automatyczny

Rysunek 10.63.
Aby utworzyć obramowanie trójwymiarowe, wybierz
kolory z palet kolorów Krawędź jasna oraz Krawędź
ciemna

Rysunek 10.64.
Kliknij przycisk Autoformatowanie tabeli, aby Aby
otworzyć okno dialogowe z predefiniowanymi
podstawowymi formatami tabel, kliknij przycisk
Autoformatowanie tabeli

Aby sformatować
obramowanie tabeli:

1. Zaznacz

tabelę, której obramowanie chcesz

sformatować, kliknij ją prawym przyciskiem
myszy i z menu kontekstowego wybierz pozycję
Właściwości tabeli (rysunek 10.59).

2. Po pojawieniu się okna dialogowego Właściwości

tabeli (rysunek 10.60) w sekcji Obramowanie w
polu Rozmiar podaj wartość określającą szerokość
obramowania. Im większa wartość, tym szersze
obramowanie tabeli. Aby ukryć obramowanie
tabeli, w polu Rozmiar podaj wartość 0.

3. Aby

utworzyć obramowanie jednokolorowe,

wybierz zaznacz kolor z rozwijanej palety kolorów
Kolor,. natomiast zZ palet kolorów Krawędź jasna
oraz Krawędź ciemna wybierz opcję Automatyczny
(rysunek 10.62, u góry).
Aby utworzyć obramowanie trójwymiarowe,
wybierz kolory z palet kolorów Krawędź jasna
oraz Krawędź ciemna (rysunek 10.63, u góry).

4. Po

określeniu rozmiaru i koloru obramowania

kliknij przycisk OK, aby zastosować zmiany
(rysunki 10.62 oraz 10.63, u dołu).

Wskazówki

• Jeżeli wybierzesz kolory z palet Krawędź jasna

oraz Krawędź ciemna w celu utworzenia
obramowania trójwymiarowego, FrontPage
zignoruje kolor wybrany z palety Kolor w sekcji
Obramowanie. nie zostanie zaznaczony.

• Kliknij przycisk Autoformatowanie tabeli

dostępny na pasku narzędzi Tabele, aby Aby
otworzyć okno dialogowe Autoformatowanie
tabeli, które pozwala zastosować jeden z
predefiniowanych podstawowych formatów tabel,
kliknij przycisk Autoformatowanie tabeli dostępny
na pasku narzędzi Tabele (rysunek 10.64). Aby
zastosować predefiniowany podstawowy format,
możesz również wybrać jego nazwę z listy
rozwijanej obok przycisku Autoformatowanie
tabeli (rysunek 10.65).

263 Front Page – Praktyczne projekty

Rysunek 10.65.
Kliknij strzałkę listy rozwijanej, aby Aby uzyskać
dostęp do nazw predefiniowanych podstawowych
formatów tabel, kliknij strzałkę listy rozwijanej

Rozdział 10

♦ Tworzenie i formatowanie tabel

264

Aby sformatować komórki:

1. Zaznacz

komórkę (lub komórki) przeznaczoną do

formatowania, kliknij ją prawym przyciskiem
myszy i z menu kontekstowego wybierz pozycję
Właściwości komórki (rysunek 10.66).

2. Po pojawieniu się okna dialogowego Właściwości

komórki (rysunek 10.67) w sekcji Układ zdefiniuj
określ wyrównanie i rozmiar zaznaczonej
komórki.

3. Zaznacz pola wyboru Określ szerokość oraz

Określ wysokość, aby ustawić rozmiary komórki.
Wybierz opcję W pikselach, aby określić
bezwzględny rozmiar komórki, lub opcję W
procentach, aby określić rozmiar komórki jako
procent rozmiaru okna przeglądarki internetowej.

4. Jeżeli zaznaczona komórka ma obejmować więcej

niż jeden wiersz, podaj wartość w polu Objęte
wiersze. Jeżeli zaznaczona komórka ma
obejmować więcej niż jedną kolumnę, podaj
wartość w polu Objęte kolumny.

5. Kliknij

przycisk

OK, aby Aby zastosować zmiany

do zaznaczonej komórki,. kliknij przycisk OK.

Wskazówki

• Chociaż w oknie dialogowym Właściwości

komórki można ustawić kolor obramowania
pojedynczych poszczególnych komórek, lepiej
ustawić kolor obramowania całej tabeli. Więcej
informacji na ten temat zawiera podrozdział Aby
sformatować obramowanie tabeli.

• Sekcję Tło okna dialogowego Właściwości

komórki omawiamy w podrozdział podrozdziale
Aby zmienić kolor komórki.

Rysunek 10.66.
Aby sformatować komórki, zaznacz je i kliknij prawym
przyciskiem myszy, a następnie z menu kontekstowego
wybierz pozycję Właściwości komórki

Rysunek 10.67.
W oknie dialogowym Właściwości komórki
zmodyfikuj wyrównanie i rozmiar komórki. Określ
również, ile wierszy i kolumn ma obejmować komórka

Rysunek 10.68.
Zaznacz komórki, które chcesz przekształcić na
nagłówki

Rysunek 10.69.
Po przekształceniu komórek na w nagłówki tekst w
zaznaczonych komórkach zostanie pogrubiony

Przekształcanie komórek
na w nagłówki

Nagłówek zwykle służy jako etykieta wierszy lub
kolumn tabeli. FrontPage pogrubia Ttekst w
komórkach nagłówków jest pogrubiony.

Aby przekształcić komórki

265 Front Page – Praktyczne projekty

Rysunek 10.70.
Aby wyłączyć funkcję zawijania przerzucania tekstu,
zaznacz komórki, w których tekst jest zawijany
przerzycany do następnej linii

Rysunek 10.71.
Jeżeli w sekcji Układ zaznaczysz pole wyboru Bez
zawijania, funkcja zawijania przerzucany tekstu
zostanie wyłączona w zaznaczonych komórkach

na w nagłówki:

1. Upewnij

się, że pracujesz w widoku Strona,. a

następnie Następnie zaznacz komórki, które
chcesz przekształcić na nagłówki (rysunek 10.68).

2. Kliknij zaznaczone komórki prawym przyciskiem

myszy i z menu kontekstowego wybierz pozycję
Właściwości komórki (Alt+Enter) (rysunek 10.66).

3. Po pojawieniu się okna dialogowego Właściwości

komórki (rysunek 10.67) w sekcji Układ zaznacz
pole wyboru Komórka nagłówka.

4. Kliknij

przycisk

OK. Tekst umieszczony w

zaznaczonych komórkach stanie się tekstem
nagłówków. Zwróć uwagę, że tekst nagłówka jest
on pogrubiony (rysunek 10.69).

Aby wyłączyć funkcję
zawijania przerzucania
tekstu w komórce:

1. Upewnij

się, że pracujesz w widoku Strona, a .

Nnastępnie zaznacz komórki, w których tekst jest
zawijany przerzucany do następnej linii (rysunek
10.70).

2. Kliknij zaznaczone komórki prawym przyciskiem

myszy i z menu kontekstowego wybierz pozycję
Właściwości komórki (Alt+Enter) (rysunek 10.66).

3. Po pojawieniu się okna dialogowego Właściwości

komórki (rysunek 10.67) w sekcji Układ zaznacz
pole wyboru Bez zawijania. Funkcja zawijania
przerzucania tekstu jest standardowo włączona.

4. Kliknij

przycisk

OK. Funkcja zawijania

przerzucania tekstu zostanie wyłączona (rysunek
10.71).

Rozdział 10

♦ Tworzenie i formatowanie tabel

266

Aby zmienić kolor komórki:

1. Upewnij

się, że pracujesz w widoku Strona i

otwórz pasek narzędzi Tabele.

2. Zaznacz

komórkę (naciśnij klawisz Alt i kliknij

wewnątrz tej komórki), której kolor chcesz
zmienić.

3. Kliknij

strzałkę przycisku Kolor wypełnienia

dostępnego na pasku narzędzi Tabele i wybierz
kolor z rozwijanej palety kolorów (rysunek 10.72,
po lewej). FrontPage zastosuje Wwybrany kolor
zostanie zastosowany do zaznaczonej komórki.

Wskazówki

• Aby szybko zastosować domyślny kolor

wypełnienia (rysunek 10.72, po prawej), wykonaj
punkt 1. i 2., a następnie kliknij przycisk Kolor
wypełnienia. Domyślny kolor wypełnienia jest
wyświetlony u dołu przycisku Kolor wypełnienia.

• Aby zmienić kolor komórki, kliknij ją prawym

przyciskiem myszy i z menu kontekstowego
wybierz pozycję Właściwości komórki, a następnie
skorzystaj z sekcji Tło okna dialogowego
Właściwości komórki (rysunek 10.73). Wybierz
kolor z rozwijanej palety kolorów Kolor lub
zaznacz pole wyboru Użyj obrazu tła i kliknij
przycisk Przeglądaj, aby odszukać plik graficzny.
Kliknij przycisk OK, aby Aby zastosować zmiany,
kliknij przycisk OK.

Rysunek 10.72.
Aby zmienić kolor zaznaczonej komórki, kliknij
strzałkę przycisku Kolor wypełnienia i wybierz kolor z
rozwijanej palety kolorów (rysunek po lewej); ). Aaby
szybko zastosować domyślny kolor wypełnienia – w
tym przypadku oliwkowy – kliknij przycisk Kolor
wypełnienia (rysunek po prawej)

Rysunek 10.73.
Aby zmienić kolor komórki, kliknij ją prawym
przyciskiem myszy i z menu kontekstowego wybierz
pozycję Właściwości komórki, a następnie skorzystaj z
sekcji Tło okna dialogowego Właściwości komórki

Rysunek 10.74.
Aby wyrównać zawartość komórki wertykalnie, kliknij
przycisk Wyrównaj do góry lub Wyrównaj do dołu
dostępny na pasku narzędzi Tabele

Rysunek 10.75.
Aby wyśrodkować zawartość komórki w pionie, kliknij
przycisk Wyśrodkuj pionowo dostępny na pasku
narzędzi Tabele

Aby wyrównać zawartość
komórki:

1. Wyświetl paski narzędzi Tabele i Formatowanie, a

następnie umieść kursor w komórce, której
zawartość chcesz wyrównać.

2. Aby

wyrównać zawartość komórki w pionie,

kliknij jeden z trzech przycisków służących do
wyrównywania zawartości dostępnych na pasku
narzędzi Tabele (rysunki 10.74 oraz 10.75).
Zawartość komórki zostanie wyrównana.

3. Aby

wyrównać zawartość komórki w poziomie,

kliknij jeden z czterech przycisków służących do
wyrównywania zawartości dostępnych na pasku
narzędzi Formatowanie (rysunek 10.76).
Zawartość komórki zostanie wyrównana.

Wskazówka

• Zawartość komórki można również wyrównać za

pomocą okna dialogowego Właściwości komórki
omawianego w podrozdziale Aby sformatować
komórki.

267 Front Page – Praktyczne projekty

Rysunek 10.76.
Aby wyrównać zawartość komórki w poziomie, kliknij
jeden z czterech przycisków służących do
wyrównywania zawartości dostępnych na pasku
narzędzi Formatowanie

Rozdział 11. Tworzenie i
formatowanie ramek

Rysunek 11.1.
Każda z czterech miniatur zawiera jedną ramkę
wyróżnioną ciemniejszym kolorem (rysunek po
lewej);. Rramki tworzą stronę z ramkami (rysunek po
prawej)

Jedną z największych zalet stron z ramkami jest to, że
w jednej z ramek nich można umieścić łącza lub
przyciski, które są zawsze widoczne, nawet kiedy
użytkownik przewija stronę umieszczoną w ramce
głównej. Dzięki temu użytkownik ma on stały dostęp
do wszystkich hiperłączy i w każdej chwili może
przejść do dowolnej strony witryny internetowej. Do
oglądania stron z ramkami wystarczy przeglądarka
internetowa w wersji 3, co oznacza, że prawie każdy
użytkownik Internetu posiada oprogramowanie do
oglądania takich stronmoże to robić.
Niestety, ramki mają również kilka wad. Tytuł strony
nie zmienia się podczas wyświetlania różnych ramek,
co czasem może dezorientować użytkownika. Strony z
ramkami dłużej wczytują się do przeglądarki niż
zwykłe innestrony. Jeżeli chcesz utworzyć przejrzysty
system nawigacji, ale bez opisanych wyżej problemów,
zamiast umieszczać hiperłącza w osobnej ramce,
możesz utworzyć pasek łączy (zobacz podrozdział
Paski łączy i obramowanie wspólne w rozdziale 3.,
Tworzenie witryny internetowej).
Z ramkami wiążą się dwa terminy: strona z ramkami
oraz ramka docelowa. Strona z ramkami to specjalna
strona wyświetlająca kolekcję ramek (rysunek 11.1);
ramka docelowa to ramka, w której jest wyświetlana
strona, do której prowadzi hiperłącze.

269 Front Page – Praktyczne projekty

Tworzenie ramek

Każda ramka strony z ramkami wyświetla osobną
stronę internetową. Od Ciebie zależy, czy najpierw
utworzysz stronę, a dopiero potem ramkę, w której ta
strona ma być wyświetlana, czy najpierw utworzysz
ramkę, a potem stronę.odwrotnie. Najlepiej jednak
zacznij od utworzenia strony, umieść w niej główne
elementy, utwórz ramkę, która będzie tę stronę
wyświetlać, a następnie uzupełnij zawartość strony.
Zawartość ramki można wyświetlić w głównym oknie
programu FrontPage. Więcej informacji na ten temat
zawiera podrozdział Aby obejrzeć zawartość ramki w
nowym oknie.
Strona z ramkami może zawierać ich dowolną
ilośćliczbę ramek. Zwróć jednak uwagę, że każda
ramka to jedna strona, którą trzeba wczytać do
przeglądarki. Oznacza to, że z im większej liczby
ramek składa się strona z ramkami, tym dłużej trwa
wczytywanie jej do przeglądarki. Aby sprawdzić czas
wczytywania strony do przeglądarki, użyj wskaźnika
postępu pobierania strony (zobacz rysunek 2.1. w
rozdziale 2., FrontPage 2002 – pierwsze kroki).

Aby stworzyć stronę z
ramkami:

1. Upewnij

się, że pracujesz w widoku Strona, z

menu Plik wybierz pozycję Nowy, a następnie –
pozycję Strona lub sieć Web (Ctrl+N) (rysunek
11.2).

2. W okienku zadań Nowy plik strony lub sieci Web

kliknij pozycję Szablony stron (rysunek 11.3).

3. W oknie dialogowym Szablony stron wyświetl

kartę Strony z ramkami (rysunek 11.4). Wybierz
ikonę szablonu strony z ramkami – schemat strony
pojawi się w okienku Podgląd – i kliknij przycisk
OK. FrontPage wygeneruje Sstronaę z ramkami
zostanie utworzona z wybranego szablonu . Zwróć
uwagę, że każda ramka jest pusta i zawiera dwie
opcje: Strona początkowa oraz Nowa strona
(rysunek 11.5).

Rysunek 11.2.
Aby stworzyć stronę z ramkami, z menu Plik wybierz
pozycję Nowy, a następnie – pozycję Strona lub sieć
Web

Rysunek 11.3.
W okienku zadań Nowy plik strony lub sieci Web
kliknij pozycję Szablony stron

Rysunek 11.4.
Wyświetl kartę Strony z ramkami okna dialogowego
Szablony stron, aby uzyskać dostęp do kolekcji stron z

Rozdział 11

♦ Tworzenie i formatowanie ramek

270

ramkami

Rysunek 11.5.
Każda ramka nowej strony z ramkami jest pusta i
zawiera dwie opcje: Strona początkowa, dzięki której
można połączyć ramkę z istniejącą stroną, oraz Nowa
strona, dzięki której w ramce można utworzyć nową
pustą stronę

Rysunek 11.6.
Aby połączyć ramkę z istniejącą stroną, odszukaj ją za
pomocą okna dialogowego Wstawianie hiperłącza

Rysunek 11.7.
Wybrana strona internetowa pojawi się w ramce

Rysunek 11.8.
Jeżeli klikniesz przycisk Nowa strona, w ramce pojawi
się nowa pusta strona, którą można wypełnić

4. Aby

połączyć ramkę z istniejącą stroną bieżącej

witryny internetowej, kliknij przycisk Strona
początkowa. Po pojawieniu się okna dialogowego
Wstawianie hiperłącza (rysunek 11.6) odszukaj
stronę i kliknij przycisk OK. Wybrana strona
pojawi się w ramce (rysunek 11.7). Więcej
informacji na temat okna dialogowego Wstawianie
hiperłącza zawiera podrozdział Okno dialogowe
Wstawianie hiperłącza w rozdziale 6., Dodawanie
hiperłączy.
Aby utworzyć nową pustą stronę dla ramki, kliknij
przycisk Nowa strona. W ramce pojawi się nowa
strona (rysunek 11.8). Teraz do strony niej można
dodać zawartość.

271 Front Page – Praktyczne projekty

5. Naciśnij kombinację klawiszy (Ctrl+S,), aby

zapisać wszystkie nowe ramki oraz stronę z
ramkami. Jeżeli dla którejś z ramek utworzyłeś
nową stronę, FrontPage zapisze ją jako pierwszą w
oknie dialogowym Zapisywanie jako (rysunek
11.9).

6. Podaj

unikatową nazwę i tytuł dla nowej strony i

kliknij przycisk Zapisz. FrontPage zapisze stronę i
wyświetli nowe okno dialogowe Zapisywanie
jako,. Pojawi się prośbaprosząc o zapisanie całej
strony z ramkami – zwróć uwagę, że w okienku
podglądu strona posiada teraz ciemnoniebieskie
obramowanie (rysunek 11.10).

7. Podaj

unikatową nazwę i tytuł dla strony z

ramkami i kliknij przycisk Zapisz. FrontPage
zapisze stronę z ramkami.

Rysunek 11.9.
Jeżeli dla którejś z ramek utworzyłeś nową stronę,
FrontPage zaznaczy tę ramkę w okienku podglądu w
oknie dialogowym Zapisywanie jako

Rysunek 11.10.
Podczas zapisywania strony z ramkami cała strona
posiada ciemnoniebieskie obramowanie w okienku
podglądu okna dialogowego Zapisywanie jako

Rysunek 11.11.
Aby obejrzeć zawartość ramki w nowym oknie, kliknij
ją prawym przyciskiem myszy i z menu kontekstowego
wybierz pozycję Otwórz stronę w nowym oknie

Aby obejrzeć zawartość
ramki w nowym oknie:

• Kliknij ramkę prawym przyciskiem myszy i z

menu kontekstowego wybierz pozycję Otwórz
stronę w nowym oknie (rysunek 11.11). FrontPage
wyświetli zawartość ramki w oknie o pełnych
rozmiarach.

Wskazówka

• Aby powrócić do strony z ramkami, otwórz panel

Lista folderów i dwukrotnie kliknij nazwę pliku tej
strony. FrontPage wyświetli stronę z ramkami w
głównym oknie programu.

Rozdział 11

♦ Tworzenie i formatowanie ramek

272

Ramki docelowe

Chociaż standardowo ramką docelową dla hiperłączy
umieszczonych w podrzędnych ramkach strony z
ramkami jest jej ramka główna, FrontPage pozwala
Można wybrać dowolną ramkę docelową dla
hiperłącza.
Nie musisz zmieniać domyślnej ramki docelowej,
ponieważ FrontPage zwykle prawidłowo ją wybiera
ramkę docelową. Ale jeżeli chcesz to zrobić, zobacz
podrozdział Aby zmienić domyślną ramkę docelową.

Aby ustawić ramkę
docelową:

1. Prawym przyciskiem myszy kliknij hiperłącze, dla

którego chcesz ustawić ramkę docelową, i z menu
kontekstowego wybierz pozycję Hiperłącze
(Alt+Enter) (rysunek 11.12).

2. Po pojawieniu się okna dialogowego Wstawienie

hiperłącza sprawdź, czy pole Adres zawiera adres
właściwej strony internetowej. Jeżeli nie, zmień
go.

3. Kliknij

przycisk

Ramka docelowa (rysunek 11.13).

W oknie dialogowym Ramka docelowa w polu
Ustawienie elementów docelowych znajduje się
tekst podstawowa wskazujący główną ramkę
bieżącej strony z ramkami (rysunek 11.14).

Rysunek 11.12.
Aby ustawić ramkę docelową dla hiperłącza, kliknij go
je prawym przyciskiem myszy i z menu kontekstowego
wybierz pozycję Hiperłącze

Rysunek 11.13.
Kliknij przycisk Ramka docelowa okna dialogowego
Wstawianie hiperłącza, aby Aby ustawić lub zmienić
ramkę docelową, kliknij przycisk Ramka docelowa
okna dialogowego Wstawianie hiperłącza

Rysunek 11.14.
W oknie dialogowym Ramka docelowa można zmienić
ramkę docelową dla hiperłącza

273 Front Page – Praktyczne projekty

Rysunek 11.15.
Kliknij górną ramkę w sekcji Bieżąca strona z
ramkami, aby wstawić jej nazwę do pola Ustawienie
elementów docelowych

Rysunek 11.16.
Jeżeli klikniesz hiperłącze Paryż (rysunek u góry),
zawartość strony internetowej paryż.htm wybranej w
punkcie 2. pojawi się w ramce docelowej (transparent)
wybranej w punkcie 4. (rysunek u dołu)

Rysunek 11.17.
Informacja o ramce docelowej jest wyświetlana u dołu
okna dialogowego Wstawianie hiperłącza

Wskazówka

4. Aby

ustawić ramkę docelową, kliknij ramkę w

sekcji Bieżąca strona z ramkami lub wybierz
element z listy Wspólne elementy docelowe.
Nazwa wybranej ramki pojawi się w polu
Ustawienie elementów docelowych (rysunek
11.15). Więcej informacji o oknie dialogowym
Ramka docelowa zawiera podrozdział Okno
dialogowe Ramka docelowa.

5. Kliknij

przycisk

OK,. Aaby powrócić do okna

dialogowego Wstawianie hiperłącza, i kliknij
przycisk OK.

6. Aby

sprawdzić poprawność działania ramki

docelowej hiperłącza, wyświetl kartę Podgląd
(rysunek 11.16, u góry). Kliknij hiperłącze
wybrane w punkcie 1. FrontPage wyświetli stronę
internetową wybraną w punkcie 2. w ramce
docelowej wybranej w punkcie 4. (rysunek 11.16,
u dołu).

• W większości przypadków FrontPage

automatycznie ustawia prawidłową ramkę
docelową. Informacja o ramce docelowej jest
wyświetlana u dołu okna dialogowego Wstawianie
hiperłącza (rysunek 11.17).

Rozdział 11

♦ Tworzenie i formatowanie ramek

274

Aby zmienić domyślną
ramkę docelową:

Rysunek 11.18.
Aby zmienić domyślną ramkę docelową, kliknij stronę
prawym przyciskiem myszy i z menu kontekstowego
wybierz pozycję Właściwości strony

Rysunek 11.19.
W oknie dialogowym Właściwości strony wyświetl
kartę Ogólne, a następnie kliknij przycisk Zmień ramkę
docelową

Rysunek 11.20.
Okno dialogowe Ramka docelowa pozwala określić
ramkę docelową dla hiperłącza

Okno dialogowe Ramka
docelowa

Aby otworzyć okno dialogowe Ramka docelowa
(rysunek 11.20), prawym przyciskiem myszy kliknij
hiperłącze, z menu kontekstowego wybierz pozycję
Hiperłącze, a następnie w oknie dialogowym
Wstawianie hiperłącza kliknij przycisk Ramka
docelowa.

Ustawienia domyślne strony (podstawowa):
Strona, do której prowadzi hiperłącze, pojawi się w
ramce domyślnej – w tym przypadku w głównej
ramce bieżącej strony z ramkami.
Ta sama ramka: Strona, do której prowadzi
hiperłącze, pojawi się w tej samej ramce, w której
znajduje się to hiperłącze (rysunek 11.21).
Cała strona: Stronę z ramkami zastąpi strona, do

1. Upewnij

się, że pracujesz w widoku Strona,.

kliknij Kliknij stronę prawym przyciskiem myszy i
z menu kontekstowego wybierz pozycję
Właściwości strony (rysunek 11.18).

2. W oknie dialogowym Właściwości strony

wyświetl kartę Ogólne, a następnie kliknij przycisk
Zmień ramkę docelową (rysunek 11.19).

3. W oknie dialogowym Ramka docelowa (rysunek

11.20) kliknij ramkę w sekcji Bieżąca strona z
ramkami lub wybierz element z listy Wspólne
elementy docelowe. Nazwa wybranej ramki pojawi
się w polu Ustawienie elementów docelowych.
Więcej informacji o oknie dialogowym Ramka
docelowa zawiera podrozdział Okno dialogowe
Ramka docelowa.

4. Kliknij

przycisk

OK. Nazwa ramki docelowej

pojawi się w polu Domyślna ramka docelowa okna
dialogowego Właściwości strony.

5. Kliknij

przycisk

OK. Wybrana ramka stanie się

domyślną ramką docelową bieżącej strony.

(1) Bieżąca strona z ramkami: Kliknij dowolną ramkę,

aby wskazać ramkętę, która ma wyświetlić stronę
internetową, do której prowadzi hiperłącze.

(2) Wspólne elementy docelowe: Kliknij jeden z

elementów — uzupełniających one opcje dostępne
w sekcji Bieżąca strona z ramkami.

275 Front Page – Praktyczne projekty

Rysunek 11.21.
Jeżeli wybierzesz opcję Ta sama ramka, strona, do
której prowadzi hiperłącze, pojawi się w tej samej
ramce, w której znajduje się to hiperłącze

Rysunek 11.22.
Jeżeli wybierzesz opcję Cała strona, stronę z ramkami
zastąpi strona, do której prowadzi hiperłącze (rysunek
po lewej); j. Jeżeli wybierzesz opcję Nowe okno,
strona, do której prowadzi hiperłącze, pojawi się w
oknie nowej przeglądarki internetowej (rysunek po
prawej)

której prowadzi hiperłącze (rysunek 11.22, po
lewej).
Nowe okno: Strona, do której prowadzi hiperłącze,
pojawi się w oknie nowej przeglądarki
internetowej (rysunek 11.22, po prawej). Zastosuj
tę opcję, aby połączyć użytkownika ze stroną,
która nie należy do Twojej witryny internetowej –
Twoja witryna pozostanie widoczna w oryginalnej
przeglądarce.
Ramka nadrzędna: Opcja ta służy do tworzenia
grup dyskusyjnych.

(3) Ustawienie elementów docelowych: Tekst

wyświetlany w tym polu zależy od opcji wybranej
w sekcji Bieżąca strona z ramkami lub z listy
Wspólne elementy docelowe.

(4) Ustaw jako domyślną dla strony: Zaznacz to pole

wyboru, jeżeli chcesz, aby każde hiperłącze
wybranej strony wyświetlało skojarzoną z nim
stronę w wybranej ramce docelowej.

Rozdział 11

♦ Tworzenie i formatowanie ramek

276

Strona z ramkami w roli
strony startowej

Strona startowa standardowo nosi nazwę index.htm.
Jeżeli witryna internetowa posiada ją już stronę
startową bez ramek, możesz ją zastąpić stroną startową
z ramkami – wystarczy zmienić nazwę oryginalnej
strony startowej na inną, a nazwę strony z ramkami na
index.htm. Zwróć uwagę, że na niektórych serwerach
strona startowa musi nosić nazwę default.htm.

Aby stronę z ramkami
ustawić jako stronę
startową:

Rysunek 11.23.
Aby stronę z ramkami ustawić jako stronę startową, w
panelu Lista folderów odszukaj oryginalną stronę
startową (rysunek po lewej) i zmień jej nazwę (rysunek
po prawej)

Rysunek 11.24.
Zmień nazwę strony z ramkami (rysunek po lewej) na
index.htm (rysunek po prawej)

Rysunek 11.25.
Aby zaznaczyć ramkę, kliknij wewnątrz niej (rysunek u
góry); a. Aby zaznaczyć stronę z ramkami, kliknij jej
krawędź w prawym dolnym rogu (rysunek u dołu)

Formatowanie ramek

Po utworzeniu ramek i ustawieniu ramek docelowych
dla hiperłączy ramki można je sformatować lub
zmodyfikować. FrontPage pozwala Można też zmienić
rozmiar ramki, podzielić ramkę ją oraz zmodyfikować
jej właściwości. Można również przygotować stronę do
wyświetlania w przeglądarkach internetowych, które
nie obsługują ramek.

Aby zaznaczyć ramkę:

Aby zaznaczyć stronę z
ramkami:

1. Otwórz

Listę listę folderów, odszukaj plik

index.htm i kliknij go. Kliknij go jeszcze raz, aby
Aby można było zastąpić jego nazwę, kliknij go
jeszcze raz (rysunek 11.23, po lewej).

2. Wpisz

nową nazwę, na przykład

bez_ramek_index.htm. Upewnij się, że nazwa
pliku zawiera rozszerzenie .htm (rysunek 11.23, po
prawej).

3. Na

Liście folderów odszukaj stronę z ramkami,

którą chcesz ustawić jako stronę startową, i kliknij
ją. Kliknij ją jeszcze raz, aby Aby można było
zastąpić jej nazwę, kliknij ją jeszcze raz (rysunek
11.24, po lewej).

4. Wpisz

nową nazwę: index.htm (rysunek 11.24, po

prawej). Od tej pory stroną startową witryny
internetowej jest wskazana strona z ramkami.

• Kliknij wewnątrz ramki. Zaznaczona ramka

posiada ma ciemnoniebieskie obramowanie
(rysunek 11.25, u góry).

• Kliknij zewnętrzną krawędź strony z ramkami.

Zewnętrzna krawędź Jest ona jest wąska, więc
najlepiej kliknąć ją w prawym dolnym rogu.
Zaznaczona strona z ramkami posiada ma

277 Front Page – Praktyczne projekty

Rysunek 11.26.
Aby usunąć ramkę, kliknij ją i z menu Ramki wybierz
pozycję Usuń ramkę

Aby usunąć ramkę:

Aby zmienić rozmiar ramki:

Wskazówka

Rysunek 11.27.
Aby zmienić rozmiar ramki, umieść wskaźnik myszy
nad jedną z jej ciemnoniebieskich krawędzi – wskaźnik
przyjmie on postać dwukierunkowej strzałki (rysunek
po lewej) – a następnie naciśnij lewy przycisk myszy i
przeciągnij wskaźnik, aby zmniejszyć lub zwiększyć
rozmiar ramki (rysunek po prawej)

Rysunek 11.28.
Ramka przed podzieleniem (rysunek po lewej) oraz po
podzieleniu (rysunek po prawej)

Dzielenie ramek

Funkcja dzielenia ramek pozwala dodać nową ramkę
do istniejącej strony z ramkami.

Aby podzielić ramkę:

Wskazówki

ciemnoniebieskie obramowanie (rysunek 11.25, u
dołu).

• Kliknij wewnątrz ramki przeznaczonej do

usunięcia i z menu Ramki wybierz pozycję Usuń
ramkę (rysunek 11.26). FrontPage usunie ramkę ze
strony z ramkami, Ramka zostanie usunięta z
witryny internetowej, ale nie strona, którą
wyświetlała usunięta ta ramka, nie. zostanie
usunięta z witryny internetowej.

1. Upewnij

się, że pracujesz w widoku Strona i

zaznacz (kliknij) ramkę, której rozmiar chcesz
zmienić.

2. Umieść wskaźnik myszy nad jedną z

ciemnoniebieskich krawędzi ramki – wskaźnik
przyjmie on postać dwukierunkowej strzałki
(rysunek 11.27, po lewej). Naciśnij lewy przycisk
myszy i przeciągnij wskaźnik, aby zmniejszyć lub
zwiększyć rozmiar ramki (rysunek 11.27, po
prawej). Kiedy uznasz, że rozmiar ramki jest
zadawalającywłaściwy, zwolnij przycisk myszy.

• Aby zdefiniować określić precyzyjniey rozmiar

ramki, kliknij ją prawym przyciskiem myszy i z
menu kontekstowego wybierz pozycję
Właściwości ramki, a następnie skorzystaj z sekcji
Rozmiar ramki okna dialogowego Właściwości
ramki.

1. Kliknij

ramkę, którą chcesz podzielić (rysunek

11.28, po lewej).

2. Z

Ramki wybierz pozycję Podziel ramkę

(rysunek 11.29).

3. W oknie dialogowym Podziel ramkę określ, czy

FrontPage ma być ona podzielonaić ramkę na
kolumny, czy na wiersze (rysunek 11.30). Kliknij
przycisk OK. FrontPage Ramka podzieli ramkę
zostanie podzielona na dwie równe ramki części
(rysunek 11.28, po prawej).

• Aby szybko podzielić ramkę, naciśnij klawisz Ctrl

i przeciągnij jej krawędź.

• Jeżeli chcesz dodać pasek przewijania do ramki,

aby móc oglądać całą zawartość wyświetlanej w

Rozdział 11

♦ Tworzenie i formatowanie ramek

278

Rysunek 11.29.
Aby podzielić ramkę, z menu Ramki wybierz pozycję
Podziel ramkę

Rysunek 11.30.
W oknie dialogowym Podziel ramkę określ, czy
FrontPage ma być ona podzielić ramkę podzielona na
kolumny, czy na wiersze

niej strony, zobacz podrozdział Okno dialogowe
Właściwości ramki.

279 Front Page – Praktyczne projekty

Aby zmodyfikować
właściwości ramki:

Aby zmodyfikować odstępy
między ramkami i ukryć
obramowanie ramek:

Rysunek 11.31.
Aby zmodyfikować ramkę lub stronę z ramkami,
prawym przyciskiem myszy kliknij ramkę lub stronę z
ramkami i z menu kontekstowego wybierz pozycję
Właściwości ramki

Rysunek 11.32.
W oknie dialogowym Właściwości ramki zdefiniuj
określ nazwę, rozmiar i marginesy ramki lub aby
zmodyfikować stronę z ramkami, kliknij przycisk
Strona z ramkami, aby zmodyfikować stronę z
ramkami

Rysunek 11.33.
Użyj karty Ramki okna dialogowego Właściwości
strony do ustawienia odstępów między ramkami oraz
do wyświetlania obramowania ramek lub jego ukrycia
obramowania ramek

Okno dialogowe Właściwości

1. Prawym przyciskiem myszy kliknij ramkę, której

właściwości chcesz zmodyfikować, i z menu
kontekstowego wybierz pozycję Właściwości
ramki (rysunek 11.31).

2. W oknie dialogowym Właściwości ramki (rysunek

11.32) zdefiniuj określ nazwę, rozmiar i marginesy
ramki.

3. Chociaż FrontPage nadaje ramkom standardowe

nazwy, na przykład „spis”, w polu Nazwa możesz
wpisać inną nazwę.

4. Jeżeli chcesz, aby użytkownik mógł zmieniać

rozmiar ramki, zaznacz pole wyboru Zmienny
rozmiar w przeglądarce (sekcja Opcje) – w innym
przypadku wyczyść usuń zaznaczenie z tegoto
polepola. Możesz również zdecydować, czy ramka
ma mieć paski przewijania, czy też nie (lista
rozwijana Pokaż paski przewijania).

5. Kliknij

przycisk

OK, aby Aby zastosować zmiany

do zaznaczonej ramki, kliknij przycisk OK.

1. Prawym przyciskiem myszy kliknij stronę z

ramkami i z menu kontekstowego wybierz pozycję
Właściwości ramki (rysunek 11.31).

2. W oknie dialogowym Właściwości ramki (rysunek

11.32) kliknij przycisk Strona z ramkami.

3. W oknie dialogowym Właściwości strony

wyświetl kartę Ramki (rysunek 11.33).

4. Wpisz

wartość w polu Odstępy między ramkami

lub wybierz ją za pomocą strzałek.

5. Aby

ukryć obramowanie ramek, wyczyść usuń

zaznaczenie z polae wyboru Pokaż obramowanie.

6. Kliknij

przycisk

OK, aby Aby powrócić do okna

dialogowego Właściwości ramki., kliknij przycisk
OK, Kliknij przycisk OK, aAby zastosować
zmiany do strony z ramkami, kliknij przycisk OK.

Rozdział 11

♦ Tworzenie i formatowanie ramek

280

ramki

Aby otworzyć okno dialogowe Właściwości ramki
(rysunek 11.32), prawym przyciskiem myszy kliknij
dowolną ramkę i z menu kontekstowego wybierz
pozycję Właściwości ramki.

Strony z ramkami a
starsze przeglądarki

Aby oglądać strony z ramkami, użytkownik musi
posiadać przeglądarkę internetową w wersji 3 lub
nowszą. Mimo że większość użytkowników korzysta z
takich przeglądarek, FrontPage pozwala utworzyć
specjalną stronę dla użytkownikówtych, którzy nie
mogą oglądać stron z ramkami. Strona ta może
zawierać stosowny komunikat oraz hiperłącze do
alternatywnej strony bez ramek.

Aby utworzyć komunikat dla
przeglądarek które nie

Rysunek 11.34.
Aby utworzyć komunikat dla przeglądarek, które nie
obsługujących ramek, kliknij kartę Bez ramek u dołu
głównego okna programu FrontPage

Rysunek 11.35.

(1) Nazwa: Standardowa nazwa ramki zależy od jej

położenia. W polu Nazwa możesz podać inną
nazwę.

(2) Strona początkowa: Aby odszukać stronę

początkową dla ramki, kliknij przycisk Przeglądaj.

(3) Rozmiar ramki: Standardowo szerokość ramki jest

podawana w pikselach. Z list rozwijanych
dostępnych w sekcji Rozmiar ramki wybierz opcję
Względna, Procentowa lub Piksele. Jeżeli
wybierzesz opcję Względna, jej rozmiar ramki
będzie uzależniony od rozmiaru innych ramek
strony z ramkami. Jeżeli, na przykład, szerokość
ramki X ustawisz na wartość 1, a szerokość ramki
Y na wartość 2, ramka Y będzie dwa razy szersza
od ramki X. Jeżeli wybierzesz opcję Procentowa,
FrontPage ustawi rozmiar ramki jako procent
rozmiaru okna przeglądarki internetowej.

(4) Marginesy: Pola Szerokość i Wysokość służą do

definiowania określania marginesu ramki w
pikselach.

(5) Zmienny rozmiar w przeglądarce: Standardowo to

pole wyboru jest zaznaczone., co oOznacza to, że
użytkownik może zmieniać rozmiar ramki. Jeżeli
chcesz ustawić stały rozmiar ramki, wyczyść usuń
to zaznaczenie z polae wyboru.

(6) Pokaż paski przewijania: Zdecyduj, kiedy ramka

ma mieć paski przewijania: zawsze, nigdy czy
tylko wtedy, kiedy wystąpi taka potrzeba. Jeżeli
wybierzesz opcję Jeżeli trzeba, paski przewijania
pojawią się wtedy, gdy zawartość strony
wyświetlanej w ramce nie zmieści się w tej
ramceniej.

(7) Strona z ramkami: Kliknij ten przycisk, aby

zmodyfikować właściwości całej strony z
ramkami. Więcej szczegółów zawiera podrozdział
Aby zmodyfikować odstępy między ramkami i ukryć
obramowanie ramek.

(8) Styl: Przycisku Styl możesz użyć, jeżeli witryna

internetowa korzysta z arkuszy stylów.

281 Front Page – Praktyczne projekty

przeglądarek, które nie
obsługujących ramek:

1. Otwórz

stronę z ramkami w widoku Strona i

kliknij kartę Bez ramek u dołu głównego okna
programu FrontPage (rysunek 11.34).

2. Standardowy komunikat informuje, że strona

używa ramek, ale przeglądarka ich nie obsługuje
(rysunek 11.35, u góry). Wpisz bardziej przyjazny
komunikat i utwórz hiperłącze do alternatywnej
strony bez ramek (rysunek 11.35, u dołu).

3. Zapisz

stronę (Ctrl+S). Aby powrócić do strony z

ramkami i kliknij kartę Normalny,. aby powrócić
do strony z ramkami.

Aby zmodyfikować standardowy komunikat
wyświetlany w przeglądarkach, które nie
obsługujących ramek (rysunek u góry), wpisz bardziej
przyjazny tekst i utwórz hiperłącze do alternatywnej
strony bez ramek (rysunek u dołu)

Rozdział 12. Tworzenie i
przetwarzanie formularzy

Formularz

służy do zbierania i przetwarzania

informacji podawanych przez użytkowników.
Tworzenie formularza zZawierającego elementy takie
jak, pytania, interaktywne przyciski opcji, pola wyboru
i pola rozwijane, — jego tworzenie składa się z kilku
etapów. Najpierw należy utworzyć pusty formularz i
umieścić w nim pola służące do zbierania danych
podawanych przez użytkowników. Dodając i edytując
pola, można określić rodzaj dopuszczalnych danych dla
poszczególnych pól formularza. Proces ten jest
nazywany walidacją (sprawdzaniem poprawności)
danych. Następnie można stworzyć stronę
potwierdzenia, dzięki której użytkownik może
sprawdzić poprawność wprowadzonych danych. Na
koniecWreszcie należy wskazać miejsce zapisywania
wyników wypełnionego formularza: plik, wiadomość
e-mail, bazę danych lub inną lokalizację, do której dane
przesyła się za pomocą skryptu niestandardowego.

283 Front Page – Praktyczne projekty

Tworzenie formularzy

Aby szybko zbudować formularz, należy utworzyć go z
szablonu i zmodyfikować jego pola. Wśród szablonów
dostarczanych z programem FrontPage są Formularz
opinii oraz Formularz potwierdzenia, a także Kreator
strony formularza, który pomaga utworzyć formularz
niestandardowy. Formularz można również zbudować
od zerapoczątku.

Aby utworzyć formularz z
szablonu:

Rysunek 12.1.
Aby utworzyć nowy formularz, z menu Plik wybierz
pozycję Nowy, a następnie – pozycję Strona lub sieć
Web

Rysunek 12.2.
W okienku zadań Nowy plik strony lub sieci Web
kliknij pozycję Szablony stron

Rysunek 12.3.
W oknie dialogowym Szablony stron wybierz ikonę
szablonu Formularz opinii, a następnie kliknij przycisk
OK

1. Z

Plik wybierz pozycję Nowy, a następnie –

pozycję Strona lub sieć Web (rysunek 12.1).

2. W okienku zadań Nowy plik strony lub sieci Web

kliknij pozycję Szablony stron (rysunek 12.2).

3. W oknie dialogowym Szablony stron (rysunek

12.3) wybierz ikonę szablonu Formularz opinii, a
następnie kliknij przycisk OK. Zapisz stronę
internetową utworzoną przez program FrontPage
(Ctrl+S).

4. W oknie dialogowym Zapisywanie jako podaj

unikatową nazwę i tytuł dla strony z formularzem,
a następnie kliknij przycisk Zapisz (rysunek 12.4).
Teraz możesz zmodyfikować istniejące pola
formularza i dodać nowe (rysunek 12.5). Więcej
informacji na ten temat zawiera podrozdział
Dodawanie pól formularza.

Rozdział 12

♦ Tworzenie i przetwarzanie formularzy

284

Rysunek 12.4.
W oknie dialogowym Zapisywanie jako podaj
unikatową nazwę i tytuł dla strony z formularzem

Rysunek 12.5.
Szablony programu FrontPage 2002 przyspieszają
proces tworzenia stron z formularzami

Rysunek 12.6.
Aby utworzyć formularz od zerapoczątku, z menu
Wstaw wybierz pozycję Formularz, a następnie –
pozycję Formularz

Rysunek 12.7.

Aby utworzyć formularz od
zerapoczątku:

Aby usunąć pole:

1. Otwórz

istniejącą stronę internetową lub z menu

Plik wybierz pozycję Nowy, a następnie – pozycję
Strona lub sieć Web (Ctrl+N), aby Aby utworzyć
nową stronę, otwórz istniejącą stronę internetową
lub z menu Plik wybierz pozycję Nowy, a
następnie – pozycję Strona lub sieć Web (Ctrl+N),
(rysunek 12.1). Jeżeli utworzyłeś nową stronę,
zapisz ją (Ctrl+S) i nadaj jej unikatową nazwę w
oknie dialogowym Zapisywanie jako (rysunek
12.4).

2. Umieść kursor w miejscu, w którym chcesz

wstawić formularz, i z menu Wstaw wybierz
pozycję Formularz, a następnie – pozycję
Formularz (rysunek 12.6).

3. Na stronie internetowej pojawi się formularz z

przyciskami Prześlij i Resetuj. Obszar formularza
wyznacza przerywana linia (rysunek 12.7).

4. Naciśnij kilka razy klawisz Enter, aby Aby

powiększyć obszar formularza, naciśnij kilka razy
klawisz Enter (rysunek 12.8). Teraz możesz dodać
do formularza pola. Więcej informacji na ten temat
zawiera podrozdział Dodawanie pól formularza.

• Upewnij się, że pracujesz w widoku Normalny,.

zaznacz Zaznacz (kliknij) pole przeznaczone do
usunięcia i naciśnij klawisz Backspace lub Delete.
F

285 Front Page – Praktyczne projekty

Obszar formularza wyznacza przerywana linia.
Formularz posiada przyciski Prześlij i Resetuj

Rysunek 12.8.
Naciśnij kilka razy klawisz Enter, aby Aby powiększyć
obszar formularza, naciśnij kilka razy klawisz Enter

Rysunek 12.9.
Aby usunąć pole, kliknij je prawym przyciskiem myszy
i z menu kontekstowego wybierz pozycję Wytnij

lub

Aby zmodyfikować
właściwości pola:

FrontPage usunie pole.

• Kliknij pole przeznaczone do usunięcia prawym

przyciskiem myszy i z menu kontekstowego
wybierz pozycję Wytnij (rysunek 12.9). FrontPage
usunie pole.

1. Upewnij

się, że pracujesz w widoku Strona, . a

nNastępnie dwukrotnie kliknij pole, którego
właściwości chcesz zmodyfikować.

2. Zmodyfikuj

właściwości pola w jego oknie

dialogowym i kliknij przycisk OK. Okna
dialogowe poszczególnych pól omawiamy w
podrozdział podrozdziale Dodawanie pól
formularza.

Rozdział 12

♦ Tworzenie i przetwarzanie formularzy

286

Dodawanie pól
formularza

Bez względu na to, czy utworzyłeś pusty formularz,
czy formularz z szablonu, możesz dodać do niego
dowolny zestaw pól.

Aby dodać pole tekstowe:

Rysunek 12.10.
Wpisz tekst opisujący pole tekstowe i umieść kursor w
miejscu, w którym które chcesz wstawić to pole

Rysunek 12.11.
Aby dodać jednowierszowe pole tekstowe, z menu
Wstaw wybierz pozycję Formularz, a następnie –
pozycję Pole tekstowe

Rysunek 12.12.
Aby zmodyfikować pole tekstowe, kliknij go je
prawym przyciskiem myszy i z menu kontekstowego
wybierz pozycję Właściwości pola formularza

Rysunek 12.13.
W oknie dialogowym Właściwości pola tekstowego
zdefiniuj nadaj nazwę, wartość początkową, szerokość

1. Umieść kursor w miejscu, w którym chcesz

wstawić pole tekstowe, na przykładnp. na prawo
od etykiety opisującej to pole (rysunek 12.10).

2. Z

Wstaw wybierz pozycję Formularz, a

następnie – pozycję Pole tekstowe (rysunek 12.11).

3. Prawym przyciskiem myszy kliknij

jednowierszowe pole tekstowe i z menu
kontekstowego wybierz pozycję Właściwości pola
formularza (Alt+Enter) (rysunek 12.12).

4. FrontPage otworzy okno dialogowe Właściwości

pola tekstowego (rysunek 12.13). W polu Nazwa
(1) wpisz unikatową nazwę dla pola tekstowego,
zastępując nazwę domyślną, na przykład T1,
nadaną przez program FrontPage. Nazwa pola
tekstowego jest niewidoczna dla użytkownika.

5. Jeżeli w polu tekstowym chcesz umieścić tekst, na

przykład,np. „Podaj imię”, wpisz go w polu
Wartość początkowa (2).

6. Podaj

wartość definiującą określającą szerokość

pola tekstowego w znakach (3) oraz wartość
definiującą ustalającą kolejność dostępu do tego
pola (4).

7. Aby

utworzyć pole hasła (5), wybierz opcję Tak –

w innym przypadku – opcję Nie (wartość
ustawienie domyślnadomyślne). Jeżeli korzystasz
z arkuszy stylów, Przycisku Styl (6) możesz
używać przycisku Styl (6),. jeżeli korzystasz z
arkuszy stylów.

8. Aby

określić typ danych dopuszczalnych w polu

tekstowym, kliknij przycisk Sprawdź poprawność
(7). Więcej informacji na ten temat zawiera
podrozdział Okno dialogowe Sprawdzanie
poprawności pola tekstowego.

287 Front Page – Praktyczne projekty

w znakach oraz kolejność dostępu do pola tekstowego.
Określ również, czy pole tekstowe ma służyć do
wpisywania hasła

Rysunek 12.14.
Aby utworzyć osobny pasek narzędzi Formularz, z
menu Wstaw wybierz pozycję Formularz, umieść
wskaźnik myszy nad górną krawędzią podmenu,
naciśnij lewy przycisk myszy i przeciągnij wskaźnikgo

Wskazówki

9. Kliknij

przycisk

OK, aby Aby zastosować zmiany

do jednowierszowego pola tekstowego, kliknij
przycisk OK. Aby zobaczyć utworzone pole
tekstowe w działaniu i zdecydować, czy trzeba je
zmodyfikować, kliknij kartę Podgląd.

• Aby zmienić rozmiar pola tekstowego, nie trzeba

otwierać okna dialogowego Właściwości pola
tekstowego – wystarczy zaznaczyć (kliknąć) to
pole i przeciągnąć jeden z jego uchwytów.

• Aby usprawnić pracę z formularzami, można

utworzyć osobny pasek narzędzi Formularz. Z
menu Wstaw wybierz pozycję Formularz, umieść
wskaźnik myszy nad górną krawędzią podmenu,
naciśnij lewy przycisk myszy i przeciągnij
wskaźnik go (rysunek 12.14).

Rozdział 12

♦ Tworzenie i przetwarzanie formularzy

288

Pole obszaru
tekstowego

Pole tekstowe zawiera jeden wiersz tekstu; pole
obszaru tekstowego może zawierać dowolną liczbę
wierszy. W razie potrzeby FrontPage automatycznie
dodaje pasek przewijania do pola obszaru tekstowego.

Aby dodać pole obszaru
tekstowego:

Rysunek 12.15.
Aby dodać pole obszaru tekstowego, kliknij przycisk
Obszar tekstu dostępny na pasku narzędzi Formularz

Rysunek 12.16.
Aby zmienić rozmiar pola obszaru tekstowego,
przeciągnij jeden z jego czarnych kwadratowych
uchwytów

Rysunek 12.17.
W oknie dialogowym Właściwości pola obszaru
tekstowego zdefiniuj nadaj nazwę, wartość początkową
i rozmiar pola obszaru tekstowego

1. Umieść kursor w miejscu, w którym które chcesz

wstawić pole obszaru tekstowego, na przykładnp.
na prawo od etykiety opisującej to pole lub w
którym prosi się proszącej o wpisanie komentarza.

2. Z

Wstaw wybierz pozycję Formularz, a

następnie – pozycję Obszar tekstu lub kliknij
przycisk Obszar tekstu dostępny na pasku narzędzi
Formularz (rysunek 12.15).

3. Zaznacz (kliknij) pole obszaru tekstowego i

przeciągnij jeden z jego uchwytów, aby
zmodyfikować jego rozmiar (rysunek 12.16).

4. Kliknij pole obszaru tekstowego prawym

przyciskiem myszy i z menu kontekstowego
wybierz pozycję Właściwości pola formularza
(Alt+Enter) (rysunek 12.12).

5. FrontPage otworzyPojawi się okno dialogowe

Właściwości pola obszaru tekstowego (rysunek
12.17). W polu pozycji Nazwa wpisz unikatową
nazwę dla pola obszaru tekstowego, zastępując
nazwę domyślną, na przykładnp. S1, nadaną przez
program FrontPage. Nazwa pola obszaru
tekstowego Jjest ona niewidoczna dla
użytkownika.

6. Jeżeli w polu obszaru tekstowego chcesz umieścić

tekst, na przykład,np. „Twój komentarz”, wpisz go
w polu Wartość początkowa.

7. Podaj

wartość definiującą określającą szerokość

pola obszaru tekstowego w znakach, wartość
definiującą liczbę wierszy oraz wartość definiującą
kolejność dostępu do tego pola.

8. Aby

określić typ danych dopuszczalnych w polu

obszaru tekstowego, kliknij przycisk Sprawdź
poprawność. Więcej informacji na ten temat
zawiera podrozdział Okno dialogowe Sprawdzanie
poprawności pola tekstowego.

9. Kliknij

przycisk

OK, aby Aby zastosować zmiany

do pola obszaru tekstowego, kliknij przycisk OK.
Aby zobaczyć utworzone pole obszaru tekstowego
w działaniu i zdecydować, czy trzeba je
zmodyfikować, kliknij kartę Podgląd.

289 Front Page – Praktyczne projekty

Okno dialogowe
Sprawdzanie poprawności
pola tekstowego

Okno dialogowe Sprawdzanie poprawności pola
tekstowego służy do definiowania określania typu
danych dopuszczalnych w polach tekstowych (rysunek
12.18). Aby je otworzyć okno dialogowe Sprawdzanie
poprawności pola tekstowego, kliknij przycisk
Sprawdź poprawność okna dialogowego Właściwości
pola tekstowego lub Właściwości pola obszaru
tekstowego (rysunek 12.19).

Rysunek 12.18.
Okno dialogowe Sprawdzanie poprawności pola
tekstowego służy do definiowania określania typu
danych dopuszczalnych możliwych do użycia w
jednowierszowych polach tekstowych oraz w polach
obszaru tekstowego

Rysunek 12.19.
Aby otworzyć okno dialogowe Sprawdzanie
poprawności pola tekstowego, kliknij przycisk
Sprawdź poprawność okna dialogowego Właściwości
pola tekstowego lub Właściwości pola obszaru
tekstowego

Rysunek 12.20.
Aby dodać pole wyboru, kliknij przycisk Pole wyboru
dostępny na pasku narzędzi Formularz

Rysunek 12.21.
Po pojawieniu się pola wyboru na stronie internetowej
dodaj wyjaśniający tekst

Pola wyboru i przyciski
opcji

Pola wyboru i przyciski opcji – w przeciwieństwie do
pól tekstowych i pól obszaru tekstowego, do których
użytkownik może wpisać różne rodzaje informacji –
posiadają tylko dwa stanywystpują tylko w dwóch
stanach: włączony/-zaznaczony lub wyłączony/-

Róż i

i d

(1) Nazwa wyświetlana: Pole to, choć umieszczone u

góry okna dialogowego, staje się dostępne dopiero
po użyciu innych pól do zdefiniowana typu
dopuszczalnych danych. Przed podaniem nazwy
wyświetlanej trzeba więc określić wymagania,
jakim muszą odpowiadać wprowadzane dane.

(2) Typ danych: Standardowo lista rozwijana Typ

danych wyświetla element Bez ograniczeń. Lista ta
pozwala określić typ wprowadzanych danych.
Jeżeli wybierzesz opcję Tekst, możesz użyć sekcji
Format tekstu do zdefiniowania formatu tekstu.
Jeżeli wybierzesz zaś opcję Liczba całkowita lub
Liczba, możesz użyć posłużyć się sekcji sekcją
Format liczb do zdefiniowania formatu liczb.

(3) Format tekstu: Sekcja ta jest dostępna tylko w

przypadku wybrania opcji Tekst z listy rozwijanej
Typ danych. Zaznacz odpowiednie pola wyboru,
aby Aby określić typ dopuszczalnych danych,
zaznacz odpowiednie pola wyboru. Jeżeli
zaznaczysz pole wyboru Światło, w polu
tekstowym lub polu obszaru tekstowego
użytkownicy będą mogli używać spacji i
tabulatorów. Jeżeli zaznaczysz pole wyboru Inny,
w polu obok możesz zdefiniować umieścić
dodatkowe znaki dopuszczalne, na przykładnp.
znaki interpunkcyjne i apostrofy.

(4) Format liczb: Sekcja ta jest dostępna tylko w

przypadku wybrania opcji Liczba całkowita lub
Liczba z listy rozwijanej Typ danych.

(5) Długość danych: Aby mieć pewność, że

użytkownik poda liczbę o poprawnej długości, na
przykład 11-cyfrowy PESEL, zaznacz pole wyboru
Wymagana i wpisz odpowiednie wartości w polach
Minimalna i Maksymalna.

(6) Wartość danych: Użyj pól wyboru, list

rozwijanych i pól tekstowych tej sekcji do
dalszego sprecyzowania typu dopuszczalnych
danych.

Rozdział 12

♦ Tworzenie i przetwarzanie formularzy

290

Rysunek 12.22.
Kliknij pole wyboru prawym przyciskiem myszy i z
menu kontekstowego wybierz pozycję Właściwości
pola formularza

niezaznaczony. Różnica między polami wyboru a
przyciskami opcji polega na tym, że można zaznaczyć
więcej niż jedno pole wyboru w grupie tych pól
wyboru, natomiast z grupy przycisków opcji można
wybrać tylko jedenną opcję.

Aby dodać pole wyboru:

Rysunek 12.23.
W oknie dialogowym Właściwości pola wyboru podaj
nazwę pola wyboru i określ jego stan początkowy

Rysunek 12.24.
Umieść kursor w miejscu, w którym które chcesz
dodać jeden lub więcej przycisków opcji. Nie zapomnij
o dodaniu tekstu, w którym prosisz proszącego
użytkownika o wybranie jednej z opcji

Rysunek 12.25.
Aby dodać przycisk opcji, kliknij przycisk Przycisk
opcji dostępny na pasku narzędzi Formularz

Rysunek 12.26.
Po pojawieniu się przycisku opcji w formularzu wpisz
tekst identyfikujący ten przycisk

Aby utworzyć grupę
przycisków opcji:

1. Umieść kursor w miejscu, w którym które chcesz

wstawić pole wyboru.

2. Z

Wstaw wybierz pozycję Formularz, a

następnie – pozycję Pole wyboru lub kliknij
przycisk Pole wyboru dostępny na pasku narzędzi
Formularz (rysunek 12.20).

3. Pole wyboru pojawi się na stronie internetowej.

Teraz możesz dodać tekst opisujący to pole
(rysunek 12.21).

4. Kliknij pole wyboru prawym przyciskiem myszy i

z menu kontekstowego wybierz pozycję
Właściwości pola formularza (Alt+Enter) (rysunek
12.22).

5. FrontPage otworzy Pojawi się okno dialogowe

Właściwości pola wyboru (rysunek 12.23). W polu
Nazwa wpisz unikatową nazwę dla pola wyboru,
zastępując nazwę domyślną, na przykładnp. C1,
nadaną przez program FrontPage. Nazwa pola
wyboru jJest ona niewidoczna dla użytkownika.

6. Standardowo w polu Wartość jest umieszczony

tekst „ON”. Tekst ten jJest on niewidoczny dla
użytkownika – możesz wpisać dowolny tekst
pomagający szybko zidentyfikować odpowiedź
użytkownika. Na rysunku 12.23 w polu Wartość
można wpisać, na przykład,np. tekst „Kontakt”.

7. Standardowo stan początkowy pola wyboru jest

niezaznaczony. Wybierz opcję Zaznaczone, jeżeli
masz pewność, że większość użytkowników
będzie chciało wybrać to pole wyboru.

8. Wpisz

wartość określającą kolejność dostępu do

pola wyboru i kliknij przycisk OK.

9. Aby

dodać następne pola wyboru, wykonaj

ponownie punkty 1–8. Aby zobaczyć pola wyboru
w działaniu i zdecydować, czy trzeba je
zmodyfikować, kliknij kartę Podgląd.

1. Umieść kursor w miejscu, w którym chcesz dodać

przycisk opcji, na przykładnp. na prawo od tekstu,
proszącego w którym prosisz użytkownika o
wybranie jednej opcji z grupy opcji (rysunek
12.24).

2. Z

Wstaw wybierz pozycję Formularz, a

następnie – pozycję Przycisk opcji lub kliknij
przycisk Przycisk opcji dostępny na pasku
narzędzi Formularz (rysunek 12.25).

3. Po pojawieniu się przycisku opcji w formularzu

wpisz tekst identyfikujący ten przycisk (rysunek
12.26).

4. Umieść kursor w miejscu, w którym które chcesz

dodać następny przycisk opcji, i wykonaj
ponownie punkty 2. i 3. W podobny ten sam

291 Front Page – Praktyczne projekty

Rysunek 12.27.
Po pojawieniu się okna dialogowego Właściwości
przycisku opcji w polach Nazwa grupy i Wartość
znajdują się standardowe wartości, a w grupie opcji
Stan początkowy jest wybrana opcja Zaznaczony

Rysunek 12.28.
Wpisz opisowe nazwy w polach Nazwa grupy i
Wartość, a następnie ustaw stan początkowy oraz
kolejność dostępu do przycisku opcji

Wskazówka

Rysunek 12.29.
W polu Nazwa wyświetlana okna dialogowego
Sprawdzanie poprawności przycisku opcji wpisz tekst
przypominający o konieczności wybrania jednej z opcji

Rysunek 12.30.
Grupa opcji złożona z trzech przycisków opcji

Rysunek 12.31.
Aby dodać pole rozwijane, kliknij przycisk Pole
rozwijane dostępny na pasku narzędzi Formularz

Aby dodać pole rozwijane:

sposób dodaj tyle przycisków opcji, ile powinna
zawierać grupa opcji.

5. Prawym przyciskiem myszy kliknij przycisk opcji

i z menu kontekstowego wybierz pozycję
Właściwości pola formularza (Alt+Enter) (rysunek
12.12).

6. Po pojawieniu się okna dialogowego Właściwości

przycisku opcji pole Nazwa grupy zawiera
standardową nazwę, na przykładnp. R1., pPole
Wartość również zawiera również standardową
wartość, na przykładnp. V1, a w grupie opcji Stan
początkowy jest wybrana opcja Zaznaczony
(rysunek 12.27).

7. Wpisz opisowe nazwy w polach Nazwa grupy i

Wartość. Ponieważ Jeżeli chcesz, aby użytkownik
wybrał kolor, w grupie opcji Stan początkowy
wybierz opcję Niezaznaczony (rysunek 12.28).
Kliknij przycisk OK, aby Aby zastosować zmiany
do przycisku opcji, kliknij przycisk OK.

8. Wykonaj punkty 5–7 dla pozostałych przycisków

opcji. Zwróć uwagę, że każdy przycisk opcji
należący do grupy opcji powinien mieć tę samą
wartość w polu Nazwa grupy, unikatową wartość
w polu Wartość oraz stan początkowy
niezaznaczony. Kliknij przycisk OK okna
dialogowego Właściwości przycisku opcji, aby
Aby zastosować zmiany, kliknij przycisk OK okna
dialogowego Właściwości przycisku opcji.

9. Aby

mieć pewność, że użytkownik wybierze jedną

z opcjimożliwości, dwukrotnie kliknij dowolny
przycisk opcji. W oknie dialogowym Właściwości
przycisku opcji kliknij przycisk Sprawdź, aby
otworzyć okno dialogowe Sprawdzanie
poprawności przycisku opcji (rysunek 12.29).
Zaznacz pole wyboru Wymagane dane i wpisz
tekst w polu Nazwa wyświetlana. Kliknij przycisk
OK, aby Aby zastosować zmiany, kliknij przycisk
OK.

10. Aby zobaczyć przyciski opcji w działaniu i

zdecydować, czy trzeba je zmodyfikować, kliknij
kartę Podgląd (rysunek 12.30).

• Jeżeli uważasz, że większość użytkowników

wybierze określoną opcję z grupy opcji, w punkcie
7. ustaw jej stan początkowy tej opcji na wartość
Zaznaczony.

1. Umieść kursor w miejscu, w którym które chcesz

dodać pole rozwijane, na przykładnp. na prawo od
tekstu proszącego, w którym prosisz użytkownika
o wybranie jednej opcji z pola rozwijanego.

2. Z menu Wstaw wybierz pozycję Formularz, a

Rozdział 12

♦ Tworzenie i przetwarzanie formularzy

292

Rysunek 12.32.
Kliknij przycisk Dodaj okna dialogowego Właściwości
pola rozwijanego, aby Aby stworzyć element pola
rozwijanego, kliknij przycisk Dodaj okna dialogowego
Właściwości pola rozwijanego

Rysunek 12.33.
W oknie dialogowym Dodawanie wyboru utwórz
element pola rozwijanego, określ jego wartość oraz
stan początkowy

Rysunek 12.34.
Można zmienić porządek elementów pola rozwijanego
i zezwolić na zaznaczanie wielu elementów

następnie – pozycję Pole rozwijane lub kliknij
przycisk Pole rozwijane dostępny na pasku
narzędzi Formularz (rysunek 12.31).

3. Po pojawieniu się pola rozwijanego kliknij go

prawym przyciskiem myszy i z menu
kontekstowego wybierz pozycję Właściwości pola
formularza (Alt+Enter) (rysunek 12.12) lub
dwukrotnie kliknij pole rozwijane.

4. W

polu

Nazwa okna dialogowego Właściwości

pola rozwijanego zastąp nazwę standardową, na
przykładnp. D1 (rysunek 12.32), nadaną przez
program FrontPage nazwą unikatową.

5. Aby

dodać element do pola rozwijanego, kliknij

przycisk Dodaj. W polu Wybór okna dialogowego
Dodawanie wyboru (rysunek 12.33) wpisz tekst
pierwszego elementu pola rozwijanego.

6. Aby

utworzyć skróconą nazwę dla elementu,

zaznacz pole wyboru Określ wartość i wpisz ją w
polu tekstowym. Wybierz opcję w sekcji Stan
początkowy: Zaznaczony lub Niezaznaczony.
Kliknij przycisk OK. Element pojawi się w oknie
dialogowym Właściwości pola rozwijanego.

7. Aby

dodać następne elementy do pola rozwijanego

kliknij przycisk Dodaj (2) i wykonaj punkt 5. i 6.
(rysunek 12.34).

8. Aby

zmodyfikować, usunąć lub zmienić porządek

elementów, wybierz element z listy Wybór (1), a
następnie kliknij przycisk Modyfikuj (3), Usuń (4),
Przenieś w górę lub Przenieś w dół (5). Ustaw
Określ wysokość (6), kolejność dostępu do pola
rozwijanego (7) i zdecyduj, czy użytkownik będzie
mógł zaznaczać więcej niż jeden element pola
rozwijanego (8). Więcej informacji na ten temat
zawiera podrozdział Okno dialogowe Właściwości
pola rozwijanego.

9. Kliknij

przycisk

OK, aby Aby zastosować zmiany

do pola rozwijanego, kliknij przycisk OK.

293 Front Page – Praktyczne projekty

Rysunek 12.35.
Okno dialogowe Modyfikuj wybór pozwala
zmodyfikować nazwę, wartość i stan początkowy
elementu pola rozwijanego

Okno dialogowe Właściwości
pola rozwijanego

Aby wyświetlić okno dialogowe Właściwości pola
rozwijanego (rysunek 12.34), kliknij pole rozwijane
prawym przyciskiem myszy i z menu kontekstowego
wybierz pozycję Właściwości pola formularza
(Alt+Enter) (rysunek 12.12).

Rysunek 12.36.
Okno dialogowe Sprawdzanie poprawności pola
rozwijanego pozwala zdefiniować określić rodzaj
dopuszczalnych możliwych do użycia danych dla pola
rozwijanego

(1) Wybór: Kliknij dowolny element listy Wybór, aby

go zaznaczyć. Okno dialogowe wyświetla
wszystkie elementy pola rozwijanego, informację o
tym, czy dany element będzie zaznaczony w polu
rozwijanym oraz jego skróconą wartość elementu.

(2) Dodaj: Kliknij ten przycisk, aby dodać element do

pola rozwijanego.

(3) Modyfikuj: Aby zmodyfikować element pola

rozwijanego, zaznacz go na liście Wybór i kliknij
przycisk Modyfikuj. FrontPage wyświetli okno
dialogowe Modyfikuj wybór (rysunek 12.35), które
działa tak samo jak okno dialogowe Dodawanie
wyboru (rysunek 12.33).

(4) Usuń: Aby usunąć element, zaznacz go na liście

Wybór i kliknij przycisk Usuń. FrontPage
natychmiast usunie zZaznaczony element zostanie
usunięty.

(5) Przenieś w górę/-Przenieś w dół: Aby

zmodyfikować porządek elementów pola
rozwijanego, zaznacz jeden z elementów na liście
Wybór i kliknij przycisk Przenieś w górę lub
Przenieś w dół. FrontPage przeniesie eElement
zostanie przeniesiony o jedną pozycję w górę lub
w dół.

(6) Wysokość: Wpisz wartość określającą, ile wierszy

pola rozwijanego ma się pojawić w formularzu.
Jeżeli pole rozwijane okaże się zbyt małe do
wyświetlenia wszystkich elementów, FrontPage
zostanie dodany doda pasek przewijania.

(7) Kolejność dostępu: Wpisz wartość określającą

kolejność dostępu do pola rozwijanego.

(8) Zezwalaj na wiele zaznaczeń: Standardowo jest

wybrana opcja Nie. Jeżeli chcesz, aby użytkownik
mógł zaznaczyć więcej niż jeden element, wybierz
opcję Tak.

(9) Sprawdź: Kliknij ten przycisk, aby zdefiniować

określić rodzaj dopuszczalnych możliwych do
użycia danych dla pola rozwijanego. W oknie
dialogowym Sprawdzanie poprawności pola
rozwijanego (rysunek 12.36) zaznacz pole wyboru
Wymagane dane, aby zmusić użytkownika do
wybrania co najmniej jednego elementu z pola
rozwijanego. Aby ograniczyć liczbę elementów w
polu rozwijanym, wpisz odpowiednie wartości w
polach Minimalna liczba elementów oraz
Maksymalna liczba elementów. Kliknij przycisk
OK, aby Aby powrócić do okna dialogowego
Właściwości pola rozwijanego., kliknij przycisk
OK.

Rozdział 12

♦ Tworzenie i przetwarzanie formularzy

294

Rysunek 12.37.
Umieść kursor w miejscu, w któreym chcesz dodać
przycisk polecenia

Rysunek 12.38.
Aby dodać przycisk polecenia, kliknij przycisk
Przycisk polecenia dostępny na pasku narzędzi
Formularz

Rysunek 12.39.
W oknie dialogowym Właściwości przycisku polecenia
zdefiniuj nazwę, etykietę i typ przycisku

Rysunek 12.40.
Aby zobaczyć przycisk polecenia w działaniu, kliknij
kartę Podgląd

Przyciski poleceń

Po utworzeniu formularza z polami tekstowymi,
polami wyboru, przyciskami opcji i polami
rozwijanymi należy jeszcze stworzyć mechanizm,
dzięki któremu użytkownik będzie mógł przesłać
informacje. Taki mechanizm mMożna go stworzyć za
pomocą przycisków poleceń. Chociaż przycisk
polecenia można je podłączyć do skryptu, w
większości przypadków przyciski poleceń służą do
przesyłania informacji lub resetowania formularza.

Aby dodać przycisk
polecenia:

1. Umieść kursor w miejscu, w któreym chcesz

dodać przycisk polecenia (rysunek 12.37).

2. Z

Wstaw wybierz pozycję Formularz, a

następnie – pozycję Przycisk polecenia lub kliknij
przycisk Przycisk polecenia dostępny na pasku
narzędzi Formularz (rysunek 12.38).

3. Po pojawieniu się przycisku polecenia kliknij go

prawym przyciskiem myszy i z menu
kontekstowego wybierz pozycję Właściwości pola
formularza (Alt+Enter) (rysunek 12.12).

4. FrontPage otworzy Pojawi się okno dialogowe

Właściwości przycisku polecenia (rysunek 12.39).
W polu Nazwa wpisz unikatową nazwę dla
przycisku polecenia, zastępując nazwę domyślną,
na przykładnp. B1, nadaną przez program
FrontPage, a w polu Wartość/-etykieta wpisz tekst,
który ma się pojawić na przycisku, na przykładnp.
„Po wybraniu opcji kliknij ten przycisk”. Nazwa
przycisku polecenia w przeciwieństwie do jego
etykiety jest niewidoczna dla użytkownika.

5. Wybierz typ przycisku polecenia. Standardowo

FrontPage tworzy typ Normalny. Do przycisku
tego typu można podłączyć skrypt wykonywany
tyle razy, ilekroć użytkownik kliknie ten przycisk.
Częściej korzysta się z przycisków poleceń typu
Prześlij (do przesyłania informacji) i Resetuj (do
resetowania formularza).

6. Wpisz

wartość określającą kolejność dostępu do

przycisku polecenia. Kliknij przycisk OK, aby Aby
zastosować zmiany do przycisku polecenia, kliknij
przycisk OK. Aby zobaczyć przycisk polecenia w
działaniu, kliknij kartę Podgląd (rysunek 12.40).

295 Front Page – Praktyczne projekty

Tworzenie strony
potwierdzenia

Strona potwierdzenia służy do wyświetlania niektórych
lub wszystkich informacji wpisanych przez
użytkownika do pól formularza, dzięki czemu
użytkownik może potwierdzić ich poprawność.
FrontPage pozwala utworzyć taką stronę lub
niestandardową stronę potwierdzenia oraz stronę
potwierdzenia z szablonu. W obu przypadkach strona
potwierdzenia używa nazw pól formularza do
wyświetlania wartości podanych w tych polach. Jeżeli
użyjesz błędnej nazwy pola formularza, strona
potwierdzenia nie będzie działać.

Aby stworzyć stronę
potwierdzenia:

Rysunek 12.41.
W oknie dialogowym Szablony stron wyświetl kartę
Ogólne, wybierz szablon Formularz potwierdzenia i
kliknij przycisk OK

Rysunek 12.42.
Pola potwierdzenia znajdują się w nawiasach.
Wskaźnik myszy umieszczony nad polem
potwierdzenia zmienia się w dłoń trzymającą kartkę

Rysunek 12.43.
Aby zmodyfikować nazwę pola używaną w
istniejącym polu potwierdzenia, kliknij je prawym
przyciskiem myszy i z menu kontekstowego wybierz
pozycję Właściwości pola potwierdzenia

Rysunek 12.44.
W oknie dialogowym Właściwości pola potwierdzenia
wpisz nazwę pola formularza, które ma być do
potwierdzoneenia

1. Upewnij

się, że pracujesz w widoku Strona., z Z

menu Plik wybierz pozycję Nowy, a następnie –
pozycję Strona lub sieć Web (Ctrl+N) i w okienku
zadań kliknij pozycję Szablony stron.

2. W oknie dialogowym Szablony stron wyświetl

kartę Ogólne, wybierz szablon Formularz
potwierdzenia i kliknij przycisk OK (rysunek
12.41).

3. Zapisz

stronę z formularzem potwierdzenia

(Ctrl+S).

4. W oknie dialogowym Zapisywanie jako podaj

unikatową nazwę dla strony z formularzem
potwierdzenia i kliknij przycisk Zapisz.

5. Teraz

możesz zmodyfikować tekst oraz istniejące

pola potwierdzenia, które znajdują się w
[nawiasach] (rysunek 12.42). Zwróć uwagę, że
wskaźnik myszy umieszczony nad polem
potwierdzenia zmienia się w dłoń trzymającą
kartkę.

6. Aby

zmodyfikować nazwę pola używaną w

istniejącym polu potwierdzenia, kliknij je prawym
przyciskiem myszy i z menu kontekstowego
wybierz pozycję Właściwości pola potwierdzenia
(Alt+Enter) (rysunek 12.43).

7. W oknie dialogowym Właściwości pola

potwierdzenia (rysunek 12.44) wpisz nazwę pola
formularza do potwierdzenia. Kliknij przycisk OK.
Nazwa pola do potwierdzenia pojawi się w
nawiasach (rysunek 12.45).

8. Aby

dodać nowe pole potwierdzenia, z menu

Wstaw wybierz pozycję Składnik sieci Web.

9. W oknie dialogowym Wstawianie składnika sieci

Web z listy Typ składnika wybierz pozycję
Formanty zaawansowane, z listy Wybierz formant
– pozycję Pole potwierdzenia, a następnie kliknij
przycisk Zakończ (rysunek 12.46).

10. W oknie dialogowym Właściwości pola

Rozdział 12

♦ Tworzenie i przetwarzanie formularzy

296

Rysunek 12.45.
Nazwy pól używane na stronie potwierdzenia muszą
odpowiadać nazwom pól użytym w formularzu

Rysunek 12.46.
W oknie dialogowym Wstawianie składnika sieci Web
z listy Typ składnika wybierz pozycję Formanty
zaawansowane, z listy Wybierz formant – pozycję Pole
potwierdzenia, a następnie kliknij przycisk Zakończ

Rysunek 12.47.
Nadaj polu potwierdzenia łatwą do zapamiętania nazwę
i kliknij przycisk OK

Wskazówka

potwierdzenia wpisz łatwą do zapamiętania nazwę
i kliknij przycisk OK (rysunek 12.47).

11. W pustym oknie dialogowym Właściwości pola

potwierdzenia (rysunek 12.44) wpisz nazwę pola
formularza do potwierdzenia i kliknij przycisk OK.
FrontPage umieści pole Pole potwierdzenia
zostanie umieszczone na stronie internetowej
(rysunek 12.48).

12. Dodaj następne pola potwierdzenia, a następnie

zapisz stronę (Ctrl+S).

• Niestety, FrontPage nie wyświetla listy rozwijanej

z nazwami pól formularza. Jeżeli nie pamiętasz
nazwy pola, kliknij go je dwukrotnie i odczytaj
jego nazwę z okna dialogowego.

297 Front Page – Praktyczne projekty

Rysunek 12.48.
Nowe pola potwierdzenia, podobnie jak istniejące,
znajdują się w nawiasach

Rozdział 12

♦ Tworzenie i przetwarzanie formularzy

298

Zapisywanie wyników
wypełnionego formularza

Wyniki Wypełniony formularza można zapisać w
pliku, wiadomości e-mail, bazie danych lub w innej
lokalizacjiinnym miejscu za pomocą skryptu
niestandardowego. Do wskazania miejsca
przechowywania wyników wypełnionego formularza
służy okno dialogowe Właściwości formularza.
W przypadku zapisywania wyników wypełnionego
formularza w pliku, możesz wybrać jeden z ośmiu
formatów pliku. Zwróć uwagę, że wyniki można
zapisać w pliku i w wiadomości e-mail jednocześnie –
jeden sposób zapisywania wyników nie wyklucza
drugiego.
FrontPage używa standardowego komponentu sposobu
do zapisywania wyników formularza. Ponadto można
wybrać opcję Obsługa formularza dyskusji, Obsługa
formularza rejestracji oraz Niestandardowy skrypt
ISAPI, NSAPI, CGI lub ASP.

Aby zapisać wyniki
wypełniony formularza w
pliku:

Rysunek 12.49.
Aby wskazać miejsce przechowywania wyników
wypełnionego formularza, kliknij go prawym
przyciskiem myszy i z menu kontekstowego wybierz
pozycję Właściwości formularza

Rysunek 12.50.
W oknie dialogowym Właściwości formularza wybierz
miejsce przechowywania wyników: plik, wiadomość e-
mail, baza danych lub inna lokalizacjainne miejsce

1. Upewnij

się, że pracujesz w widoku Strona,.

kliknij Kliknij formularz prawym przyciskiem
myszy i z menu kontekstowego wybierz pozycję
Właściwości formularza (rysunek 12.49).

2. W oknie dialogowym Właściwości formularza

(rysunek 12.50) wybierz opcję Wyślij do (1) w
sekcji Gdzie przechowywać wyniki.

3. Plik otrzyma standardową nazwę i zostanie

umieszczony w standardowym folderze witryny
internetowej: _private. Każdy folder, którego
nazwa rozpoczyna się od znaku podkreślenia, jest
niewidoczny dla wyszukiwarek internetowych.
Aby zmienić nazwę lub lokalizację folderu, wpisz
nową nazwę i ścieżkę w polu tekstowym Nazwa
pliku lub kliknij przycisk Przeglądaj, jeżeli chcesz
przechowywać wyniki w istniejącym pliku.

4. W

sekcji

Właściwości formularza możesz podać

nową nazwę dla formularza (4) lub ustawić ramkę
docelową dla formularza niego (5). Więcej
informacji na temat ramek docelowych zawiera
podrozdział Ramki docelowe w rozdziale 11.,
Tworzenie i formatowanie ramek.

5. Kliknij

przycisk

Opcje (6), aby Aby wyświetlić

kartę Plik z wynikami okna dialogowego
Zapisywanie wyników (rysunek 12.51) z wpisaną
nazwą pliku,. kliknij przycisk Opcje (6).

299 Front Page – Praktyczne projekty

6. Z listy rozwijanej Format pliku (1) wybierz jedną

z ośmiu opcji (rysunek 12.52).

Rysunek 12.51.
Karta Plik z wynikami pozwala określić nazwę i format
pliku z wynikami oraz inne szczegóły związane z
zapisywaniem danych

Rysunek 12.52.
Lista rozwijana Format pliku umożliwia wybór jednego
z ośmiu formatów dla pliku z wynikami

Rysunek 12.53.
Aby przetestować formularz, kliknij przycisk Podgląd
w przeglądarce dostępny na pasku narzędzi
Standardowy

7. Zaznacz pole wyboru Dołącz nazwy pól (2), jeżeli

chcesz, aby w pliku z wynikami znalazła się
zarówno wartość, jak i nazwa każdego pola
formularza. Jeżeli wybierzesz dowolny format
pliku z wyjątkiem HTML, FrontPage zaznaczy
pole wyboru Najnowsze wyniki na końcu (3), co
oznacza, że najnowsze wyniki dane pojawią się na
końcu pliku z wynikami.

8. Aby

utworzyć drugi plik z wynikami, być może w

innym formacie, w sekcji Opcjonalny drugi plik
(4) wpisz jego nazwę w polu Nazwa pliku lub
kliknij przycisk Przeglądaj, aby odszukać plik
istniejący. Reszta pól tej sekcji działa tak samo jak
pola opisane w punkcie 6. i 7.

9. Kliknij

przycisk

OK, aby Aby powrócić do okna

dialogowego Właściwości formularza, kliknij
przycisk OK. Kliknij przycisk OK, aby Aby
zastosować zmiany do formularza, kliknij przycisk
OK. Aby przetestować formularz, kliknij przycisk
Podgląd w przeglądarce dostępny na pasku
narzędzi Standardowy (rysunek 12.53).

Rozdział 12

♦ Tworzenie i przetwarzanie formularzy

300

Okno dialogowe Właściwości
formularza

Aby wyświetlić okno dialogowe Właściwości
formularza (rysunek 12.54), z menu Wstaw wybierz
pozycję Formularz, a następnie – pozycję Właściwości
formularza lub kliknij przycisk Właściwości
formularza dostępny na pasku narzędzi Formularz
(rysunek 12.55) lub kliknij formularz prawym
przyciskiem myszy i z menu kontekstowego wybierz
pozycję Właściwości formularza.

Rysunek 12.54.
W oknie dialogowym Właściwości formularza wybierz
miejsce przechowywania wynikówwypełnionego
formularza: plik, wiadomość e-mail, baza danych lub
inna lokalizacjainne miejsce

Rysunek 12.55.
Aby wyświetlić okno dialogowe Właściwości
formularza, kliknij przycisk Właściwości formularza
dostępny na pasku narzędzi Formularz

(1) Wyślij do: Wybierz tę opcję i w polu Nazwa pliku

podaj nazwę pliku, aby zapisać wyniki wypełniony
formularza w pliku tekstowym lub HTML. Aby
zapisać umieścić wyniki go formularza w
wiadomości e-mail, wpisz adres poczty
elektronicznej w polu Adres e-mail.

(2) Wyślij do bazy danych: Wybierz tę opcję, aby

zapisać wyniki wypełniony formularza w bazie
danych.

(3) Wyślij do innej lokalizacji: Wybierz jedną z opcji

listy rozwijanej. Kliknij przycisk Opcje, aby Aby
ustawić podać właściwości związane z wybraną
opcją, kliknij przycisk Opcje.

(4) Nazwa formularza: FrontPage nadaje każdemu

formularzowi standardową nazwę. W razie
potrzeby wpisz w tym polu unikatową nazwę dla
formularza.

(5) Ramka docelowa: Kliknij przycisk z ołówkiem,

aby Aby ustawić wybrać ramkę docelową, kliknij
przycisk z ołówkiem. Więcej informacji na temat
ramek docelowych zawiera podrozdział Ramki
docelowe w rozdziale 11., Tworzenie i
formatowanie ramek.

(6) Opcje: Kliknij ten przycisk, aby dopracować

szczegóły związane z zapisywaniem wyników
wypełnionego formularza.

(7) Zaawansowane: Kliknij ten przycisk, aby ustawić

pola ukryte potrzebne tylko w przypadku używania
skryptów CGI do obsługi wyników wypełnionego
formularza.

301 Front Page – Praktyczne projekty

Rysunek 12.56.
Karta E-mail z wynikami pozwala określić adres,
format, wiersz tematu oraz wiersz odpowiedzi
wiadomości e-mail

Aby zapisać wyniki
wypełniony formularza w
wiadomości e-mail:

1. Upewnij

się, że pracujesz w widoku Strona, .

kliknij Kliknij formularz prawym przyciskiem
myszy i z menu kontekstowego wybierz pozycję
Właściwości formularza (rysunek 12.49).

2. W oknie dialogowym Właściwości formularza

(rysunek 12.54) wybierz opcję Wyślij do (1) w
sekcji Gdzie przechowywać wyniki.

3. W

polu

Adres e-mail wpisz adres konta poczty

elektronicznej.

4. Standardowo FrontPage wypełnia wypełnione jest

pole Nazwa pliku. Jeżeli chcesz, aby wyniki
wypełniony formularza były zapisywanye tylko w
wiadomości e-mail, usuń nazwę pliku z pola
Nazwa pliku. Jeżeli chcesz, aby wyniki
wypełniony formularza były zapisywane
zapisywany w wiadomości e-mail oraz w pliku,
nie usuwaj nazwy pliku z pola Nazwa pliku.

5. W

sekcji

Właściwości formularza możesz podać

nową nazwę dla formularza (4) lub ustawić ustalić
ramkę docelową dla formularza (5). Więcej
informacji na temat ramek docelowych zawiera
podrozdział Ramki docelowe w rozdziale 11.,
Tworzenie i formatowanie ramek.

6. Kliknij

przycisk

Opcje (6) i po pojawieniu się

okna dialogowego Zapisywanie wyników wyświetl
kartę E-mail z wynikami (rysunek 12.56). Adres
wpisany w punkcie 3. pojawi się w polu Adres e-
mail do otrzymywania wyników (1).

7. Z listy rozwijanej Format wiadomości e-mail (2)

wybierz jedną z ośmiu opcji (rysunek 12.52).

8. Zaznacz pole wyboru Dołącz nazwy pól (3), jeżeli

Jeżeli chcesz, aby w wiadomości e-mail z
wynikami znalazła się zarówno wartość, jak i
nazwa każdego pola formularza, .zaznacz pole
wyboru Dołącz nazwy pól (3).

9. FrontPage dodaje standardowy Standardowo temat

zostaje dodany do wiadomości e-mail (4). Aby
podać inny temat, wpisz go w polu tekstowym
Wiersz tematu lub zaznacz pole wyboru Nazwa
pola formularza.

10. W polu Wiersz odpowiedzi (5) wpisz adres e-mail,

który ma służyć jako adres nadawcy. Jeżeli jednak
formularz zawiera pole do pobierania adresu e-
mail użytkownika, zaznacz pole wyboru Nazwa
pola formularza i wpisz nazwę tego pola do pola
tekstowego Wiersz odpowiedzi. W ten sposób
odpowiedź zostanie wysłana bezpośrednio do
osoby, która wypełniła formularz.

11. Kliknij przycisk OK, aby Aby powrócić do okna

dialogowego Właściwości formularza., kliknij
przycisk OK. Kliknij przycisk OK, aby Aby
zastosować zmiany do formularza, kliknij przycisk
OK. Aby przetestować formularz, kliknij przycisk
Podgląd w przeglądarce dostępny na pasku
narzędzi Standardowy (rysunek 12.53).

Rozdział 12

♦ Tworzenie i przetwarzanie formularzy

302

Rysunek 12.57.
Karta Wyniki bazy danych pozwala zapisać wyniki
formularza w istniejącej lub nowej bazie danych

Aby zapisać wyniki
wypełniony formularza w
bazie danych:

1. Upewnij

się, że pracujesz w widoku Strona, .

kliknij Kliknij formularz prawym przyciskiem
myszy i z menu kontekstowego wybierz pozycję
Właściwości formularza (rysunek 12.49).

2. W oknie dialogowym Właściwości formularza

(rysunek 12.54) wybierz opcję Wyślij do bazy
danych w sekcji Gdzie przechowywać wyniki.

3. W

sekcji

Właściwości formularza możesz podać

nową nazwę dla formularza lub ustawić określić
ramkę docelową dla formularza. Więcej informacji
na temat ramek docelowych zawiera podrozdział
Ramki docelowe w rozdziale 11., Tworzenie i
formatowanie ramek.

4. Kliknij

przycisk

Opcje i po pojawianiu się okna

dialogowego Opcje zapisywania wyników w bazie
danych wyświetl kartę Wyniki bazy danych
(rysunek 12.57).

5. Kliknij

przycisk

Dodaj połączenie, aby Aby

utworzyć połączenie z bazą danych witryny
internetowej,. kliknij przycisk Dodaj połączenie.

6. Po utworzeniu połączenia kliknij przycisk OK, aby

Aby powrócić do okna dialogowego Właściwości
formularza. , po utworzeniu połączenia kliknij
przycisk OK. Kliknij przycisk OK, aby Aby
zastosować zmiany do formularza, kliknij przycisk
OK. Aby przetestować formularz, kliknij przycisk
Podgląd w przeglądarce dostępny na pasku
narzędzi Standardowy (rysunek 12.53).

303 Front Page – Praktyczne projekty

Aby zapisać wyniki
wypełniony formularza za
pomocą skryptu
niestandardowego:

Rysunek 12.58.
Prawym przyciskiem myszy kliknij folder, w którym
znajdują się skrypty, i z menu kontekstowego wybierz
pozycję Właściwości

Rysunek 12.59.
W oknie dialogowym Właściwości zaznacz pole
wyboru Zezwalaj na uruchamianie skryptów lub
programów

Rysunek 12.60.
W oknie dialogowym Opcje obsługi formularzy
niestandardowych podaj adres URL skryptu
niestandardowego i wybierz metodę przesłania
informacji do skryptu

Wskazówki

1. Wyświetl widok Foldery lub panel Lista folderów,

prawym przyciskiem myszy kliknij folder, w
którym znajdują się skrypty, i z menu
kontekstowego wybierz pozycję Właściwości
(rysunek 12.58).

2. W oknie dialogowym Właściwości zaznacz pole

wyboru Zezwalaj na uruchamianie skryptów lub
programów (rysunek 12.59). Kliknij przycisk OK,
aby Aby zamknąć okno dialogowe, kliknij
przycisk OK.

3. Wróć do widoku Strona, kliknij formularz prawym

przyciskiem myszy i z menu kontekstowego
wybierz pozycję Właściwości formularza (rysunek
12.49).

4. W oknie dialogowym Właściwości formularza

(rysunek 12.54) w sekcji Gdzie przechowywać
wyniki wybierz opcję Wyślij do innej lokalizacji i z
listy rozwijanej wybierz opcję Niestandardowy
skrypt ISAPI, NSAPI, CGI lub ASP.

5. W

sekcji

Właściwości formularza możesz podać

6. Kliknij

przycisk

Opcje, aby Aby wyświetlić okno

dialogowe Opcje obsługi formularzy
niestandardowych , kliknij przycisk Opcje
(rysunek 12.60).

7. W

polu

Akcja wpisz adres URL skryptu. Z listy

rozwijanej Metoda wybierz metodę przesłania
informacji do skryptu: POST lub GET.

8. Pole

Typ kodowania pozostaw puste.

9. Kliknij

przycisk

OK, aby Aby powrócić do okna

• W punkcie 7. metoda POST przekazuje nazwę

pola i jego wartość wprost do skryptu; metoda
GET odczytuje te same dane i przedstawia jako
zmienną QUERY_STRING. Więcej informacji na
temat skryptów niestandardowych zajdziesz w
książce Perl and CGI for the Word Wide Web,
Second Edition: Visual QuickStart Guide (autor:

Rozdział 12

♦ Tworzenie i przetwarzanie formularzy

304

Elizabeth Castro, wydawnictwo: Peachpit Press,
rok wydania: 2001).

• Z listy rozwijanej Wyślij do innej lokalizacji

możesz również wybrać opcję Obsługa formularza
dyskusji lub Obsługa formularza rejestracji
(rysunek 12.54).

Dodatek A. Instalowanie i
konfigurowanie programu
FrontPage 2002

Zanim zaczniesz budować witryny internetowe,
poświęć trochę czasu na skonfigurowanie programu
FrontPage 2002, aby strony, które będziesz tworzyć,
były zgodne z różnymi przeglądarkami internetowymi.
Możesz zainstalować FrontPage 2002 w systemie
Windows 98 lub nowszym pod warunkiem, że nie
planujesz korzystania z serwera lokalnego. Serwer
lokalny jJest on bowiem niezbędny do przetestowania
składników, (takich jak licznik trafień), przed
opublikowaniem witryny na serwerze internetowym.
Jeżeli oprócz programu FrontPage 2002 chcesz
zainstalować serwer lokalny, potrzebujesz systemu
Windows NT 4.0 (plus Service Pack 6) lub nowszego.
W Książka książce „Po prostu FrontPage 2002” nie
omawiamy instalowania takiego serwera lokalnego.

Czego potrzebujesz, aby
zainstalować FrontPage
2002

• Komputer komputera osobistegoy (PC) z

procesorem klasy Pentium lub Celeron.,

• Co co najmniej 32 MB pamięci operacyjnej

(RAM) – w przypadku systemu Windows 2000
Professional 128 MB pamięci operacyjnej.,

• Co co najmniej 175 MB wolnego miejsca na dysku

twardym (aby zainstalować kliparty – więcej).,

• Modem modemu 56Kbps, aby podłączyć

komputer do Internetu (firmy mają zwykle stały i
szybszy dostęp do Internetu).,

• Monitor monitora kolorowegoy wyświetlającegoy

co najmniej 256 kolorów,.

• Napęd napędu CD potrzebnyego do zainstalowania

programu FrontPage 2002.

Dodatek A

♦ Instalowanie i konfigurowanie programu Front Page 2002

306

Instalowanie programu
FrontPage

Jeżeli na dysku twardym nie ma wystarczająco dużo
wolnego miejsca, aby zainstalować wersję standardową
programu FrontPage, zobacz podrozdział Aby
zainstalować wersję niestandardową programu
FrontPage.

Aby zainstalować wersję
standardową programu
FrontPage:

Rysunek A.1.
Wpisz 25-znakowy klucz produktu, który znajduje się
na żółtej nalepce z tyłu opakowania płyty CD

Rysunek A.2.
Zaznacz pole wyboru Akceptuję warunki Umowy
Licencyjnej i kliknij przycisk Dalej

Rysunek A.3.
W zależności od tego, czy uaktualniasz program
FrontPage, czy instalujesz go po raz pierwszy, aby
zainstalować wersję standardową programu FrontPage
wybierz opcję Uaktualnij teraz lub Zainstaluj teraz, aby
zainstalować wersję standardową programu FrontPage

1. Wyłącz wszystkie programy, w tym programy

antywirusowe.

2. Włóż płytę z programem FrontPage 2002 do

napędu CD. Po chwili instalator wyświetli zostanie
wyświetlony ekran Informacje o użytkowniku
(rysunek A.1). Wypełnij pola Nazwa użytkownika i
Inicjały, a następnie podaj 25-znakowy klucz
produktu, który znajduje się na żółtej nalepce z
tyłu opakowania płyty CD. Kliknij przycisk Dalej.

3. Po pojawieniu się ekranu Umowa Licencyjna

Użytkownika Oprogramowania (rysunek A.2),
zaznacz pole wyboru Akceptuję warunki Umowy
Licencyjnej i kliknij przycisk Dalej.

4. W

zależności od tego, czy uaktualniasz program

FrontPage, czy instalujesz go po raz pierwszy,
następny ekran wyświetli napis Uaktualnij teraz
lub Zainstaluj teraz oraz ścieżkę folderu
przechowującego pliki programów (rysunek A.3).
We większości przypadków powinieneś po prostu
kliknąć przycisk Dalej – instalator zainstaluje
zostanie zainstalowana wersję wersja standardową
standardowa programu FrontPage. Aby zmienić
lokalizację instalowanego programu, kliknij
przycisk Przeglądaj i odszukaj folder, w którym
chcesz zainstalować umieścić program FrontPage.
Możesz ponadto wybrać typ instalacji:
Standardowa, Pełna lub Niestandardowa. Kliknij
przycisk Dalej. Więcej informacji na temat typów
instalacji zawiera podrozdział Aby zainstalować
wersję niestandardową programu FrontPage.

307 Front Page – Praktyczne projekty

5. Następny ekran wyświetli zadania, które instalator

zostaną wykonea podczas instalacji – lista zadań
zależy od tego, czy instalujesz program FrontPage
po raz pierwszy, czy też uaktualniasz poprzednią
wersję (rysunek A.4). Kliknij przycisk Zainstaluj.
Instalator zainstaluje Wwersjęa standardowaą
programu FrontPage zostanie zainstalowana
(rysunek A.5).

6. Jeżeli instalator zapytapojawi się pytanie, czy

chcesz restartować komputer, kliknij przycisk Tak.
Po zainstalowaniu programu FrontPage 2002
zapoznaj się z podrozdziałem Aby aktywować
program FrontPage.

Rysunek A.4.
Upewnij się, że ekran instalatora wyświetla wszystkie
potrzebne składniki i kliknij przycisk Zainstaluj

Rysunek A.5.
Podczas instalowania programu FrontPage 2002
instalator wyświetla się informacjaę o postępie
instalacjipracy

Wskazówka

• Bez względu na to, czy uaktualniasz program

FrontPage 2000, czy też program FrontPage 98,
proces instalacji wygląda tak samo. Instalator
Program instalacyjny wykryje poprzednią wersję i
pozostawi ją w nienaruszonym stanie. Jednak skrót
do programu FrontPage 2000 (lub FrontPage 98)
umieszczony w menu Start (i na pulpicie)
instalator zostanie zastąpiony skrótem do
programu FrontPage 2002. Aby nadal korzystać z
programu FrontPage 2000 (lub FrontPage 98),
utwórz do niego nowy skrót.

Dodatek A

♦ Instalowanie i konfigurowanie programu Front Page 2002

308

Aby zainstalować wersję
niestandardową programu
FrontPage:

Rysunek A.6.
Aby zainstalować wersję niestandardową programu
FrontPage, wybierz opcję Niestandardowa, a następnie
kliknij przycisk Przeglądaj, aby odszukać folder, w
którym chcesz zainstalować umieścić program
FrontPage

Rysunek A.7.
Ekran Funkcje do zainstalowania umożliwia wybór
składników programu FrontPage 2002, które instalator
mają być zainstalowaneć

Rysunek A.8.
Użyj menu dowolnego elementu do wybrania opcji
instalacji dla tego elementu

1. Wykonaj punkty 1–3 podrozdziału Aby

zainstalować wersję standardową programu
FrontPage. Instalator Zostaniesz poprosi
poproszony o wybór typu instalacji. Wybierz opcję
Niestandardowa, a następnie kliknij przycisk
Przeglądaj, aby odszukać folder, w którym chcesz
zainstalować umieścić program FrontPage
(rysunek A.6). Kliknij przycisk Dalej.

2. Ekran

Funkcje do zainstalowania (rysunek A.7)

umożliwia wybór składników programu FrontPage
2002, które instalator mają być
zainstalowaćzainstalowane. Aby rozwinąć element
listy, kliknij symbol +; aby zwinąć element listy,
kliknij symbol –.

3. Użyj menu dowolnego elementu (w celu

wyświetlenia menu elementu, kliknij goje), aby
wybrać opcję instalacji dla tego elementu (rysunek
A.8). Opcje instalacji niestandardowej omawiamy
w tabelai A.1.

4. Po wybraniu składników kliknij przycisk Dalej, a

następnie przycisk Zainstaluj. Instalator zainstaluje
wybrane Wybrane składniki programu FrontPage
zostaną zainstalowane (rysunek A.5).

5. Jeżeli instalator zostaniesz zapytany, czy chcesz

restartować komputer, kliknij przycisk Tak. Po
zainstalowaniu programu FrontPage 2002
zapoznaj się z podrozdziałem Aby aktywować
program FrontPage.

Tabela A.1.
Opcje instalacji niestandardowej
Ikona Tekst Opis

Uruchamiaj z Mojego komputera

Instaluje element i standardowe
pod-elementy.

Uruchamiaj wszystko z Mojego
komputera

Instaluje element i wszystkie pod-
elementy.

Uruchamiaj z dysku CD

Uruchamia element, jeżeli dysk CD
jest w napędzie.

309 Front Page – Praktyczne projekty

Uruchamiaj wszystko z dysku CD

Uruchamia element i wszystkie
pod-elementy, jeżeli dysk CD jest w
napędzie.

Niedostępne

Element nie zostanie zainstalowany.

Instalowane przy pierwszym użyciu Przy pierwszym użyciu tego

elementu instalator poprosi o dysk
CD i zainstaluje go.

Rysunek A.9.
Wartości Miejsce wymagane i Miejsce dostępne u dołu
ekranu Funkcje do zainstalowania informują, czy na
dysku twardym jest wystarczająco dużo wolnego
miejsca do zainstalowania wybranych składników

Rysunek A.10.
Rozwiń element, aby zobaczyć, czy wszystkie jego
pod-elementy zostaną zainstalowane

Wskazówki

• Zwróć uwagę na symbole wskazane w punkcie 2:,

że symbol + oraz symbol – w punkcie 2. tylko
rozwija (+) lub symbol – zwija (–) elementy listy. i
nie Nie mają one żadnego wpływu na to, czy dany
element zostanie zainstalowany. Aby wybrać
elementy do zainstalowania, należy użyć ich menu
danego elementu (punkt 3).

• Podczas wybierania elementów do zainstalowania

w punkcie 3. wartości Miejsce wymagane i
Miejsce dostępne u dołu ekranu Funkcje do
zainstalowania informują, czy na dysku twardym
jest wystarczająco dużo wolnego miejsca do
zainstalowania wybranych składników (rysunek
A.9).

• Instalacja standardowa nie instaluje wszystkich

pod-elementów każdego elementu. Rozwiń
element, aby zobaczyć, czy wszystkie jego pod-
elementy składniki zostaną zainstalowane (rysunek
A.10).

• Składniki programu FrontPage można dodać lub

usunąć nawet po zainstalowaniu tego programu.
Więcej informacji na ten temat zawiera
podrozdział Aby uaktualnić, naprawić lub
odinstalować usunąć instalację programu
FrontPage.

Dodatek A

♦ Instalowanie i konfigurowanie programu Front Page 2002

310

Aby uaktualnić, naprawić lub
odinstalować usunąć
instalację programu
FrontPage:

Rysunek A.11.
Aby uaktualnić, naprawić lub odinstalować usunąć
instalację programu FrontPage, uruchom płytę CD z
programem i wybierz opcję

Rysunek A.12.
Wybierz elementy, które instalator mają być dodać
dodane lub usunąćusunięte, a następnie kliknij przycisk
Aktualizuj

Rysunek A.13.
Kiedy Kreator aktywacji zostaniesz zapytany, czy
chcesz aktywować program, kliknij przycisk Dalej

Aby aktywować program
FrontPage:

1. Wyłącz wszystkie programy, w tym programy

antywirusowe.

2. Włóż płytę z programem FrontPage 2002 do

napędu CD. Po chwili instalator zostanie wyświetli
wyświetlony ekran Opcje trybu obsługi (rysunek
A.11).

3. Wybierz

opcję Dodaj lub usuń funkcje, aby dodać

lub usunąć składniki programu FrontPage.
Wybierz opcję Napraw produkt FrontPage, aby
Aby przywrócić program FrontPage do
oryginalnego stanu, wybierz opcję Napraw
produkt FrontPage. Wybierz opcję Odinstaluj
produkt FrontPage, aby Aby odinstalować usunąć
instalację programu FrontPage, wybierz opcję
Odinstaluj produkt FrontPage.

4. Jeżeli w punkcie 2. wybierzesz opcję Dodaj lub

usuń funkcje, instalator zostanie wyświetli
wyświetlony ekran Funkcje do zainstalowania
(rysunek A.12). Wybierz elementy, które instalator
mają być dodać dodane lub usunąćusunięte, a
następnie kliknij przycisk Aktualizuj. Więcej
informacji o dodawaniu lub usuwaniu składników
programu FrontPage zawierają punkty 2–3
podrozdziału Aby zainstalować wersję
niestandardową programu FrontPage.

5. Wykonaj

następne polecenia instalatora. Przed

uruchomieniem programu FrontPage restartuj
komputer.

1. Przy pierwszym (i każdym następnym, jeżeli nie

aktywujesz programu) uruchomieniu programu
FrontPage 2002 Kreator aktywacji zostaniesz
zapytany, czy chcesz aktywować program
(rysunek A.13). Kliknij przycisk Dalej.

2. Następny ekran wyjaśnia zasady zachowania

poufności informacji stosowane przez firmę
Microsoft (rysunek A.14). Microsoft zastrzega
sobie prawo do „rozpowszechniania Twoich
danych osobowych w celach statystycznych i
marketingowych”, chyba że skontaktujesz się z
Microsoft Customer Service Center. Kliknij
przycisk Dalej (nie zapomnij skontaktować się z
Microsoft Customer Service Center, jeżeli chcesz,
aby Twoich danych nie używano do celów
marketingowych).

3. Kiedy pojawi się ekran Informacje o kliencie,

311 Front Page – Praktyczne projekty

musisz podać tylko nazwę kraju lub regionu
(rysunek A.15). Reszta informacji jest opcjonalna,
więc Pozostałych informacji nie trzeba ich
podawać. Kliknij przycisk Dalej. Kreator
aktywacji za pomocą domyślnego połączenia
internetowego wyśle informacje do firmy
Microsoft.

Rysunek A.14.
Jeżeli chcesz, aby Twoich danych nie używano do
celów marketingowych, musisz podjąć dodatkowe
kroki

Rysunek A.15.
Oprócz nazwy kraju lub regionu nie musisz podawać
żadnych innych danych

Rysunek A.16.
Winieta aktywowanego programu FrontPage 2002
wyświetli nazwę i numer użytkownika

4. Po

wysłaniu informacji kliknij przycisk OK. Przy

następnym uruchomieniu programu FrontPage
winieta programu wyświetli nazwę i numer
użytkownika (rysunek A.16). Teraz można
przystąpić do ustawienia różnych opcji programu
FrontPage 2002, na przykładnp. sposobu
kodowania stron (zobacz podrozdział Zgodność z
przeglądarkami internetowymi).

Dodatek A

♦ Instalowanie i konfigurowanie programu Front Page 2002

312

Zgodność z
przeglądarkami
internetowymi

Gdyby wszystkie przeglądarki internetowe
interpretowały kod HTML w taki sam sposób,
tworzenie stron internetowych byłoby dużo prostsze.
Nie trzeba byłoby wtedy zastanawiać się, czy dany
znacznik HTML działa zarówno w przeglądarce
Internet Explorer, jak i w przeglądarce Netscape
Navigator lub, czy dany znacznik HTML obsługują
stare, czy tylko nowe, przeglądarki. Zanim nadejdzie
dzień, w którym wszystkie przeglądarki będą
obsługiwać wspólny standard miały takie same
możliwości, FrontPage 2002 oferuje zupełnie
przyzwoite dobre rozwiązanie. Wystarczy określić, dla
których przeglądarek tworzy się strony, a FrontPage
2002 wygeneruje poprawny kod HTML. Nie jest to
rozwiązanie idealne – nadal trzeba decydować, czy
tworzy się strony dla większej grupy przeglądarek
internetowych (i zapomnieć o arkuszach stylów
kaskadowych oraz o dynamicznym HTML-u), czy też
używa się nowych znaczników, ryzykując, że niektórzy
użytkownicy nie będą mogli prawidłowo wyświetlić
stron w swoich przeglądarkach – ale
przynajmniejwtedy nie trzeba się martwić, jakie
znaczniki HTML działają w poszczególnych
przeglądarkach.

Rysunek A.17.
Aby ustawić zgodność z przeglądarkami internetowymi
i określić, jak w jaki sposób FrontPage obsługuje kod
HTML, z menu Narzędzia wybierz pozycję Opcje
strony

Aby ustawić zgodność z
przeglądarkami
internetowymi:

1. Z

Narzędzia wybierz pozycję Opcje strony

(rysunek A.17).

2. W oknie dialogowym Opcje strony wyświetl kartę

Zgodność (rysunek A.18).

3. Określ, dla której przeglądarki (przeglądarek)

będziesz tworzyć strony, wybierając odpowiednią
pozycję z listy rozwijanej Przeglądarki. Po
wybraniu przeglądarki (przeglądarek) FrontPage
zaznaczy odpowiednie pola wyboru w sekcji
Dostępne technologie, wskazując w ten sposób,
które technologie są dostępne dla wybranej
przeglądarki (przeglądarek).

4. Określ, dla których wersji przeglądarek będziesz

tworzyć strony, wybierając odpowiednią pozycję z
listy rozwijanej Wersje przeglądarek. Po wybraniu
wersji przeglądarek FrontPage może zmienić
liczbę zaznaczonych pól wyboru w sekcji
Dostępne technologie, wskazując w ten sposób,
które technologie są dostępne dla wybranych
wersji przeglądarek.

5. Standardowo

lista

Serwery jest ustawiona na

wartość Niestandardowe. Nie zmieniaj tego
ustawienia, chyba że masz absolutną pewność, z
jakiego oprogramowania korzysta serwer

313 Front Page – Praktyczne projekty

internetowy, na którym zamierzasz umieścić swoją
witrynę.

Rysunek A.18.
Użyj karty Zgodność okna dialogowego Opcje strony
do wskazania przeglądarek, dla których będziesz
tworzyć strony internetowe – FrontPage automatycznie
wygeneruje poprawny kod HTML

6. Zaznacz lub wyczyść usuń zaznaczenie z polae

wyboru Włączone za pomocą rozszerzeń serwera
programu Microsoft FrontPage. Wybór ten ma
wpływ na liczbę zaznaczonych pól wyboru w
sekcji Dostępne technologie. Więcej informacji na
temat rozszerzeń serwera programu FrontPage
zawiera rozdział 13., Sprawdzanie i publikowanie
witryn internetowych.

7. Kliknij

przycisk

OK. Zmiana ustawień dostępnych

na karcie Zgodność wpływa na sposób
generowania kodu HTML przez program
FrontPage. Chociaż ustawienia można
zmodyfikować w dowolnej chwili, modyfikacja
ich zmiana ustawień ma wpływ tylko na strony
utworzone po tej modyfikacji.

Dodatek A

♦ Instalowanie i konfigurowanie programu Front Page 2002

314

Format kodu HTML

Ten podrozdział jest przeznaczony dla użytkowników,
którzy zamierzają bezpośrednio pracować z kodem
HTML bezpośrednio. Jeżeli planujesz od czasu do
czasu modyfikować kod źródłowy strony internetowej,
ustawienia Ustawienia dostępne na karcie Źródło
HTML okna dialogowego Opcje strony pozwalają
określić sposób formatowania kodu oraz wygląd
znaczników HTML, więc czasami możesz.
modyfikować kod źródłowy strony internetowej.

Aby ustawić format kodu
HTML:

Rysunek A.19.
Użyj karty Źródło HTML do określenia wyglądu kodu
HTML w widoku HTML

Rysunek A.20.
Użyj karty Kodowanie kolorami do określenia kolorów
używanych w kodzie HTML i w skryptach

Wskazówka

1. Jeżeli masz stronę internetową, której kod HTML

został sformatowany tak jak lubiszchcesz, otwórz
ją (Ctrl+O). W innym przypadku wykonaj punkt
2.

2. Z

Narzędzia wybierz pozycję Opcje strony

(rysunek A.17).

3. W oknie dialogowym Opcje strony wyświetl kartę

Źródło HTML (rysunek A.19).

4. W

sekcji

Ogólne wybierz opcję Formatuj

ponownie, używając poniższych zasad (1).

5. Jeżeli otworzyłeś stronę w punkcie 1., w sekcji

Formatowanie kliknij przycisk Na podstawie
bieżącej strony (2). W innym przypadku aby
określić wygląd kodu HTML, zaznacz dowolną
liczbę pól wyboru sekcji Formatowanie, aby
określić wygląd kodu HTML (3). W polach
tekstowych Wcięcie (4) i Prawy margines (5) za
pomocą strzałek określ wcięcie i prawy margines.

6. Wyświetl kartę Kodowanie kolorami okna

dialogowego Opcje strony, aby ustawić kolory
używane w kodzie HTML.

7. Użyj list rozwijanych karty Kodowanie kolorami

(rysunek A.20) do zmodyfikowania kolorów
standardowych. Więcej informacji na temat
korzystania z podobnych list zawiera rozdział 6.,
Dodawanie hiperłączy.

8. Po ustawieniu opcji na kartach Źródło HTML oraz

Kodowanie kolorami kliknij przycisk OK. Zmiany
zostaną zastosowane w kodzie źródłowym.

• Aby powrócić do standardowych kolorów

kodowania, kliknij przycisk Resetuj kolory
dostępny na karcie Kodowanie kolorami okna
dialogowego Opcje strony.

Wyszukiwarka

Podobne podstrony:
E BOOK Helion FrontPage 02 Praktyczne Projekty PL
FrontPage 02 Praktyczne projekty (10)
FrontPage 2002 XP PL cwiczenia praktyczne cwfp22
FrontPage 2002 XP PL cwiczenia praktyczne cwfp22
FrontPage 2002 XP PL cwiczenia praktyczne cwfp22
FrontPage 2002 XP PL cwiczenia praktyczne 2
FrontPage 2002 XP PL cwiczenia praktyczne cwfp22
FrontPage 2002 XP PL cwiczenia praktyczne
Staze i praktyki w projekcie
CorelDRAW 10 Praktyczne projekt Nieznany (2)
PHP Praktyczne projekty
ETAP PRAKTYCZNY PIELEGNACJA STÓP, kosmetyka egzamin praktyczny-projekty
wizaż 10 zabieg pielęgnacyjny na oczy, kosmetyka egzamin praktyczny-projekty

więcej podobnych podstron