Opis i główne cechy frontpage programu ms. Tworzenie stron internetowych za pomocą programu FrontPage

Z rozwojem Internetu pojawił się protokół wymiany informacji, protokół nazywa się HTTP (protokół przesyłania hipertekstu)- Hypertext Transfer Protocol) .Wraz z tym protokołem pojawiła się usługa Sieć światowa(często nazywany WWW lub po prostu Sieć), która stanowi rozległą sieć serwerów HTTP przesyłanie plików przez Internet.

Większość tych plików to strony internetowe- pliki specjalne napisane w języku HTML (HyperText Markup Language)- hipertekstowy język znaczników). strony internetowe opublikowane w Internet umieszczając takie pliki na serwerach HTTP (witryny internetowe)... Zadowolony strony internetowe mogą być różne i poświęcone całkowicie dowolnym tematom, ale wszystkie opierają się na tej samej podstawie - języku HTML.
Większość osób, które chcą stworzyć własną stronę internetową lub stronę, zna język HTML tylko ze słyszenia. Dlatego program może przyjść im z pomocą. Strona główna Microsoft , jeden z najbardziej znanych kreatorów stron internetowych.

FrontPage, zawarty w pakiecie aplikacji Microsoft Office , stał się pierwszym szeroko stosowanym produktem dla Internet, który łączy w sobie części kliencką i serwerową oraz zapewnia możliwość rozwoju serwisu jako całości i zainstalowania go na najpopularniejszych serwerach. Pierwsza strona w stanie przejąć wszystko niezbędna praca na programowaniu. ale Pierwsza strona stanie się dość poważnym asystentem dla profesjonalnych programistów, którzy wolą mieć pełną kontrolę nad procesem twórczym w swoich rękach.

Okno programu Pierwsza strona 2003.

Program Pierwsza strona wydane przez firmę Microsoft i jest wykonany w tym samym stylu co produkty zawarte w opakowaniu Microsoft Office dlatego wygląd programu praktycznie nie różni się od edytora tekstu Słowo .

W górnej części okna znajduje się pasek menu i dwa paski narzędzi: Standard i formatowanie... Możesz włączyć lub wyłączyć wyświetlanie pasków narzędzi. Zobacz menu.
Po lewej stronie jest Okienko widoku, za pomocą którego można przełączać tryby dokumentów.
Główną część okna zajmuje obszar roboczy, w którym można otworzyć jedno lub kilka okien zawierających poszczególne dokumenty.
Na dole okna znajduje się pasek stanu zawierający informacje ogólne... Również w dolnej części okna znajdują się trzy przyciski do przeglądania dokumentu.
Wyświetlanie pasków narzędzi.
Aby zarządzać paskami narzędzi podczas Pierwsza strona możesz użyć tych samych metod, co w Microsoft Word... Mianowicie:
w menu Pogląd muszę wybierać Element pasków narzędzi, a w nowym podmenu, które się otworzy, ustaw flagi naprzeciwko pasków narzędzi, których potrzebujesz; lub kliknij kliknij prawym przyciskiem myszy dla każdego panel kontrolny(lub w obszarze obok) i użyj menu kontekstowego w ten sam sposób.

Pierwsza strona jak inne aplikacje Microsoft Office, umożliwia dodawanie, usuwanie, zamianę elementów menu i przycisków na paskach narzędzi. Możliwe jest również stworzenie całkowicie własnych paneli.
Do tego potrzebujesz:

V Menu serwisowe Wybierz Ustawienie pozycji…
lub
v Zobacz menu Wybierz Element pasków narzędzi, a w wyświetlonym menu kaskadowym - Ustawienie pozycji…
W wyniku Twoich działań otworzy się okno dialogowe Dostosowywanie gdzie można zainstalować wymagane panele.

Stworzenie nowego strony internetowe.

Jeśli uciekniesz Pierwsza strona znaczy nowy Strona internetowa już utworzyłeś (przy starcie Pierwsza strona nowy pusty otwiera się natychmiast Strona internetowa gotowy, aby pomieścić tekst i wszelkie inne elementy).
Tworzyć nowe Strona internetowa jest to możliwe na inne sposoby:

Korzystanie z przycisku Nowa strona na Panel standardowy narzędzia.
Menu Plik wybierz podmenu Tworzyć, i wtedy - Strona lub Strona internetowa;
za pomocą kombinacji Ctrl + N;
używając menu kontekstowe(działa we wszystkich trybach oprócz trybów Zadania i raporty) - za to wnętrze Lista folderów dany Sieć) trzeba kliknąć prawym przyciskiem myszy i w wyświetlonym menu kontekstowe Wybierz przedmiot Utwórz  stronę.

Twórz strony za pomocą kreatorów i szablonów.

Jak wspomniano powyżej, jeśli użyłeś menu do utworzenia nowej strony Plik  Nowy  Strona lub witryna sieci Web, następnie Pierwsza strona monituje o użycie szablonu do utworzenia nowej strony.
W tym celu otworzy się okno dialogowe, którego wygląd pokazano poniżej:

W zakładce Ogólny to okno dialogowe wyświetla listę szablonów Pierwsza strona obecnie dostępne. Po wybraniu dowolnego z szablonów możesz zobaczyć jego opis w Przykładowe pole.
kreacja Strona internetowa FrontPage.
Witryna internetowa programu Microsoft FrontPage to zestaw strony internetowe, pliki obrazów i inne komponenty, które można przeglądać jako całość.
Jeśli tworzysz stronę internetową w Pierwsza strona, wtedy do jego przechowywania najwygodniej jest używać Strona internetowa FrontPage.
najważniejszym plusem jest możliwość zmiany nazw plików zawartych w Strona internetowa FrontPage.
Wyobraź sobie, że zanim opublikujesz swoją witrynę w Internet nagle zauważyłeś, że kilka plików, które nazwałeś rosyjskimi nazwami. - "Teraz musisz wspinać się po wszystkich plikach i zmieniać linki za pomocą pisaków!" zrobisz to i tu pomoże Strona internetowa FrontPage- możesz bezpiecznie zmieniać nazwy plików i Pierwsza strona niezależnie przejdzie przez wszystkie inne pliki zawarte w Strona internetowa FrontPage i zmieni nazwy wszystkich linków do pliku, który naprawiłeś.
Nie będę opisywał wszystkich innych zalet, ale chciałbym powiedzieć, że aby wykorzystać wszystkie możliwości Pierwsza strona to lepiej użyć Strona internetowa FrontPage.
Więc stworzyć nowy Strona internetowa FrontPage kliknij strzałkę znajdującą się po lewej stronie przycisku Nowa strona na pasku narzędzi i w rozwijanym menu, które się pojawi, wybierz Strona internetowa ...

Otwieranie stron internetowych.

Bardzo często przy tworzeniu strony internetowej trzeba edytować już stworzone. strony internetowe... Możesz wrócić do tej samej strony tyle razy, ile chcesz, aby ją edytować lub użyć jej części do tworzenia nowych. strony internetowe.

Otwórz istniejący Strona internetowa możliwe w dowolnym z istniejących trybów.

Z trybu Wyświetlenia strony istnieją cztery sposoby otwierania istniejącej strony:

1 sposób

Jeśli pracujesz z Strona internetowa FrontPage następnie wybierz żądany plik w Lista folderów i kliknij go dwukrotnie myszą.

2 sposób

Z menu Plik wybierz Najnowsze pliki ... Wybierz żądany plik z wyświetlonego menu kaskadowego.

3 sposób

Korzystając z okna dialogowego Otwórz plik: Plik  Otwórz.

Zapowiedź.

Aby zobaczyć, jak Twoja strona wygląda bezpośrednio w przeglądarce, możesz użyć zakładki Widok w trybie edycji strony internetowe... Ale w tym przypadku może się okazać, że przeglądarka Pierwsza strona nie całkiem poprawnie wyświetla niektóre elementy twojego strony więc najlepsze jest:
użyj przycisku na pasku narzędzi
lub w Menu Plik Wybierz przedmiot Zapowiedź p w przeglądarce.

Jeśli użyłeś pierwszej metody, zawartość Twojej strony zostanie wyświetlona we wbudowanej przeglądarce Pierwsza strona.
Jeśli użyłeś drugiej metody, to Pierwsza strona wyświetli okno dialogowe Widok przeglądarki...

Tutaj możesz:
Wybierz przeglądarkę, w której chcesz wyświetlić swój Strona internetowa... Z reguły jest tutaj początkowo wyświetlany przeglądarka który jest domyślnie instalowany na twoim komputerze.
Dodaj dowolną inną przeglądarkę, dla której musisz użyć przycisku Dodać.
Edytuj lub usuń zainstalowane przeglądarki.
Ustaw rozmiar ekranu, na którym chcesz wyświetlać swoje Strona internetowa

Ochrona strony internetowe.

Domyślny Pierwsza strona zamiast imienia strony pobiera pierwszy wiersz tekstu z twojego strony... Nie zawsze tego potrzebujesz. Możesz zmienić tytuł strony za pomocą Zmień przyciski- kliknięcie tego przycisku otwiera okno dialogowe Tytuł strony gdzie możesz zmienić nazwę strony.

Usuwanie Strony internetowe.

Podczas pracy z Strona internetowa prędzej czy później okaże się, że nie potrzebujesz już niektórych stron i będziesz chciał je usunąć.

Istnieją trzy sposoby usunięcia strony internetowe.

1 sposób

W panelu Lista folderów wybierz plik do usunięcia i naciśnij przycisk Kasować na klawiaturze.

2 sposób

W panelu Lista folderów kliknij prawym przyciskiem myszy plik(lub ikona plik), które należy usunąć i w wyświetlonym menu kontekstowym wybrać element Kasować.

3 sposób

V Panel listy lornetka składana podświetl plik chcesz usunąć, a następnie wybierz Usuń z menu Edycja.

Pracuj z tekstem.

Na pierwszy rzut oka wpisując Pierwsza strona nie różni się od wpisywania tekstu w dowolnym edytorze tekstu (na przykład in Microsoft Word).
Aby wpisać tekst, wystarczy kliknąć myszką w dowolnym miejscu na stronie, a kursor zostanie umieszczony w najbliższym miejscu, w którym możesz wpisać tekst.
Wpisywanie wielkich liter, edycja tekstu (usuwanie znaków, wstawianie tekstu itp.) odbywa się tak samo jak w Microsoft Word.
Jest tylko jedno małe ALE: po naciśnięciu Wprowadź klucze w Pierwsza strona kursor jest wymuszany do nowego wiersza, ze stałymi wcięciami akapitu przed i po akapicie.
Jeśli nie musisz tworzyć akapitów, najlepiej użyć skrótu klawiaturowego, aby przejść do nowego wiersza Shift + Enter.

Praca z obrazami.

Formaty graficzne w Sieć.

Wszystkie obrazy komputerowe, wszystkie formaty ich przechowywania (a w konsekwencji wszystkie programy do ich przetwarzania) są podzielone na dwie duże klasy - wektor i raster. Grafika wektorowa składa się z obiektów - kształtów geometrycznych składających się z linii, łuków, okręgów i krzywych Beziera. Zasługi Grafika wektorowa dużo. Z punktu widzenia projektanta jej najważniejszą zaletą jest to, że grafikę wektorową można „przekręcać” według własnego uznania, bez obaw o „przetarcie” obrazu lub utratę części informacji. Kolejną zaletą jest mały rozmiar plików (w porównaniu z mapy bitowe) i niezależność od rozdzielczości urządzeń wyjściowych (czy to drukarki, czy ekranu monitora). Te czynniki sprawiły, że Grafika wektorowa prawdopodobny kandydat do użycia w Internet... To prawda, należy zauważyć, że w tej chwili grafiki wektorowe nie są spotykane tak często, jak byśmy tego chcieli.
Niemniej jednak, wśród faktycznie używanych formatów wektorowych, chciałbym zwrócić uwagę na format Shockwave Flash firmy Macromedia... Aby wyświetlić ten format w przeglądarka potrzebujesz wtyczki ( podłącz), dystrybuowane bezpłatnie przez firmę Makromedia... Obecnie istnieją zarówno witryny w całości i całkowicie stworzone przy użyciu tej technologii, jak i witryny używane przez Format Flash tylko częściowo.
Rastrowa reprezentacja grafiki oparta jest na koncepcji rastra. Raster To zbiór obiektów (w tym przypadku pikseli) ułożonych w tych samych wierszach i kolumnach. Te. rastrowy plik komputerowy można traktować jako zbiór małych kolorowych lub szarych kwadratów, które tworzą mozaikę obrazu. Ponieważ wielkość tych kwadratów jest celowo mała, wtedy podczas oglądania grafiki rastrowej kwadraty te zlewają się ze sobą, tworząc ciągłą zmianę kolorów.

Format przechowywania obrazów bitmapowych ma zarówno zalety, jak i wady. Jedną z dużych zalet grafiki rastrowej jest możliwość pracy z półtonami, czyli tzw. możliwość przekazania obrazu dokładnie tak, jak wygląda w prawdziwym życiu. Wśród niedociągnięć głównym problemem jest rozmiar pliku. Oczywiście im więcej pikseli jest przeznaczonych na formację Obrazy, tym wyższa jakość transmitowanego sygnału Obrazy, ale w ten sposób rozmiar pliku również będzie większy.
Jeśli teraz wrócimy do przeglądarek, możemy powiedzieć, że większość przeglądarek może wyświetlać cztery formaty plików graficznych (* .gif, * .jpg, * .png, * .bmp), z których dwa są obecnie najlepiej używane - * .gif i * .jpg... I nawet wtedy po wstępnej optymalizacji.
Wstawianie obrazów włączone Strona internetowa.
Umieść obraz na swoim Strona internetowa na kilka sposobów:
1. Przeciągnij obraz z Eksplorator Windows(czyli prosto od odkrywcy).
2. Przeciągnij obraz z Internet Explorer .
3. Przeciągnij plik obrazu z panelu Lista folderów, prosto na stronę.
4. Używanie schowek- skopiuj obraz do schowka z dowolnego innego programu, a następnie wklej go na stronie ze schowka.
5. Używanie Dodaj przyciski rysowanie z pliku na pasku narzędzi Standard.
6. Korzystanie z menu Ramka  Rysunek.
Rozważmy te metody bardziej szczegółowo:
Metoda 1
Eksplorator Windows(czyli bezpośrednio z eksploratora) potrzebujesz:
w Pierwsza strona
otwórz okno eksploratora;
w oknie eksploratora wybierz plik z obrazem, który chcesz wstawić na swoją stronę;
lewym przyciskiem myszy przeciągnij plik obrazu na swój Strona internetowa obrazek jest wstawiany w miejscu, w którym na stronie znajdował się punkt wstawiania.
Metoda 2
Aby przeciągnąć obraz z Internet Explorer niezbędny:
w Pierwsza strona otwórz stronę, na której chcesz dodać obraz;
v przeglądarka otwórz obraz, który chcesz umieścić na swoim Strona internetowa przeglądarka nazwa pliku musi kończyć się na jpg, jpeg, gif);
lewym przyciskiem myszy przeciągnij wybrany obraz na swój Strona internetowa;
Metoda 3
Do przeciągnij plik ze zdjęciem z panelu Lista foldery, bezpośrednio na stronie, której potrzebujesz:
w Pierwsza strona otwórz stronę, którą chcesz dodać obraz;
wybierz żądany plik obrazu na panelu Lista folderów;
lewy przycisk myszy przeciągnij wybrane zdjęcie na swój Strona internetowa;
wybrany obrazek jest wstawiany w miejscu, w którym na stronie znajdował się punkt wstawiania.
Metoda 4
Aby wstawić obraz na swoim Strona internetowa korzystając ze schowka należy:
w aplikacji, z której chcesz skopiować obrazek, wybierz obrazek i za pomocą klawiszy Ctrl + C skopiuj zdjęcie do schowka;
na jego Strona internetowa wklej ten obraz ze schowka za pomocą klawiszy Ctrl + V
Metoda 5
Strona internetowa zdecydowałeś się użyć przycisku Dodaj obraz z pliku na pasku narzędzi Standard, następnie Pierwsza strona otworzy okno dialogowe Rysunek.
W tym oknie dialogowym określ plik obrazu, który chcesz dodać do swojego Strona internetowa i naciśnij przycisk Wstawić.

Metoda 6
Jeśli wstawić obraz na swoim Strona internetowa zdecydowałeś się skorzystać z menu Pudełko  Rysunek, następnie Pierwsza strona zasugeruje dokonanie kolejnego wyboru:

Kino… - wybór tej pozycji menu daje możliwość skorzystania z gotowej biblioteki zdjęć.
Z pliku... - wybór tej pozycji menu daje możliwość samodzielnego wskazania lokalizacji pliku ze zdjęciem, które chcesz dodać do swojego Strona internetowa(użycie tej pozycji otworzy okno dialogowe) Rysunek, praca z którą została opisana powyżej).
Utwórz kolekcję zdjęć… - za pomocą tej pozycji menu możesz stworzyć kolekcję obrazów w określonym stylu. Aby to zrobić, w oknie, które się otworzy Nieruchomości kolekcje zdjęć z przyciskiem Dodać w zakładce Rysunki wybierz obrazy, a w zakładce Układ wybierz format projektu.
Dodawanie plików multimedialnych.

