FrontPage 02 Praktyczne projekty (10)


Spis Treści


Rozdział 1. FrontPage 2002 - wprowadzenie

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.

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.

0x01 graphic

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

0x01 graphic

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.

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.

0x01 graphic

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.

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

0x01 graphic

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 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 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 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.

0x01 graphic

Rysunek 1.5.

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

0x01 graphic

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ść

0x01 graphic

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.

0x01 graphic

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)

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.

  1. 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.

  2. 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.

  3. 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.

  4. 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ć.

  5. 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ć 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).

0x01 graphic

Rysunek 2.2.

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

0x01 graphic

Rysunek 2.3.

Po uruchomieniu FrontPage wyświetla puste okno programu

0x01 graphic

Rysunek 2.4.

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

0x01 graphic

Rysunek 2.5.

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

0x01 graphic

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

0x01 graphic

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.

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).

0x01 graphic

Rysunek 2.8.

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

0x01 graphic

Rysunek 2.9.

Po otwarciu witryny internetowej FrontPage standardowo wyświetla widok Strona

0x01 graphic

Rysunek 2.10.

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

0x01 graphic

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

0x01 graphic

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

0x01 graphic

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

0x01 graphic

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

0x01 graphic

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

0x01 graphic

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

0x01 graphic

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

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).

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 menu 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).

0x01 graphic

Rysunek 2.18.

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

0x01 graphic

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ń

0x01 graphic

Rysunek 2.20.

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

0x01 graphic

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.

0x01 graphic

Rysunek 2.22.

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

0x01 graphic

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 menu 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.

0x01 graphic

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

0x01 graphic

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

0x01 graphic

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

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

0x01 graphic

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

0x01 graphic

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

0x01 graphic

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

0x01 graphic

Rysunek 2.30.

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

0x01 graphic

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óć

0x01 graphic

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

0x01 graphic

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

0x01 graphic

Rysunek 2.34.

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

0x01 graphic

Rysunek 2.35.

Przyciski dostępne na pasku narzędzi Tabele pomagają tworzyć i modyfikować 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

0x01 graphic

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

0x01 graphic

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 menu 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 *, pasek ten jest wyświetlony - w innym przypadku, pasek jest ukryty.

  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).

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).

0x01 graphic

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)

0x01 graphic

Rysunek 2.39.

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

0x01 graphic

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

0x01 graphic

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

0x01 graphic

Rysunek 2.42.

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

0x01 graphic

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

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 * (rysunek 2.41).

  3. Kliknij nazwę przycisku, który chcesz usunąć - odpowiedzi symbol * zniknie (rysunek 2.42).

  4. Usuń symbol * sprzed nazw przycisków, które chcesz usunąć. Dodaj symbol * przed nazwami przycisków, które chcesz dodać do paska narzędzi. Kliknij poza menu, aby zatwierdzić zmianę.

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.

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.

0x01 graphic

Rysunek 2.44.

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

0x01 graphic

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

0x01 graphic

Rysunek 2.46.

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

0x01 graphic

Rysunek 2.47.

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

0x01 graphic

Rysunek 2.48.

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

0x01 graphic

Rysunek 2.49.

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

0x01 graphic

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

Aby stworzyć nowy pasek narzędzi:

  1. Z menu 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.

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.

0x01 graphic

Rysunek 2.51.

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

0x01 graphic

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ń

0x01 graphic

Rysunek 2.53.

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

0x01 graphic

Rysunek 2.54.

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

0x01 graphic

Rysunek 2.55.

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

Menu

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.

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.

0x01 graphic

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.

0x01 graphic

Rysunek 2.57.

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

0x01 graphic

Rysunek 2.58.

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

0x01 graphic

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

0x01 graphic

Rysunek 2.60.

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

0x01 graphic

Rysunek 2.61.

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

0x01 graphic

Rysunek 2.62.

Menu Pomoc udostępnia system pomocy programu FrontPage 2002

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 NowyStrona 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).

Aby skorzystać z pomocy programu FrontPage:

  1. Z menu 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.

0x01 graphic

Rysunek 2.63.

Aby uruchomić pomoc programu FrontPage, z menu Pomoc wybierz pozycję Microsoft FrontPage - Pomoc

0x01 graphic

Rysunek 2.64.

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

0x01 graphic

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

0x01 graphic

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ść

0x01 graphic

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).

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 menu 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ś PlikNowyStrona 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.

0x01 graphic

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)

0x01 graphic

Rysunek 2.69.

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

0x01 graphic

Rysunek 2.70.

Nowa pusta strona internetowa posiada domyślny tytuł

0x01 graphic

Rysunek 2.71.

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

0x01 graphic

Rysunek 2.72.

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

0x01 graphic

Rysunek 2.73.

FrontPage wyświetla istniejącą stronę internetową

0x01 graphic

Rysunek 2.74.

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

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

  1. Z menu 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ę (rysunek 2.74).

Aby zapisać stronę internetową:

  1. Z menu 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).

0x01 graphic

Rysunek 2.75.

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

0x01 graphic

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ł

0x01 graphic

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

0x01 graphic

Rysunek 2.78.

Podaj nazwę dla pliku strony internetowej i kliknij przycisk Zapisz

0x01 graphic

Rysunek 2.79.

Jeżeli podczas zapisywania strony internetowej nie ustawisz nadasz jej tytułu, na pasku tytułu przeglądarki internetowej pojawi się przypadkowy tekst

0x01 graphic

Rysunek 2.80.

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

0x01 graphic

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 menu 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.

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).

0x01 graphic

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

0x01 graphic

Rysunek 2.83.

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

0x01 graphic

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

0x01 graphic

Rysunek 2.85.

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

0x01 graphic

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

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 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 menu 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 PlikNowyStrona 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.

  1. 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 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.

0x01 graphic

Rysunek 2.87.

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

0x01 graphic

Rysunek 2.88.

Po wygenerowaniu nowej witryny internetowej FrontPage wyświetla puste okno

0x01 graphic

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

0x01 graphic

Rysunek 2.90.

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

0x01 graphic

Rysunek 2.91.

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

0x01 graphic

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

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

  1. Z menu 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 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.

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

  1. Z menu 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ą.

0x01 graphic

Rysunek 2.93.

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

0x01 graphic

Rysunek 2.94.

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

0x01 graphic

Rysunek 2.95.

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

0x01 graphic

Rysunek 2.96.

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

0x01 graphic

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.

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).

0x01 graphic

Rysunek 3.1.

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

0x01 graphic

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)

0x01 graphic

Rysunek 3.3.

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

0x01 graphic

Rysunek 3.4.

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

0x01 graphic

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 przełączania dostępny na pasku narzędzi lub kliknij X okna Listy folderów

0x01 graphic

Rysunek 3.6.

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

0x01 graphic

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

0x01 graphic

Rysunek 3.8.

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

0x01 graphic

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)

0x01 graphic

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ł)

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).

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).

0x01 graphic

Rysunek 3.11.

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

0x01 graphic

Rysunek 3.12.

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

0x01 graphic

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ę

0x01 graphic

Rysunek 3.14.

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

0x01 graphic

Rysunek 3.15.

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

0x01 graphic

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

0x01 graphic

Rysunek 3.17.

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

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 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).

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).

0x01 graphic

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

0x01 graphic

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

0x01 graphic

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

0x01 graphic

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

0x01 graphic

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ę

0x01 graphic

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

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.

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.

0x01 graphic

Rysunek 3.24.

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

0x01 graphic

Rysunek 3.25.

Zwolnij przycisk myszy - przeciągana przesuwana strona zostanie dodana do struktury nawigacyjnej witryny

0x01 graphic

Rysunek 3.26.

Aby usunąć istniejącą stronę ze struktury nawigacyjnej witryny, kliknij ją prawym przyciskiem myszy i z menu kontekstowego wybierz pozycję Usuń

0x01 graphic

Rysunek 3.27.

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

0x01 graphic

Rysunek 3.28.

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

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 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).

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).

0x01 graphic

Rysunek 3.29.

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

0x01 graphic

Rysunek 3.30.

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

0x01 graphic

Rysunek 3.31.

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

0x01 graphic

Rysunek 3.32.

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

0x01 graphic

Rysunek 3.33.

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

0x01 graphic

Rysunek 3.34.

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

0x01 graphic

Rysunek 3.35.

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

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).

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).

0x01 graphic

Rysunek 3.36.

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

0x01 graphic

Rysunek 3.37.

Teraz struktura nawigacyjna posiada orientację poziomą

0x01 graphic

Rysunek 3.38.

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

0x01 graphic

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

0x01 graphic

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).

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, 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.

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).

0x01 graphic

Rysunek 3.41.

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

0x01 graphic

Rysunek 3.42.

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

0x01 graphic

Rysunek 3.43.

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

0x01 graphic

Rysunek 3.44.

Wybierz orientację poziomą lub pionową dla paska łączy

0x01 graphic

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

0x01 graphic

Rysunek 3.46.

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

  1. Wybierz orientację poziomą lub pionową dla paska łączy i kliknij przycisk Zakończ (rysunek 3.44).

  2. 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.

  3. 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ć.

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.

0x01 graphic

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ą

0x01 graphic

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

0x01 graphic

Rysunek 3.49.

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

0x01 graphic

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

0x01 graphic

Rysunek 3.51.

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

0x01 graphic

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).

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).

0x01 graphic

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

0x01 graphic

Rysunek 3.54.

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

0x01 graphic

Rysunek 3.55.

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

0x01 graphic

Rysunek 3.56.

Umieść kursor w miejscu, w którym chcesz wstawić pasek łączy, i z menu Wstaw wybierz pozycję Nawigacja

0x01 graphic

Rysunek 3.57.

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

0x01 graphic

Rysunek 3.58.

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

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 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).

  1. Wybierz orientację - poziomą lub pionową - dla paska łączy i kliknij przycisk Zakończ (rysunek 3.59).

  2. 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).

  3. Kliknij przycisk Dodaj łącze, aby zbudować zbiór stron powiązanych łączami wstecz i dalej (rysunek 3.61).

0x01 graphic

Rysunek 3.59.

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

0x01 graphic

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

0x01 graphic

Rysunek 3.61.

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

0x01 graphic

Rysunek 3.62.

Wybierz bieżącą stronę jako pierwsze łącze paska łączy, a w polu Tekst do wyświetlenia podaj łatwą do rozpoznawania etykietę dla tego łącza

0x01 graphic

Rysunek 3.63.

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

0x01 graphic

Rysunek 3.64.

Po zbudowaniu listy łączy kliknij przycisk OK

  1. 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).

  2. Powtórz punkt 8. dla każdej strony, którą chcesz dodać do paska z łączami wstecz i dalej (rysunek 3.64).

  1. 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).

  2. 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 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.

0x01 graphic

Rysunek 3.65.

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

0x01 graphic

Rysunek 3.66.

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

0x01 graphic

Rysunek 3.67.

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

0x01 graphic

Rysunek 3.68.

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

0x01 graphic

Rysunek 3.69.

Wybierz styl wbudowany dla paska łączy

0x01 graphic

Rysunek 3.70.

Wybierz orientację - poziomą lub pionową - dla paska łączy i kliknij przycisk Zakończ

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 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.

  1. 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).

  2. 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).

0x01 graphic

Rysunek 3.71.

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

0x01 graphic

Rysunek 3.72.

