Konspekt - Budowa i struktura dokumentu HTML
Transkrypt
Konspekt - Budowa i struktura dokumentu HTML
__________________________________________________________ KONSPEKT ZAJĘĆ EDUKACYJNYCH I. Metryczka zajęć edukacyjnych: 1. Imię i nazwisko prowadzącego zajęcia: JACEK ZGÓRECKI 2. Data: 05.01.2008 r. 3. Placówka kształcenia: GIMNAZJUM 4. Grupa dydaktyczna klasa: III 5. Nazwa przedmiotu: INFORMATYKA 6. Miejsce realizacji zajęć: PRACOWNIA KOMPUTEROWA II. Umiejscowienie zajęć jako jednostki metodycznej 1. Zagadnienie (blok, moduł programowy): HTML, WWW, INTERNET 2. Realizowana jednostka programowa: DOKUMENT HTML 3. Opanowanie jakich treści programowych potrzebne jest do poprowadzenia zajęć? Umiejętność posługiwania się notatnikiem, Umiejętność korzystania z Internetu, 4. Temat prowadzonych zajęć: Budowa i struktura dokumentu HTML 5. Jakie treści programowe realizowane są na zajęciach i jakie minimum programowe wymagane od ucznia (kursanta) do opanowania? Tworzenie internetowych stron WWW. Podstawy języka HTML. 6. Planowane osiągnięcia ucznia: Tworzy własna stronę, wykorzystując róŜnorodne narzędzia do zamieszczenia publikacji w internecie lub na podstawie przygotowanego przez nauczyciela szablonu. 7. Czas przewidziany na realizację tematu: 1 godzina lekcyjna III. Tok zajęć Ogniwa zajęć Czas Wprowadzenie. 5 min. Właściwy tok lekcji. 30 min. Zakończenie i podsumowanie. IV. V. 10 min. Czynności nauczyciela Z uwzględnieniem ról: ekspert (eks), trener (tr), mentor (men), terapeuta (ter) Nauczyciel wita uczniów i prosi o włączenie komputerów i zalogowanie się na swoje konta uŜytkowników. Podczas gdy uczniowie wykonują procedurę logowania sprawdza obecność. Podaje temat i cele lekcji. Wyjaśnia do czego słuŜy język html (eks). Nauczyciel omawia znaczniki kodu HTML słuŜące do formatowania dokumentu( m.in. do zmiany kroju czcionek, zmiany koloru tła, zmiany nagłówków strony, rodzaju stosowanych akapitów, wypunktowywania (eks). Poleca otworzyć w przeglądarce stronę WWW W tym celu rozdaje uczniom wydruk pliku: struktura dokumentu html (tr). Omawia strukturę rozdanego dokumentu (tr) Pomaga uczniom w tworzeniu kodu (men). Analizuje z uczniami wyświetlany tekst (men). Nauczyciel omawia zastosowanie wprowadzonej wiedzy i powtarza pojęcia przytoczone na lekcji (ter). Czynności ucznia Uczniowie logują się na swoje komputery. Uczniowie dzielą się swoimi doświadczeniami na ten temat. Uczniowie słuchają wykładu nauczyciela Otwierają stronę w notatniku i oglądają kod strony zapisany w html. Uczniowie otwierają notatnik i zapisują kod . Otwierają zapisany tekst w domyślnej przeglądarce. Wprowadzają poprawki i obserwują zmiany na stronie. Dyskutują na temat lekcji. Określenie struktury metodycznej lekcji na podstawie toku zajęć 1. Metody: Wykład , pogadanka 2. Formy organizacyjne: Indywidualna praca uczniów 3. Środki dydaktyczne (w tym informatyczne): Komputer z oprogramowaniem, wydruki pliku: struktura dokumentu html. Określenie celi edukacyjnych oraz ustalenie sposobu ich realizacji: - poznanie podstawowych pojęć związanych ze strukturą tworzonego dokumentu, - poznanie zasad tworzenia dokumentu, - umiejętność tworzenia dokumentu. VI. Uwagi o alternatywnych sposobach realizacji tematu zajęć: Strony internetowe moŜna tworzyć nie tylko edytorach tekstu, ale równieŜ w edytorach graficznych. WYDRUK DLA UCZNIÓW Struktura dokumentu HTML <HTML> <HEAD> <TITLE> Moja strona WWW </TITLE> <META http-equiv="Content-Type" control="tekst/html; charset=windows-1250"> <META http-equiv="Content-Language"content="pl"> <META> NAME="Autor" Content="Autor dokumentu"> </HEAD> <BODY> Moja pierwsza strona WWW Nie umiem jeszcze formatować tekstu, wstawiać grafik, odnośników, tabel itp. Ale zamierzam się tego nauczyć. </BODY> </HTML> Nagłówek dokumentu zawiera informacje o: - tytule strony (wyświetlanym na belce tytułowej przeglądarki), - standardzie kodowania polskich liter, - autorze strony WWW Ciało (treść) dokumentu zawiera treść dokumentu interpretowaną i wyświetlaną przez przeglądarkę internetową. Moje pierwsze znaczniki: <HTML>, </HTML> początek i koniec dokumentu HTML <HEAD>, </HEAD> początek i koniec nagłówka strony <BODY>, </B0DY> początek i koniec strony właściwej (ciała) <br> przerwanie wiersza (nie ma taga zamykającego)