Oprócz prostych grafik, np. - obrazków w * .gif, *.jpg, *.png itp. Pierwsza strona pozwala publikować na swoim strony internetowe pliki multimedialne. Należą do nich: klipy wideo, dźwięki ...

Aby wstawić klip wideo, musisz Wstaw menu Wybierz przedmiot Rysunek, i wtedy Nagrywanie wideo ...

Otworzy się okno dialogowe. Okno wideo, wyświetli klipy wideo w * .avi, * .asf, * .ram, * .ra.

Dodaj dźwięk na Strona internetowa może znajdować się na karcie Ogólne okna dialogowego Właściwości strony.

Praca z tabelami.

Tabela to jedno z najpotężniejszych narzędzi używanych do tworzenia stron internetowych.
Początkowo stoły służy wyłącznie do reprezentowania danych strukturalnych. Stopniowo jednak przekształciły się w potężne i wszechstronne narzędzie do projektowania. Strony internetowe.

Tworzenie tabel

Najłatwiejszy sposób tworzenie tabeli- użyj przycisku Dodaj tabelę znajduje się na pasku narzędzi Standard.
Inny sposób jest z akapitem Tabela menu  Wstaw  Tabela.
I Tabela można rysować i wklejać za pomocą schowka.

Wprowadzanie danych i nawigacja po tabelach.

Jedną z największych zalet tabel jest to, że wprowadzany tekst jest sformatowany w komórce w taki sam sposób, w jaki jesteśmy przyzwyczajeni do formatowania go w całym dokumencie. Tekst umieszczony w komórce jest automatycznie zawijany do nowego wiersza, jeśli jego długość przekracza szerokość kolumny. Po naciśnięciu klawisza Wejść jak zwykle wstawiany jest nowy akapit. Tekst lub liczby wprowadza się do tabeli za pomocą klawiatury.

Przed wprowadzeniem danych do Tabela, musisz umieścić kursor tekstowy w wybranej komórce stoły... Można to zrobić, klikając go myszą.

Jednak wygodniej jest używać skrótów klawiaturowych do poruszania się między komórkami:
Skróty klawiaturowe: Akcja:

Patka w dowolnym miejscu w tabeli, z wyjątkiem końca ostatniego wiersza, przejdź do sąsiedniej komórki i wybierz jej zawartość
Patka na końcu ostatniej linii dodaj nową linię na dole tabeli
Shift + Tab przejdź do poprzedniej komórki i wybierz jej zawartość
Wejść zacznij nowy akapit
Wejść na początku pierwszej komórki dodaj tekst przed tabelą na początku dokumentu

Tworzenie i stosowanie formularzy.

Formularze to pola tekstowe, przyciski radiowe, pola wyboru, przyciski i wiele innych elementów sterujących. Odwiedzający witrynę musi tylko wprowadzić pewne informacje w określonym polu tekstowym, wybrać dane z proponowanej listy, kliknąć przycisk Wyślij, aby wysłać dane do serwer internetowy do przetworzenia (lub przetworzone bezpośrednio na stronie).

Poznajmy się - wypełnij następujące pola:
Twoje imię:

Twoje nazwisko:

Twoja data urodzenia: rok miesiąc dzień

Dziękuję! A teraz chodźmy!
1. Mały, ale zwinny.
Gdziekolwiek się to dzieje, rządzi.
Wejdzie do namiotu -
Bohater się przewróci.
Kto to jest?
Mucha pchła kapryśne dziecko
2. Wyłupiaste oczy siedzą,
Mówi po francusku
Skacząc jak ucieczka
Pływa jak człowiek.
O kim mówimy?
Kot Żaba Papuga

3. Czym oddycha foka nurkując pod lodem?

4. Dlaczego duże żółwie płaczą?

5. Jakie ubrania mogą nosić śledzie?
Futro Płaszcz Kamizelka
6. Kto nazywa się „koniem rzecznym”?
Krokodyl hipopotam wydra

7. Jakie ptaki nie wykluwają piskląt?

8. Jakie ptaki nie potrafią latać?

Jeśli potrzebujesz wybrać kilka odpowiedzi - naciśnij i nie zwalniaj klawisza klawisz kontrolny i kliknij lewym przyciskiem wybraną odpowiedź

Ale tworzenie formularzy w większości strona to tylko połowa pracy. Ponieważ koniecznie musi istnieć program, który może przetwarzać dane wprowadzone przez użytkownika za pomocą formularzy.
Taki program może znajdować się na serwerze; to może być w twoim Strona internetowa jako osobny plik lub można go po prostu zapisać w kodzie html na Twoim Strona internetowa.
To ona decyduje, co stanie się z informacjami wprowadzonymi przez użytkownika:

Informacja można dodać do bazy i na jej podstawie różne wykresy, oceny...;
Informacja można przekazać drogą e-mailową (jest to często wykorzystywane do uzyskania informacji o użytkowniku w różnego rodzaju ankietach);
Informacja mogą być przetwarzane od razu, a odwiedzający Twoją stronę natychmiast otrzyma informację zwrotną (np. - otrzyma punkty za test, zobacz informacje wpisane przez niego w księdze gości...).

W związku formularze istnieje kilka podstawowych zasad:

1. Każdy forma zajmuje określony obszar strony internetowe... Na jednego Strona internetowa można zlokalizować jeden lub więcej kształtów.
2. Każdy formularz musi zawierać przynajmniej jeden z elementów formularza (chociaż z reguły jest ich kilka).
3. Każdy przedmiot kształt ma nazwę i znaczenie. Nazwa identyfikuje pole do wprowadzania informacji, a wartość jest równa wartości wybranej przez użytkownika.
4. Jeden z elementów formularza (może to być zwykły przycisk lub dowolny obrazek) musi pełnić funkcję przycisku Wysłać.

Tworzenie formularzy w Pierwsza strona.
Aby dodać formularz do Strona internetowa, niezbędny:

Ustaw kursor w miejscu, w którym chcesz wkleić kształt.
V Wstaw menu Wybierz Kształt przedmiotu, w menu, które się otworzy, wybierz ponownie Kształt przedmiotu. Forma zostanie umieszczony na twoim Strona internetowa- pojawi się obszar oznaczony kropkowaną ramką z dwoma przyciskami: Wyślij i zresetuj.
Używając tego samego akapitu Wstaw menu  Formularz kolejno wstawiaj potrzebne elementy formularze wybierając je z rozwijanego menu kaskadowego (pamiętaj, że wszystkie elementy formularza są wstawiane do obszaru formularza oznaczonego kropkowaną ramką).
Później forma stworzony, pozostaje tylko wypełnić go treścią - elementami formularze, tekst, obrazy, tabele ... (podczas gdy wymiary kształt zmieni się automatycznie).
Dodaj zawartość formularze można to zrobić w zwykły sposób. Na przykład możesz wpisać tekst lub wkleić go ze schowka ... Wszystkie akcje z dodanymi obiektami są podobne.
ale tworzenie formularzy- to dopiero początek pracy. Po jego utworzeniu należy skonfigurować właściwości, jak najbardziej kształt i jego elementy.

Ustawianie właściwości formularza.

Aby przetwarzać lub przechowywać dane wprowadzane przez odwiedzających strony internetowe, musisz albo skorzystać z dostępnych możliwości Rozszerzenia serwera FrontPage lub inny uruchomiony program serwer internetowy.
Niezależnie od tego, który program wybierzesz, nadal musisz dostosować właściwości formularza i zawartych w nim elementów.
Aby otworzyć okno właściwości formularza, musisz:
v Wstaw menu Wybierz Kształt przedmiotu, i wtedy -
lub
wywołaj menu kontekstowe do formularza i w otwartym menu kontekstowym wybierz element Właściwości formularza.
Otworzy się okno dialogowe Właściwości formularza.

1 w Zapisz pole wyniki, należy wskazać, co należy zrobić z danymi wprowadzonymi w kształt... Do wyboru masz następujące opcje:
o Prześlij nazwę pliku- dane zostaną umieszczone w określony plik na serwer internetowy... Ten plik może być Strona internetowa, który z czasem będzie coraz dłuższy, lub plik danych, który można następnie przetwarzać w Excel, dostęp lub jakikolwiek inny program;
o Wysyłanie adresu e-mail- w tym przypadku za każdym razem, gdy odwiedzający kliknie strony internetowe Wyślij do przycisków Formularz wiadomość e-mail zostanie wygenerowana i wysłana na podany przez Ciebie adres. Ta wiadomość będzie zawierała wszystkie dane, które zostały wprowadzone przez użytkownika w dniu Strona internetowa.
o W bazie danych- w tym przypadku dane kształt zostaną przesłane do bazy danych. Podstawa powinna być na serwer internetowy(lub być dla niego dostępnym).
2.In Pole właściwości formularz musisz podać nazwę formularza
Wyświetl tryby w Pierwsza strona.
Pierwsza strona oferuje sześć różnych trybów przeglądania treści Strona internetowa:

Strona,
Lornetka składana,
Raporty,
Przejścia,
hiperłącza,
Zadania.
Do wyboru żądany tryb możesz użyć Zobacz panel znajduje się po lewej stronie ekranu lub w menu Pogląd na pasku narzędzi Standard wybierz odpowiednią pozycję menu.

Strona
Ten tryb służy do tworzenia i edycji Strony internetowe. Tutaj możesz stworzyć puste strony internetowe i stron opartych na szablonach, przypisz motywy do stron (zestaw stylów wyświetlania strony). W tym trybie możesz dodawać i formatować tekst, formatować strony wykorzystanie obrazów graficznych i wideo (konwersja wielu formatów graficznych do formatów * .gif, *.jpg i *.png), dodaj dźwięk do strony, prezentuj informacje w tabelach, ramkach i formularzach, a na koniec utwórz hiperłącza. To nie jest pełna lista możliwości. Pierwsza strona o edycji treści strony internetowe.
Lornetka składana
W tym trybie możesz przeglądać strukturę Strona internetowa(pliki i foldery) i zarządzaj nimi tak samo jak w Okna, ten tryb umożliwia uzyskanie bardziej szczegółowych informacji o plikach i folderach niż w trybie przeglądania Strona.
Raporty
Udostępnia kilkanaście raportów zawierających różne informacje na temat Strona internetowa otwarte w Pierwsza strona.
Przejścia
Zaprojektowany do przeglądania hierarchii witryny. W tym trybie możesz manipulować hierarchią, przeciągając i upuszczając prostokąty (z których każdy reprezentuje określony Strona internetowa).
Hiperłącza
Demonstruje system hiperłączy, które łączą strony Strona internetowa(a także system hiperłączy do innych węzłów), zapewnia weryfikację ich integralności i możliwości zmian.
Zadania
Ten tryb służy do zarządzania zadaniami Strona internetowa(dodawanie, usuwanie, wykonywanie, ustalanie priorytetów i śledzenie statusu zadań).

Darmowe pobieranie Pierwsza strona możesz kliknąć link:

http://letitbit.net/download/28576.28615a37d4f2a575882748541adf3bf00/Microsoft_Office_FrontPage_2003.rar.html

FrontPage to jedno z najpopularniejszych narzędzi do wizualnego projektowania stron internetowych.

Program Microsoft FrontPage 2003 zawiera profesjonalne narzędzia do projektowania, tworzenia, manipulowania danymi i publikowania, których potrzebujesz do tworzenia dynamicznych witryn sieci Web.

FrontPage umożliwia zarówno tworzenie witryn internetowych w trybie projektowania wizualnego, bez edytowania kodu HTML, jak i dostęp do odpowiedniego kodu wygenerowanego w czasie wykonywania.

W przypadku FrontPage istnieje wiele darmowych i płatnych wtyczek, które rozszerzają jego możliwości. Na przykład optymalizatory grafiki Ulead SmartSaver i Ulead SmartSaver Pro są osadzone nie tylko w programie Photoshop, ale także w programie FrontPage.

Ponadto istnieje cała branża firm opracowujących i publikujących motywy FrontPage. Motywy są styl projektowania, zestaw teł, przyciski nawigacyjne itp., które można zastosować do strony lub witryny, znacznie przyspieszając w ten sposób proces tworzenia.

FrontPage zawiera szablony witryn i szablony stron. Na podstawie szablonu witryny wybranego przez użytkownika narzędzie Kreator Witryny generuje zestaw stron z linkami między nimi. Użytkownik musi jedynie wypełnić strony utworzonego szablonu witryny informacjami. Szablon strony pozwala wybrać żądany widok strony z bazy szablonów i wypełnić ją informacjami.

Główną cechą FrontPage jest to, że ten edytor działa w trybie WYSIWYG (What You See Is What You Get), czyli umożliwia tworzenie stron HTML w trybie wizualnym. Do tworzenia stron użytkownik wykorzystuje te same techniki i umiejętności, co podczas pracy w programie Microsoft Word.. W takim przypadku niezbędny kod HTML jest generowany automatycznie.

Strona internetowa

Witryna internetowa - zbiór powiązanych zasobów informacyjnych online przeznaczonych do przeglądania śieć komputerowa za pomocą specjalnych programów - przeglądarek internetowych. Strona internetowa może być zbiorem dokumentów w formie elektronicznej, usługą online.

Przeglądarka internetowa (przeglądarka) to program służący do nawigacji i przeglądania różnych zasobów internetowych. Przeglądarka internetowa odczytuje dokument HTML i formatuje go do prezentacji użytkownikowi. Najbardziej rozpowszechnionymi przeglądarkami są Microsoft Internet Explorer, Netscape Navigator, Mozilla, Opera.

Witryna internetowa składa się z pojedynczych stron internetowych. Struktura każdej strony internetowej jest określona przez jej wewnętrzny kod HTML. Użytkownik może wyświetlać ten kod i pracować z nim w okienku Kod lub w widoku okienka Podział, ale większość pracy jest wykonywana w okienku Projekt. Nie musisz wiedzieć, jak generowany jest kod HTML, aby współpracować z FrontPage.

Strona jest początkowo rozwijana w lokalny komputer a następnie publikowane w Internecie. Użytkownik nie będzie mógł uzyskać dostępu do wielu funkcji, dopóki witryna nie zostanie opublikowana na serwerze, na którym działają rozszerzenia serwera FrontPage.

Rodzaje węzłów

Przyjrzyjmy się typom witryn, które można udostępniać w programie FrontPage 2003.

Istnieją dwa rodzaje węzłów: węzły dyskowe i węzły serwerowe. Węzły dyskowe mogą być uruchamiane na dowolnym komputerze, a nawet z dyskietka lub CD. Węzły dyskowe obsługują tylko podstawowe funkcje HTML. Wiele składników sieci Web obsługiwanych przez program FrontPage nie działa na hoście dysku.

Węzły serwera działają na serwerze WWW, czyli na komputerze specjalnie skonfigurowanym do hostowania (hostowania) węzłów. Na małą skalę serwer WWW może być komputerem lokalnym lub serwerem w intranecie firmy. Na większą skalę serwery internetowe, na których znajdują się korporacyjne witryny internetowe, zwykle wchodzą w skład profesjonalnych pul serwerów zarządzanych przez dostawcę usług internetowych (ISP) lub firmę hostingową.

Większość węzłów jest zwykle zaprojektowana jako węzły dyskowe. Oznacza to, że są tworzone na komputerze lokalnym. Są one następnie publikowane na serwerze WWW, wewnętrznie lub zewnętrznie.

Niektóre składniki internetowe programu FrontPage to gotowe elementy, takie jak paski hiperłączy i spisy treści. Są skuteczne tylko wtedy, gdy są umieszczone na stronie, która jest częścią witryny utworzonej w programie FrontPage.

Niektóre funkcje wymagają, aby witryna lub strona internetowa znajdowała się na serwerze sieci Web, na którym działa pakiet Microsoft Windows SharePoint Services.

Inne współużytkowane składniki sieci Web działają tylko w węźle serwera, który jest hostowany na serwerze sieciowym z rozszerzeniami serwera FrontPage.

Niektóre komponenty pobierają swoją zawartość bezpośrednio z innych witryn i dlatego wymagają renderowania połączenia internetowego.

Funkcje administrowania serwerem są dostępne tylko dla witryn serwerów hostowanych na serwerach sieci Web z uruchomionymi usługami Windows SharePoint Services lub rozszerzeniami serwera FrontPage.

Aby wyświetlić informacje z bazy danych, węzeł musi być hostowany na

WPROWADZANIE

Cel pracy

Informacje teoretyczne

Menu główne

"Plik".

"Edytować".

"Pogląd". Foldery "," Lista folderów " Paski narzędzi.

"Wstawić".

"Format".

"Tabela".

1.1.2 Paski narzędzi

Ryż. 2Widok / Paski narzędzi "

Główne elementy interfejsu

Podczas pracy z węzłem będziesz musiał stale przeglądać go w przeglądarce, do czego potrzebne będą następujące elementy interfejsu:

Piktogram - " Widok przeglądarki ”... Jest wyświetlany w panelu " Standardowy ”(patrz. Ryż. 3 )