Po zbudowaniu listy łączy niestandardowych kliknij przycisk OK

0x01 graphic

Rysunek 3.73.

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

0x01 graphic

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

0x01 graphic

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.

  1. 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.

  2. Kliknij przycisk OK, aby Aby zastosować zmiany i zamknąć okno dialogowe Właściwości paska łączy, kliknij przycisk OK. Aby zmodyfikować 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.

0x01 graphic

Rysunek 3.76.

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

0x01 graphic

Rysunek 3.77.

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

0x01 graphic

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

0x01 graphic

Rysunek 3.79.

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

0x01 graphic

Rysunek 3.80.

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

0x01 graphic

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

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 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.

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).

0x01 graphic

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

0x01 graphic

Rysunek 3.83.

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

0x01 graphic

Rysunek 3.84.

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

0x01 graphic

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

0x01 graphic

Rysunek 3.86.

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

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 menu 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.

  1. 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).

  2. 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.

  3. 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).

0x01 graphic

Rysunek 3.87.

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

0x01 graphic

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

0x01 graphic

Rysunek 3.89.

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

0x01 graphic

Rysunek 3.90.

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

0x01 graphic

Rysunek 3.91.

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

0x01 graphic

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

0x01 graphic

Rysunek 3.93.

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

0x01 graphic

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)

Aby stworzyć witrynę internetową z szablonu:

  1. Z menu 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 menu 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).

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).

0x01 graphic

Rysunek 3.95.

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

0x01 graphic

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

0x01 graphic

Rysunek 3.97.

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

0x01 graphic

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

0x01 graphic

Rysunek 3.99.

Strona internetowa z motywem Citrus Punch

  1. 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).

  2. 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.

0x01 graphic

Rysunek 3.100.

Kliknij przycisk Modyfikuj okna dialogowego Motywy, aby zmodyfikować motyw

0x01 graphic

Rysunek 3.101.

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

0x01 graphic

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

0x01 graphic

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

0x01 graphic

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

  1. 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.

  2. 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.

  3. Kliknij przycisk OK okna dialogowego Motywy. FrontPage zastosuje zmodyfikowany motyw do bieżącej strony lub witryny internetowej.

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ą.

0x01 graphic

Rysunek 3.105.

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

0x01 graphic

Rysunek 3.106.

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

0x01 graphic

Rysunek 3.107.

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

0x01 graphic

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.

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).

0x01 graphic

Rysunek 4.1.

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

0x01 graphic

Rysunek 4.2.

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

0x01 graphic

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

0x01 graphic

Rysunek 4.4.

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

0x01 graphic

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.

0x01 graphic

Rysunek 4.6.

Kliknij w miejscu, w którym chcesz wstawić tekst - w miejscu tym pojawi się migotający kursor

0x01 graphic

Rysunek 4.7.

Zacznij pisać w miejscu, w którym znajduje się kursor - wpisywany tekst pojawi się na stronie

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.

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).

0x01 graphic

Rysunek 4.8.

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

0x01 graphic

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

0x01 graphic

Rysunek 4.10.

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

0x01 graphic

Rysunek 4.11.

Kliknij i przesuń zaznaczony tekst w nowe miejsce

0x01 graphic

Rysunek 4.12.

Zwolnij przycisk myszy - FrontPage umieści tekst w nowym miejscu

0x01 graphic

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)

0x01 graphic

Rysunek 4.14.

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

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).

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).

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).

0x01 graphic

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

0x01 graphic

Rysunek 4.16.

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

0x01 graphic

Rysunek 4.17.

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

0x01 graphic

Rysunek 4.18.

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

0x01 graphic

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 menu 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ł.

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.

0x01 graphic

Rysunek 4.20.

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

0x01 graphic

Rysunek 4.21.

Naciśnij klawisz Enter - FrontPage doda akapit

0x01 graphic

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

0x01 graphic

Rysunek 4.23.

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

0x01 graphic

Rysunek 4.24.

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

0x01 graphic

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

0x01 graphic

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

0x01 graphic

Rysunek 4.27.

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

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 menu 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).

  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.

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 menu 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 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ź w sieci Web.

  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).

0x01 graphic

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

0x01 graphic

Rysunek 4.29.

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

0x01 graphic

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

0x01 graphic

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

  1. 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).

  2. Kliknij dwa razy nazwę strony, którą chcesz przeszukać dokładniej.

  3. Po odszukaniu tekstu kliknij przycisk Anuluj lub przycisk X okna dialogowego Znajdowanie i zamienianie.

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 menu 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.

0x01 graphic

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

0x01 graphic

Rysunek 4.33.

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

0x01 graphic

Rysunek 4.34.

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

0x01 graphic

Rysunek 4.35.

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

0x01 graphic

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

0x01 graphic

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 menu 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.

  1. 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).

  2. Po ponownym pojawieniu się okna dialogowego Znajdowanie i zamienianie kliknij przycisk Anuluj 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).

0x01 graphic

Rysunek 4.38.

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

0x01 graphic

Rysunek 4.39.

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

0x01 graphic

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

0x01 graphic

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ę

0x01 graphic

Rysunek 4.42.

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

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 menu 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).

  1. Kliknij przycisk Zamień. FrontPage zamieni tekst i natychmiast zaznaczy kolejne wystąpienie szukanego tekstu (rysunek 4.43).

  2. 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).

  3. W oknie dialogowym Znajdowanie i zamienianie kliknij dwukrotnie nazwę kolejnej strony i powtórz punkty 7-9.

  4. Po przeszukaniu wszystkich stron w oknie dialogowym Znajdowanie i zamienianie kliknij przycisk Anuluj lub X.

0x01 graphic

Rysunek 4.43.

Po zamienieniu tekstu FrontPage natychmiast zaznacza kolejne wystąpienie szukanego tekstu

0x01 graphic

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

0x01 graphic

Rysunek 4.45.

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.

0x01 graphic

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

0x01 graphic

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

0x01 graphic

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 menu 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).

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 menu 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.

0x01 graphic

Rysunek 4.49.

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

0x01 graphic

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

0x01 graphic

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ę

0x01 graphic

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

0x01 graphic

Rysunek 4.53.

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. Kliknij przycisk Powrót do listy

  1. 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.

  2. 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.

  3. Po sprawdzeniu wszystkich stron w oknie dialogowym Pisownia kliknij przycisk Anuluj lub X.

Aby sprawdzić pisownię podczas pisania:

  1. Z menu 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 menu 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.

0x01 graphic

Rysunek 4.54.

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

0x01 graphic

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

0x01 graphic

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

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).

0x01 graphic

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

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.

0x01 graphic

Rysunek 4.58.

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

0x01 graphic

Rysunek 4.59.

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

0x01 graphic

Rysunek 4.60.

FrontPage zastosuje wybraną czcionkę do zaznaczonego tekstu

0x01 graphic

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)

0x01 graphic

Rysunek 4.62.

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

0x01 graphic

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

0x01 graphic

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.

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).

0x01 graphic

Rysunek 4.65.

Zaznacz tekst, którego styl chcesz zmienić

0x01 graphic

Rysunek 4.66.

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

0x01 graphic

Rysunek 4.67.

FrontPage zastosuje wybrany styl do zaznaczonego tekstu

0x01 graphic

Rysunek 4.68.

Zaznacz tekst, którego kolor czcionki chcesz zmienić

0x01 graphic

Rysunek 4.69.

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

0x01 graphic

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.

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).

0x01 graphic

Rysunek 4.71.

Zaznacz tekst, który chcesz wyrównać

0x01 graphic

Rysunek 4.72.

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

0x01 graphic

Rysunek 4.73.

FrontPage wyrówna zaznaczony tekst

0x01 graphic

Rysunek 4.74.

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

0x01 graphic

Rysunek 4.75.

Karta Czcionka okna dialogowego Czcionka pozwala zmodyfikować krój, styl, rozmiar i kolor czcionki zaznaczonego tekstu

0x01 graphic

Rysunek 4.76.

Karta Odstępy między znakami okna dialogowego Czcionka pozwala zmodyfikować odstępy między znakami i wertykalną pozycję zaznaczonego tekstu

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.

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.

0x01 graphic

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

0x01 graphic

Rysunek 4.78.

W oknie dialogowym Czcionka określ wertykalną pozycję tekstu, wybierając opcję z listy rozwijanej Pozycja

0x01 graphic

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 menu Format wybierz pozycję Usuń formatowanie (Ctrl+Shift+Z) (rysunek 4.79). FrontPage usunie formatowanie tekstu.

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 menu 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.

0x01 graphic

Rysunek 4.80.

Aby wstawić symbol lub znak specjalny, z menu Wstaw wybierz pozycję Symbol

0x01 graphic

Rysunek 4.81.

Użyj listy rozwijanej Podzbiór okna dialogowego Symbol do odszukania żądanego podzbioru znaków

0x01 graphic

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.

0x01 graphic

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

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).

0x01 graphic

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

0x01 graphic

Rysunek 5.3.

Akapit początkowo wyrównany do lewej został wyrównany do prawej

0x01 graphic

Rysunek 5.4.

Aby zmienić wcięcie akapitu, kliknij przycisk Zmniejsz wcięcie lub Zwiększ wcięcie

0x01 graphic

Rysunek 5.5.

Jeżeli zmodyfikujesz wcięcie, akapit zostanie przesunięty

0x01 graphic

Rysunek 5.6.

Aby jeszcze bardziej zwiększyć wcięcie akapitu, kliknij kilka razy przycisk Zwiększ wcięcie

0x01 graphic

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

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).

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.

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).

0x01 graphic

Rysunek 5.8.

Aby zmodyfikować wcięcia akapitu, prawym przyciskiem myszy kliknij w tym akapicie i z menu kontekstowego wybierz pozycję Akapit

0x01 graphic

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

0x01 graphic

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.

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).

0x01 graphic

Rysunek 5.11.

Aby zastosować styl Sformatowany, użyj listy rozwijanej Styl

0x01 graphic

Rysunek 5.12.

Chociaż Sstyl Sformatowany nie wygląda okropniedobrze, ale pozwala wyrównać tekst na stronie internetowej

0x01 graphic

Rysunek 5.13.

Użyj listy rozwijanej Styl do powrotu do stylu Normalny

0x01 graphic

Rysunek 5.14.

Aby stworzyć listę punktowaną, kliknij przycisk Punktory dostępną na pasku narzędzi Formatowanie

0x01 graphic

Rysunek 5.15.

Listę punktowaną możesz również stworzyć za pomocą listy rozwijanej Styl

0x01 graphic

Rysunek 5.16.

Nic wyrafinowanego: sStandardowy styl punktora

0x01 graphic

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.

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).

0x01 graphic

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

0x01 graphic

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

0x01 graphic

Rysunek 5.20.

Po dodaniu wszystkich terminów i definicji naciśnij dwa razy klawisz Enter. FrontPage włączy styl Normalny

0x01 graphic

Rysunek 5.21.

Aby utworzyć listę numerowaną, zaznacz tekst i kliknij przycisk Numerowanie dostępny na pasku narzędzi Formatowanie

0x01 graphic

Rysunek 5.22.

Listę numerowaną można również utworzyć wybierając pozycję Lista numerowana z listy rozwijanej Styl

0x01 graphic

Rysunek 5.23.

Po dodaniu numeracji naciśnij klawisz Enter, aby Aby dodać następny element do listy numerowanej, naciśnij klawisz Enter.

