II. Programming and solving problems by using the computer and other digital devices. Using computer applications, the student:
2) creates documents and presentations, including those in a cloud in order to solve problems and create papers from various fields (subjects), adjusts the format and the appearance of the research papers to their content/purpose and demonstrates the following skills:
e) creating a simple website including: text, images and hyperlinks, with the use of the basic commands of HTML.
III. Using the computer, digital devices and computer networks. The student:
2) develops the skill of using various devices for creating the electronic versions of texts, images, sounds, films and animations;
3) uses correctly the terminology related to computer science and technology.
Website schematics are similar. Everywhere we find navigation elements, footer, photos; they are only differently composed. We can of course build our own website from scratch, however it is more convenient and less time‑consuming to use ready‑made templates available on the Internet. Website template is a skeleton, an example of your website, which you can freely modify. To start with, certain page properties are defined, such as: background, colours, font sizes or layout of fixed elements, etc. Most often templates have sample content such as ready‑made texts, pictures and photos. The content is usually the Latin text Lorem Ipsum. This is the beginning of a longer Latin text. Initially, it was thought that it has no meaning, that it is a random conglomeration of Latin words. It was only Latin professor Richard McClintock who identified the text as a fragment of Cicero's dissertation from 45 BC titled „De finibus bonorum et malorum” (Latin: „On the border of good and evil”).
Both the text and photos in the template are changeable, so you can change them at any time using the editor.
Let's assume that you have already prepared the schematic of the page you want to set up (if not, do it now). You wondered what you want to put on it. You have well thought out what should be on the menu. So the initial stage of creating the page is behind you. Now we can take advantage of the work already done and help with ready solutions in the form of templates. Of course, we have to pay for many of them, but there are templates that the authors make available for free. After preparing the initial content of the website, it is enough to find the appropriate template on the Internet and start creating the entire website. After selecting the template, you need to edit it, and the final result is the finished HTML page that is visible on the web. Templates can be changed, if they bored us, without losing our own page content only within one system. If we decide to change the system, the page must be made from the beginning, along with setting the menu and re‑entering the content.
You do not need to be fluent in using HTML to edit a webpage made using a web template, although sometimes knowing the language makes it easier to achieve the intended goal. Most often, however, editing content in templates is intuitive and very simple. In the case of templates, there is no need to code the page in HTML.
Available templates already have sample graphics that you can use on your site, however, if you have your own photos and graphics, and prefer your site to be original, you can choose a template from any category, because you'll change the themes anyway. Then you can choose the template that you like best in terms of layout. Pay attention to the permanent elements of the website, because these cannot be changed.
Watch a slideshow where examples of websites that you can use when searching for free website templates are shown. In order to be able to set up your own website, it is sometimes enough to set up an account in a given website.
[Slideshow]
Task 1
In addition to the pages shown on the slideshow, where free templates are available, there are others. E.g. the website www.jimdo.com.
Unfortunately, the system manufacturer does not continue to run the site in Polish. However, the site is intuitive and it's easy to set up a website there. Give it a try and create a website dedicated to your hobby. To make it easier to navigate around this website, I recommend one more website: https://kliktik.jimdo.com/jimdo‑moja‑strona‑www/. Here you will find hints on how to use the jimdo system.
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?
md6b6981d486762f5_1527752256679_0
RGYTAA3VBknxI1
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”.
md6b6981d486762f5_1528449000663_0
Praca z szablonami
md6b6981d486762f5_1528449084556_0
Drugi
md6b6981d486762f5_1528449076687_0
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ą.
md6b6981d486762f5_1528449068082_0
45 minut
md6b6981d486762f5_1528449523725_0
Poznanie możliwości wykorzystania szablonów www przy tworzeniu stron.
md6b6981d486762f5_1528449552113_0
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.
md6b6981d486762f5_1528450430307_0
Uczeń:
- zna zasady wykorzystania gotowych szablonów www,
- wie gdzie dostępne są szablony www.
md6b6981d486762f5_1528449534267_0
1. Kształcenie przez praktykę.
2. Dyskusja.
md6b6981d486762f5_1528449514617_0
1. Praca własna ucznia.
2. Praca z komputerem.
md6b6981d486762f5_1528450135461_0
md6b6981d486762f5_1528450127855_0
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.
md6b6981d486762f5_1528446435040_0
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.
md6b6981d486762f5_1528450119332_0
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”.