Tworzenie stron WWW w progamie Microsoft FrontPage

Transkrypt

Tworzenie strony WWW w programie Microsoft FrontPage.
Scenariusz zajęć edukacyjnych realizowanych
na zajęciach koła informatycznego.
Cele:
Zapoznanie uczniów z zasadami tworzenia stron WWW.
Zaprojektowanie swojej strony WWW.
Zapoznanie uczniów z programem MS FrontPage.
Metody: pogadanka, instruktaż, zabawa.
Formy: praca samodzielna
Przebieg lekcji:
A) Omówienie okna programu MS FrontPage
Pasek tytułowy
Menu poleceń
Paski narzędzi
Zawartość
Projekt HTML Podgląd
Projekt – Tworzymy projekt strony.
HTML - Utworzony projekt strony WWW języku HTML.
Podgląd – Oglądamy projekt.
B)
Budowa dokumentu
HTML:
<html>
<head>
nagłówek
</head>
<body>
korpus
</body>
</html>
C) PLIK będący stroną główną nazywamy index.htm.
D) Tworzenie strony WWW.
1. Utwórz folder np. PUBLIKACJE /umieścisz tu swoje dokumenty htm/.
2. Uruchom aplikację Microsoft FrontPage.
3. Zapisz dokument w folderze Publikacje pod nazwą index./Plik-Zapisz
jakoPUBLIKACJEindex/.
4. Wprowadź informacje na stronie głównej i zapisz zmiany /Plik-Zapisz../
•
Wprowadź tekst powitalny/informujący użytkownika gdzie się znajduje/ np.
PRYWATNA STRONA JANA KOWALSKIEGO.
•
Wprowadź formaty /Menu poleceń Format……/: formatuj czcionkę,
wprowadź tło lub zastosuj Motyw. Ważne by zastosować wybrany format
tła do wszystkich dokumentów htm/.
dokumenty - podstrony
5. Utwórz dokumenty /PlikNowyPusta strona.
•
Zapisz plik pod nazwą omnie /Pamiętaj by zapisać go do foldera
PUBLIKACJE/.
•
Wprowadź treść dotyczącą własnej osoby.
•
Dokonaj formatowania – czcionka, motyw.
•
Wstaw Obraz  Z pliku /swoje zdjęcie/ lub Klipart.
•
Zapisz zmiany /PlikZapisz/.
6. Połącz stronę główną /index/ z dokumentem omnie.
•
Zaznacz tekst na stronie głównejWstawHiperłączewskaż plikEtykieta
ekranowaok. /Zapisz zmianyPlikZapisz/
lub
•
Menu poleceńWstawPrzycisk interaktywnyWybierz przycisk, wprowadź
tekst przycisku, połącz z plikiem-przeglądajOK. Zapisz zmiany.
lub
•
Jesteś w dokumencie indexMenu poleceńWstaw Składnik sieci
WEBPrzycisk interaktywnyWybierz przycisk, wprowadź tekst przycisku,
połącz z plikiem /omnie/-przeglądajOK. Zapisz zmiany.
7. Połącz stronę pod nazwą omnie z index-em.
•
Zaznacz tekst powrót /wstecz, strona główna../WstawHiperłączeWskaż plik
/index/etykietaOk. Zapisz zmiany.
lub
•
Jesteś w dokumencie omnieMenu poleceńWstaw Przycisk
interaktywnyWybierz przycisk, wprowadź tekst przycisku, połącz z plikiem /
index/-przeglądajOK. Zapisz zmiany
lub
•
Jesteś w dokumencie omnieMenu poleceńWstaw Składnik sieci
WEBPrzycisk interaktywnyWybierz przycisk, wprowadź tekst przycisku,
połącz z plikiem /index/-przeglądajOK. Zapisz zmiany.
8. Przeglądanie strony w Przeglądarce –Pasek Narzędzi-
9. Utwórz dokumenty dotyczące szkoły, twojej klasy, wycieczek, itp. /Plik-
NowyPusta strona/.
•
Zapisz każdy dokument pamiętając o odpowiedniej nazwie pliku i do folderu
utworzonego przez Ciebie/PUBLIKACJE/.
• Dokonaj uzupełnienia treści.
• Dokonaj formatowania.
• Dokonaj wstawienia obiektów.
•
Zapisz zmiany.
Przycisk interaktywny
Neon
10. Sprawdź w Przeglądarce.
11. Wykorzystaj Składnik sieci WEB – NEON do wprowadzenia ruchomych
obiektów.
• Jesteś na odpowiedniej stronie.
•
WstawSkładnik sieci WEB-NeonWprowadzamy
tekstFormatujemyWłaściwości neonu.
• Sprawdzamy w przeglądarce.
12. Dokonaj korekty i zapisz zmiany.
Opracowała
Elżbieta Reniszak
Nauczyciel informatyki w Szkole Podstawowej Nr 9 w Białej Podlaskiej

Tworzenie stron WWW w progamie Microsoft FrontPage

Transkrypt

Podobne dokumenty

Instrukcja założenia profilu

1. Jeden z kątów trójkąta ma miarę , drugi jest o 40 ∘ większy

Kolejność odtwarzania animacji w Baltie – lekcja 11.

POWTÓRKI DLA KLASY III GIMNAZJUM Zestaw zadań nr 3

bilans kompetencji

Temat: Poznajemy ciekawe efekty.