Temat

Praca z szablonami

Etap edukacyjny

Drugi

Podstawa programowa

Klasy VII‑VIII

II. Programowanie i rozwiązywanie problemów z wykorzystaniem komputera i innych urządzeń cyfrowych. Uczeń:

3) korzystając z aplikacji komputerowych, przygotowuje dokumenty i  prezentacje, także w chmurze, na pożytek rozwiązywanych problemów i  własnych prac z różnych dziedzin (przedmiotów), dostosowuje format i  wygląd opracowań do ich treści i przeznaczenia, wykazując się przy tym umiejętnościami:

e) tworzenia prostej strony internetowej zawierającej: tekst, grafikę, hiperłącza, stosuje przy tym podstawowe polecenia języka HTML.

III. Posługiwanie się komputerem, urządzeniami cyfrowymi i sieciami komputerowymi. Uczeń:

2) rozwija umiejętności korzystania z różnych urządzeń do tworzenia elektronicznych wersji tekstów, obrazów, dźwięków, filmów i animacji;

3) poprawnie posługuje się terminologią związaną z informatyką i technologią.

Czas

45 minut

Cel ogólny

Poznanie możliwości wykorzystania szablonów www przy tworzeniu stron.

Cele szczegółowe

1. Poznanie zasad wykorzystania gotowych szablonów www.

2. Poznanie możliwości jakie dają szablony www.

3. Stworzenie strony www z wykorzystaniem gotowego szablonu.

Efekty uczenia

Uczeń:

- zna zasady wykorzystania gotowych szablonów www,

- wie gdzie dostępne są szablony www.

Metody kształcenia

1. Kształcenie przez praktykę.

2. Dyskusja.

Formy pracy

1. Praca własna ucznia.

2. Praca z komputerem.

Etapy lekcji

Wprowadzenie do lekcji

Uczniowie odpowiadają na pytania wprowadzające.

1. Czy istnieją gotowe systemy umożliwiające tworzenie stron www bez konieczności kodowania w HTML?
2. Co to są szablony www?
3. Czy są dostępne bezpłatne szablony www?
4. Czy jest tylko jeden producent szablonów www?
5. Co powinien zawierać szablon www?

Odpowiedzi należy przedyskutować w klasie.

Realizacja lekcji

Schematy stron internetowych są podobne. Wszędzie znajdziemy elementy nawigacyjne, stopkę, zdjęcia są tylko inaczej skomponowane. Możemy oczywiście budować własną stronę od podstaw, jednakże wygodniej jest i mniej pracochłonnie skorzystać z gotowych wzorców dostępnych w sieci Internet. Szablon strony internetowej to szkielet, wzór Twojej strony www, który możesz dowolnie modyfikować. Na wstępie określone są pewne właściwości strony takie jak: tło, kolory, rozmiary czcionek czy też układ stałych elementów itp. Najczęściej szablony posiadają przykładową zawartość taką jak gotowe teksty, obrazki i zdjęcia. Treść to najczęściej łaciński tekst Lorem Ipsum. Jest to początek dłuższego łacińskiego tekstu. Początkowo sądzono, że nie ma on żadnego znaczenia, że jest to losowy zlepek łacińskich słów. Dopiero profesor łaciny Richard McClintock zidentyfikował tekst jako wycinek rozprawy Cycerona z 45 r. p.n.e. pt. „De finibus bonorum et malorum” (łac. „O granicy dobra i zła”).

Zarówno tekst jak i zdjęcia w szablonie są zmienne, czyli można je za pomocą edytora dowolnie, w każdym momencie zmieniać.

Załóżmy że już poprzednio przygotowaliście schemat strony którą chcecie założyć (jeśli nie uczyńcie to teraz). Zastanowiliście się co chcecie na niej zamieścić. Macie przemyślane co powinno znaleźć się w menu. Zatem początkowy etap tworzenia strony macie za sobą. Teraz możemy skorzystać z już wykonanej cudzej pracy i wspomóc się gotowymi rozwiązaniami w postaci szablonów. Oczywiście za wiele z nich musimy zapłacić, ale są szablony, które autorzy udostępniają za darmo. Po przygotowaniu wstępnych treści serwisu wystarczy znaleźć odpowiedni szablon na stronach internetowych i rozpocząć tworzenie całego serwisu. Po wybraniu szablonu trzeba go edytować, a efektem końcowym jest gotowa strona HTML najczęściej od razu widoczna w sieci. Szablony można zmieniać jak nam się znudzi bez utraty własnej zawartości strony tylko w obrębie jednego systemu. Jeśli decydujemy się na zmianę systemu stronę trzeba wykonać od początku, razem z ustawieniem menu oraz wpisaniem ponownie treści.

Do edycji gotowej strony założonej przy użyciu szablonu www nie trzeba biegle posługiwać się językiem HTML, choć czasem znajomość tego języka ułatwia osiągnięcie zamierzonego celu. Najczęściej jednak edycja treści w szablonach jest intuicyjna i bardzo prosta. W przypadku szablonów nie ma konieczności kodowania strony w HTML.

Dostępne szablony mają już przykładową grafikę którą możesz wykorzystać na swojej stronie, jednakże jeśli posiadasz własne zdjęcia i grafikę, i wolisz, żeby Twoja strona była oryginalna, to możesz wybrać szablon z dowolnej kategorii, ponieważ i tak zmienisz elementy tematyczne. Wtedy możesz wybrać szablon, który najbardziej Ci się podoba pod kątem układu. Zwróć uwagę na stałe elementy serwisu, bo tych nie będzie można zmienić.

Obejrzyj pokaz slajdów gdzie pokazane są przykładowe strony z których możesz korzystać przy szukanie bezpłatnych szablonów stron www do wykorzystania. Aby móc założyć własną stronę czasem wystarczy założyć konto w danym serwisie.

[Slideshow]

Polecenie 1

Oprócz pokazanych w prezentacji slajdów stron , na których dostępne są darowe szablony, istnieją jeszcze inne. Np. strona www.jimdo.com.

Niestety producent systemu nie kontynuuje prowadzenia serwisu w języku polskim. Jednakże strona jest intuicyjna i łatwo w niej założyć stronę. Spróbuj swoich sił i stwórz stronę internetową poświęconą swojemu hobby. Aby ułatwić poruszanie się po tym serwisie polecam jeszcze jedną stronę www. https://kliktik.jimdo.com/jimdo‑moja‑strona‑www/. Tu znajdziesz podpowiedzi jak poruszać się po systemie jimdo.

Podsumowanie lekcji

Programowanie stron www w języku HTML jak i w każdym innym jest pracochłonne. Jeśli nie czujesz się na siłach stworzyć stronę www i nie chcesz skorzystać z profesjonalnej firmy projektującej strony internetowe, możesz skorzystać z szablonów www. Bezpłatne szablony dostępne są na wielu stronach internetowych. Aby je znaleźć wystarczy w wyszukiwarkę internetową wpisać hasło „free www template” albo „bezpłatny szablon www”.