Beata Sanakiewicz. Spis treści  Pierwsze spotkanie Pierwsze spotkanie  Ustawienia witryny Ustawienia witryny  Tło strony Tło strony  Teksty na stronie.

Prezentacja na temat: "Beata Sanakiewicz. Spis treści  Pierwsze spotkanie Pierwsze spotkanie  Ustawienia witryny Ustawienia witryny  Tło strony Tło strony  Teksty na stronie."— Zapis prezentacji:

1 Beata Sanakiewicz

2 Spis treści  Pierwsze spotkanie Pierwsze spotkanie  Ustawienia witryny Ustawienia witryny  Tło strony Tło strony  Teksty na stronie WWW Teksty na stronie WWW  Wstawienie obrazu Wstawienie obrazu  Tabele na stronach WWW Tabele na stronach WWW  Rozmieszczenie elementów na stronie Rozmieszczenie elementów na stronie  Galeria zdjęć Galeria zdjęć  Wstawianie hiperłączy Wstawianie hiperłączy  Efekty naszej pracy Efekty naszej pracy

3 Pierwsze spotkanie  Po uruchomieniu programu wybieramy Plik/Nowy. Po prawej stronie ekranu pojawi się Okienko zadań (rys.)  Wybieramy Jednostronicowa sieć Web. Pojawi się wówczas okno z szablonami, z którego wybieramy szablon Jednostronicowa sieć Web.  W polu Określ lokalizację nowej sieci Web wskazujemy nazwę folderu, w którym będzie umieszczona witryna.  Po zatwierdzeniu program utworzy stronę główną indeks.htm

4 Ustawienia witryny  Aby przeglądarka internetowa prawidłowo odczytywała polskie znaki, należy je zapisać w odpowiednim systemie.  W tym celu z menu Narzędzia wybieramy Ustawienia sieci Web. W nowym oknie otwieramy zakładkę Język, a w polu Domyślne kodowanie strony z listy rozwijalnej wybieramy Europa Środkowa (ISO-8859-2).

5 Tło strony  Możliwość wyboru tła strony uzyskujemy, wybierając z menu Format polecenie Tło.  W nowym oknie wybieramy kartę Tło, która pozwala nam na:  Wybór jednolitego tła oferowanego przez program,  Wstawienie własnego tła (Obraz tła),  Wybór koloru tekstów,  Ustalenie kolorystyki hiperłączy.

6 Teksty na stronie WWW  Tekst wpisujemy do odpowiednich komórek tabeli lub wklejamy tekst z notatnika.  Jeśli chcemy wstawić całą zawartość pliku, wybieramy z menu Wstaw, polecenie Plik.  W oknie Konwertowanie tekstu (rys.) zaznaczamy opcję Normalne akapity.  Tekst formatujemy podobnie, jak podczas pracy z edytorem tekstu.

7 Teksty na stronie WWW  Atrakcyjnym elementem strony jest tzw. Neon, powodujący przesuwanie się tekstu na stronie.  Z menu Wstaw wybieramy polecenie Składnik sieci Web, a następnie Elementy dynamiczne. W prawej części okna zaznaczamy Neon.  W nowym oknie wpisujemy tekst i określamy jego parametry.

8 Wstawienie obrazu  Również wstawianie obrazu na stronę w programie FrontPage, odbywa się identycznie, jak w poznanych aplikacjach (Wstaw/Obraz/Z pliku).  Aby sformatować wstawiony element, z menu podręcznego wybieramy Właściwości obrazu.

9 Tabele na stronach WWW  Rozmieszczenie elementów na stronie znacznie ułatwi nam tabela, którą wstawiamy analogicznie jak w programie MS Word (Tabela/Wstaw tabelę). Podobnie przebiegają operacje na komórkach, można je scalać i dzielić.  Zmiany dotyczące pojedynczych komórek dokonujemy z menu podręcznego Właściwości komórki.

10 Rozmieszczenie elementów na stronie  Poznaliśmy wstawianie tabeli, tekstu i obrazu, spróbujmy połączyć te umiejętności.  Po ustawieniu kursora w dowolnej komórce, wstawiamy obraz. Podobnie do pozostałych komórek możemy wpisać tekst, czy umieścić tam inne elementy. Tabela zapewni nam, iż elementy te zostaną utrzymane w ustalonym przez nas porządku.

11 Galeria zdjęć  Program umożliwia nam prosty sposób utworzenia galerii zdjęć.  W tym celu z menu Wstaw/Obraz wybieramy Nowa galeria zdjęć.  Przycisk Dodaj posiada opcję Obrazy z pliku. Możemy jednocześnie wczytać większą liczbę zdjęć.

12 Galeria zdjęć  W tym samym oknie otwieramy zakładkę Układ.  W przykładzie wykorzystany został układ Pokaz slajdów.  Zatwierdzamy wybór przyciskiem OK.

13 Galeria zdjęć  Tak będzie wyglądał efekt Waszej pracy.

14 Wstawianie hiperłączy  W celu utworzenia hiperłącza zaznaczamy wybrany element strony (tekst lub element graficzny).  Z menu Wstaw wybieramy polecenie Hiperłącze, a w oknie Wstawianie hiperłącza wskazujemy plik lub stronę, z którą jest tworzone połączenie.

15 Efekty naszej pracy  W trakcie tworzenia strony mogliśmy korzystać z podglądu, aby na bieżąco śledzić efekty swojej pracy.  Teraz przyszedł czas, aby wyniki swojej pracy obejrzeć w przeglądarce internetowej. Po otwarciu przeglądarki z menu Plik wybieramy Otwórz, a następnie klikamy Przeglądaj. Odszukujemy plik i zatwierdzamy OK.  Myślę, że praca z programem FrontPage zachęci Was do dalszego poznawania tajników warsztatu webmastera.

16