Rysunek 3. Ikona „Widok w przeglądarce” na panelu „Standard”

Projekt strony

Tworzenie węzła

Aby stworzyć stronę internetową przejdź do menu " Plik \ Nowy "... Po prawej stronie pojawi się panel Utwórz. Możesz tworzyć zarówno pojedyncze strony, jak i całe witryny internetowe. W takim przypadku istnieje możliwość skorzystania z gotowych szablonów. Tworząc stronę internetową, mogą służyć jako dobra usługa. Przynajmniej jako przykład dobrze zaprojektowanych węzłów. W tej pracy konieczne jest stworzenie Witryna jednostronicowa (patrz Ryż. 4 ) .

Rysunek 4. Witryna jednostronicowa wśród szablonów witryn

Po utworzeniu strony internetowej na ekranie wyświetla się lista folderów (patrz. Ryż. 5 ) ... Zawsze możesz wrócić do tego widoku z menu „ Widok \ Foldery ”... Możesz także użyć " Widok \ Lista folderów "(ALT + F1): w tym przypadku lista folderów i plików nie zajmie głównego okna, ale panel po lewej stronie.

Tworząc witrynę, pierwszą rzeczą do zrobienia jest podjęcie decyzji o temacie, odnalezienie treści. Na tym etapie konieczne jest umieszczenie materiałów do dalszego wykorzystania w serwisie w folderach serwisu. Mogą to być różne obrazy, animacje, muzyka, filmy i inne. Możesz umieścić go zarówno w folderze głównym witryny, jak i w podfolderach. Możesz tworzyć nowy folder... W przyszłości możesz łatwo dodawać nowe pliki do folderów serwisu, zmieniać ich nazwy i przenosić je z jednego folderu do drugiego - FrontPage automatycznie zmieni ścieżki do tych elementów na wszystkich stronach serwisu. Ta funkcja FrontPage jest niezwykle ważna, ponieważ niektóre strony w Twojej witrynie będą prawdopodobnie generowane automatycznie, a nazwy plików będą na przykład: nowa_strona_1.htm... Strona hostowana na serwerze Linux nie będzie działać poprawnie. Dobrą formą jest stosowanie w tytułach tylko litery alfabetu łacińskiego i cyfry .

Rysunek 5. Foldery

Rozwój struktury strony internetowej

Kolejnym etapem tworzenia strony internetowej jest: Rozwój struktury... Przed przystąpieniem do bezpośredniego projektowania stron należy dokładnie przemyśleć strukturę witryny.

W tym celu FrontPage ma widok „PRZEJŚCIA”. Aby go otworzyć, otwórz element menu „Widok \ Przejścia” lub „Widok \ Obszar nawigacji”.

Aby utworzyć stronę, wybierz stronę nadrzędną, kliknij prawym przyciskiem myszy i wybierz „ Stwórz stronę " lub naciśnij CTRL + N... Aby uwzględnić duże podsekcje poniżej drugiego poziomu, możesz użyć paska łączy („Nowy \ niestandardowy pasek łączy”). Pasek łączy nie jest oddzielną stroną. Kiedy łączysz się z nim, otwiera się pierwsza strona podsekcji. Aby dodać strony, możesz również użyć przycisków na pasku nawigacyjnym () - wynik jest ten sam, ale znacznie prostszy. W przyszłości na podstawie utworzonej struktury przejścia będzie można utworzyć link bar.

Podczas tworzenia struktury zaleca się natychmiastową zmianę nazw: „Nowa strona 1”, „Nowa strona 2” lub „Nowy pasek łączy” itp. zmień na bardziej zrozumiałe nazwy: „Archiwum”, „Kontakty”, „Linki”, „Galeria” itp.

Dodane strony są automatycznie dodawane do listy folderów.

Pożądane jest również, aby zmienić nazwy plików, używając tylko alfabetu łacińskiego i cyfr.

Przykładową strukturę węzła pokazano na rys. 6.

Strona główna ma kilkoro dzieci. Te z kolei mają również strony podrzędne. Strony te mogą znajdować się w ogólnych menu (paskach łączy opartych na nawigacji) wyświetlanych na wszystkich stronach witryny. W niektórych przypadkach wygodniej jest używać niestandardowych pasków łączy, zwłaszcza gdy poniżej drugiego poziomu znajduje się duża sekcja. Strony na niestandardowym pasku łączy nie mogą zawierać stron podrzędnych.

Rysunek 6. Dodawanie strony do struktury Witryny

Układ strony

Po opracowaniu struktury serwisu należy przemyśleć układ stron: jakie elementy, w jakiej części strony umieścić. Na tym etapie na każdej stronie zarezerwowane jest miejsce na przyszłe elementy projektu.

Wspólne granice

Często wszystkie strony witryny zawierają te same elementy: obrazek w „nagłówku” witryny oraz menu główne. Zmieniając projekt obrazu lub dodając link do menu głównego, konieczne jest, aby było to odzwierciedlone na wszystkich stronach witryny.

Do tego są używane GRANICE OGÓLNE(nazywane z menu " Format \ Wspólne granice ").

Wspólne granice można dostosować góra, lewo, prawo i dół (patrz. Ryż. 7 ) ... W takim przypadku można włączyć automatycznie dodawane przyciski nawigacyjne oraz obrazek (zdjęcie musi być najpierw umieszczone na liście folderów na stronie). Podczas aktywacji etykiety „ włącz przyciski nawigacyjne " zostanie automatycznie włączony menu potomne(linki do stron podrzędnych). Często wymagane jest, aby wszystkie strony zawierały: Menu główne(linki do strony głównej + strony podrzędne do strony głównej). Aby to zrobić, kliknij prawym przyciskiem myszy pasek łączy na dowolnej stronie, wybierz „ Właściwości paska łączy " i zmienić właściwości.

Jeśli niektóre strony powinny mieć różne wspólne granice, musisz w widoku " Lista folderów " wybierz te strony i zastosuj " GRANICE OGÓLNE” do wybranych stron.

Rysunek 7. Wspólne granice

W konstruktorze wspólne granice są wyświetlane liniami przerywanymi: każdy element w tych granicach będzie widoczny na wszystkich stronach witryny (patrz rys. 8).

Rysunek 8. Linki w ogólnych granicach

Uwaga: Jeśli obsługa wspólnych granic jest wyłączona, aby ją włączyć, przejdź do zakładki „ Usługa \ Opcje strony \ Rozwój " i aktywuj etykietę " GRANICE OGÓLNE”(patrz rys. 9).

Rysunek 9. Włączanie komponentu „Wspólne granice”

Linki

Linki to lista łączy zawartych w prostokątnym obszarze.

Korzystanie z komponentu „ Panel Łącza ” znacznie ułatwiają tworzenie menu na stronach internetowych. Za każdym razem, gdy zmieniasz właściwości panelu, zmiany te są automatycznie odzwierciedlane na wszystkich stronach, na których znajduje się ten panel. Wspólne granice są formowane przede wszystkim w celu wstawienia do nich prętów łączących. Edytor FrontPage udostępnia kilka typów pasków łączy:

Tabele. Tabele układu

Stoły- jedno z najwcześniejszych i wciąż najpopularniejszych narzędzi do oznaczania stron. Innowacją jest tabele układu- szablony tabel. Po wywołaniu z menu „ Tabele \ Tabele układu i komórki " pojawi się panel tabel układów (patrz Rys. 13), z którego możesz wybrać układ, który najbardziej Ci się podoba, który w razie potrzeby możesz zmienić, scalając lub rozłączając komórki.

Niestety przy zastosowaniu komponentu” Wspólne granice”, nie można używać tabel układu. W takim przypadku możesz użyć zwykłych tabel (" Tabela \ Wstaw \ Tabela "), odpowiednio je sformatując.

Rysunek 13. Układy tabel

Wypełnianie strony

Wszystkie dotychczasowe działania były właściwie tylko przygotowaniem, planowaniem terenu, choć nie mniej ważne. Elementy wstawiane są dokładnie w taki sam sposób, jak w programie Word. Dlatego wstawianie elementów takich jak obrazy, tabele itp. nie będzie szczegółowo omawiane.

Obrazy

Aby wstawić obrazy, użyj „ Wstaw \ obraz ".

Możesz wstawiać obrazy z pliku lub obrazy z wbudowanej galerii pakietu Microsoft Office. Możesz również wstawić tutaj animację flash lub kolekcję zdjęć.

Kolekcja zdjęć To zbiór zdjęć, z których każdy można obejrzeć osobno. Podczas ustawiania właściwości kolekcji zdjęć (patrz rys. 14) na zakładce "Rysunki" musisz dodać do nich zdjęcia i opisy, na zakładce " Układ" select - sposób prezentacji zdjęć.

Rysunek 14. Tworzenie kolekcji zdjęć

Aby wstawić hiperłącze, musisz napisać tekst w konstruktorze lub wstawić obraz, wybrać obszar, a następnie przejść do menu ” Wstaw \ hiperłącze "(CTRL + K). Pojawi się okno (patrz rys. 15), w którym należy skonfigurować parametry hiperłącza.

strona, plik, witryna zewnętrzna. W takim przypadku musisz wpisać adres witryny, strony, pliku lub wybrać z listy.

w miejscu w dokumencie (zakładka). Aby utworzyć taki link, musisz kliknąć „ Zakładka " a następnie wybierz zakładkę z listy. (Zakładkę należy wcześniej utworzyć. Aby utworzyć zakładkę, umieść kursor w miejscu, w którym utworzono zakładkę, a następnie wybierz pozycję menu „ Wstaw \ Zakładka ").

na skrzynkę e-mail (patrz. Ryż. 16 ). W takim przypadku należy wybrać sekcję: link do e-maila (przycisk w lewym dolnym rogu) i dostosować tytuł wiadomości do wysłania.

Konfigurując hiperłącza, możesz również określić, w którym oknie ma się otwierać strona (w tym samym, w nowym, ...). Aby to zrobić, musisz kliknąć „ Wybór ramki " i wybierz odpowiednią pozycję.

Możesz dostosować styl, klikając „ Styl" i wybór w polu " Klasa" wcześniej utworzoną klasę (kwestię tworzenia stylów omówiono w rozdziale) 5.1.2 Style). W tym samym miejscu (w oknie " Styl" po kliknięciu odpowiedniego przycisku), możesz dostosować styl tylko dla tego elementu, klikając przycisk " Format".

Zmiana przycisków

Zmiana przycisków jest rodzajem hiperłącza: przycisk obrazu, po kliknięciu na niego przechodzisz do innej strony. Aby wstawić przyciski, przejdź do pozycji menu " Wstaw \ przycisk Odwróć ”... Wybierz odpowiedni przycisk, wprowadź tekst, który ma być wyświetlany na ekranie oraz adres strony, na którą ma nastąpić przejście po naciśnięciu przycisku.

Warstwy

Warstwy są potrzebne, gdy konieczne jest umieszczenie kilku elementów w jednej sekcji strony, na przykład: tekst nad obrazem. Aby to zrobić, przejdź do menu " Wstaw \ Warstwa "... Pojawi się prostokątny obszar z niebieską obwódką (patrz Rysunek 17). Przenieś go do wybranej lokalizacji. Teraz możesz napisać tekst na górze obrazu w warstwie.

Rysunek 17. Korzystanie z warstwy

Dekoracja węzła

Po wypełnieniu strony treścią trzeba pomyśleć o poprawie wyglądu elementów, dodaniu efektów.

Formatowanie

Formatowanie pozwala dostosować wyświetlanie różnych elementów: typ, kolor, rozmiar czcionki, wcięcia, listy, kolor tła, obraz tła. Możliwe jest użycie motywów i kaskadowych arkuszy stylów.

Motywy obejmują obrazy tła, określone style wyświetlania tekstu, linki. Nazywa " Format \ Motyw ”... Motywy mogą być domyślnie stosowane zarówno do pojedynczej strony, jak i do wszystkich stron.

Właściwości strony

okno " Właściwości strony ” pozwalają na formatowanie elementów strony i przygotowanie strony do publikacji.

Aby otworzyć okno właściwości strony, w trybie projektowania wymagane jest kliknięcie w dowolnym miejscu strony i wybranie opcji „ Właściwości strony ”.

W tym oknie jest 6 zakładek.

Na karcie „ Ogólne ”(patrz. Ryż. 20 ) wyświetla podstawowe informacje o stronie. Podczas publikacji pole „ Słowa kluczowe"... Zgodnie ze słowami wprowadzonymi w tym polu wyszukiwanie zostanie przeprowadzone przez wyszukiwarki.

Rysunek 20. Właściwości strony: Ogólne

Na karcie „ Formatowanie "(patrz. Ryż. 21 ) można dostosować kolorystykę wszystkich głównych elementów na stronie.

Rysunek 21. Właściwości strony: Formatowanie

Na karcie „ Dodatkowo" możesz dostosować wcięcia, a także ustawić efekty dynamiczne dla wszystkich hiperłączy. Na przykład, aby po najechaniu na dowolny link na stronie jego kolor zmienił się na czerwony, musisz zaznaczyć pole „ Włącz efekty wyróżniania hiperłączy ”, Kliknij na " Styl wyboru ", dostosuj czcionkę (patrz rys. 22). W szczegółach Efekty dynamiczne zostaną omówione w sekcji 5.2 Efekty dynamiczne.

Rysunek 22. Konfiguracja efektu podświetlenia hiperłączy

Czasami edytor domyślnie wybiera niewłaściwe kodowanie. W takim przypadku przeglądarka wyświetla niezrozumiałe znaki zamiast rosyjskich słów. Aby tego uniknąć, potrzebujesz pól na „ Język" skonfigurować jak pokazano na rys. 23.

Rysunek 23. Ustawianie języka i kodowania

Style

Możesz tworzyć własne style. Aby to zrobić, przejdź do menu " Format \ Styl ”... Style można przypisywać do poszczególnych elementów znaczników HTML lub można tworzyć style niestandardowe, które można później zastosować do wybranych elementów. Na przykład, aby domyślnie wszystkie linki były zielone, musisz wybrać tag A, utworzyć styl, wprowadzić nazwę, kliknąć „ Format", wybierz element " czcionka", w oknie wybierz zielony (patrz rys. 24).

Rysunek 24. Znacznik stylizacji A

Jeśli chcesz, aby nie wszystkie, ale tylko niektóre linki miały określony kolor, musisz utworzyć i skonfigurować styl niestandardowy (klasa)(patrz rys. 25).

Rysunek 25. Tworzenie klasy

W oknie " Styl„Zostaną zaprezentowane wszystkie utworzone style (patrz rys. 26).

Aby w przyszłości zastosować tę klasę do hiperłącza, musisz przejść do „ Właściwości hiperłącza ”, przejdź do zakładki " Styl" i wybierz odpowiednią klasę (w tym przypadku styl 1).

Rysunek 26. Lista stworzonych stylów

Arkusze stylów

Możesz skorzystać z gotowych arkuszy stylów, w których są już zapisane style dla każdego elementu. Aby to zrobić, musisz utworzyć nową stronę (nie węzeł) przy użyciu jednego z szablonów arkusza stylów. Wybierz menu "Plik / Nowy", następnie w panelu, który pojawi się po prawej stronie, wybierz pozycję "Inne szablony stron ...", w wyświetlonym oknie wybierz zakładkę "Arkusze stylów", a następnie wybierz jeden z szablony (patrz rys. 27).

Rysunek 27. Szablony arkuszy stylów

Po utworzeniu strony należy ją zapisać w folderze serwisu WWW, a następnie połączyć ze stroną WWW (" Format \ Łącza do arkuszy stylów ”) (patrz. Ryż. 28 ) .

Rysunek 28. Link do arkusza stylów

Efekty dynamiczne

Efekty te pozwalają na tworzenie najprostszych reakcji na zdarzenia: wyświetlanie komunikatu podczas wczytywania strony, efekt podczas pojawiania się strony, zmiana koloru po najechaniu myszą, podążanie za linkiem po kliknięciu itp.

W rozdziale 5.1.1 Właściwości strony omówiliśmy już, jak generować efekty podświetlenia dla hiperłączy.

Zmiana stron

Zmiana stron umożliwia wybranie dynamicznego efektu wizualnego, który rozpoczyna się po załadowaniu bieżącej strony: Wygląd od góry, od dołu, żaluzje pionowe, ... Aby wybrać efekt, przejdź do „ Format \ Zmień strony ”... Tutaj możesz wybrać efekt, który Ci się podoba i dostosować czas trwania.

Efekty DHTML

Najprostsze efekty (np. zmiana koloru linku po najechaniu) można skonfigurować w panelu " Efekty DHTML”. Aby to zrobić, musisz najpierw wyświetlić ten pasek narzędzi (" Pogląd\...»).

Na przykład: aby zastąpić zdjęcie klikając myszą, musisz wybrać zdjęcie, wybierz wydarzenie " Kliknij", akcja " Wymiana»I obrazek (patrz rys. 29).

Rysunek 29. Tworzenie efektu DHTML

Zachowanie