0x01 graphic

Rysunek 5.24.

Jeżeli jeden z elementów listy numerowanej zmienisz na zwykły tekst, FrontPage zmodyfikuje numerację pozostałych elementów

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ę 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.

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.

0x01 graphic

Rysunek 5.25.

Aby zmodyfikować punktory lub numerację, z menu Format wybierz pozycję Punktory i numeracja

0x01 graphic

Rysunek 5.26.

Aby zmodyfikować listę istniejącą, kliknij ją prawym przyciskiem myszy i z menu kontekstowego wybierz pozycję Właściwości listy

0x01 graphic

Rysunek 5.27.

Okno dialogowe Punktory i numeracja pozwala określić wybrać dowolny obrazy dla punktorów

0x01 graphic

Rysunek 5.28.

Okno dialogowe Właściwości listy pozwala kontrolować wygląd punktorów, numeracji oraz list

0x01 graphic

Rysunek 5.29.

Aby określić wybrać obraz dla punktora, odszukaj plik graficzny i kliknij przycisk OK

0x01 graphic

Rysunek 5.30.

Karta Numeracja okna dialogowego Właściwości listy pozwala wybrać jedną z sześciu opcji

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.

  • 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.

0x01 graphic

Rysunek 5.31.

Karta Inne okna dialogowego Właściwości listy pozwala wybrać styl listy

0x01 graphic

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ę

0x01 graphic

Rysunek 5.33.

Standardowo podlista posiada ten sam styl numeracji co lista nadrzędna (w tym przypadku cyfry rzymskie)

0x01 graphic

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

0x01 graphic

Rysunek 5.35.

Element podlisty, Francja, posiada teraz inny styl numeracji (litery alfabetu) niż elementy listy nadrzędnej (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).

  1. 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.

  2. Aby utworzyć podlistę podlisty, powtórz punkty 1-6 (rysunek 5.36).

  3. 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.

0x01 graphic

Rysunek 5.36.

FrontPage pozwala utworzyć podlistę podlisty. Każda podlista może posiadać własny styl numeracji

0x01 graphic

Rysunek 5.37.

Aby przerobić tekst na nagłówek, zaznacz go i z listy rozwijanej Styl wybierz rozmiar nagłówka

0x01 graphic

Rysunek 5.38.

Rozmiary nagłówków: Nagłówek 1 jest największy; Nagłówek 6 - najmniejszy

0x01 graphic

Rysunek 5.39.

FrontPage zastosuje wybrany nagłówek do zaznaczonego tekstu

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 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.

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.

0x01 graphic

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.

0x01 graphic

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

0x01 graphic

Rysunek 6.3.

Aby szybko utworzyć hiperłącze, prawym przyciskiem myszy kliknij zaznaczony element i z menu kontekstowego wybierz pozycję Hiperłącze

0x01 graphic

Rysunek 6.4.

Pole Tekst do wyświetlenia okna dialogowego Wstawianie hiperłącza wyświetla tekst zaznaczony w punkcie 2.

0x01 graphic

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

0x01 graphic

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.

0x01 graphic

Rysunek 6.7.

Tekst hiperłącza został podkreślony

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 menu 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 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).

0x01 graphic

Rysunek 6.8.

Okno dialogowe Wstawianie hiperłącza umożliwia pełną kontrolę nad hiperłączami

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.

  1. 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żą.

  2. Tekst hiperłącza: Standardowo w polu tekstowym Tekst do wyświetlenia jest umieszczony tekst 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.

  3. 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.

  4. 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.

  1. 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.

  2. 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.

  3. 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.

  4. Lista plików: Standardowo lista plików wyświetla 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.

  5. 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://.

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.

0x01 graphic

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

0x01 graphic

Rysunek 6.10.

Aby odszukać plik umieszczony na dysku twardym, kliknij przycisk Przeglądaj w poszukiwaniu pliku okna dialogowego Wstawianie hiperłącza

0x01 graphic

Rysunek 6.11.

Po odszukaniu pliku w oknie dialogowym Łącz z plikiem kliknij przycisk OK

0x01 graphic

Rysunek 6.12.

Aby utworzyć hiperłącze do adresu e-mail, kliknij przycisk Adres e-mail dostępny na pasku Połącz z

0x01 graphic

Rysunek 6.13.

Wpisz adres e-mail, dodaj temat wiadomości i kliknij przycisk OK

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 szybko wypełnić pola okna dialogowego Wstawianie hiperłącza, m.in. Temat wiadomości - wystarczy kliknąć jeden z elementów tej listy.

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.

0x01 graphic

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ć

0x01 graphic

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

0x01 graphic

Rysunek 6.16.

Po utworzeniu hiperłącza nazwa nowego pustego dokumentu pojawi się w panelu Lista folderów

0x01 graphic

Rysunek 6.17.

Aby zmodyfikować hiperłącze, kliknij go prawym przyciskiem myszy i z menu kontekstowego wybierz pozycję Właściwości hiperłącza

0x01 graphic

Rysunek 6.18.

W oknie dialogowym Edytowanie hiperłącza zmodyfikuj adres 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 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.

  1. Po zmodyfikowaniu adresu kliknij przycisk OK. FrontPage zadba o będzie aktualizowałację hiperłączea.

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 menu 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.

0x01 graphic

Rysunek 6.19.

Aby usunąć hiperłącze, kliknij przycisk Usuń łącze okna dialogowego Edytowanie hiperłącza

0x01 graphic

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

0x01 graphic

Rysunek 6.21.

Aby utworzyć zakładkę, zaznacz tekst, który ma służyć jako tekst zakładki, i z menu Wstaw wybierz pozycję Zakładka

0x01 graphic

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.

0x01 graphic

Rysunek 6.23.

Poniżej tekstu zakładki FrontPage umieszcza linię przerywaną

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ę:

  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 menu 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ą.

0x01 graphic

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

0x01 graphic

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

0x01 graphic

Rysunek 6.26.

W oknie dialogowym Wybieranie miejsca w dokumencie wybierz jedną z zakładek i kliknij przycisk OK

0x01 graphic

Rysunek 6.27.

W polu Adres okna dialogowego Wstawianie hiperłącza pojawi się adres zakładki. Kliknij przycisk OK

Aby utworzyć hiperłącze do zakładki na dowolnej stronie:

  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. Odszukaj stronę internetową z zakładką za pomocą przycisku Bieżący folder, Strony przeglądane, 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).

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.

0x01 graphic

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

0x01 graphic

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

0x01 graphic

Rysunek 6.30.

FrontPage bez zamykania okna dialogowego Zakładka przejdzie do wybranej zakładki

0x01 graphic

Rysunek 6.31.

Aby wyczyścić usunąć zakładkę, odszukaj ją i kliknij przycisk Wyczyść

0x01 graphic

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).

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.

0x01 graphic

Rysunek 6.33.

Aby zmienić kolor hiperłączy, kliknij stronę prawym przyciskiem myszy i z menu kontekstowego wybierz pozycję Właściwości strony

0x01 graphic

Rysunek 6.34.

Aby uzyskać dostęp do sekcji Kolory, wyświetl kartę Tło

0x01 graphic

Rysunek 6.35.

Użyj rozwijanych palet kolorów do zmodyfikowania koloru hiperłączy. Aby wybrać kolor niestandardowy, kliknij opcję Więcej kolorów

0x01 graphic

Rysunek 6.36.

Okno dialogowe Więcej kolorów pozwala wybrać jeden z kolorów wyświetlanych w przeglądarkach internetowych

0x01 graphic

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ę

0x01 graphic

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

0x01 graphic

Rysunek 6.39.

Karta Tło okna dialogowego Właściwości strony pozwala również ustawić kolor tła strony oraz kolor tekstu

0x01 graphic

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.

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 menu 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).

0x01 graphic

Rysunek 6.41.

Zanim zaczniesz pracować z obrazami, z menu Widok wybierz pozycję Paski narzędzi, a następnie pozycję Obrazy

0x01 graphic

Rysunek 6.42.

Pasek narzędzi Obrazy posiada narzędzia do dodawania hiperłączy i punktów aktywnych do obrazów

0x01 graphic

Rysunek 6.43.

Zaznaczony obraz posiada czarne kwadratowe uchwyty

0x01 graphic

Rysunek 6.44.

Aby przerobić obraz na hiperłącze, kliknij go prawym przyciskiem myszy i z menu kontekstowego wybierz pozycję Hiperłącze

0x01 graphic

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

0x01 graphic

Rysunek 6.46.

Aby utworzyć punkt aktywny, najpierw zaznacz cały obraz

0x01 graphic

Rysunek 6.47.

Wybierz kształt punktu aktywnego (prostokąt, okrąg lub wielokąt) za pomocą paska narzędzi Obrazy

0x01 graphic

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

Aby utworzyć punkt aktywny:

  1. Z menu 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.

  1. Teraz możesz kliknąć wewnątrz punktu aktywnego i przesunąć go w żądane miejsce (rysunek 6.49).

  2. 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.

  3. 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 miejsce docelowe punktu aktywnego znajdowało się w tym samym pliku co ten punkt,. użyj punktu aktywnego z zakładką.

0x01 graphic

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)

0x01 graphic

Rysunek 6.50.

Obraz, dzięki posiadaniu temu, że ma kilkau punktów aktywnych, może zawierać hiperłącza do kilku plików docelowych

0x01 graphic

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

0x01 graphic

Rysunek 6.52.

FrontPage ukrył obraz, pozostawiając tylko kontury punktów aktywnych. Zaznaczony punkt aktywny ma kolor czarny

0x01 graphic

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.

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.

0x01 graphic

Rysunek 6.54.

Aby dodać przycisk aktywowany, z menu Wstaw wybierz pozycję Składnik sieci Web

0x01 graphic

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

0x01 graphic

Rysunek 6.56.

Okno dialogowe Właściwości przycisku aktywowanego kontroluje wygląd i działanie przycisku

0x01 graphic

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

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.

  1. 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.

  2. 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.

  3. 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.

  4. Kolor tła: Wybierz kolor z rozwijanej palety kolorów.

  5. 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.

  6. 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

  • 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.

0x01 graphic

Rysunek 6.58.

Aby edytować przycisk aktywowany, kliknij go prawym przyciskiem myszy i z menu kontekstowego wybierz pozycję Właściwości przycisku aktywowanego

0x01 graphic

Rysunek 6.59.

Kliknij jeden z przycisków Przeglądaj okna dialogowego Niestandardowe, aby odszukać plik dźwiękowy lub graficzny

0x01 graphic

Rysunek 6.60.

Aby do przycisku aktywowanego dodać klipart, kliknij strzałkę przycisku Otwórz okna dialogowego Wybierz obraz

0x01 graphic

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

0x01 graphic

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

0x01 graphic

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

0x01 graphic

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

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ł 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.

0x01 graphic

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

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 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

2 bity

4 kolory

17K

1 bit

2 kolory

9K

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 menu 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 na pasku Szukaj w, a następnie, aby umieścić go na stronie internetowej, kliknij przycisk Wstaw, aby umieścić go na stronie internetowej.

  1. 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).

  2. Aby zmienić nazwę obrazu, kliknij przycisk Zmień nazwę; aby zapisać obraz w innym folderze, kliknij przycisk Zmień folder. Kliknij przycisk OK.

  3. Wstawiony i zapisany obraz można edytować. Zobacz podrozdział Edytowanie obrazów.

