Informatyka – szkoła gimnazjalna – Scholaris - © DC Edukacja Tworzenie stron WWW w programie Microsoft FrontPage Informatyka

Informatyka – szkoła gimnazjalna – Scholaris - © DC Edukacja Cele lekcji Podczas tej lekcji nauczysz się: –określać funkcje programu FrontPage; –tworzyć witryny przy użyciu szablonu; –zmieniać motyw szablonu; –osadzać grafiki na stronie WWW; –tworzyć hiperłącza.

Informatyka – szkoła gimnazjalna – Scholaris - © DC Edukacja Przegląd zagadnień Zapoznanie się ze środowiskiem programu Microsoft FrontPage. Tworzymy witrynę WWW. Motyw strony WWW. Łączenie stron WWW. Wstawianie grafiki na stronę WWW.

Informatyka – szkoła gimnazjalna – Scholaris - © DC Edukacja Wprowadzenie Dobry projekt witryny WWW to wyzwanie. Programem ułatwiającym tworzenie atrakcyjnych i ciekawych witryn jest Microsoft Office FrontPage 2003 – graficzny edytor stron. WYSIWYG to skrót utworzony z pierwszych liter angielskich słów What You See Is What You Get („To, co widzisz, jest tym, co otrzymasz”). FrontPage pracuje w trybie graficznym (WYSIWYG), ale daje też dostęp do kodu źródłowego dokumentu, pozwalając redagować kod ręcznie, z użyciem znaczników HTML. Dodatkowo program ten posiada narzędzia ułatwiające zarządzanie tworzoną witryną oraz pozwalający szybko modyfikować jej wygląd za pomocą dostępnych motywów.

Informatyka – szkoła gimnazjalna – Scholaris - © DC Edukacja Okno programu FrontPage 2003

Informatyka – szkoła gimnazjalna – Scholaris - © DC Edukacja Okno zadań

Informatyka – szkoła gimnazjalna – Scholaris - © DC Edukacja Widok Projektu

Informatyka – szkoła gimnazjalna – Scholaris - © DC Edukacja Widok Podział

Informatyka – szkoła gimnazjalna – Scholaris - © DC Edukacja Widok Kod

Informatyka – szkoła gimnazjalna – Scholaris - © DC Edukacja Widok Podgląd

Informatyka – szkoła gimnazjalna – Scholaris - © DC Edukacja Widok Foldery

Informatyka – szkoła gimnazjalna – Scholaris - © DC Edukacja Zdalna witryna sieci Web

Informatyka – szkoła gimnazjalna – Scholaris - © DC Edukacja Widok Raporty

Informatyka – szkoła gimnazjalna – Scholaris - © DC Edukacja Widok Nawigacja

Informatyka – szkoła gimnazjalna – Scholaris - © DC Edukacja Widok Hiperłącza

Informatyka – szkoła gimnazjalna – Scholaris - © DC Edukacja Widok Zadania

Informatyka – szkoła gimnazjalna – Scholaris - © DC Edukacja O czym musimy pamiętać przy tworzenia stron WWW Przed rozpoczęciem tworzenia stron WWW musimy zdefiniować kryteria, jakie ma spełniać witryna. Podczas określania celów należy odpowiedzieć na kilka ważnych pytań, m.in.: –Jakie jest przeznaczenie witryny? –Do jakiej grupy ma być skierowana strona internetowa? –Jakie elementy będą znajdować się na stronie internatowej w dniu jej uruchomienia, a jakie po kilku miesiącach? Precyzyjne odpowiedzi na powyższe pytania w znacznym stopniu ułatwią ustalenie cech przyszłej witryny, co będzie miało istotny wpływ na jej budowę. Przy tworzeniu strony należy pamiętać o wypunktowaniu podstawowych etapów pracy według schematu: –Zdefiniowanie zakresu tematyki serwisu i celu jej tworzenia. –Opracowanie ogólnego schematu witryny. –Zgrupowanie informacji pod kątem poruszanych zagadnień. –Wybór edytora HTML. –Przygotowanie elementów przeznaczonych do umieszczenia w serwisie. –Przystąpienie do tworzenia strony głównej.