Jeśli opisane możliwości nie wystarczą, możesz skorzystać z panelu " Zachowanie" (« Format \ Zachowanie ”). Tutaj, dla prawie każdego elementu blokowego, możesz wybrać akcję, która ma zostać wyzwolona, ​​oraz zdarzenie, które wyzwala tę akcję.

Praca z tym narzędziem ma następującą strukturę:

1. W widoku " Strona" kliknij na dole okna dokumentu przycisk " Konstruktor".
2. W menu " Format" wybierz polecenie " Zachowanie".

3. Wybierz element na stronie, którego zachowanie chcesz zmienić, na przykład tekst lub obraz.

1. Na pasku zadań " Zachowanie" naciśnij przycisk " Wstawić", a następnie wybierz żądaną akcję.
2. W wyświetlonym oknie dialogowym wybierz wymagane parametry i kliknij „ OK ".

6. Aby wybrać wydarzenie, w „ Rozwój" podświetl wydarzenie domyślne, a następnie podświetl żądane wydarzenie.

7. W zależności od wybranej akcji wybierz dodatkowe parametry definiujące zdarzenie dla akcji.

Publikowanie strony

Przed opublikowaniem musisz sprawdzić tekst pod kątem błędów pisowni (" Usługa \ Pisownia lub F7 ”).

Procesowi publikowania witryny internetowej towarzyszy kopiowanie wszystkich plików i folderów tworzących witrynę z oryginalnej lokalizacji do określonej lokalizacji. V Program Microsoft FrontPage publikuje witrynę, aby udostępnić ją odwiedzającym, utworzyć kopię zapasową witryny i zaktualizować poprzednio opublikowaną witrynę.

Zazwyczaj pliki i foldery witryn sieci Web są tworzone na komputerze lokalnym. Po ukończeniu witryny jest ona publikowana w Internecie lub lokalnym intranecie, aby odwiedzający mogli przeglądać jej strony sieci Web za pomocą przeglądarki sieci Web.

Czasami konieczne jest utworzenie kopii witryny internetowej i zapisanie tej kopii w określonej lokalizacji na dysku twardym lub dysku sieciowym. Narzędzie do publikowania Microsoft FrontPage zapewnia wygodny sposób tworzenia takiej kopii.

Kiedy aktualizujesz pliki lub foldery w witrynie sieci Web, FrontPage używa terminów technicznych, aby odróżnić źródło od miejsca docelowego. Lokalna witryna sieci Web to oryginalna witryna sieci Web otwarta w programie FrontPage, a zdalna witryna sieci Web jest miejscem docelowym publikacji.

Przed publikacją musisz najpierw wejść słowa kluczowe w oknie « Właściwości strony ”.

Aby opublikować, przejdź do pozycji menu " Plik \ Opublikuj węzeł ”... Pojawi się okno, w którym możesz określić, jak i gdzie opublikować witrynę (patrz Rysunek 30). Jeśli publikujesz witrynę w Internecie, wygodniej jest korzystać ” Protokół FTP» (jest obsługiwany przez prawie wszystkie serwery). Jeśli host znajduje się w sieci lokalnej, a nawet bardziej na tym samym komputerze, należy wybrać pozycję „ System plików".

Następnie przejdź do pozycji „ Optymalizacja kodu HTML ”- opcja ta pozwala na znaczne zmniejszenie kodu i rozmiaru stron internetowych poprzez usuwanie notatek, komentarzy i innych informacji serwisowych, które nie wpływają na możliwości serwisu.

Rysunek 30. Publikowanie węzła

Porządek pracy

Efektem pracy powinna być stworzona przez studenta strona internetowa z wygodnym systemem nawigacji, zawierająca wszelkiego rodzaju elementy hipertekstowe (tekst, linki, obrazy, kolekcje zdjęć, pełzająca linia itp.), a także efekty dynamiczne i formularz sprzężenie zwrotne... Minimalną liczbę stron serwisu określa liczba studentów biorących udział w jego tworzeniu: 8 - dla jednego, 10 - dla dwojga, 12 - dla trzech.

2.1 Praca wykonywana przez studenta samodzielnie przed rozpoczęciem pracy na zajęciach komputerowych

1. Opracuj strukturę serwisu dla wybranego przez siebie tematu (przedstaw schemat stron serwisu i powiązania między nimi w formie pisemnej lub elektronicznej). Przykładową strukturę można znaleźć w rozdziale „Projektowanie struktury terenu” na stronie 8.

2. Przygotuj zawartość strony: materiały tekstowe, tabele, obrazy. (Musi być zgłoszone dokumenty tekstowe i pliki graficzne).

Wymagania dotyczące formy prezentacji wyników pracy

Wyniki prac prezentowane są w postaci strony internetowej (folder ze stronami serwisu) oraz raportu. Raport można złożyć w formie elektronicznej lub drukowanej.

Poniżej przedstawiono strukturę raportu.

Strona tytułowa

cel pracy

Zdobycie praktycznego doświadczenia w tworzeniu stron internetowych za pomocą Edytor Microsoft FrontPage: Opanowanie projektu witryny, nawigacji i wstawiania

Zadania

Stwórz stronę internetową na ten temat<указать тему>

<Остальные задания взять из параграфа «Praca na zajęciach komputerowych"(patrz strona 24)>

Struktura strony

<Вставить скриншот из представления «Переходы».>

<Представить скриншоты всех страниц сайта с кратким описанием назначения страниц и хода их разработки>

wnioski

<Перечислить действия, выполненные и освоенные в ходе работы.>

Literatura

1.http://www.microsoft.com/rus/office/FrontPage/Default.mspx — Ogólne informacje o programie FrontPage 2003

2.http://www.microsoft.com/rus/smallbusiness/products/howto/buildwebsitefrontpage.mspx — tworzenie witryn sieci Web za pomocą programu FrontPage 2003

3. Microsoft FrontPage 2003. Wersja rosyjska - M. Ekom, 2005

WPROWADZANIE

Cel pracy to nabycie praktycznego doświadczenia w tworzeniu stron z wykorzystaniem edytora Microsoft FrontPage: opanowanie możliwości projektowania strony, rozwijanie systemów nawigacji i wstawianie elementów.

W trakcie pracy student musi przemyśleć ideę serwisu, opracować strukturę, stworzyć wygodny system nawigacji i wypełnić go treścią (tekstem, linkami, obrazami, tabelami i innymi elementami hipertekstowymi).

Zadania podano na stronie 24. Poprzedzone są informacjami teoretycznymi opisującymi główne elementy interfejsu, możliwości, narzędzia MS Frontpage oraz metody pracy z nimi.

W ramach samodzielnej pracy studentów przewidziano przygotowanie do pracy laboratoryjnej, która polega na zapoznaniu się z materiałami podręcznika, przemyśleniu tematu i struktury serwisu, przygotowaniu treści do wypełnienia serwisu w trakcie pracy (tekst materiały, obrazy).

Informacje teoretyczne

Interfejs Microsoft FrontPage 2003

Pierwsza strona reprezentuje WYSIWYG- Edytor HTML (otrzymujesz to, co widzisz - dostajesz to, co widzisz). Oznacza to, że strony internetowe będą wyglądać tak samo w przeglądarce, jak w edytorze.

Praca w edytorze Frontpage jest bardzo podobna do pracy z edytorem tekstu, takim jak Microsoft Word. Interfejsy dwóch edytorów, podobnie jak wszystkie aplikacje zawarte w Pakiet Microsoft Office są w dużej mierze podobne: te same standardowe przyciski, prawie te same pozycje w menu głównym, odpowiednio te same podstawowe elementy: tekst, hiperłącza, obrazy, tabele, wykresy i inne obiekty. Formatowanie (ustawianie czcionki, wcięcia itp.) odbywa się w podobny sposób jak w programie Microsoft Word. Zakłada się, że czytelnicy mają już podstawowe umiejętności posługiwania się tymi elementami. Dlatego kwestie dodawania do strony podstawowych elementów hipertekstowych oraz ich formatowania będą rozpatrywane tylko powierzchownie.

Pomimo znacznych podobieństw do Worda, Frontpage jest profesjonalnym oprogramowaniem do tworzenia stron internetowych, co powoduje znaczne różnice.

Podczas gdy program Word został zaprojektowany do pracy z pojedynczym dokumentem, Frontpage został zaprojektowany do pracy z całą witryną sieci Web, składającą się z wielu plików i folderów. Obecność poglądów w Frontpage’u” Lista folderów " oraz " Przejścia ” ułatwia wyszukiwanie i przechodzenie z jednej strony na drugą oraz tworzenie powiązań między nimi. Narzędzie " Wspólne granice” pozwala na zaznaczenie na wszystkich (lub określonych) stronach części przestrzeni, na której elementy są takie same. W związku z tym, dodając lub zmieniając obraz lub menu z linków do jednej ze stron w tych wspólnych obszarach strony, zmiany te zostaną automatycznie odzwierciedlone we wszystkich innych. To znacznie ułatwia pracę nad formowaniem obszaru nagłówka ("nagłówka") strony i menu głównego. Linki uprościć tworzenie menu linków, a reklamy pozwalają automatycznie wpisać tytuł strony. Efekty dynamiczne umożliwiają tworzenie efektów wizualnych, takich jak zmiana obrazu po kliknięciu myszą, zmiana koloru łącza po najechaniu kursorem lub dramatyczne wyświetlanie zawartości strony po wczytaniu.

Rysunek 1. Interfejs FrontPage

Na Ryż. 1 prezentowany jest interfejs edytora Pierwsza strona Microsoft 2003.

Menu główne znajduje się w górnej części okna. Poniżej znajdują się paski narzędzi.

Po lewej stronie znajduje się widok listy folderów. Po prawej stronie znajduje się główne okno edytora strony internetowej.

Istnieją 4 główne tryby pracy ze stroną (wskazane w wierszu na dole strony):

"Konstruktor". Tryb podstawowy. W tym trybie możesz dodawać, zmieniać, usuwać elementy. W takim przypadku ich pozycja na stronach będzie taka sama jak w przeglądarce.

"Kod". Kod HTML strony.

„Z podziałem”. Połączenie poprzednie reżimy... Dzieli okno na 2 części: w jednym konstruktorze, w drugim kodzie HTML.

"Pogląd". Uruchamia widok strony podobny do przeglądarki. Niektóre elementy na stronie mogą nie działać, dlatego często wygodniej jest przeglądać stronę bezpośrednio w przeglądarce. Aby to zrobić, na pasku narzędzi znajduje się ikona z lupą nad stroną.

Menu główne

Menu główne składa się z pozycji:

"Plik". Zapewnia pracę z plikami: tworzenie, otwieranie i zapisywanie stron internetowych i całych witryn internetowych, publikowanie witryny, eksportowanie i importowanie

"Edytować". Zapewnia standardowe możliwości edycji

"Pogląd". Pozwala wybrać prezentację stron serwisu. Najciekawsze punkty to: „ Foldery "," Lista folderów " do pracy z poszczególnymi plikami i folderami witryny, " Przejścia "," Obszar nawigacji " aby dostosować strukturę stron w węźle. Tutaj możesz również skonfigurować Paski narzędzi.

"Wstawić". Zapewnia możliwość wstawiania elementów na stronę internetową. Najważniejsze punkty: „ Warstwa, pasek linków, komponent sieciowy, formularz, obraz, przycisk zamiany, zakładka, hiperłącze.

"Format". Menu formatowania. Zawiera opcje formatowania czcionki, akapitów, wyboru motywu, ustawień stylu i ogólnych obramowań.

"Tabela". Menu do pracy z tabelami, w tym tabelami układu.

W menu głównym znajdują się również okna: „ Serwis "," Dane "," Ramki "," Okno "," Pomoc ".

1.1.2 Paski narzędzi

Główne paski narzędzi edytora MS FrontPage są przedstawione na Ryż. 2... Aby włączyć / wyłączyć konkretny panel, musisz przejść do pozycji menu " Widok / Paski narzędzi " lub kliknij prawym przyciskiem myszy jeden z paneli edytora i wybierz żądany panel.

Rysunek 2. Lista pasków narzędzi

Microsoft Front Page to w pełni funkcjonalne narzędzie do tworzenia wydajnych witryn internetowych oraz szczegółowego i elastycznego zarządzania nimi. Aplikacja ta zapewnia rozbudowane opcje importowania, edytowania i formatowania plików HTML. Wszystkie te funkcje są dostępne za pomocą Przyjazny dla użytkownika interfejs znane użytkownikom pakietu Microsoft Office.

Witryna sieci Web (witryna sieci Web) to zbiór powiązanych stron sieci Web i plików. FrontPage ma możliwość tworzenia i edycji stron internetowych w 26 językach. Witryny są zazwyczaj poświęcone konkretnemu tematowi i zawierają informacje dotyczące osoby lub firmy. Korzystając z Front Page, możesz utworzyć witrynę bezpośrednio w systemie plików swojego komputera, a po przygotowaniu opublikować ją na serwerze.

FrontPage zawiera wiele funkcji zebranych w jednym obszarze roboczym. Przestrzeń robocza FrontPage jest podzielony na kilka obszarów wyświetlania: po lewej stronie znajduje się pasek widoku, a po prawej lista folderów. Za pomocą paska trybu możesz przełączać się z jednego trybu wyświetlania strony internetowej na inny, po prostu naciskając odpowiedni przycisk.

W programie FrontPage istnieje kilka trybów działania.

1. Tryb folderów służy do pracy z pojedynczymi plikami i folderami. Umożliwia usuwanie, przenoszenie i zmianę nazwy plików i folderów oraz przeglądanie struktury plików witryny sieci Web.

Front Page może pracować z plikami graficznymi w różnych formatach: * .BMP; * .TIF; * .WMF (metapliki WINDOWS); * .RAS (raster słońca); * .EPS (zawarty Postscript); * .PCX (pędzel); * .TGA (Targa) konwertując je do formatów publikacji * .GIF i * .JPG. Domyślnie Front Page zapisuje importowane formaty w formacie GIF.

2. Tryb strony służy do tworzenia i edycji poszczególnych stron. Ten tryb umożliwia wstawianie obrazów, tabel, hiperłączy, a także projektowanie stron przy użyciu różnych stylów i układów. Funkcja skrótów do stron ułatwia edycję wielu stron jednocześnie. Przełączanie się z jednej strony na drugą odbywa się za pomocą skrótów i odbywa się jednym kliknięciem.

Istnieją trzy tryby edycji stron: Normalny, HTML i Podgląd. Praca w trybie Normalnym pozwala nam zobaczyć stronę tak, jak wygląda na ekranie monitora. W trybie HTML edytowany jest kod strony HTML. Tryb podglądu pozwala zobaczyć stronę tak, jak faktycznie będzie wyglądać w przeglądarce internetowej (Internet Explorer).

Istnieją trzy sposoby stworzenia strony internetowej w Front Page: za pomocą kreatorów, szablonu (szablonów) lub w oparciu o gotowe pliki. Szablony to wbudowane strony zawierające formatowanie niezbędne do tworzenia i dostosowywania tworzonych stron. Kreatory i szablony umożliwiają tworzenie różnych typów witryn.

Po otwarciu witryny internetowej w tym trybie nowy pusta strona... Możesz zacząć od pustej strony lub skorzystać z jednego z poniższych gotowe szablony... Aby to zrobić, wybierz Plik - Nowy - Strona. W oknie zakładki Witryny WWW dostępnych jest kilka opcji tworzenia witryny:

Witryny Kreatora dyskusji służą do celów dyskusyjnych.

Kreator importu Strona internetowa tworzona jest z przygotowanych plików.

Corporate Presence Wizard - do tworzenia firmowej strony internetowej.

Karta Strony ramek zawiera listę szablonów układu ramek. Ramki to układy wielostronicowe, w których okno przeglądarki podzielone jest na wiele podstron. Okno dialogowe Nowy, karta Arkusze stylów, zawiera listę szablonów arkuszy stylów kaskadowych.

Możesz tworzyć zawartość witryny, importując ją z innego źródła, i możesz importować więcej niż tylko oddzielny plik ale także cały folder, a nawet witrynę internetową. Aby to zrobić, wyświetl okno dialogowe Importuj i wybierz Plik – Importuj. Zaimportowane pliki lub foldery można modyfikować, klikając przycisk Modyfikuj.

Obecnie istnieje możliwość opublikowania jednej strony, co pozwala na większą elastyczność w publikowaniu potrzebnych informacji. Aby to zrobić, kliknij prawym przyciskiem myszy wybraną stronę (lub wybierz wiele stron, przytrzymując klawisz CTRL) na liście folderów, a następnie wybierz opcję Opublikuj wybrane pliki.

FrontPage zapewnia funkcje formatowania tabeli: automatyczne formatowanie, autouzupełnianie i dzielenie. Funkcja autoformatowania tabeli pozwala szybko utworzyć w witrynie tabelę o profesjonalnej jakości. Aby złożyć wniosek ta funkcja, kliknij dowolną tabelę, którą edytujesz w programie FrontPage, a następnie kliknij opcję TablegTableAutoformat i wybierz żądany styl, który automatycznie określa typ obramowania, cieni i kolorów używanych podczas formatowania tabeli. Funkcja automatycznego wypełniania tabeli umożliwia kopiowanie tego samego elementu do wielu komórek. Aby to zrobić, wybierz linię i wykonaj polecenie TablegFillgRight. Podobnie możesz wypełnić dolne komórki za pomocą polecenia TablegFillgDown. Funkcja podziału stołu pozwala podzielić jeden stół na dwa w dowolnym miejscu.

3. Tryb raportów zapewnia pełny zestaw tabelarycznych raportów o stanie witryn sieci Web. Na przykład sprawdź liczbę stron na Strona internetowa; jego całkowity rozmiar; ostatnio dodane, zmodyfikowane lub stare strony, które wymagają aktualizacji; pliki, do których nie ma odnośników w ramach serwisu; niedziałające linki do innych stron w bieżącej i innych witrynach; niedokończone strony z przypisanymi autorami i wyświetlaniem statusu każdej strony itp. Dzięki temu trybowi można śledzić obszary problemowe i naprawiać je za pomocą odpowiedniego paska narzędzi.

4. Tryb nawigacji określa parametry poruszania się użytkowników po serwisie WWW i pokazuje strukturę serwisu WWW. Korzystając z tego trybu, możesz zmienić położenie stron w witrynie sieci Web, przeciągając i upuszczając stronę z folderu i przenosząc ją do żądanej lokalizacji; usuń stronę ze strony internetowej lub dodaj komunikacja zewnętrzna do konstrukcji. Gdy zmienisz tytuł strony w trybie nawigacji, zostanie on automatycznie wyświetlony na stronie, bez konieczności dalszej edycji.

5. Tryb hiperłączy umożliwia przeglądanie łączy między stronami w witrynie sieci Web. Hiperłącze to tekst lub obraz na stronie sieci Web, który po kliknięciu przenosi do innej strony sieci Web lub witryny. Strona główna ma kilka opcji tworzenia hiperłączy. Na przykład umieść wszystkie hiperłącza na jednym strona główna lub utwórz pasek nawigacyjny, który automatycznie tworzy i wyświetla hiperłącza do stron w Twojej witrynie. Pasek nawigacyjny jest łatwy w użyciu, ma pewne wady:

1. Pasek nawigacyjny zawiera tylko niektóre linki, które można dostosować i nie więcej.

2. Pasek nawigacyjny nie będzie działał, dopóki nie utworzysz struktury witryny.

Można również stworzyć interaktywną mapę (mapę obrazkową), która jest rysunkiem z punktami aktywnymi, czyli linkami, po których użytkownik kliknięciem myszki przechodzi do żądanej strony.

Łącza między stronami witryn sieci Web można wyświetlić w oknie dialogowym Tworzenie hiperłącza. Łącza są reprezentowane przez strzałki, więc wisząca strzałka wskazuje zerwane łącze. Aby naprawić uszkodzony link, przejdź do trybu Broken-Hyperlink, kliknij prawym przyciskiem myszy uszkodzony link i wybierz Edycja-Hiperlink. Wszelkie uszkodzone linki zostaną automatycznie poprawione.

W trybie hiperłączy domyślnie nie będą wyświetlane nagłówki stron, ale nazwy ich plików. Można to łatwo naprawić za pomocą jednego z poleceń menu kontekstowego. Tak więc, używając polecenia Pokaż tytuły stron zamiast nazw plików, zostaną wyświetlone tytuły stron, a za pomocą polecenia Hiperłącza do obrazów można wyświetlić hiperłącza do plików graficznych. Polecenie Powtarzane hiperłącza wyświetla powtarzające się hiperłącza, czyli wszystkie łącza strony do tego samego pliku. Aby wyświetlić łącze do zakładek na jednej stronie, użyj polecenia Hiperłącza wewnątrz strony.

Najlepsze zakładki to nagłówki sekcji. Aby utworzyć zakładkę, otwórz stronę i wybierz tekst, do którego chcesz utworzyć łącze. Nazwę zakładki wprowadza się w oknie dialogowym Zakładka, wybierając opcję Wstaw-Zakładka. Za pomocą tego okna dialogowego można również usunąć zakładkę. Aby jednocześnie utworzyć zakładkę i hiperłącze, kliknij prawym przyciskiem myszy zaznaczony tekst przyszłej zakładki i, przytrzymując go, przeciągnij tekst do miejsca, w którym powinien znajdować się hiperłącze. Następnie wybierz Link tutaj z menu kontekstowego. FrontPage automatycznie utworzy zakładkę i wstawi hiperłącze używające tekstu zakładki.

FrontPage ma możliwość tworzenia niestandardowych pasków łączy do łączenia stron internetowych zarówno w witrynie, jak i poza nią. Panele powstają bardzo szybko, a wybór kształtów i stylów przycisków jest duży. Paski łączy są wstawiane w dowolnym miejscu na stronie lub umieszczane na wspólnych obramowaniach, aby nawigować między stronami witryny.Aby wstawić paski, wybierz polecenie InsertgWeb ComponentgLink Bars i typ łącza.

FrontPage ma również możliwość łączenia się z innymi witrynami sieci Web i serwerami FTP, znając adres URL odpowiedniego pliku. Tworząc łącze do pliku w Internecie w dokumencie sieci Web, należy zaznaczyć tekst przyszłego łącza i kliknąć przycisk Hiperłącze, a następnie wprowadzić pełny adres URL w oknie dialogowym Utwórz hiperłącze lub kliknąć przycisk Przeglądaj, jeśli adres URL jest nieznany. W takim przypadku FrontPage automatycznie uruchomi przeglądarkę internetową w celu wskazania wymaganego pliku i automatycznie wprowadzi adres URL w odpowiednim polu.

FrontPage to potężne narzędzie do użytku korporacyjnego, ułatwiające organizowanie klubów dyskusyjnych, ankiet online i list, które można edytować w przeglądarce. Dzięki usługom SharePoint Team Services można szybko skonfigurować witrynę zespołu w intranecie, w której członkowie zespołu mogą zapisywać, wyszukiwać i udostępniać dane, dokumenty i strony sieci Web.

Za pomocą programu SharePoint Team Services można wstawić forum, aby członkowie zespołu i odwiedzający witrynę mogli uczestniczyć w dyskusjach. Użytkownicy mogą tworzyć nowe dane dla biblioteki dokumentów, sortować i filtrować listy dokumentów oraz aktualizować lub dołączać nowe informacje za pomocą dowolnej przeglądarki czwartej generacji i nowszych.

Możesz także dodać do strony interaktywną ankietę. Odwiedzający mogą odpowiadać na pytania za pomocą przeglądarki i przeglądać wyniki ankiety na automatycznie generowanych wykresach. Dodawanie ankiety jest ustawiane za pomocą polecenia FilegNewgSurvey.

FrontPage zawiera funkcje dla e-commerce porcja jedzenia małe organizacje przekształcenie witryny z miejsca umieszczania informacji o produktach i usługach w centrum sprzedaży.

6.7. Nazwij główne składniki i formy pakietu FrontPage, zdefiniuj pojęcie „tryb WYSIWYG”

Microsoft Frontpage umożliwia tworzenie i zarządzanie dokumentami internetowymi. Nie tylko strony internetowe, dla których istnieje mnóstwo świetnych programów do pracy, ale ogólnie dokumenty internetowe (witryny), czyli zbiory powiązanych stron.

Frontpage składa się z trzech głównych komponentów:

1. Eksplorator programu Frontpage zapewnia strukturę dokumentów internetowych oraz kreatory i szablony, które umożliwiają wykonanie tego w ciągu zaledwie kilku minut. Jeśli sieć Web jest już zainstalowana, Explorer zapewnia wizualną reprezentację całego dokumentu sieci Web i pozwala zachować ją w przyszłości;

2. Frontpage Editor umożliwia tworzenie indywidualnych stron

Web lub edytuj wcześniej wprowadzone strony w WYSIWYG „dostajesz to, co widzisz”; Tryb dokładnego wyświetlania „To, co widzisz, jest tym, co otrzymujesz”. Zasada WYSIWYG to zasada dopasowania wyświetlanego obrazu do gotowego dokumentu. W tym trybie autor widzi gotowy wynik bezpośrednio na ekranie i pracuje z nim.

3. Frontpage Personal Web Server zapewnia weryfikację wszystkich aspektów działania tej sieci i jej utrzymania w Internecie.

Ryż. 10.28. Okno dialogowe Wstaw tabelę Ryż. 10.29. Tworzenie tabel w dokumencie HTML Ryż. 10.30. Panel stołu Ryż. 10.37. Panel formularzy Ryż. 10.38. Przykłady formularzy Ryż. 10.39. Pasek poleceń pola formularza Ryż. 10.44. Przykład strony tytułowej typowej strony internetowej Ryż. 10.45. Okno dialogowe Właściwości markizy Ryż. 10.46. Okno dialogowe do tworzenia przycisku Ryż. 10.47. Okno dialogowe Wstaw tabelę Ryż. 10.48. Okno dialogowe Wybierz plik Ryż. 10.49. Okno dialogowe Utwórz hiperłącze

Pakiet oprogramowania FrontPage został opracowany przez firmę Vermeer Technologies, znaną z opracowywania standardowych graficznych sposobów prezentowania i publikowania informacji w sieci WWW. Microsoft nabył ten pakiet i dołączył go do pakietu MS Office.

Pakiet oprogramowania FrontPage ma na celu przyciągnięcie dużej armii użytkowników do pracy na stronach i witrynach sieci Web, którzy nie mają wystarczającego doświadczenia w bardziej złożonych środowiskach oprogramowania, ale chcą tworzyć własne dokumenty elektroniczne. Ten pakiet może być również używany przez profesjonalnych webmasterów do tworzenia niektórych składników witryny sieci Web lub strony domowej sieci Web.

Podczas jego tworzenia programiści uważali, że użytkownicy nie mieli wystarczająco dużo czasu ani doświadczenia, aby zrozumieć zawiłości języka HTML. Dlatego w tym środowisku programowym użytkownik ma możliwość złożenia strony WWW z gotowych komponentów w postaci, w jakiej pojawia się ona na ekranie przeglądarki. Program odpowiada za generowanie odpowiednich kodów kontrolnych HTML. W rzeczywistości zadanie twórcy strony podczas pracy w tym programie sprowadza się do doboru materiałów i formatowania tekstu. Tym samym publikacja materiałów w Internecie stała się dostępna dla osób nieprofesjonalnych. Z drugiej strony specjaliści również zaczęli spędzać mniej czasu na pisaniu kodów do standardowych operacji.

FrontPage, zintegrowany z pakietem aplikacji Microsoft Office, stał się w ostatnich latach dość rozpowszechnionym produktem służącym do przygotowywania publikacji elektronicznych do Internetu, łączenia części klienckiej i serwerowej oraz zapewniania możliwości tworzenia całości witryny sieci Web i instalowania jej na serwer zdalny.

Pakiet oprogramowania FrontPage zawiera kilka dodatkowych narzędzi, które razem tworzą tak zwany FrontPage Bonus Pack:

Kompozytor obrazów Microsoft, edytor graficzny, przeznaczony do tworzenia i manipulowania obrazami w witrynie sieci Web. Narzędzie zawiera różne efekty do przetwarzania obrazu i ponad 200 MB zdjęć elektronicznych, których możesz użyć.

Osobisty serwer WWW firmy Microsoft, Wersja internetowa Information Server (USA, Internet Information Server), działający w systemie Windows 9.xi Windows NT Workstation. Microsoft Personal Web Server różni się od FrontPage Personal Web Server, który jest częścią samego FrontPage, lepszą wydajnością i dodatkowymi funkcjami.

Kreator publikowania w sieci Web, który umożliwia udostępnianie witryn sieci Web u dostawcy lub usług online. Zazwyczaj ten kreator jest używany w przypadku serwerów, które nie obsługują rozszerzeń serwera FrontPage.

FrontPage używa graficznego Eksploratora FrontPage do tworzenia, przeglądania i obsługi witryn sieci Web oraz do umieszczania ich na komputerze użytkownika, w sieci lokalnej lub w Internecie. FrontPage Explorer zawiera polecenia służące do administrowania witrynami internetowymi FrontPage, sprawdzania, przeglądania i zarządzania hiperłączami (adresami URL).

Pakiet oprogramowania Microsoft FrontPage z definicji jest przeznaczony do tworzenia i obsługi witryn sieci Web. Może być używany do efektywnego projektowania i budowania dynamicznej witryny sieci Web.

Witryna internetowa FrontPage to zbiór stron internetowych, obrazów i komponentów multimedialnych zorganizowanych w powiązane pliki i foldery.

Funkcjonalność pakietu MS FrontPage od wersji do wersji zbliża się do omówionych wcześniej możliwości pakietu oprogramowania Macromedia Dreamweaver. Dlatego materiał tego rozdziału w pewnym sensie można uznać za dodatek do materiału z poprzedniego rozdziału.

Jedną z głównych funkcji edytora FrontPage jest możliwość projektowania stron internetowych w trybie WYSIWYG. W takim przypadku nie ma potrzeby ręcznego ustawiania parametrów sterowania Tagi HTML... FrontPage wykorzystuje metody pracy ze znacznikami HTML Edytor tekstu oraz wizualne środowisko programistyczne, które sprawia, że ​​proces jest szybszy i bardziej zrozumiały.

FrontPage może zarówno tworzyć nowe strony, jak i edytować wcześniej przygotowane dokumenty HTML. Strony internetowe można wyświetlać w trybie WYSIWYG, jako znaczniki HTML oraz jako podgląd (podobnie jak w oknie przeglądarki). Ponadto możliwe jest załadowanie strony internetowej do przeglądarki podglądu (zwykle Internet Explorer).

Redaktor może drukować strony tak, jak będą pojawiać się na ekranie (biorąc pod uwagę wielkość kartki papieru do wielkości strony).

Formatowanie tekstu... FrontPage zapewnia możliwość dostosowania kroju znaków tekstowych, ich koloru i rozmiaru (rozmiar w punktach). Większość parametrów projektowych można zmienić za pomocą przycisków na pasku narzędzi.

Program obsługuje zestaw funkcji formatowania akapitów: ustawianie odstępów i centrowania, wcięć itp. Istnieje możliwość wyboru stylów formatowania list.

Arkusze stylów... Używając arkuszy stylów, możesz zwinąć wiele atrybutów stylu (czcionka, kolor, rozmiar, odstępy, dopełnienie itp.) w jedną tabelę. Dla każdego elementu można zdefiniować kilka różnych stylów. W takim przypadku przeglądarka nada im priorytety i rozwiąże konflikty w sposób hierarchiczny.

Istnieje kilka opcji umieszczenia arkusza stylów:

Stół zewnętrzny. Po utworzeniu jednej tabeli zewnętrznej możesz dalej powiązać z nią dowolną liczbę stron. Gdy zajdzie potrzeba wprowadzenia zmian, są one dokonywane tylko w pliku *.css.

Wewnętrzny arkusz stylów. Tabela jest zawarta w kodzie strony. Zdefiniowane w nim style są specyficzne tylko dla jednej strony.

Styl wbudowany. Styl dotyczy tylko poszczególne elementy strona i jest zdefiniowana w tagu otwierającym dokumentu.

Wstawianie fragmentów kodu... HTML zmienia się szybko i z czasem mogą pojawić się nowe znaczniki kontrolne lub ich atrybuty, które nie są obsługiwane w niektórych wersjach programu FrontPage. Jednak FrontPage umożliwia wstawianie dowolnego fragmentu kodu HTML, nawet zawierającego nowe dyrektywy. Jednak FrontPage nie sprawdza poprawności wprowadzonych znaczników. W oknie edytora taki tekst zostanie oznaczony ikoną Nieznany kod HTML.

Spinki do mankietów... Zapewnia możliwość korzystania z zakładek (klikania łącza w tekście strony), umożliwiając użytkownikom nawigację między sekcjami tekstu. Dodatkowo ustawiony jest interfejs wyszukiwania zakładek.

FrontPage obsługuje kilka typów linków:

Linki URL (możesz wpisać adres ręcznie lub wybrać z dostępnych linków). Podczas pracy z hiperłączami możesz przeciągnąć i upuścić adres URL z Eksploratora lub przeglądarki na projektowaną stronę.

Linki do adresu E-mail... Ten typ łącza umożliwia odwiedzającym witrynę sieci Web wysyłanie wiadomości na określony adres podany w łączu. Po jej wybraniu w programie pocztowym otwiera się okno do tworzenia wiadomości.

Możliwe jest dodatkowo określenie zakładki wewnątrz linku (nazwa zakładki jest wskazana w oknie dialogowym tworzenia linku), a także wyjście strony (lub pliku) linku w oddzielna ramka(rama).

Należy zauważyć, że kod napisany w standardowej reprezentacji adresu URL jest automatycznie konwertowany na hiperłącze.

Stoły... FrontPage posiada wygodny mechanizm budowania stołów. Stół można ustawić za pomocą menu Tabela. Edytor posiada również panel do rysowania tabeli, z którego za pomocą narzędzi Ołówek i Gumka można odpowiednio rysować i wymazywać komórki tabeli. Edytor udostępnia takie mechanizmy pracy z tabelami jak usuwanie, wstawianie i łączenie komórek, ustawianie wyrównania (w pionie i poziomie) danych w tabeli, wypełnianie komórek określonym kolorem.

Tabele programu Excel i wykresy pakietu Microsoft Office można również osadzać na stronie sieci Web.

Ramki (ramki)... Edytor obsługuje ramki, prostokątne obszary na stronie, które pasują do zawartości innych stron. Za pomocą szablonów przyciętych stron można tworzyć różne opcje rozmieszczenia ramek na stronie głównej (zestaw ramek). FrontPage zarządza właściwościami każdej strony reprezentowanej w ramce, każdej ramki i strony głównej. Podczas pracy z ramkami do Edytora dodawana jest zakładka kodu HTML bieżącej ramki, a także opcja przeglądania strony z ramkami lub bez.

Obrazy... Ważną kwestią jest prezentacja obrazów na stronach WWW. FrontPage udostępnia procedurę wstawiania zarówno standardowych obrazów z biblioteki (clipartów), jak i obrazów z plików graficznych (używane są następujące formaty: * .gif, * .jpg, * .bmp, * .tif, * .wmf, * . ras, * .pcx, * .pcd, * .tag, * .eps). Po wstawieniu obrazu wyświetla się panel z przyciskami do edycji obrazów. Należą do nich funkcje pozycjonowania obrazu względem sąsiednich obiektów, umieszczania tekstu na obrazie, obracania i symetrycznego wyświetlania obrazu, sterowania jasnością i kontrastem, uzyskiwania fragmentu, przywracania pierwotnych parametrów, ustawiania kadru.

Mapy obrazu klienta... Szczególną uwagę należy zwrócić na mechanizmy tworzenia hiperłączy za pomocą obrazu. Możliwe jest automatyczne utworzenie małej kopii (miniaturki) do podglądu obrazu. W takim przypadku edytor automatycznie generuje hiperłącze do oryginalnego pliku obrazu i prezentuje na stronie niewielką kopię.

Ciekawą funkcją jest wybór obszarów na obrazku, w których można ustawić hiperłącza. Na przykład możesz zdefiniować okrąg, prostokąt lub obszar otoczony polilinią po kliknięciu w celu otwarcia hiperłącza.

Formularze... Formularze są często używane podczas pracy ze stronami internetowymi. Dane w nich zawarte są albo wprowadzane do pól tekstowych ręcznie, albo dokonywany jest wybór z określonego zestawu wartości (przyciski radiowe, pola kombi itp.). Z reguły takie formularze zawierają przyciski służące do wysyłania informacji lub resetowania wartości. Formularze są przeznaczone do interaktywnej komunikacji z odwiedzającymi witrynę. Jeśli potrzebujesz stworzyć księgę gości lub stronę, na której odwiedzający mogliby wyrazić swoją opinię lub wskazać błędy w serwisie, jeśli odwiedzający są zaproszeni do uzupełnienia serwisu (np. mogą wpisać swoje linki bezpośrednio z przeglądarki), skorzystaj z interaktywnych formularze.

Gdy odwiedzający stronę internetową wypełni formularz i kliknie sugerowany przycisk, dane są przesyłane do programu na serwerze. Program serwera musi istnieć. Bez tego informacje po prostu nie zostaną zapisane. Po nadejściu danych program serwera przetwarza je. Przetwarzanie może być proste, jak przechowywanie danych w pliku, lub złożone, jak sortowanie, przeliczanie dostarczonych danych czy wysyłanie potwierdzenia wysłania informacji. Standard programowania, który definiuje sposób interakcji odwiedzających z witryną sieci Web, nazywa się CGI - Common Gateway Interface. Programy serwerowe, które zajmują się informacjami wejściowymi, takimi jak formularze, nazywane są skryptami CGI i są napisane zgodnie ze specyfikacją CGI. Bez pomocy FrontPage (lub podobnego) musisz napisać skrypt CGI do manipulowania formularzami i zainstalować go na swoim serwerze sieciowym. Jednak wielu dostawców usług internetowych nie zezwala na instalowanie niestandardowych skryptów na swoich serwerach.

Każdy formularz FrontPage ma tę samą podstawową strukturę: co najmniej jedno pytanie, jedno lub więcej pól tekstowych, w których odwiedzający może wprowadzać informacje, przycisk zachęcający do wysłania danych na serwer oraz przycisk usuwania informacji wprowadzonych lub zaznaczonych w pola. Po stronie serwera istnieje również kilka programów związanych z formularzami do przetwarzania otrzymanych danych.

Formularze można tworzyć w programie FrontPage tylko wtedy, gdy programista ma zainstalowany Personal Web Server. Formularze FrontPage można tworzyć za pomocą Kreatora formularzy, projektując własne, niestandardowe formularze i korzystając z szablonu.

Każdy formularz zawiera co najmniej dwa elementy (lub pola formularza) - pole do wpisania tekstu lub wybrania opcji oraz przycisk Prześlij inicjujący zapis wyników z formularza do pliku lub do programu przetwarzającego na serwerze. Każdy formularz składa się z elementów, z których dane, po kliknięciu przycisku wypełniającego formularz, wykonują jednorodną akcję - albo wszystkie są wysyłane na serwer, albo wszystkie zostają wyczyszczone. FrontPage może tworzyć następujące elementy formularza:

Jednowierszowe pole tekstowe;

przewijanie pola tekstowego (przewijanie);

pola wyboru;

przełączniki (przycisk radiowy);

menu rozwijane;

wciskać przyciski;

przyciski graficzne (obraz).

Aby strona była dynamiczna, używane są pełzające linie. Jest element markizy (linia pełzania).

Licznik odwiedzin pozwala oszacować liczbę odwiedzających stronę. Z reguły jest instalowany tylko na stronie tytułowej. FrontPage posiada formularz do wstawiania licznika, który oferuje programiście kilka opcji prezentowania liczników, a także pozwala użytkownikowi wybrać specjalny plik (dla licznika wybierany jest plik w formacie graficznym, w którym wszystkie cyfry od 0 do 9 należy podać).

Program Microsoft FrontPage jest przeznaczony do tworzenia i późniejszego administrowania witrynami internetowymi / intranetowymi. Microsoft FrontPage składa się z dwóch modułów: FrontPage Explorer i FrontPage Editor.

Moduł Eksploratora FrontPage stworzone dla:

tworzenie strony internetowej;

ustanawianie praw dostępu;

organizowanie struktury plików witryny internetowej;

Uruchom FrontPage Editor, aby edytować strony.

Pod koniec procesu tworzenia strony internetowej moduł ten służy do umieszczenia jej na serwerze w Sieci internetowe/ Intranet.

Użytkownicy mogą tworzyć, usuwać, otwierać, edytować i zamykać witryny za pomocą programu FrontPage Explorer i FrontPage Editor na stacji roboczej klienta.

Funkcje modułu FrontPage Explorer to:

Na ryc. 10.1 zostanie wyświetlone okno robocze Eksploratora FrontPage.

FrontPage posiada interfejs w stylu innych aplikacji Microsoft Office. Posiada wielostronicowe okno dokumentu ze wskaźnikami do stron, okno z ikonami głównych sekcji projektu, paskami narzędzi, pływającymi menu itp. W przypadku większości obiektów metoda „przeciągnij i upuść” ( przeciągnij i spadek) między oknami a panelami. Zapewnione są możliwości zarządzania kompozycją paneli.

FrontPage jest zbudowany jako aplikacja SDI (Single Document Interface - w oknie programu wyświetlany jest tylko bieżący dokument). Znowu dla wszystkich otwórz dokument powstaje własne okno robocze.

Okna robocze pakietu oprogramowania... Po uruchomieniu programu na ekranie wyświetla się oryginalne okno robocze pakietu oprogramowania. Na ryc. 10,4 wyświetlane jest okno robocze, domyślnie tworzone przez aplikację po rozpoczęciu pracy. To okno przedstawia domyślny kod HTML generowany dla każdej nowej strony.

W tym oknie roboczym po lewej stronie znajduje się panel z piktogramami głównych trybów pracy pakietu oprogramowania. Gdy kursor myszy kliknie odpowiednią ikonę na ekranie, wizualizowana jest ta lub inna reprezentacja projektu: projekt bieżącej strony jako części witryny sieci Web, kompozycja witryny (według plików i folderów), raporty i statystyki, nawigacja między strony witryny sieci Web, hiperłącza do stron, zadania dziennika.

Domyślnie wyświetlana jest bieżąca strona w witrynie sieci Web. Dokumentem głównym w tym przypadku jest wielostronicowy formularz ze wskazaniem stron na dole, po lewej stronie w formie listy wyszczególnione są strony w Serwisie, co pozwala Szybkie przejście od strony do strony podczas projektowania.

Pierwsza strona jest przeznaczona do projektowania z elementami wizualnymi zgodnie z zasadą WYSIWYG. Możesz bezpośrednio edytować tekst, obrazy, wstawiać i usuwać gotowe komponenty, przesuwać elementy po stronie. Wyskakujące menu umożliwiają edycję właściwości komponentów. Wygląd okna strony pokazano na ryc. 10,5 .

Poniżej na pasku statusu wizualizowane jest wyliczenie szybkości ładowania strony dla zdalnego połączenia z serwisem przy określonych warunkach (szybkość lub rodzaj połączenia). Projektant witryny sieci Web musi znaleźć kompromis między ilością przesyłanych informacji a możliwościami kanału komunikacji. Kolorowa grafika, dźwięk, wideo mogą uatrakcyjnić witrynę, ale jeśli użytkownik musi długo czekać na załadowanie strony przez wolnoobrotowy modem, efekt może być zupełnie inny. Możesz ustawić parametry komunikacji, według których program będzie testował prędkość pobierania.

Jeśli wybrano strona HTML, użytkownik może ręcznie utworzyć znaczniki strony. Z reguły dokument jest przełączany w ten tryb, gdy tworzenie obrazu wizualnego zostało już zakończone i konieczne jest określenie dodatkowych ustawień, edycja wykonania skryptów itp. Znaczniki kontrolne są wyróżnione kolorem. Dla każdego tagu możesz wyświetlić wyskakujące menu z zestawem jego właściwości. Właściwości znacznika można również ustawić za pomocą polecenia Właściwości znacznika.

Na ryc. 10,6 pokazany jest widok okna roboczego w trybie pracy z kodem HTML.

Tryb podglądu służy do podglądu dokumentu tak, jak będzie wyglądał w oknie przeglądarki. Podgląd nie powinien być jedyną kontrolą nad wykonaną pracą. Wymagane jest przetestowanie witryny sieci Web w głównych przeglądarkach.

Do zarządzania zawartością projektu - hierarchią folderów i składem plików - służy okno robocze wyświetlane za pomocą ikony Foldery panelu Widoki (rys.10.7 ).

Lista po lewej stronie zawiera podfoldery w głównym folderze witryny sieci Web. Główna część okna zawiera listę plików pogrupowanych według podfolderów. Do każdego pliku dołączone są komentarze, które zawierają informacje o typie pliku, czasie jego modyfikacji, autorze oraz dodatkowe wyjaśnienia. Podfoldery można przekonwertować na podwitryny. W takim przypadku do listy folderów dodawany jest wpis podsieci.

Podczas pracy w witrynie sieci Web mogą być wymagane różne raporty o stanie. Raporty prezentowane są w specjalnym oknie (rys.10.8 ) wyświetlane po kliknięciu ikony Raporty w panelu Widoki. Lista zawiera następujące raporty:

Wszystkie pliki (lista wszystkich plików w serwisie).

Zdjęcia (lista plików graficznych zawartych w serwisie).

Niepołączone pliki (pliki niedostępne z głównego strony internetowe-Strona).

Pliki połączone (pliki dostępne z głównej strony serwisu).

Wolne strony (strony, których szybkość transferu przekracza limit (na przykład 30 sekund dla 28,8 Kb/s).

Starsze pliki — pliki utworzone wcześniej niż w ciągu ostatnich 72 dni.

Ostatnio dodane pliki — pliki dodane w ciągu ostatnich 30 dni.

Hiperłącza — lista wszystkich hiperłączy.

Niezweryfikowane hiperłącza — niezweryfikowane hiperłącza.

Błędy komponentów — lista plików, w których występują błędy prezentacji komponentów.

Nieukończone zadania - lista nieukończonych zadań.

Niewykorzystane motywy - lista nieużywanych dekoracji.

Na każdej z list możesz przejść bezpośrednio do edycji konkretnego obiektu, klikając odpowiedni wpis.

Projektując witrynę internetową, ważne jest zrozumienie charakteru przejść między stronami. Topologię witryny można ocenić za pomocą strony Nawigacja panelu Widoki (rysunek 10.9 ). Na mapie każda strona jest reprezentowana jako prostokąt z tytułem. Strony na diagramie można podzielić na strony nadrzędne (strony, z którymi powiązane są strony podrzędne niższego poziomu); strony podrzędne (połączone ze stronami nadrzędnymi za pomocą hiperłączy graficznych lub tekstowych); strony rodzeństwa (strony ze wspólnymi rodzicami).

Na diagramie hiperłącza FrontPage (rysunek 10.10 ) przedstawia graficzną reprezentację łączy między częściami witryny sieci Web. Ekran podzielony jest na dwa panele - listę plików i schemat linków. Schemat przedstawia charakter linków w postaci ikon. Koperta oznacza możliwość wysłania wiadomości e-mail bezpośrednio ze strony; rysunek - plik graficzny; globus - link zewnętrzny; Uszkodzony link - adres linku jest ustawiony niepoprawnie; trójkąt z wykrzyknik- błąd w zdefiniowaniu komponentu. Schemat pokazuje również ikony typów pliki Microsoft Strony biurowe, do których prowadzą linki

Projekty stają się dziś coraz bardziej złożone. Dlatego programista musi zrozumieć ilość pracy do wykonania, a także zbudować przemyślaną sekwencję działań podczas tworzenia witryny sieci Web. Z drugiej strony rozwój witryn internetowych odbywa się z reguły Grupa robocza, której członkowie muszą koordynować swoje działania. W związku z tym przewiduje się prowadzenie list zadań.

FrontPage oferuje widok zadań. Eksplorator tworzy listę zadań dla każdej witryny sieci Web tworzonej za pomocą programu FrontPage i udostępnia listę wszystkim współautorom. Pakiet oprogramowania nie tylko pozwala na rejestrowanie wszystkich tych zadań, ale także eliminuje potrzebę ich organizowania. Każdemu zadaniu towarzyszy jego opis, priorytet, konkretny wykonawca itp.

Okno (rys.10.11 ) otwiera się, klikając ikonę Zadania lub wybierając opcję Zadania w menu Widok eksploratora.

Okno wyświetla listę zadań, składającą się z następujących pól:

Status - status zadania (czerwony znacznik - nieukończone, zielony - zakończone),

Zadanie - zawiera opis zadania,

Przypisany do- pokazuje kto odpowiada za wykonanie każdego z zadań,

Priorytet - wskazuje priorytet zlecenia: wysoki, średni lub niski,

Związany z- nazwę strony lub pliku wymagającego edycji do wykonania zadania,

Zmieniona data- data ostatniej modyfikacji zadania,

Opis- opis każdego zadania.

Menu główne pakietu oprogramowania... Menu główne programu jest zaprojektowane jako standardowe menu Microsoft Office 2000 i zawiera dziesięć poleceń: Plik, Edytuj, Widok, Wstaw, Formatuj, Narzędzia, Tabela, Ramka, Okna, Pomoc.

Menu Plik łączy funkcje zarządzania plikami i projektami, tworzenia witryny sieci Web i oddzielnej strony sieci Web, zapisywania, zamykania, drukowania i zamykania programu. Na przykład:

New / FrontPage Web — Tworzy nową witrynę internetową.

Nowy / Folder - tworzy nowy katalog w istniejącej witrynie.

Open FrontPage Web — otwiera istniejącą witrynę internetową w celu przeglądania lub edycji.

Zamknij sieć FrontPage — zamyka bieżącą witrynę sieci Web.

Publikuj w sieci FrontPage — przenieś bieżącą zawartość na inny serwer sieciowy lub do innego folderu.

Usuń sieć FrontPage — usuwa zawartość bieżącej witryny sieci Web.

Importuj — importuje pliki lub foldery do bieżącej witryny internetowej.

Eksportuj - eksportuje dokument do pliku.

Ustawienia strony - ustawianie parametrów strony podczas drukowania.

Podgląd wydruku - podgląd dokumentu przed wydrukiem.

Ostatni plik — lista plików, które zostały ostatnio zmienione.

Menu Edycja zawiera polecenia do cofania wykonanej akcji, kopiowania obiektu do schowka, wstawiania obiektu, znajdowania i zastępowania fragmentów tekstu, a także pracy z zadaniami. Kompozycja tego menu jest najbardziej zbliżona do tradycyjnych:

Wytnij - wytnij dokument i umieść go w schowku.

Ponów — cofnij anulowanie.

Kopiuj - skopiuj dokument do schowka.

Wklej - wklej dokument ze schowka.

Usuń — usuń dokument.

Zmień nazwę - zmień nazwę dokumentu (spowoduje to automatyczną zmianę odnośników we wszystkich dokumentach do obiektu o zmienionej nazwie, aby zapewnić integralność danych).

Otwórz — otwórz dokument do edycji (Edytor FrontPage dla HTML itp.).

Otwórz za pomocą - otwórz dokument do edycji ze wskazaniem typu edytora.

Dodaj zadanie do wykonania — dodaj element do listy zadań.

Zakładka - wstaw/edytuj zakładki.

Baza danych - zarządzanie selekcją danych z bazy do dokumentu.

Właściwości — przeglądanie właściwości dokumentu itp.

Menu Widok zawiera polecenia do ustawiania trybów pracy, wizualizacji znaczników i przeglądania ruchomych paneli:

Pasek narzędzi - włącz / wyłącz pasek narzędzi.

Pasek stanu - włącz / wyłącz pasek stanu.

Znaczniki formatowania - włącz / wyłącz wyświetlanie symboli formatowania.

Odśwież - aktualizacja informacji w dokumencie.

Widok hiperłącza — włącz tryb przeglądania linków.

Widok folderu — włącz tryb widoku struktury folderów.

Hiperłącza do obrazów - włącz / wyłącz tryb przeglądania linków dokumentów z plikami graficznymi.

Powtarzające się hiperłącza - włącz / wyłącz wyświetlanie zduplikowanych łączy.

Hiperłącza wewnątrz strony - włącz / wyłącz tryb wyświetlania odnośników wewnątrz dokumentu.

Odśwież - aktualizacja wyświetlanych informacji.

Menu Wstaw zawiera polecenia służące do wstawiania elementów różnego typu (przerwa, linia pozioma, symbol, komentarz, obraz graficzny, obrazy wideo, Muzyka w tle, plik tekstowy, element sterujący, hiperłącze, ActiveX, JavaScript, Animacja programu PowerPoint, formularz, data i godzina itp.), zebrane w odpowiednich podmenu.

Menu Format łączy opcje formatowania, kontrolowania wyglądu stron, ustawiania stylu układu, ustawień czcionki i akapitu, ustawiania typu listy, kontrolowania efektów, ustawiania obrazu tła i nie tylko.

Menu Narzędzia zawiera dodatkowe funkcje do zarządzania właściwościami projektu, sprawdzania pisowni, ustawiania właściwości dla całej witryny internetowej lub oddzielna strona w jego strukturze, a także w środowisku pracy FrontPage. To menu uruchamia edytor FrontPage.

Menu Tabela, Ramki i Okno zawierają określone opcje pracy z tabelami, ramkami (ramkami) i oknami.

Niektóre opcje we wskazanych podmenu są obsługiwane przez menu niższego poziomu, dzięki czemu uzyskuje się strukturę hierarchiczną. Poniżej, na ryc. 10.12 podane podmenu Wstaw / aktywne elementy.

Należy zauważyć, że zarówno kompozycja menu głównego, jak i opcje go obsługujące zmieniają się w zależności od wersji.

Okna dialogowe... Podczas pracy z pakietem oprogramowania MS FrontPage wiele opcji wymaga instalacji dodatkowe ustawienia do czego one służą? okna dialogowe... Oprócz standardowych okien Microsoft Office (otwieranie i zapisywanie strony WWW lub obiektu jako części strony, okien z listą szablonów itp.), FrontPage używa również specjalnych okien dialogowych, wśród których należy zwrócić uwagę na okna dialogowe do ustawiania właściwości tagów dla każdego ze standardowych tagów i kilku innych.

Jako przykład, ryc. 10.13 tutaj jest okno dialogowe Wstaw tabelę.

Najczęściej używane polecenia są prezentowane w dashboardach. Widok ogólny tych paneli jest identyczny z panelami MS Office. Na przykład na ryc. 10.14 jest podany ogólna forma fragment paska narzędzi: przejdź do FrontPage Explorer (), wstaw komponent FrontPage (Insert FrontPage Component), wstaw tabelę (Insert Table), wstaw obraz (Insert Image), utwórz lub edytuj hiperłącze (Create or Edit Hyperlink).

Kreator Windows... Kreatory w programie FrontPage są zbudowane w taki sam sposób, jak kreatory w innych. Aplikacje Microsoft Office 2000. Przykładem jest Kreator nowej witryny dyskusyjnej w sieci Web, pokazany na rysunku 10.15. .

Po lewej stronie znajduje się obrazek charakteryzujący jeden lub drugi krok kreatora. Poniżej obrazu znajduje się wskaźnik stanu (pasek wskazujący, która część kreatora została ukończona). Po prawej stronie znajdują się pola ustawień i komentarze. Przyciski na formularzu: Anuluj, Wstecz, Dalej, Zakończ.

Stosowanie... Ten moduł kodu jest przeznaczony do rozwijania struktury organizacyjnej witryny sieci Web. Zapewnia wiele kontroli do zarządzania stroną internetową, w tym sprawdzanie linków, zarządzanie stylami graficznymi i listą rzeczy do zrobienia, a także umożliwia (po kliknięciu przycisku) publikowanie w danej witrynie internetowej albo wszystkich informacji, albo tylko tych stron, które zostały poddane zmiany.

W rzeczywistości FrontPage Explorer to aplikacja w pakiecie FrontPage, która służy do zarządzania całą witryną sieci Web.

Jedną z najważniejszych funkcji Eksploratora jest tworzenie struktury dokumentu internetowego. Możesz zbudować kilka pustych (niewypełnionych) dokumentów, w których możesz następnie zawrzeć wszystkie niezbędne informacje. Kreatory i szablony Eksploratora tworzą kompletne dokumenty internetowe i instalują je. Zadaniem dewelopera jest ich dostosowywanie i wprowadzanie dodatków. Tak więc posiadanie podkładu ułatwia wykonanie całej pracy.

Eksplorator umożliwia również ustawienie opcji zarządzania dokumentem internetowym. Możesz określić, kto będzie miał dostęp do dokumentu internetowego na różnych poziomach, od administratorów i autorów po użytkowników końcowych. Możesz ograniczyć dostęp do dokumentu internetowego we własnej organizacji. Tryb rejestracji użytkownika można ustawić przed otwarciem dokumentu.

Udostępniając trzy różne opcje wizualizacji witryny sieci Web, Eksplorator pomaga zobaczyć, jak informacje są zorganizowane i powiązane oraz gdzie mogą pojawić się nieprawidłowe łącza.

Po utworzeniu witryny można ją przenieść na serwer, wybierając polecenie Plik / Kopiuj sieć (w Eksploratorze).

Tworzenie nowego węzła... Aby utworzyć nową witrynę internetową (lub, w terminologii FrontPage, nową witrynę internetową), wybierz New Web FrontPage z menu Plik lub kliknij przycisk Nowa witryna internetowa na pasku narzędzi. Okno dialogowe pokazane na ryc. 10.16 ... W tym oknie należy wybrać jeden z dwóch trybów działania: otworzyć istniejącą witrynę sieci Web, aby kontynuować pracę lub utworzyć nową witrynę sieci Web. Jeśli zostanie utworzona nowa witryna internetowa, po kliknięciu przycisku OK na ekranie pojawi się okno dialogowe, pokazane na ryc. 10.17 .

W tym oknie możesz wybrać spośród sześciu sugerowanych szablonów witryn lub jednego z dwóch kreatorów nowej witryny sieci Web.

Okno dialogowe zapewnia wybór opcji, od pustej sieci do kreatora obecności firmy. Różnica tkwi w zakresie możliwości.

Aby stworzyć stronę internetową od podstaw, musisz wybrać opcję Pusta sieć... Pusta sieć WWW utworzy dokument sieciowy, w którym brakuje jakichkolwiek informacji.

Wybranie opcji Kreator obecności firmy aktywuje kreatora ( narzędzie programowe automatyzacji), która pozwala na uzyskanie kompletnego dokumentu internetowego przy użyciu szablonów stron zaprojektowanych specjalnie dla firmy.

Po wybraniu opcji dla strony WWW pakiet poprosi o podanie nazwy i hasła w wyświetlonym oknie dialogowym, a następnie w oknie na ryc. 10.18 lokalizacja nowej strony internetowej.

Szablon osobistej witryny sieci Web (rysunek 10.19 ) jest wstępnie skonfigurowany, z łączami do stron pracowników i menedżerów oraz łączem mailto.

Stosowanie... Edytor FrontPage zawiera trzy kreatory — Strona formularza, Ramki i Osobista strona główna ( Strona osobista). Edytor korzysta z ponad dwudziestu szablonów (rys.10.20 ).

W oknie dialogowym szablony mogą być prezentowane jako lista lub ikony.

Jeśli chcesz utworzyć pusty dokument, wybierany jest szablon Normal.

Aby utworzyć nową stronę musisz aktywować polecenie Plik / Nowy w edytorze FrontPage. Następnie w otwartym oknie dialogowym Nowy (rys.10.20) wybierz typ szablonu lub pozycję Normalna strona i kliknij OK. W tym drugim przypadku na ekranie pojawi się pusta strona, w prawym górnym rogu której znajduje się migający kursor. Aby umieścić tekst, musisz wpisać go z klawiatury lub wkleić ze schowka. Edytor korzysta ze schowka podobnie jak inne aplikacje MS Office: możesz wycinać lub kopiować dowolne fragmenty z innych stron otwartych w Edytorze lub z dokumentów innych osób aplikacje... Procedura jest tradycyjna: wytnij lub skopiuj żądany fragment do schowka, przejdź do utworzonego dokumentu i wklej. Istnieje kilka sposobów usuwania tekstu lub innych elementów: po wybraniu fragmentu do usunięcia można następnie nacisnąć klawisz Del lub aktywować polecenie Edytuj / Wyczyść.

Aby otworzyć stronę internetową w programie FrontPage Editor, użyj polecenia Plik / Otwórz. Po aktywacji tego polecenia otwiera się okno dialogowe Wybierz plik tradycyjnego formularza.

Ustawianie właściwości strony internetowej i witryny internetowej... Aby ustawić w Edytorze właściwości strony, użyj polecenia Właściwości pliku / strony... W oknie dialogowym Właściwości strony (rys.10.21 ) Oprócz informacje ogólne, na przykład tytuły stron, ustawienia takie jak obraz tła i dźwięk tła, kolor tła, standardowe kolory tekstu i hiperłączy, marginesy strony są ustawiane. Aby edytować właściwości, strona internetowa musi być otwarta w programie FrontPage Editor.

W polu tekstowym Tytuł możesz wprowadzić lub edytować tytuł strony; pole Lokalizacja podstawowa służy do określenia opcjonalnego podstawowego adresu URL strony. Aby połączyć się z ramką docelową tej strony, wprowadź jej nazwę w polu tekstowym Domyślna ramka docelowa. W dziale Dźwięk w tle możesz ustawić właściwości dźwięku tła (plik dźwiękowy może być odtwarzany kilka razy lub zapętlony, gdy strona jest otwarta).

Na karcie Marginesy można ustawić marginesy górny i lewy strony. Aby to zrobić, ustaw flagę wcięcia i wprowadź rozmiar wcięcia w pikselach.

Zakładka Niestandardowa zawiera listę metazmiennych używanych na stronie, które znajdują się w kodzie strony HTML i zawierają informacje o stronie, typie treści, zestawie znaków, nazwie aplikacji, która wygenerowała kod itp. Nie są wyświetlane na stronie, ale dostarczają informacji dla przeglądarek.

Na tej karcie możesz dodawać, usuwać i edytować metazmienne systemowe i użytkownika.

Zakładka Język służy do ustawiania kodowania. W oknach z listą dostępnych języków wybierane jest kodowanie używane podczas zapisywania dokumentu HTML oraz kodowanie używane podczas jego ładowania.

Aby ustawić właściwości nie pojedynczej strony, ale witryny sieci Web jako całości, należy otworzyć okno dialogowe ustawień witryny sieci Web programu FrontPage Explorer (Narzędzia / Ustawienia sieci Web). W tym wielofunkcyjnym oknie (ryc.10.22 ), możesz ustawić różne parametry dla tworzonej witryny.

Karta Ogólne zawiera nazwę witryny sieci Web i informacje o niej (wersję rozszerzeń serwera i wersję samego serwera).

Karta Zaawansowane zawiera pole wejściowe z listą do wyboru domyślnego języka skryptowego (VBScript lub JavaScript). Aby pokazać ukryte pliki folderów, zaznacz pole wyboru pokaż ukryte pliki folderów. Jeśli chcesz usunąć pliki tymczasowe, kliknij przycisk Usuń pliki.

Aby wybrać domyślne kodowanie strony, musisz określić jego wartość w polu kombi Domyślne kodowanie strony na karcie Język. Pole kombi Server Message Language w tym samym folderze określa język komunikatów zwracanych przez serwer.

Paski nawigacyjne wykorzystują sekcje, aby przejść do strony głównej, jedną stronę do przodu lub do tyłu i jeden poziom wyżej. Na karcie Nawigacja możesz ustawić nazwy sekcji (domyślnie ustawione są Home, Back, Next, Up). Naciskając przycisk Domyślne, poprzednio wprowadzone wartości są zastępowane tymi wymienionymi powyżej.

Edycja dokumentu... Po utworzeniu dokumentu lub załadowaniu go z istniejącego zestawu (sieci) możesz użyć wielu funkcji edytora, aby utworzyć lub edytować stronę.

W słowniku FrontPage słowo Web odnosi się do grupy dokumentów tworzących witrynę internetową. Gdy dokument jest ładowany z sieci, odczytuje dokument, który jest częścią witryny utworzonej przez FrontPage.

Paski narzędzi edytora... Ryż. 10.23 ilustruje panele FrontPage Editor i przyborniki. Wiele z nich jest podobnych do przycisków paska narzędzi, które istnieją w innych aplikacjach MS Office.

Edytor FrontPage udostępnia kilka pasków narzędzi do tworzenia dokumentów. Dolny pasek narzędzi nazywa się paskiem formatowania.

Jeśli umieścisz wskaźnik myszy nad dowolnym przyciskiem na panelu, w ciągu kilku sekund pojawi się wskazówka o przeznaczeniu tego przycisku.

Korzystając z opcji menu Widok, możesz sprawić, by którykolwiek z pasków narzędzi był widoczny lub niewidoczny.

Formatowanie tekstu... Podczas formatowania tekstu możesz używać stylów tekstu. Style fizyczne są dostępne na pasku narzędzi.

Edytor FrontPage udostępnia wiele odmian kroju pisma, koloru i rozmiaru znaków tekstowych. Możesz zmienić większość parametrów projektu za pomocą przycisków na pasku narzędzi, a absolutnie wszystkie opcje są również zawarte w różnych menu.

FrontPage oblicza wielkość czcionki w poziomach zgodnie z zasadami języka HTML. W tym przypadku najmniejszy rozmiar odpowiada najmniejszemu poziomowi; na przykład pierwszy poziom odpowiada tekstowi z czcionką o rozmiarze 8 punktów, drugi poziom - 10 i tak dalej.

Aby zmienić rozmiar czcionki, wybierz obszar tekstu, który chcesz zmienić, a następnie kliknij przycisk Zwiększ rozmiar tekstu lub Zmniejsz rozmiar tekstu na pasku narzędzi. Możesz także użyć polecenia Format / Czcionka, co powoduje pojawienie się okna dialogowego pokazanego na rys. 10.24 .

Okno to umożliwia wybór czcionki, zmianę stylu czcionki (pogrubienie, kursywa lub podkreślenie), wybór wymaganej wielkości znaków oraz ustawienie różnych efektów.

Edytor udostępnia kilka dodatkowych stylów (style specjalne). Aby je wybrać, użyj zakładki Special Styles (rys.10.25 ) powyższego okna.

Aby zastosować styl niestandardowy, wybierz go, a następnie kliknij OK. Dostępne są następujące style specjalne:

Cytat. Kursywa, której można użyć do wyróżnienia nagłówków.

Próbka. Czcionka do pisania.

Definicja. Służy do wyróżniania terminów.

Migać. Sprawia, że ​​tekst migocze.

Kod. Czcionka o stałej szerokości, powszechnie używana do reprezentowania kodu programu.

Zmienny. Kursywa, której można użyć do wyróżnienia (na przykład nazwy zmiennych).

Pogrubiony. Pogrubiona czcionka.

Italski. Prosta kursywa.

Klawiatura. Czcionka o stałej szerokości, której można użyć na przykład do wprowadzania danych przez użytkownika.

Obok każdego pola wyboru stylu znajduje się odpowiadający mu znacznik stylu. Możliwe jest używanie kilku stylów jednocześnie.

FrontPage pozwala wprowadzić jeden lub więcej znaków powyżej lub poniżej linii bazowej. Ten specjalny styl nazywa się „indeksem górnym lub indeksem dolnym” i jest używany dość często. Aby ustawić ten styl w menu rozwijanym

Pozycja pionowa

Okno dialogowe

Czcionka (karta Style specjalne)

opcje są wybrane

Indeks górny (indeks górny)

lub

Indeks dolny (indeks dolny)

.

Numery poziomów odpowiadają zmianie wysokości indeksu górnego lub dolnego w stosunku do wiersza głównego.

Formatowanie akapitów... Edytor FrontPage umożliwia formatowanie akapitów. Odbywa się to przez analogię z edytorami tekstu.

Tworzenie nowego akapitu w procesie wprowadzania informacji tekstowych odbywa się poprzez naciśnięcie klawisza Enter.

Domyślnie nowy akapit będzie używał stylu Normalny. Aby ustawić inny styl akapitu, musisz wykonać następujące czynności:

Umieść kursor w miejscu, w którym chcesz rozpocząć następny akapit.

Wybierz Akapit z menu Format. Wybierz nowy styl w oknie dialogowym Właściwości akapitu i kliknij OK.

Ten sam efekt można uzyskać w trybie edycji, na przykład:

Wybierz akapit i przypisz do niego nowy styl, jak opisano powyżej.

Kliknij prawym przyciskiem myszy w akapicie i wybierz Właściwości akapitu z menu kontekstowego, które się pojawi, wybierz nowy styl w otwartym oknie dialogowym i kliknij OK.

Aby ustawić wcięcie akapitu, musisz ustawić kursor w akapicie i nacisnąć przycisk Zwiększ wcięcie lub przycisk Zmniejsz wcięcie na pasku narzędzi. To zwiększa lub zmniejsza wcięcie.

Aby wyrównać akapit do lewej i prawej krawędzi oraz wyśrodkować, użyj klawiszy Wyrównaj do lewej, Wyrównaj w prawo lub Środek odpowiednio na pasku formatu. Tych przycisków można używać zarówno do pozycjonowania akapitu na stronie, jak i do pozycjonowania tekstu w komórce tabeli.

Aby wstawić podział wiersza, umieść kursor w miejscu przejścia do następna linia, a następnie wybierz opcję Podział wiersza z menu Wstaw. Pojawi się okno dialogowe Break Properties (Rysunek 10.26 ).

W tym oknie wybierz jedną z następujących opcji:

Normalny podział wiersza... Dodanie łamania wiersza bez przesuwania tekstu, niezależnie od tego, czy po lewej czy po prawej stronie znajduje się jakakolwiek grafika.

Wyczyść lewy margines... Jeśli na lewej krawędzi strony znajduje się obraz, to linia po przerwie rozpocznie się pod obrazem, tj. na czystym lewym marginesie.

Wyczyść prawy margines... Jeśli na prawej krawędzi strony znajduje się obraz, to linia po przerwie rozpocznie się pod obrazem, tj. na czystej prawej krawędzi.

Wyczyść oba marginesy (aby uwolnić granice po obu stronach)... Jeśli przynajmniej jedna z krawędzi strony jest obrazem, to linia po przerwie rozpocznie się w miejscu, w którym margines strony jest wolny.

Aby wstawić linię poziomą, użyj polecenia Wstaw / Linia pozioma. Wyświetlana linia będzie używać tych samych opcji stylizacji, co poprzednia linia pozioma utworzona za pomocą edytora FrontPage.

Aby zmienić kolor, zaznaczony jest fragment tekstu i wciśnięty przycisk. Kolor tekstu na pasku formatu. W wyświetlonym oknie dialogowym Kolor (rys.10.27 ) kolor jest wybierany z standardowy zestaw i przycisk OK jest wciśnięty. Aby użyć dodatkowych kolorów, kliknij przycisk Zdefiniuj niestandardowe kolory, ustaw kolor, a następnie kliknij przycisk Dodaj do kolorów niestandardowych.

Tworzenie tabel... Aby wstawić tabelę, możesz użyć polecenia Tabela / Wstaw tabelę lub kliknąć przycisk Wstaw tabelę na pasku narzędzi. Na ekranie zostanie wyrenderowane okno dialogowe

Po kliknięciu kursorem na przycisk panelu z obrazem ołówka (pierwszy od lewej) można ręcznie narysować komórki tabeli. W takim przypadku kursor w obszarze roboczym okna zostaje zamieniony na symbol ołówka. Zarys przyszłej tabeli jest budowany podobnie do budowania prostokąta w pakiecie graficznym. Rysując linie proste, które są wyświetlane w procesie rysowania linią przerywaną, można podzielić obrysowany obszar na wiersze i kolumny i uzyskać dowolną, dowolnie złożoną strukturę tabeli. Po zwolnieniu lewego przycisku myszy linie kropkowane są przekształcane w obramowanie komórki, wiersza lub kolumny.

Aby usunąć znaczniki tabeli, użyj narzędzia Gumka (drugi przycisk od lewego panelu). Możesz także automatycznie wstawić kolumnę lub wiersz do tabeli (przyciski Wstaw wiersze, Wstaw kolumnę). Zaznaczone komórki są usuwane przez naciśnięcie przycisku Usuń komórki.

Po zaznaczeniu kilku komórek możesz je połączyć w jedną lub podzielić na części (przyciski Podziel komórki i Połącz komórki).

Przyciski odpowiadają za sposoby wyrównywania obiektów w komórkach (Align Top - wzdłuż górnej krawędzi komórki, Center Vertically - wzdłuż środka, Align bottom - wzdłuż dolnej krawędzi).

Zaznaczone komórki mogą być wyrównane na wysokość (przycisk Rozłóż rzędy równomiernie) lub na szerokość (przycisk Rozłóż rzędy równomiernie).

Wypełnienie wybiera się z listy rozwijanej (przycisk Kolor wypełnienia).

Często konieczne jest ograniczenie wielkości komórek do wielkości obiektów. Aby to zrobić, użyj przycisku Autodopasowanie.

Wstawianie obrazów... Po wybraniu obrazu na stronie dostępny staje się pasek narzędzi Obraz. Pozwala nie tylko na osadzanie obrazów, ale także zapewnia możliwość tworzenia specjalnych aktywnych obszarów obrazów do tworzenia hiperłączy. Za pomocą tego panelu możesz wykonać pewne przekształcenia obrazów, na przykład ustawić przezroczyste kolory na obrazie.

FrontPage może importować obrazy. Jednocześnie FrontPage obsługuje różne formaty plików: * .TIF, * .PCX, * .JPG i * .GIF z plików lub archiwów URL. Niestety nie znaleziono możliwości przekonwertowania formatu *.JPG na format .GIF. Może to powodować problemy podczas korzystania z przeglądarek, które nie obsługują formatu *.JPG.

Aby umieścić obraz na stronie, wybierz z menu Wstaw / Obraz. To polecenie renderuje okno dialogowe do wstawiania obrazu (rys. 10.31 ).

W tym oknie dostępne są opcje pobierania pliku z dysku lokalnego lub poprzez adres URL, który można połączyć ze stroną.

Domyślnie obraz jest umieszczony w pozycji kursora i wyrównany do lewej. Możesz mieć większą kontrolę nad położeniem obrazu, korzystając z okna właściwości tego obrazu. Aby otworzyć okno, kliknij prawym przyciskiem myszy pole obrazu i wybierz Właściwości w wyświetlonym menu kontekstowym. Okno dialogowe Właściwości pokazano na rysunku 10.32. ... Tutaj możesz ustawić tryb wyrównania, zdefiniować rozmiar ramki, wielkość odstępów w poziomie i pionie, tekstową alternatywę dla obrazu i jego wersję w niższej rozdzielczości oraz, jeśli istnieją hiperłącza, z jakimi adresami URL są one powiązane.

Atrybuty tagów mogą być używane w razie potrzeby które nie są dostępne w oknie dialogowym Właściwości, klikając przycisk Rozszerzone, aby otworzyć okno dialogowe, w którym można ręcznie wprowadzić atrybut i jego wartość.

Praca z ramkami (ramkami)... Aby przygotować stronę z ramkami, skorzystaj z opcji menu Ramka (ramka, ramka). W trybie tworzenia nowego dokumentu w menu Ramka dostępna jest jedna komenda: Nowa Strona Ramek. Jego aktywacja otwiera okno dialogowe wyboru jednego z dziesięciu szablonów (rys. 10.33 ).

W lewej części okna dialogowego pole Ramki zawiera listę możliwych kombinacji ram. Mogą być prezentowane w formie listy lub ikon. Wstępnie wybrany zestaw ramek jest renderowany w polu Podgląd po prawej stronie okna dialogowego (rysunek 10.33). Po wybraniu odpowiedniego szablonu na tworzonej stronie (zestawie ramek) poprzez naciśnięcie przycisku OK strona zostanie podzielona na ramki. Na ryc. 10.34 oto przykład ramek szablonów banerów i treści.

Każda z trzech ramek prezentowanych na stronie zawiera identyczne przyciski:

Ustaw stronę początkową: Wybierz skończona strona jako zawartość ramki (ramki).

Nowa strona: utworzona Nowa strona do ramy.

Po naciśnięciu odpowiedniego przycisku, wybrana strona ramki zostanie wyświetlona w Edytorze.

Aby kontrolować właściwości ramki, użyj okna dialogowego Właściwości ramki (rys.10.35 ) otwierane poleceniem Ramka / Właściwości ramki.

Określa wymiary i marginesy przy wyświetlaniu ramki, nazwę ramki i stronę źródłową, a także sposób prezentacji paska przewijania: według potrzeb, zawsze, nigdy (rys.10.36 ).

Granice między ramkami można przeciągać za pomocą kursora myszy.

Wstawianie banerów... Banery służą do wyświetlania na stronie internetowej zmiennego tekstu reklamowego lub obrazów. Aby wstawić baner na stronę, użyj Menedżera banerów (rys.10.40 ). Okno menedżera otwiera się za pomocą polecenia Menedżer wstawek / komponentów / banerów reklamowych.

Pola Szerokość i Wysokość wskazują szerokość i wysokość banera w pikselach. Aby przejść między obrazami zastępującymi się nawzajem, używana jest metoda określona w polu Efekt przejścia (przejście poziome, przejście pionowe, rozpuszczanie, kompresja, rozszerzanie lub proste przejście bez efektów wizualnych). W polu wejściowym Pokaż każdy obraz dla ... ustawiany jest czas wyświetlania każdego obrazu (w sekundach).

Klikając w przycisk bannera należy dokonać przejścia do zasobu wskazanego przez reklamodawcę. Dlatego pole Link do zawiera adres URL, do którego zostanie utworzony link.

Aby baner działał, musisz ustawić obrazy. W tym celu na liście Obrazy do wyświetlenia wskazana jest lista plików graficznych. Lista wyposażona jest w standardowy panel nawigacyjny (Dodaj - dodaj, Usuń - usuń, Przenieś w górę - przesuń obraz wyżej na liście, Przenieś w dół - przesuń poniżej).

Aby wstawić gotowy baner należy w oknie managera wcisnąć przycisk OK i anulować przyciskiem Anuluj.

Konfigurowanie hiperłączy... Aby utworzyć hiperłącze, musisz zaznaczyć tekst, który będzie służył jako wskaźnik do hiperłącza i kliknąć przycisk na pasku narzędzi Utwórz lub Edytuj łącze (). Na ekranie pojawi się okno dialogowe podobne do pokazanego na rysunku 4. 10.41 .

Łączenie obrazu jest ogólnie podobne do łączenia fragmentu tekstu. W takim przypadku należy kliknąć obraz, do którego link jest tworzony i nacisnąć przycisk Utwórz lub edytuj link w celu otwarcia okna dialogowego pokazanego na rys. 10.41.

Tworząc łącze do obrazu mapy, należy kliknąć obraz i użyć przycisków na pasku narzędzi obrazu, aby wskazać trójkątne, okrągłe lub wielokątne gorące regiony skojarzone z tym łączem (gorący region).

Okno dialogowe Utwórz łącze umożliwia tworzenie łączy do plików w lokalnej witrynie sieci Web, do plików w innych witrynach sieci Web w Internecie lub do plików, które zostały utworzone, ale są puste.

Narzędzia do zarządzania łączami... Za te funkcje odpowiada zazwyczaj administrator serwisu. Śledzenie wszystkich łączy wewnątrz lub na zewnątrz danej witryny sieci Web wymaga regularnego sprawdzania każdego łącza osobno. Dlatego program FrontPage Explorer jest dostarczany z narzędziami do łączenia.

Sprawdzam linki. Jeśli w menu Narzędzia wybrano opcję Sprawdź hiperłącza, Eksplorator powinien sprawdzić wszystkie łącza w witrynie, w tym te, które prowadzą do stron poza witryną. Eksplorator udostępnia raport w postaci pokazanej na ryc. 10,42 .

Łącza do stron w witrynie sieci Web są oznaczone czerwonym kółkiem i słowem Broken, jeśli zostaną znalezione jako uszkodzone. Jeśli link działa poprawnie, w ogóle nie jest wyświetlany. Linki do stron poza serwisem są oznaczone żółtym kółkiem i znakiem zapytania. Oznacza to, że nadal wymagają weryfikacji. Każdy odnośnik można przetestować, zaznaczając go i klikając przycisk Weryfikuj. Gdyby zewnętrzne odniesienia okaże się prawidłowy, Explorer umieszcza zielone kółko ze słowem OK przed linkiem. Jeśli łącze jest zerwane, pojawi się czerwone kółko ze słowem Broken.

Przeliczanie linków. Komenda Narzędzia / Przelicz linki) aktualizuje to, co jest widoczne w każdym z trzech trybów widoku, aby odzwierciedlić zmiany wprowadzone przez autorów.

Za pomocą polecenia Przelicz łącza możesz:

aktualizować informacje o witrynie sieci Web wyświetlane w widoku przeglądu, widoku łącza i widoku podsumowania;

zregenerować wszystkie zależne polecenia w otwartej witrynie sieci Web;

zaktualizować indeks wygenerowany przez komponent bota wyszukiwania.

Ponowne przeliczanie łączy odbywa się w rzeczywistości na osobistym serwerze WWW, który jest częścią pakietu FrontPage. Gdy serwer zakończy wykonywanie tego polecenia, sterowanie powraca do Eksploratora.

Zapisywanie dokumentu... W celu zapisania utworzonego dokumentu należy użyć polecenia Plik / Zapisz jako, które otwiera okno dialogowe pokazane na rys. 10.43 ... W tym oknie dialogowym możesz zapisywać dokumenty jako zwykły plik lub jako szablon.

Podczas pracy z kilkoma plikami jednocześnie w menu Plik), zastosowaliśmy następujące procedury: Projektując strony internetowe, można również skorzystać z typów projektów oferowanych w pakiecie oprogramowania. Dostęp do nich można uzyskać w menu Format / Motyw / Wybierz motyw. Po aktywacji tego polecenia pojawia się okno dialogowe tematów, pokazane na ryc. 10.50 .