0x01 graphic

Rysunek 7.2.

Aby wstawić obraz, z menu Wstaw wybierz pozycję Obraz, a następnie - pozycję ClipArt lub Z pliku

0x01 graphic

Rysunek 7.3.

Okienko zadań Wstawianie obiektu ClipArt umożliwia dostęp do bezpłatnych klipartów

0x01 graphic

Rysunek 7.4.

Okno dialogowe Obraz umożliwia dostęp do obrazów umieszczonych na dysku twardym lub w Internecie

0x01 graphic

Rysunek 7.5.

Okno dialogowe Zapisywanie plików osadzonych pozwala zmienić nazwę obrazu oraz wskazać folder, w którym chcesz go przechowywać

0x01 graphic

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

0x01 graphic

Rysunek 7.7.

Aby wstawić obraz, kliknij przycisk Wstaw obraz z pliku dostępny na pasku narzędzi Obrazy

0x01 graphic

Rysunek 7.8.

Jeżeli obraz został umieszczony na Liście folderów, kliknij i przeciągnij go na stronę internetową

0x01 graphic

Rysunek 7.9.

Aby zmienić format obrazu, kliknij przycisk Opcje obrazu i w oknie dialogowym Opcje obrazu wybierz opcję JPEG lub GIF

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.

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).

0x01 graphic

Rysunek 7.10.

Okienko zadań Wstawianie obiektu ClipArt umożliwia dostęp do klipartów umieszczonych na dysku twardym oraz w Internecie

0x01 graphic

Rysunek 7.11.

Użyj list rozwijanych oraz pól wyboru do rozszerzenia lub ograniczenia zakresu poszukiwań

0x01 graphic

Rysunek 7.12.

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

0x01 graphic

Rysunek 7.13.

Wybierz opcję Clips Online, aby uzyskać dostęp do internetowej kolekcji klipartów - Design Gallery Live

0x01 graphic

Rysunek 7.14.

Internetowa kolekcja klipartów, Design Gallery Live, firmy Microsoft umożliwia dostęp do wielu plików multimedialnych

  1. 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ą.

  2. Clips Online: Wybierz tę opcję, aby uzyskać dostęp do kolekcji klipartów umieszczonych w witrynie internetowej firmy Microsoft. Zanim 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).

  3. Porady dotyczące znajdowania klipów: Wybierz tę opcję, aby uruchomić pomoc programu FrontPage z poradami na temat używania klipartów.

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).

0x01 graphic

Rysunek 7.15.

Aby zmodyfikować obraz, kliknij go prawym przyciskiem myszy i z menu kontekstowego wybierz pozycję Właściwości obrazu

0x01 graphic

Rysunek 7.16.

Aby zmienić format obrazu, wyświetl kartę Ogólne okna dialogowego Właściwości obrazu

0x01 graphic

Rysunek 7.17.

Kliknij przycisk Opcje obrazu, aby ustawić opcje obrazu

0x01 graphic

Rysunek 7.18.

Aby zapisać obraz w formacie JPEG, określ jakość kompresji oraz liczbę ilość pobrań progresywnych

  1. 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.

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.

0x01 graphic

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

0x01 graphic

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

0x01 graphic

Rysunek 7.21.

Aby obejrzeć tekst alternatywny w działaniu, z menu Narzędzia przeglądarki Internet Explorer wybierz pozycję Opcje internetowe

0x01 graphic

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).

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).

0x01 graphic

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

0x01 graphic

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

  1. 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.

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.

0x01 graphic

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

0x01 graphic

Rysunek 7.26.

Obraz u góry ekranu jest wyrównany do prawej; obraz u dołu jest wyrównany do lewej

0x01 graphic

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).

0x01 graphic

Do góry tekstu: Górna krawędź obrazu znajduje się na równi z górną krawędzią tekstu.

0x01 graphic

Do środka: Środek obrazu znajduje się na równi z górną krawędzią tekstu.

0x01 graphic

Do środka bezwzględnego: Środek obrazu znajduje się na równi ze środkiem najwyższego elementu (w tym przypadku - przycisku Start).

0x01 graphic

Do linii bazowej: Dolna krawędź obrazu znajduje się na równi z dolną krawędzią tekstu.

0x01 graphic

Do dołu: Tak samo jak Do linii bazowej.

0x01 graphic

Do dołu bezwzględnego: Dolna krawędź obrazu znajduje się na równi z dolną krawędzią najniższego elementu.

0x01 graphic

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

0x01 graphic

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

0x01 graphic

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).

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 menu 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.

0x01 graphic

Rysunek 7.30.

Umieść kursor w miejscu, w którym chcesz wstawić linię poziomą

0x01 graphic

Rysunek 7.31.

Aby wstawić linię poziomą, z menu Wstaw wybierz pozycję Linia pozioma

0x01 graphic

Rysunek 7.32.

Linia pozioma została umieszczona na stronie internetowej

0x01 graphic

Rysunek 7.33.

Aby edytować linię poziomą, kliknij ją prawym przyciskiem myszy i z menu kontekstowego wybierz pozycję Właściwości linii poziomej

0x01 graphic

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.

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.

0x01 graphic

Rysunek 7.35.

Aby cofnąć efekty modyfikowania obrazu, kliknij przycisk Przywróć

0x01 graphic

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.

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).

0x01 graphic

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

0x01 graphic

Rysunek 7.38.

Po zmodyfikowaniu rozmiaru obrazu kliknij przycisk Przepróbkowanie, aby Aby zastosować zmiany, po zmodyfikowaniu rozmiaru obrazu kliknij przycisk Przepróbkowanie.

0x01 graphic

Rysunek 7.39.

Aby dodać tekst do obrazu, zaznacz go i kliknij przycisk Tekst - na środku obrazu pojawi się pole tekstowe

0x01 graphic

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

0x01 graphic

Rysunek 7.41.

FrontPage zastosował żądaną pozycję, czcionkę i kolor tekstu

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 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)

0x01 graphic

Rysunek 7.42.

Zaznacz obraz, który chcesz odbarwić

0x01 graphic

Rysunek 7.43.

Aby zredukować kontrast obrazu, kliknij przycisk Kolor i z menu wybierz pozycję Odbarw

0x01 graphic

Rysunek 7.44.

Odbarwiony obraz może służyć jako tło dla tekstu lub dla innego obrazu

0x01 graphic

Rysunek 7.45.

Duży obraz wolno wczytuje się do przeglądarki internetowej

0x01 graphic

Rysunek 7.46.

Aby stworzyć autominiaturę, kliknij przycisk Autominiatura lub z menu Narzędzia wybierz pozycję Autominiatura (Ctrl+T)

0x01 graphic

Rysunek 7.47.

Miniatura zawiera hiperłącze do obrazu oryginalnego -wystarczy więc kliknąć miniaturę, aby wyświetlić oryginał

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.

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, 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.45).

  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).

Aby ustawić właściwości autominiatury:

  1. Z menu 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.

0x01 graphic

Rysunek 7.48.

Aby ustawić właściwości autominiatury, z menu Narzędzia wybierz pozycję Opcje strony

0x01 graphic

Rysunek 7.49.

Karta Autominiatura pozwala ustawić rozmiar, grubość krawędzi oraz krawędź ze skosem autominiatury

0x01 graphic

Rysunek 7.50.

Aby stworzyć galerię fotografii, z menu Wstaw wybierz pozycję Składnik sieci Web

0x01 graphic

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

0x01 graphic

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).

  1. 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).

  2. 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.

  3. 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.

0x01 graphic

Rysunek 7.53.

W oknie dialogowym Otwórz plik odszukaj i zaznacz obrazy, z których chcesz utworzyć galerię

0x01 graphic

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ół

0x01 graphic

Rysunek 7.55.

W polu Podpis lub Opis wpisz informacje o zaznaczonym obrazie

0x01 graphic

Rysunek 7.56.

Galeria fotografii na stronie internetowej

  1. 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.

  2. 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ę.

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).

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.

0x01 graphic

Rysunek 7.57.

Aby zmodyfikować galerię fotografii, kliknij ją prawym przyciskiem myszy i z menu kontekstowego wybierz pozycję Galeria fotografii - właściwości

0x01 graphic

Rysunek 7.58.

Aby zmodyfikować układ galerii, wyświetl kartę Układ i wybierz nazwę układu z listy Wybierz układ

0x01 graphic

Rysunek 7.59.

Aby zmodyfikować obraz umieszczony w galerii (rysunek u dołu), kliknij przycisk Edytuj (rysunek u góry)

0x01 graphic

Rysunek 7.60.

Obraz przed obróceniem lub przerzuceniem

0x01 graphic

Rysunek 7.61.

Pasek narzędzi Obrazy posiada cztery narzędzia do obracania i przerzucania obrazów

0x01 graphic

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.

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).

0x01 graphic

Rysunek 7.63.

Obraz oryginalny przed zmianą kontrastu

0x01 graphic

Rysunek 7.64.

Kliknij przycisk Więcej kontrastu lub Mniej kontrastu, aby zwiększyć lub zmniejszyć kontrast obrazu

0x01 graphic

Rysunek 7.65.

Po lewej, obraz o maksymalnym kontraście; po prawej, obraz o minimalnym kontraście

0x01 graphic

Rysunek 7.66.

Obraz oryginalny przez zmianą jasności

0x01 graphic

Rysunek 7.67.

Kliknij przycisk Większe rozjaśnienie lub Mniejsze rozjaśnienie, aby zmienić jasność obrazu

0x01 graphic

Rysunek 7.68.

Po lewej, obraz o dużej jasności; po prawej, obraz o niskiej jasności

0x01 graphic

Rysunek 7.69.

Aby przyciąć obraz, zaznacz go i kliknij przycisk Przytnij

0x01 graphic

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

0x01 graphic

Rysunek 7.71.

FrontPage przytnie obraz, kiedy Kiedy naciśniesz klawisz Enter lub ponownie klikniesz przycisk Przytnij, obraz zostanie przycięty

0x01 graphic

Rysunek 7.72.

Aby ustawić kolor przezroczystośćy, kliknij przycisk Ustaw kolor przezroczysty

0x01 graphic

Rysunek 7.73.

Umieść wskaźnik myszy nad kolorem obrazu, który chcesz ustawić jako przezroczysty, i naciśnij lewy przycisk myszy

0x01 graphic

Rysunek 7.74.

Umieść zmodyfikowany obraz nad innym obrazem, aby się przekonać, że jeden z jego kolorów jest występuje przezroczystyprzezroczystość

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).

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).

0x01 graphic

Rysunek 7.75.

Aby usunąć kolor obrazu, kliknij przycisk Kolor i z menu wybierz pozycję Skala odcieni szarości

0x01 graphic

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 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.

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.

0x01 graphic

Rysunek 7.77.

Aby nadać obrazowi pozycję bezwzględną, najpierw go zaznacz

0x01 graphic

Rysunek 7.78.

Po zaznaczeniu obrazu kliknij przycisk Pozycjonuj bezwzględnie

0x01 graphic

Rysunek 7.79.

Podczas przeciągania obrazu w nowe miejsce wskaźnik myszy przyjmie postać czterech strzałek skierowanych w cztery strony świata

0x01 graphic

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

0x01 graphic

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

0x01 graphic

Rysunek 7.82.

Obraz z choinką został umieszczony pod obrazem z żarówką

0x01 graphic

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ą