Informatyka – szkoła gimnazjalna – Scholaris - © DC Edukacja Tworzymy witrynę WWW Program FrontPage zawiera szablony strony WWW, grafikę, dokumenty, multimedia – prawie każdy rodzaj pliku, jaki może uatrakcyjnić stronę WWW. FrontPage pozwala tworzyć witryny: oparte na dysku i oparte na serwerze. Witryna oparta na dysku jest to witryna sieci Web programu FrontPage utworzona na lokalnym dysku twardym, a następnie opublikowana na serwerze sieci Web. Witryna oparta na serwerze jest tworzona i opracowywana bezpośrednio na serwerze sieci Web, bez dodatkowego etapu publikowania.

Informatyka – szkoła gimnazjalna – Scholaris - © DC Edukacja Tworzymy witrynę WWW Więcej szablonów witryn

Informatyka – szkoła gimnazjalna – Scholaris - © DC Edukacja Tworzymy witrynę WWW Określenie lokalizacji

Informatyka – szkoła gimnazjalna – Scholaris - © DC Edukacja Motyw strony WWW Motyw to zestaw połączonych elementów projektu i schematów kolorów, które można wykorzystać, tworząc stronę sieci Web. Zastosowanie motywu jest szybkim i prostym sposobem zapewnienia stronom sieci Web spójnego i atrakcyjnego wyglądu, czyli uzyskania profesjonalnej szaty graficznej. Program Microsoft FrontPage zawiera wiele gotowych motywów, które można natychmiast zastosować (do jednej lub wielu stron albo do całej witryny sieci Web), a także modyfikować lub tworzyć na ich podstawie nowe motywy.

Informatyka – szkoła gimnazjalna – Scholaris - © DC Edukacja Zmiana Motywu Aby zmienić domyślny motyw, z menu Format wybierz polecenie Motyw.

Informatyka – szkoła gimnazjalna – Scholaris - © DC Edukacja Łączenie stron WWW Hiperłącze to odsyłacz prowadzący ze strony sieci Web do innej strony, pliku, adresu lub programu. Po kliknięciu hiperłącza jego obiekt docelowy zostaje – w zależności od rodzaju hiperłącza – wyświetlony w przeglądarce sieci Web, otwarty lub uruchomiony.

Informatyka – szkoła gimnazjalna – Scholaris - © DC Edukacja Tworzenie hiperłącza

Informatyka – szkoła gimnazjalna – Scholaris - © DC Edukacja Tworzymy hiperłącze

Informatyka – szkoła gimnazjalna – Scholaris - © DC Edukacja Tworzymy hiperłącze

Informatyka – szkoła gimnazjalna – Scholaris - © DC Edukacja Wstawianie grafiki na stronę WWW Grafika na stronach sieci Web może pełnić rolę: –informacyjną; –ozdobną; –mieć charakter zdjęcia; –służyć jako logo firmy itp. Będąc rodzajem dekoracji, grafika może jednocześnie pełnić rolę: –przycisku nawigacyjnego; –punktu aktywnego czy mapy obrazkowej. Dlatego też grafika jest ważnym elementem strony. Program Microsoft FrontPage zapewnia wiele sposobów rozmieszczenia grafiki na stronie sieci Web.

Informatyka – szkoła gimnazjalna – Scholaris - © DC Edukacja Wstawianie grafiki

Informatyka – szkoła gimnazjalna – Scholaris - © DC Edukacja Podsumowanie Zapoznanie się ze środowiskiem programu Microsoft FrontPage. Tworzymy witrynę WWW. Motyw strony WWW. Łączenie stron WWW. Wstawianie grafiki na stronę WWW.