Jako przykład implementacji dokumentu internetowego w pakiecie oprogramowania FrontPage podamy wydanie elektroniczne przygotowane w ramach Praca semestralna w przypadku publikacji elektronicznych, których strona tytułowa jest pokazana na ryc. 10.51 .

Strona tytułowa wykonana jest w formie dwóch ramek służących do wizualizacji spisu treści (lewa ramka) oraz treści pracy (prawa ramka). Prawa ramka wykonana jest z przewijaniem, co pozwala na przewijanie materiału. W normalnym rozmiarze okna przeglądarki spis treści wydanie elektroniczne pasuje całkowicie do lewej ramki, więc przewijanie nie jest zapewnione.

Na środku prawej ramki nad tytułem wydania elektronicznego znajduje się okienko animacji.

Z okna menu możesz przejść do linku do dowolnej sekcji tekstu. W tym przypadku zmienia się zawartość prawej ramki (rys.10.52 ).

Do ruchu poziomego między sekcjami dostępne są przyciski graficzne (Rys. 10.53 ), które umożliwiają przewijanie materiału sekcji bez powracania do spisu treści.

Tak więc pakiet oprogramowania FrontPage jest wielofunkcyjnym środowiskiem oprogramowania, które umożliwia tworzenie pełnoprawnych stron i witryn sieci Web. Jego integracja z pakietem Microsoft Office, zdaniem deweloperów, umożliwia efektywniejsze wykorzystanie możliwości aplikacji MS Office do tworzenia materiałów do wypełniania stron WWW i ramek (ramek) poprzez import materiałów z tych aplikacji.

Śledząc trendy rozwoju tego środowiska oprogramowania, należy zauważyć, że twórcy FrontPage dążą nie tylko do udostępnienia pakietu oprogramowania nieprofesjonalnemu użytkownikowi, ale także koncentrują się na wykorzystaniu tego pakietu oprogramowania do tworzenia witryn sieci Web wysoki stopień złożoności, w tym w kontekście działań korporacyjnych twórców witryn. W przedstawionym powyżej materiale autorzy starali się pokazać prostotę i dostępność interfejsu pakietu oprogramowania, połączoną z różnorodnością funkcjonalną tego środowiska oprogramowania, zaimplementowaną na poziomie wizualnej prezentacji tworzonej strony internetowej we wszystkich jej aspektach.

Korzystanie z komponentów multimedialnych, języków skryptowych, apletów Java itp. otwiera szerokie możliwości tworzenia nowoczesnych witryn i stron internetowych w rozważanym środowisku oprogramowania, które spełnia wymagania profesjonalistów.