0x01 graphic

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

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 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 pól tekstowych.

Aby wyświetlić pasek narzędzi Rysowanie:

  • Z menu Widok wybierz pozycję Paski narzędzi, a następnie - pozycję Rysowanie.

0x01 graphic

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

0x01 graphic

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

0x01 graphic

Rysunek 8.3.

Aby narysować prosty kształt, wybierz jeden z czterech prostych kształtów - linię, strzałkę, prostokąt lub elipsę

0x01 graphic

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

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).

  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.

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).

0x01 graphic

Rysunek 8.5.

Aby dodać autokształt, wybierz kategorię kształtów, a następnie konkretny kształt

0x01 graphic

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)

0x01 graphic

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)

0x01 graphic

Rysunek 8.8.

Aby utworzyć oddzielny pasek narzędzi Autokształty, kliknij przycisk Autokształty i przeciągnij jego menu na pulpit

0x01 graphic

Rysunek 8.9.

Aby narysować krzywą, kliknij przycisk Autokształty, z menu wybierz pozycję Linie, a następnie - narzędzie Krzywa

0x01 graphic

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)

0x01 graphic

Rysunek 8.11.

Aby zmodyfikować łuk krzywej, umieść wskaźnik myszy nad jej środkowym uchwytem, naciśnij lewy przycisk myszy i przeciągnij

0x01 graphic

Rysunek 8.12.

Aby stworzyć oddzielny pasek narzędzi Linie, kliknij i przeciągnij górną krawędź podmenu Linie na pulpit

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).

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.

0x01 graphic

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

0x01 graphic

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)

0x01 graphic

Rysunek 8.15.

Aby zmodyfikować kształt, kliknij go prawym przyciskiem myszy i z menu kontekstowego wybierz pozycję Edycja punktów

0x01 graphic

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

0x01 graphic

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

0x01 graphic

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)

0x01 graphic

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).

  1. 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).

  2. Po zmodyfikowaniu kształtu kliknij obok niego, aby usunąć uchwyty.

0x01 graphic

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

0x01 graphic

Rysunek 8.21.

Aby zmienić sposób działania uchwytu, kliknij go prawym przyciskiem myszy i z menu kontekstowego wybierz jeden z czterech typów

0x01 graphic

Rysunek 8.22.

Sposób działania uchwytu zależy od jego typu:. Od lewej, typ Autopunkt, Punkt gładki oraz Punkt narożny

0x01 graphic

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

0x01 graphic

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

0x01 graphic

Rysunek 8.25.

Aby usunąć odcinek (segment) kształtu, kliknij go prawym przyciskiem myszy i z menu kontekstowego wybierz pozycję Usuń segment

0x01 graphic

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)

0x01 graphic

Rysunek 8.27.

Aby zamknąć otwarty kształt, kliknij go prawym przyciskiem myszy i z menu kontekstowego wybierz pozycję Zamknij krzywą

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).

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 menu 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).

0x01 graphic

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)

0x01 graphic

Rysunek 8.29.

Okno dialogowe Galeria WordArt pozwala wybrać jeden z 30 stylów

0x01 graphic

Rysunek 8.30.

W oknie dialogowym Edytowanie tekstu WordArt wpisz tekst obiektu WordArt, a także ustaw wybierz krój, rozmiar i styl czcionki

0x01 graphic

Rysunek 8.31.

Obiekt WordArt na stronie internetowej

0x01 graphic

Rysunek 8.32.

Aby zmodyfikować tekst obiektu WordArt, kliknij przycisk Edytuj tekst dostępny na pasku narzędzi WordArt

0x01 graphic

Rysunek 8.33.

Możesz wybrać jeden z kilkudziesięciu kształtów tekstu

0x01 graphic

Rysunek 8.34.

Możesz zmienić orientację tekstu obiektu WordArt

0x01 graphic

Rysunek 8.35.

Możesz wybrać jedną z pięciu opcji wyrównania tekstu

0x01 graphic

Rysunek 8.36.

Możesz zdefiniować odstępy między znakami tekstu obiektu WordArt

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).

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.

0x01 graphic

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)

0x01 graphic

Rysunek 8.38.

Zmodyfikuj właściwości obiektu WordArt za pomocą okna dialogowego Formatuj obiekt WordArt

0x01 graphic

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

0x01 graphic

Rysunek 8.40.

Aby zmodyfikować rozmiar linii lub strzałki, kliknij jeden z jej uchwytów i przeciągnij go w nowe miejsce

0x01 graphic

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

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ż 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).

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.

0x01 graphic

Rysunek 8.42.

Aby przesunąć rysunek, kliknij go, przeciągnij w nowe miejsce i zwolnij przycisk myszy

0x01 graphic

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)

0x01 graphic

Rysunek 8.44.

Aby przerzucić rysunek, zaznacz (kliknij) go. Zaznaczony rysunek posiada uchwyty

0x01 graphic

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

0x01 graphic

Rysunek 8.46.

Rysunek został przerzucony. Teraz można go poddać dalszej obróbce

0x01 graphic

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

0x01 graphic

Rysunek 8.48.

Narzędzie 3-W dostępne na pasku narzędzi Rysowanie zmienia płaski prostokąt w trójwymiarowy sześcian

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).

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.

0x01 graphic

Rysunek 8.49.

Pasek narzędzi Rysowanie udostępnia ogromną ilościwiele efektów

0x01 graphic

Rysunek 8.50.

Aby szybko zastosować kilka efektów, kliknij obiekt prawym przyciskiem myszy i z menu kontekstowego wybierz pozycję Formatuj Autokształt

0x01 graphic

Rysunek 8.51.

W oknie dialogowym Formatuj Autokształt (po lewej) zmodyfikuj właściwości kształtu (po prawej)

0x01 graphic

Rysunek 8.52.

Zaznacz obiekty, których pozycję chcesz zmodyfikować - aby zaznaczyć więcej niż jeden obiekt, podczas ich zaznaczania (klikania) obiektów trzymaj wciśnięty klawisz Ctrl

0x01 graphic

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

0x01 graphic

Rysunek 8.54.

Dwa obiekty WordArt wyrównane do środka

Wyrównywanie, modyfikowanie kolejności i grupowanie 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.

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.

0x01 graphic

Rysunek 8.55.

Zaznacz obiekt, którego kolejność chcesz zmienić

0x01 graphic

Rysunek 8.56.

Aby zmodyfikować kolejność obiektuobiektów, kliknij przycisk Rysuj, z menu wybierz pozycję Kolejność, a następnie - jedną z opcji podmenu

0x01 graphic

Rysunek 8.57.

Możesz również kliknąć obiekt prawym przyciskiem myszy i zmienić jego kolejność za pomocą menu kontekstowego

0x01 graphic

Rysunek 8.58.

Aby uzyskać zadawalający zadowalający efekt, czasem trzeba zmodyfikować kolejność kilku obiektów

0x01 graphic

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

0x01 graphic

Rysunek 8.60.

Aby zgrupować obiekty, kliknij przycisk Rysuj dostępny na pasku narzędzi Rysowanie i z menu wybierz pozycję Grupuj

0x01 graphic

Rysunek 8.61.

Zaznaczone obiekty są traktowane jak jeden obiekt, stały się jednym obiektem, o czym świadczy jeden zestaw uchwytów

0x01 graphic

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 obiektu nie można zaznaczyć

0x01 graphic

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

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).

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).

0x01 graphic

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

0x01 graphic

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)

0x01 graphic

Rysunek 8.66.

Aby utworzyć kanwę rysunku, z menu Wstaw wybierz pozycję Obraz, a następnie - pozycję Nowy rysunek

0x01 graphic

Rysunek 8.67.

Aby zmienić rozmiar kanwy rysunku, kliknij i przeciągnij jeden z jej narożnych lub bocznych uchwytów

0x01 graphic

Rysunek 8.68.

Rozmiar kanwy został zmodyfikowany

0x01 graphic

Rysunek 8.69.

Kanwa rysunku może zawierać wiele kształtów

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).

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).

0x01 graphic

Rysunek 8.70.

Aby zaznaczyć kanwę, kliknij rysunek - w odpowiedzi pojawi się krawędź kanwy rysunku

0x01 graphic

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)

0x01 graphic

Rysunek 8.72.

Aby zmienić rozmiar kanwy rysunku, kliknij i przeciągnij jeden z jej uchwytów

0x01 graphic

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

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ą 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.

0x01 graphic

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)

0x01 graphic

Rysunek 8.75.

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)

0x01 graphic

Rysunek 8.76.

Aby przeskalować zmienić skalę kanwyę rysunku z zachowaniem proporcji, kliknij i przeciągnij jeden z jej narożnych uchwytów kanwy

Skalowanie kanwy rysunku

Różnica między skalowaniem a modyfikowaniem 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.

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.

0x01 graphic

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

0x01 graphic

Rysunek 8.78.

Aby sformatować kanwę rysunku, kliknij ją prawym przyciskiem myszy i z menu kontekstowego wybierz pozycję Formatuj kanwę rysunku

0x01 graphic

Rysunek 8.79.

W oknie dialogowym Formatuj kanwę rysunku można zmodyfikować kilka właściwości kanwy jednocześnie

0x01 graphic

Rysunek 8.80.

Standardowo styl pozycjonowania kanwy rysunku jest ustawiony na opcję Brak, dzięki czemu zawartość strony internetowej dopasowuje się do kanwy

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 kliknij przycisk OK.

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).

0x01 graphic

Rysunek 8.81.

Aby na stronie internetowej umieścić pole tekstowe, kliknij przycisk Pole tekstowe dostępny na pasku narzędzi Rysowanie

0x01 graphic

Rysunek 8.82.

Naciśnij lewy przycisk myszy i za pomocą wskaźnika myszy narysuj prostokąt wyznaczający rozmiar pola tekstowego

0x01 graphic

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

0x01 graphic

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

0x01 graphic

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

0x01 graphic

Rysunek 8.86.

Istniejąca zawartość strony internetowej dopasowała się do pola tekstowego

  1. 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).

  2. 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.

  3. Zwróć uwagę, że istniejąca zawartość strony dopasowała się do pola tekstowego. Wpisz tekst w polu tekstowym (rysunek 8.86).

  1. Zaznacz tekst wpisany w polu tekstowym, kliknij go prawym przyciskiem myszy i z menu kontekstowego wybierz pozycję Czcionka (rysunek 8.87).

  2. 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).

  3. 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.

0x01 graphic

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

0x01 graphic

Rysunek 8.88.

Po zmodyfikowaniu właściwości tekstu w oknie dialogowym Czcionka może się okazać, że trzeba zmienić rozmiar pola tekstowego

0x01 graphic

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.

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 menu 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).

0x01 graphic

Rysunek 9.1.

Aby wstawić film wideo lub animację, z menu Wstaw wybierz pozycję Obraz, a następnie - pozycję Wideo

0x01 graphic

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

0x01 graphic

Rysunek 9.3.

FrontPage wyświetla pierwszą klatkę filmu wideo lub animacji umieszczonej na stronie internetowej

0x01 graphic

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

0x01 graphic

Rysunek 9.5.

Clip Organizer udostępnia kolekcję bezpłatnych klipów multimedialnych

  1. 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).

  2. 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.

  3. 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.

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.

0x01 graphic

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

0x01 graphic

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

0x01 graphic

Rysunek 9.8.

Przyciski kontrolujące odtwarzanie filmu wideo pozwalają użytkownikowi przerwać, przewinąć, zatrzymać lub odtworzyć ponownie film wideo

0x01 graphic

Rysunek 9.9.

Aby dodać przyciski kontrolujące odtwarzanie filmu wideo, z menu Wstaw wybierz pozycję Składnik sieci Web

0x01 graphic

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

0x01 graphic

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

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 menu 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).

  1. 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).

  2. Ś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).

  3. 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 (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.

0x01 graphic

Rysunek 9.12.

Odszukaj i zaznacz plik wideo, a następnie kliknij przycisk Otwórz

0x01 graphic

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

0x01 graphic

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)

0x01 graphic

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

0x01 graphic

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

0x01 graphic

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

0x01 graphic

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

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 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.

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.

0x01 graphic

Rysunek 9.19.

Aby dodać transparent reklamowy, najpierw z menu Wstaw wybierz pozycję Składnik sieci Web

0x01 graphic

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

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).

  1. W oknie dialogowym Właściwości Menadżera transparentów reklamowych (rysunek 9.21) ustaw szerokość i wysokość obrazów transparentu reklamowego (1).

  2. Wybierz efekt przejścia między obrazami z listy rozwijanej Efekt przejścia (2).

  3. Wpisz wartość w polu tekstowym Pokaż każdy obraz przez liczbę sekund równą (3).

  4. 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).

  5. 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ół.

  6. Kliknij przycisk OK, a następnie zapisz stronę internetową (Ctrl+S). FrontPage umieści na stronie transparent reklamowy.

  7. 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.

0x01 graphic

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

0x01 graphic

Rysunek 9.22.

FrontPage wyświetla tylko pierwszy obraz transparentu reklamowego (rysunek u góry); aby zobaczyć transparent w działaniu, uruchom przeglądarkę internetową (rysunek u dołu)

0x01 graphic

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.

Aby dodać licznik trafień:

  1. W widoku Strona umieść kursor w miejscu, w którym chcesz umieścić licznik trafień.

  2. Z menu 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.

0x01 graphic

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

0x01 graphic

Rysunek 9.25.

W oknie dialogowym Właściwości licznika trafień wybierz styl licznika lub obraz niestandardowy

0x01 graphic

Rysunek 9.26.

FrontPage umieścił na stronie symbol zastępczy. Aby zobaczyć licznik trafień w działaniu, stronę trzeba opublikować

0x01 graphic

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.

Aby dodać neon:

  1. W widoku Strona umieść kursor w miejscu, w którym chcesz umieścić neon.

  2. Z menu 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.

0x01 graphic

Rysunek 9.28.

Aby dodać neon, z listy Typ składnika wybierz pozycję Efekty dynamiczne, a z listy Wybierz efekt - pozycję Neon

0x01 graphic

Rysunek 9.29.

W oknie dialogowym Właściwości neonu wpisz tekst neonu oraz zdefiniuj jego ruch i wygląd

0x01 graphic

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 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.

0x01 graphic

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

  1. Rozmiar: Określ szerokość i wysokość neonu w pikselach lub jako procent okna przeglądarki internetowej.

  2. 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ń.

  3. 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.

  4. Styl: Przycisk ten ma zastosowanie, jeżeli witryna internetowa korzysta z arkusza stylów.

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.

0x01 graphic

Rysunek 9.32.

Aby zmodyfikować neon, kliknij go prawym przyciskiem myszy i z menu kontekstowego wybierz pozycję Właściwości neonu

0x01 graphic

Rysunek 9.33.

Aby zmienić rozmiar neonu, zaznacz (kliknij) go, a następnie przeciągnij dowolny z jego uchwytów

0x01 graphic

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

0x01 graphic

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ą.

  1. 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.

  2. 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.

0x01 graphic

Rysunek 9.36.

FrontPage umieścił na stronie internetowej zastępczy spis treści

0x01 graphic

Rysunek 9.37.

Aby zobaczyć spis treści w działaniu, z menu Plik wybierz pozycję Podgląd w przeglądarce

0x01 graphic

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

0x01 graphic

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

0x01 graphic

Rysunek 9.40.

W oknie dialogowym Właściwości pierwszej dziesiątki podaj tytuł i wybierz styl listy

0x01 graphic

Rysunek 9.41.

Aby zobaczyć pierwszą dziesiątkę w działaniu, witrynę internetową trzeba opublikować na serwerze. FrontPage wyświetla tylko element zastępczy

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 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.

0x01 graphic

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

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 menu 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.

0x01 graphic

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)

0x01 graphic

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)

0x01 graphic

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

0x01 graphic

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

0x01 graphic

Rysunek 10.6.

Aby wstawić tabelę, z menu Tabela wybierz pozycję Wstaw, a następnie - pozycję Tabela

0x01 graphic

Rysunek 10.7.

W oknie dialogowym Wstawianie tabeli zdefiniuj rozmiar i układ tabeli

0x01 graphic

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)

0x01 graphic

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

Aby wstawić tabelę:

  1. Wyświetl widok Strona i umieść kursor w miejscu, w którym chcesz wstawić tabelę.

  2. Z menu 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 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.

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).

0x01 graphic

Rysunek 10.10.

Aby w tabeli wpisać tekst, najpierw kliknij wewnątrz jednej z jej komórek

0x01 graphic

Rysunek 10.11.

Podczas pisania rozmiar komórki dopasowuje się do tekstu

0x01 graphic

Rysunek 10.12.

Aby w tabeli umieścić obraz, kliknij przycisk Wstaw obraz z pliku

0x01 graphic

Rysunek 10.13.

W oknie dialogowym Obraz odszukaj obraz, który chcesz wstawić do tabeli

0x01 graphic

Rysunek 10.14.

Rozmiar komórki dopasował się do rozmiaru obrazu

0x01 graphic

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

0x01 graphic

Rysunek 10.16.

Aby do tabeli dodać podpis, umieść w niej kursor i z menu Tabela wybierz pozycję Wstaw, a następnie - pozycję Podpis

0x01 graphic

Rysunek 10.17.

Standardowo FrontPage umieszcza podpis na środku nad tabelą

0x01 graphic

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ą.

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 menu 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ę.

0x01 graphic

Rysunek 10.19.

Aby na stronie internetowej umieścić statyczne dane programu Excel, najpierw z menu Wstaw wybierz pozycję Plik

0x01 graphic

Rysunek 10.20.

Aby odszukać plik programu Excel, z listy rozwijanej Pliki typu okna dialogowego Wybierz plik wybierz pozycję Skoroszyt programu Microsoft Excel

0x01 graphic

Rysunek 10.21.

FrontPage umieścił na stronie internetowej dane programu Excel w postaci tabeli bez obramowania

0x01 graphic

Rysunek 10.22.

Tabelę z danymi programu Excel można sformatować, aby nadać jej bardziej tradycyjny wygląd

0x01 graphic

Rysunek 10.23.

Aby dodać dynamiczny arkusz programu Excel, skorzystaj z okna dialogowego Wstawianie składnika sieci Web

0x01 graphic

Rysunek 10.24.

Pusty arkusz programu Excel dodany do strony internetowej można wypełnić danymi i formułami

0x01 graphic

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

0x01 graphic

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

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.

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).

0x01 graphic

Rysunek 10.27.

Aby zaznaczyć komórkę, naciśnij klawisz Alt i kliknij wewnątrz tej komórki

0x01 graphic

Rysunek 10.28.

Aby zaznaczyć dowolny element tabeli, z menu Tabela wybierz pozycję Wybierz, a następnie - jedną z pozycji podmenu

0x01 graphic

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

0x01 graphic

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 zaznaczenia

0x01 graphic

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ę:

  • 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ę.

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ę.

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 menu 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!

0x01 graphic

Rysunek 10.32.

Umieść kursor w komórce, na lewo od której chcesz dodać nową komórkę

0x01 graphic

Rysunek 10.33.

Aby dodać element do tabeli, z menu Tabela wybierz pozycję Wstaw, a następnie - jedną z pozycji podmenu

0x01 graphic

Rysunek 10.34.

FrontPage dodał komórkę na lewo od komórki wybranej w punkcie 1.

0x01 graphic

Rysunek 10.35.

Zaznacz wiersz, nad którym albo pod którym chcesz dodać nowy wiersz

0x01 graphic

Rysunek 10.36.

Kliknij przycisk Wstaw wiersze dostępny na pasku narzędzi Tabele

0x01 graphic

Rysunek 10.37.

W oknie dialogowym Wstawianie wierszy lub kolumn podaj liczbę ilość wierszy do wstawienia

0x01 graphic

Rysunek 10.38.

Nowy wiersz dodany do tabeli jest pusty

0x01 graphic

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

Aby dodać wiersz:

  1. Zaznacz wiersz, nad którym albo pod którym chcesz dodać nowy wiersz (rysunek 10.35).

  2. Z menu 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

  • 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.

Aby dodać kolumnę:

  1. Zaznacz kolumnę, obok której chcesz dodać nową kolumnę (rysunek 10.40).

  2. Z menu 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.

0x01 graphic

Rysunek 10.40.

Zaznacz kolumnę, obok której chcesz dodać nową kolumnę

0x01 graphic

Rysunek 10.41.

Kliknij przycisk Wstaw kolumny dostępny na pasku narzędzi Tabele

0x01 graphic

Rysunek 10.42.

W oknie dialogowym Wstawianie wierszy lub kolumn podaj liczbę ilość kolumn do wstawienia

0x01 graphic

Rysunek 10.43.

Nowa kolumna dodana do tabeli jest pusta

0x01 graphic

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

0x01 graphic

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)

0x01 graphic

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 menu 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).

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 menu 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.

0x01 graphic

Rysunek 10.47.

Aby podzielić komórkę, umieść w niej kursor i z menu Tabela wybierz pozycję Podziel komórki

0x01 graphic

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

0x01 graphic

Rysunek 10.49.

W oknie dialogowym Dzielenie komórek wybierz sposób dzielenia komórki: pionowo - na kolumny lub poziomo - na wiersze

0x01 graphic

Rysunek 10.50.

Aby scalić komórki, z menu Tabela wybierz pozycję Scal komórki

0x01 graphic

Rysunek 10.51.

Komórki możesz również scalić za pomocą narzędzia Gumka dostępnego na pasku narzędzi Tabele

0x01 graphic

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ź

Aby scalić komórki:

  1. Zaznacz komórki przeznaczone do scalenia.

  2. Z menu 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ę.

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.

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 menu 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).

0x01 graphic

Rysunek 10.53.

Aby wszystkim wierszom nadać taką samą wysokość, zaznacz kolumnę, która zawiera komórkę z każdego z tych wierszy

0x01 graphic

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)

0x01 graphic

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

0x01 graphic

Rysunek 10.56.

Wiersze mają teraz tę samą wysokość

0x01 graphic

Rysunek 10.57.

Aby wszystkim kolumnom nadać taką samą szerokość, zaznacz wiersz, który zawiera komórkę z każdej z tych kolumn

0x01 graphic

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 menu 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).

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.

0x01 graphic

Rysunek 10.59.

Aby sformatować tabelę, kliknij ją prawym przyciskiem myszy i z menu kontekstowego wybierz pozycję Właściwości tabeli

0x01 graphic

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

0x01 graphic

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

0x01 graphic

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

0x01 graphic

Rysunek 10.63.

Aby utworzyć obramowanie trójwymiarowe, wybierz kolory z palet kolorów Krawędź jasna oraz Krawędź ciemna

0x01 graphic

Rysunek 10.64.

Kliknij przycisk Autoformatowanie tabeli, aby Aby otworzyć okno dialogowe z predefiniowanymi podstawowymi formatami tabel, kliknij przycisk Autoformatowanie tabeli

0x01 graphic

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

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).

  1. 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).

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.

0x01 graphic

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

0x01 graphic

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

0x01 graphic

Rysunek 10.68.

Zaznacz komórki, które chcesz przekształcić na nagłówki

0x01 graphic

Rysunek 10.69.

Po przekształceniu komórek na w nagłówki tekst w zaznaczonych komórkach zostanie pogrubiony

0x01 graphic

Rysunek 10.70.

Aby wyłączyć funkcję zawijania przerzucania tekstu, zaznacz komórki, w których tekst jest zawijany przerzycany do następnej linii

0x01 graphic

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

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 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).

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.

0x01 graphic

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)

0x01 graphic

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

0x01 graphic

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

0x01 graphic

Rysunek 10.75.

Aby wyśrodkować zawartość komórki w pionie, kliknij przycisk Wyśrodkuj pionowo dostępny na pasku narzędzi Tabele

0x01 graphic

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

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.


Rozdział 11. Tworzenie i formatowanie ramek

0x01 graphic

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.

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).

0x01 graphic

Rysunek 11.2.

Aby stworzyć stronę z ramkami, z menu Plik wybierz pozycję Nowy, a następnie - pozycję Strona lub sieć Web

0x01 graphic

Rysunek 11.3.

W okienku zadań Nowy plik strony lub sieci Web kliknij pozycję Szablony stron

0x01 graphic

Rysunek 11.4.

Wyświetl kartę Strony z ramkami okna dialogowego Szablony stron, aby uzyskać dostęp do kolekcji stron z ramkami

0x01 graphic

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ę

0x01 graphic

Rysunek 11.6.

Aby połączyć ramkę z istniejącą stroną, odszukaj ją za pomocą okna dialogowego Wstawianie hiperłącza

0x01 graphic

Rysunek 11.7.

Wybrana strona internetowa pojawi się w ramce

0x01 graphic

Rysunek 11.8.

Jeżeli klikniesz przycisk Nowa strona, w ramce pojawi się nowa pusta strona, którą można wypełnić

  1. 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ść.

  1. 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).

  2. 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).

  3. Podaj unikatową nazwę i tytuł dla strony z ramkami i kliknij przycisk Zapisz. FrontPage zapisze stronę z ramkami.

0x01 graphic

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

0x01 graphic

Rysunek 11.10.

Podczas zapisywania strony z ramkami cała strona posiada ciemnoniebieskie obramowanie w okienku podglądu okna dialogowego Zapisywanie jako

0x01 graphic

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.

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).

0x01 graphic

Rysunek 11.12.

Aby ustawić ramkę docelową dla hiperłącza, kliknij go je prawym przyciskiem myszy i z menu kontekstowego wybierz pozycję Hiperłącze

0x01 graphic

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

0x01 graphic

Rysunek 11.14.

W oknie dialogowym Ramka docelowa można zmienić ramkę docelową dla hiperłącza

0x01 graphic

Rysunek 11.15.

Kliknij górną ramkę w sekcji Bieżąca strona z ramkami, aby wstawić jej nazwę do pola Ustawienie elementów docelowych

0x01 graphic

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)

0x01 graphic

Rysunek 11.17.

Informacja o ramce docelowej jest wyświetlana u dołu okna dialogowego Wstawianie hiperłącza

  1. 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.

  2. Kliknij przycisk OK,. Aaby powrócić do okna dialogowego Wstawianie hiperłącza, i kliknij przycisk OK.

  3. 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).

Wskazówka

  • 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).

Aby zmienić domyślną ramkę docelową:

  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.

0x01 graphic

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

0x01 graphic

Rysunek 11.19.

W oknie dialogowym Właściwości strony wyświetl kartę Ogólne, a następnie kliknij przycisk Zmień ramkę docelową

0x01 graphic

Rysunek 11.20.

Okno dialogowe Ramka docelowa pozwala określić ramkę docelową dla hiperłącza

0x01 graphic

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

0x01 graphic

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)

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.

  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.

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 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.

  1. 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.

  2. 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.

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ą:

  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.

0x01 graphic

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)

0x01 graphic

Rysunek 11.24.

Zmień nazwę strony z ramkami (rysunek po lewej) na index.htm (rysunek po prawej)

0x01 graphic

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)

0x01 graphic

Rysunek 11.26.

Aby usunąć ramkę, kliknij ją i z menu Ramki wybierz pozycję Usuń ramkę

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ę:

  • Kliknij wewnątrz ramki. Zaznaczona ramka posiada ma ciemnoniebieskie obramowanie (rysunek 11.25, u góry).

Aby zaznaczyć stronę z ramkami:

  • 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 ciemnoniebieskie obramowanie (rysunek 11.25, u dołu).

Aby usunąć ramkę:

  • 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.

Aby zmienić rozmiar ramki:

  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.

Wskazówka

  • 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.

0x01 graphic

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)

0x01 graphic

Rysunek 11.28.

Ramka przed podzieleniem (rysunek po lewej) oraz po podzieleniu (rysunek po prawej)

0x01 graphic

Rysunek 11.29.

Aby podzielić ramkę, z menu Ramki wybierz pozycję Podziel ramkę

0x01 graphic

Rysunek 11.30.

W oknie dialogowym Podziel ramkę określ, czy FrontPage ma być ona podzielić ramkę podzielona na kolumny, czy na wiersze

Dzielenie ramek

Funkcja dzielenia ramek pozwala dodać nową ramkę do istniejącej strony z ramkami.

Aby podzielić ramkę:

  1. Kliknij ramkę, którą chcesz podzielić (rysunek 11.28, po lewej).

  2. Z menu 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).

Wskazówki

  • 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 niej strony, zobacz podrozdział Okno dialogowe Właściwości ramki.

Aby zmodyfikować właściwości ramki:

  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.

Aby zmodyfikować odstępy między ramkami i ukryć obramowanie ramek:

  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.

0x01 graphic

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

0x01 graphic

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

0x01 graphic

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 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.

  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.

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 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.

0x01 graphic

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

0x01 graphic

Rysunek 11.35.

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.

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:

  1. Z menu 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.

0x01 graphic

Rysunek 12.1.

Aby utworzyć nowy formularz, z menu Plik wybierz pozycję Nowy, a następnie - pozycję Strona lub sieć Web

0x01 graphic

Rysunek 12.2.

W okienku zadań Nowy plik strony lub sieci Web kliknij pozycję Szablony stron

0x01 graphic

Rysunek 12.3.

W oknie dialogowym Szablony stron wybierz ikonę szablonu Formularz opinii, a następnie kliknij przycisk OK

0x01 graphic

Rysunek 12.4.

W oknie dialogowym Zapisywanie jako podaj unikatową nazwę i tytuł dla strony z formularzem

0x01 graphic

Rysunek 12.5.

Szablony programu FrontPage 2002 przyspieszają proces tworzenia stron z formularzami

0x01 graphic

Rysunek 12.6.

Aby utworzyć formularz od zerapoczątku, z menu Wstaw wybierz pozycję Formularz, a następnie - pozycję Formularz

0x01 graphic

Rysunek 12.7.

Obszar formularza wyznacza przerywana linia. Formularz posiada przyciski Prześlij i Resetuj

0x01 graphic

Rysunek 12.8.

Naciśnij kilka razy klawisz Enter, aby Aby powiększyć obszar formularza, naciśnij kilka razy klawisz Enter

0x01 graphic

Rysunek 12.9.

Aby usunąć pole, kliknij je prawym przyciskiem myszy i z menu kontekstowego wybierz pozycję Wytnij

Aby utworzyć formularz od zerapoczątku:

  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.

Aby usunąć pole:

  • Upewnij się, że pracujesz w widoku Normalny,. zaznacz Zaznacz (kliknij) pole przeznaczone do usunięcia i naciśnij klawisz Backspace lub Delete. FrontPage usunie pole.

lub

  • Kliknij pole przeznaczone do usunięcia prawym przyciskiem myszy i z menu kontekstowego wybierz pozycję Wytnij (rysunek 12.9). FrontPage usunie pole.

Aby zmodyfikować właściwości pola:

  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.

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:

  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 menu 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.

0x01 graphic

Rysunek 12.10.

Wpisz tekst opisujący pole tekstowe i umieść kursor w miejscu, w którym które chcesz wstawić to pole

0x01 graphic

Rysunek 12.11.

Aby dodać jednowierszowe pole tekstowe, z menu Wstaw wybierz pozycję Formularz, a następnie - pozycję Pole tekstowe

0x01 graphic

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

0x01 graphic

Rysunek 12.13.

W oknie dialogowym Właściwości pola tekstowego zdefiniuj nadaj nazwę, wartość początkową, szerokość w znakach oraz kolejność dostępu do pola tekstowego. Określ również, czy pole tekstowe ma służyć do wpisywania hasła

0x01 graphic

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

  1. 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.

Wskazówki

  • 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).

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:

  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 menu 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).

0x01 graphic

Rysunek 12.15.

Aby dodać pole obszaru tekstowego, kliknij przycisk Obszar tekstu dostępny na pasku narzędzi Formularz

0x01 graphic

Rysunek 12.16.

Aby zmienić rozmiar pola obszaru tekstowego, przeciągnij jeden z jego czarnych kwadratowych uchwytów

0x01 graphic

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. 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.

  2. Jeżeli w polu obszaru tekstowego chcesz umieścić tekst, na przykład,np. „Twój komentarz”, wpisz go w polu Wartość początkowa.

  3. 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.

  4. 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.

  5. 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.

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).

  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.

0x01 graphic

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

0x01 graphic

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

0x01 graphic

Rysunek 12.20.

Aby dodać pole wyboru, kliknij przycisk Pole wyboru dostępny na pasku narzędzi Formularz

0x01 graphic

Rysunek 12.21.

Po pojawieniu się pola wyboru na stronie internetowej dodaj wyjaśniający tekst

0x01 graphic

Rysunek 12.22.

Kliknij pole wyboru prawym przyciskiem myszy i z menu kontekstowego wybierz pozycję Właściwości pola formularza

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/-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:

  1. Umieść kursor w miejscu, w którym które chcesz wstawić pole wyboru.

  2. Z menu 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).

  1. 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.

  2. 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”.

  3. 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.

  4. Wpisz wartość określającą kolejność dostępu do pola wyboru i kliknij przycisk OK.

  5. 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.

0x01 graphic

Rysunek 12.23.

W oknie dialogowym Właściwości pola wyboru podaj nazwę pola wyboru i określ jego stan początkowy

0x01 graphic

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

0x01 graphic

Rysunek 12.25.

Aby dodać przycisk opcji, kliknij przycisk Przycisk opcji dostępny na pasku narzędzi Formularz

0x01 graphic

Rysunek 12.26.

Po pojawieniu się przycisku opcji w formularzu wpisz tekst identyfikujący ten przycisk

0x01 graphic

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

0x01 graphic

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

Aby utworzyć grupę przycisków opcji:

  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 menu 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 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.

  1. 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.

  2. 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.

  3. Aby zobaczyć przyciski opcji w działaniu i zdecydować, czy trzeba je zmodyfikować, kliknij kartę Podgląd (rysunek 12.30).

Wskazówka

  • 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.

0x01 graphic

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

0x01 graphic

Rysunek 12.30.

Grupa opcji złożona z trzech przycisków opcji

0x01 graphic

Rysunek 12.31.

Aby dodać pole rozwijane, kliknij przycisk Pole rozwijane dostępny na pasku narzędzi Formularz

0x01 graphic

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

0x01 graphic

Rysunek 12.33.

W oknie dialogowym Dodawanie wyboru utwórz element pola rozwijanego, określ jego wartość oraz stan początkowy

Aby dodać pole rozwijane:

  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 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.

  1. Aby dodać następne elementy do pola rozwijanego kliknij przycisk Dodaj (2) i wykonaj punkt 5. i 6. (rysunek 12.34).

  2. 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.

  3. Kliknij przycisk OK, aby Aby zastosować zmiany do pola rozwijanego, kliknij przycisk OK.

0x01 graphic

Rysunek 12.34.

Można zmienić porządek elementów pola rozwijanego i zezwolić na zaznaczanie wielu elementów

0x01 graphic

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).

  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.

  1. Kolejność dostępu: Wpisz wartość określającą kolejność dostępu do pola rozwijanego.

  2. 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.

  3. 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.

0x01 graphic

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

0x01 graphic

Rysunek 12.37.

Umieść kursor w miejscu, w któreym chcesz dodać przycisk polecenia

0x01 graphic

Rysunek 12.38.

Aby dodać przycisk polecenia, kliknij przycisk Przycisk polecenia dostępny na pasku narzędzi Formularz

0x01 graphic

Rysunek 12.39.

W oknie dialogowym Właściwości przycisku polecenia zdefiniuj nazwę, etykietę i typ przycisku

0x01 graphic

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 menu 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).

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:

  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).

0x01 graphic

Rysunek 12.41.

W oknie dialogowym Szablony stron wyświetl kartę Ogólne, wybierz szablon Formularz potwierdzenia i kliknij przycisk OK

0x01 graphic

Rysunek 12.42.

Pola potwierdzenia znajdują się w nawiasach. Wskaźnik myszy umieszczony nad polem potwierdzenia zmienia się w dłoń trzymającą kartkę

0x01 graphic

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

0x01 graphic

Rysunek 12.44.

W oknie dialogowym Właściwości pola potwierdzenia wpisz nazwę pola formularza, które ma być do potwierdzoneenia

0x01 graphic

Rysunek 12.45.

Nazwy pól używane na stronie potwierdzenia muszą odpowiadać nazwom pól użytym w formularzu

0x01 graphic

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

0x01 graphic

Rysunek 12.47.

Nadaj polu potwierdzenia łatwą do zapamiętania nazwę i kliknij przycisk OK

0x01 graphic

Rysunek 12.48.

Nowe pola potwierdzenia, podobnie jak istniejące, znajdują się w nawiasach

  1. 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).

  2. Aby dodać nowe pole potwierdzenia, z menu Wstaw wybierz pozycję Składnik sieci Web.

  3. 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).

  4. W oknie dialogowym Właściwości pola potwierdzenia wpisz łatwą do zapamiętania nazwę i kliknij przycisk OK (rysunek 12.47).

  5. 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).

  6. Dodaj następne pola potwierdzenia, a następnie zapisz stronę (Ctrl+S).

Wskazówka

  • 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.

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:

  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).

0x01 graphic

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

0x01 graphic

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

0x01 graphic

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

0x01 graphic

Rysunek 12.52.

Lista rozwijana Format pliku umożliwia wybór jednego z ośmiu formatów dla pliku z wynikami

0x01 graphic

Rysunek 12.53.

Aby przetestować formularz, kliknij przycisk Podgląd w przeglądarce dostępny na pasku narzędzi Standardowy

  1. Z listy rozwijanej Format pliku (1) wybierz jedną z ośmiu opcji (rysunek 12.52).

  2. 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.

  3. 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.

  4. 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).

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.

  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.

0x01 graphic

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

0x01 graphic

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

0x01 graphic

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.

  1. 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.

  2. 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).

0x01 graphic

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).

Aby zapisać wyniki wypełniony formularza za pomocą skryptu niestandardowego:

  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ć 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.

  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 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).

0x01 graphic

Rysunek 12.58.

Prawym przyciskiem myszy kliknij folder, w którym znajdują się skrypty, i z menu kontekstowego wybierz pozycję Właściwości

0x01 graphic

Rysunek 12.59.

W oknie dialogowym Właściwości zaznacz pole wyboru Zezwalaj na uruchamianie skryptów lub programów

0x01 graphic

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

  • 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: 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.

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:

  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.

0x01 graphic

Rysunek A.1.

Wpisz 25-znakowy klucz produktu, który znajduje się na żółtej nalepce z tyłu opakowania płyty CD

0x01 graphic

Rysunek A.2.

Zaznacz pole wyboru Akceptuję warunki Umowy Licencyjnej i kliknij przycisk Dalej

0x01 graphic

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

0x01 graphic

Rysunek A.4.

Upewnij się, że ekran instalatora wyświetla wszystkie potrzebne składniki i kliknij przycisk Zainstaluj

0x01 graphic

Rysunek A.5.

Podczas instalowania programu FrontPage 2002 instalator wyświetla się informacjaę o postępie instalacjipracy

  1. 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).

  2. 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.

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.

Aby zainstalować wersję niestandardową programu FrontPage:

  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.

0x01 graphic

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

0x01 graphic

Rysunek A.7.

Ekran Funkcje do zainstalowania umożliwia wybór składników programu FrontPage 2002, które instalator mają być zainstalowaneć

0x01 graphic

Rysunek A.8.

Użyj menu dowolnego elementu do wybrania opcji instalacji dla tego elementu

Tabela A.1.

Opcje instalacji niestandardowej

Ikona

Tekst

Opis

0x01 graphic

Uruchamiaj z Mojego komputera

Instaluje element i standardowe pod-elementy.

0x01 graphic

Uruchamiaj wszystko z Mojego komputera

Instaluje element i wszystkie pod-elementy.

0x01 graphic

Uruchamiaj z dysku CD

Uruchamia element, jeżeli dysk CD jest w napędzie.

0x01 graphic

Uruchamiaj wszystko z dysku CD

Uruchamia element i wszystkie pod-elementy, jeżeli dysk CD jest w napędzie.

0x01 graphic

Niedostępne

Element nie zostanie zainstalowany.

0x01 graphic

Instalowane przy pierwszym użyciu

Przy pierwszym użyciu tego elementu instalator poprosi o dysk CD i zainstaluje go.

0x01 graphic

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

0x01 graphic

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.

Aby uaktualnić, naprawić lub odinstalować usunąć instalację 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 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.

0x01 graphic

Rysunek A.11.

Aby uaktualnić, naprawić lub odinstalować usunąć instalację programu FrontPage, uruchom płytę CD z programem i wybierz opcję

0x01 graphic

Rysunek A.12.

Wybierz elementy, które instalator mają być dodać dodane lub usunąćusunięte, a następnie kliknij przycisk Aktualizuj

0x01 graphic

Rysunek A.13.

Kiedy Kreator aktywacji zostaniesz zapytany, czy chcesz aktywować program, kliknij przycisk Dalej

0x01 graphic

Rysunek A.14.

Jeżeli chcesz, aby Twoich danych nie używano do celów marketingowych, musisz podjąć dodatkowe kroki

0x01 graphic

Rysunek A.15.

Oprócz nazwy kraju lub regionu nie musisz podawać żadnych innych danych

0x01 graphic

Rysunek A.16.

Winieta aktywowanego programu FrontPage 2002 wyświetli nazwę i numer użytkownika

Aby aktywować program FrontPage:

  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, 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.

  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).

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.

0x01 graphic

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

0x01 graphic

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

Aby ustawić zgodność z przeglądarkami internetowymi:

  1. Z menu 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 internetowy, na którym zamierzasz umieścić swoją witrynę.

  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.

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:

  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 menu 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.

0x01 graphic

Rysunek A.19.

Użyj karty Źródło HTML do określenia wyglądu kodu HTML w widoku HTML

0x01 graphic

Rysunek A.20.

Użyj karty Kodowanie kolorami do określenia kolorów używanych w kodzie HTML i w skryptach

  1. Wyświetl kartę Kodowanie kolorami okna dialogowego Opcje strony, aby ustawić kolory używane w kodzie HTML.

  2. 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.

  3. Po ustawieniu opcji na kartach Źródło HTML oraz Kodowanie kolorami kliknij przycisk OK. Zmiany zostaną zastosowane w kodzie źródłowym.

Wskazówka

  • Aby powrócić do standardowych kolorów kodowania, kliknij przycisk Resetuj kolory dostępny na karcie Kodowanie kolorami okna dialogowego Opcje strony.

Spis treści 2

3 Front Page - Praktyczne projekty

Rozdział 1 ♦ Front Page 2002 - wprowadzenie 10

Rozdział 2 ♦ Front Page 2002 - pierwsze kroki 54

Rozdział 3 ♦ Tworzenie witryny internetowej 94

Rozdział 4 ♦ Wpisywanie i formatowanie tekstu 120

Rozdział 5 ♦ Formatowanie akapitów, list i nagłówków 132

Rozdział 6 ♦ Dodawanie hiperłączy 158

Rozdział 7 ♦ Wstawianie i edytowanie obrazów 192

Rozdział 8 ♦ Tworzenie i edytowanie rysunków 224

Rozdział 9 ♦ Multimedia i składniki sieci Web 242

Rozdział 10 ♦ Tworzenie i formatowanie tabel 266

Rozdział 11 ♦ Tworzenie i formatowanie ramek 280

Rozdział 12 ♦ Tworzenie i przetwarzanie formularzy 304

Dodatek A ♦ Instalowanie i konfigurowanie programu Front Page 2002 314



Wyszukiwarka

Podobne podstrony:
E BOOK Helion FrontPage 02 Praktyczne Projekty PL
frontpage 2002 praktyczne projekty 2Q6A7XOCZIKODKJZIKAHRZFC2R7GCBAMYQIYWBY
CorelDRAW 10 Praktyczne projekt Nieznany (2)
wizaż 10 zabieg pielęgnacyjny na oczy, kosmetyka egzamin praktyczny-projekty
CorelDRAW 10 Praktyczne projekty
r11-02, ## Documents ##, QuarkXPress 4.1 - Praktyczne Projekty
D A-02, ## Documents ##, QuarkXPress 4.1 - Praktyczne Projekty
CorelDRAW 10 Praktyczne projekt Nieznany
CorelDRAW 10 Praktyczne projekty cd10pp
CorelDRAW 10 Praktyczne projekt Nieznany (2)
wizaż 10 zabieg pielęgnacyjny na oczy, kosmetyka egzamin praktyczny-projekty
CorelDRAW 10 Praktyczne projekty 2
CorelDRAW 10 Praktyczne projekty 2
CorelDRAW 10 Praktyczne projekty
CorelDRAW 10 Praktyczne projekty cd10pp
CorelDRAW 10 Praktyczne projekty cd10pp
CorelDRAW 10 Praktyczne projekty cd10pp
Staze i praktyki w projekcie

więcej podobnych podstron