Wróć do informacji o e-podręczniku Wydrukuj Pobierz materiał do PDF Pobierz materiał do EPUB Pobierz materiał do MOBI Zaloguj się, aby dodać do ulubionych Zaloguj się, aby skopiować i edytować materiał Zaloguj się, aby udostępnić materiał Zaloguj się, aby dodać całą stronę do teczki
RFNXVfwQQPS4J

Work with templates

Source: licencja: CC 0.

Praca z szablonami

You will learn
  • to use ready‑made www templates to create your own website,

  • where you can download ready‑made templates for websites to use them and learn how to explain it in English.

RGsEGZdK7iFG31
nagranie abstraktu
  1. Are there any ready‑made systems that allow you to create websites without coding in HTML?

  2. What are web templates?

  3. Are there free web templates available?

  4. Is there only one producer of www templates?

  5. What should a www template contain?

R1Pr55MNVIkzO1
nagranie abstraktu

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 templatetemplatetemplate 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 websitecontent of the websitecontent 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 contentpage contentpage 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 templatetemplatetemplate, 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 graphicssample graphicssample 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 categorycategorycategory, 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.

R1TuwfDKsQ6Xu
Pokaz przedstawia zrzuty ekranu ze stron internetowych udostępniających bezpłatne szablony umożliwiające zrobienie własnej strony www. Instrukcja obsługi z poziomu klawiatury: 1. Uruchomienie aplikacji - ENTER, 2. Na każdym ze slajdów czytany jest automatycznie tekst alternatywny po polsku, 3. Przy pierwszym uruchomieniu na pierwszym slajdzie, czytanie tekstu po angielsku - TAB, 4. Przejście między slajdami: do następnego slajdu - TAB, do poprzedniego slajdu - TAB + SHIFT, 5. Przejście do czytania napisu po angielsku - strzałka w górę + strzałka w dół (czyta tekst po angielsku widoczny na slajdzie).
Templates
Source: GroMar, licencja: CC BY 3.0.
Task 1
Rlf64luvz1lkN1
nagranie abstraktu

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.

RGYTAA3VBknxI1
nagranie abstraktu

Programming websites in HTML as well as in any other language is laborious. If you do not feel strong enough to create a website and you do not want to use a professional company that designs websites, you can use www templates. Free templates are available on many websites. To find them, simply enter the phrase „free www templatefree www templatefree www template” or „free web template” into the web browser.

Exercises

R1Pgm1KsWZXgF
Exercise 1
Wersja alternatywna ćwiczenia: Which sentence is true? Możliwe odpowiedzi: 1. Are web templates one of the programming languages?, 2. Do you need to know how to program in order to create a website based on a template?, 3. Is every www template written in HTML?, 4. Are there many free web templates available on the web?, 5. Do all web templates have the same layout?
zadanie
Source: GroMar, licencja: CC BY 3.0.
Exercise 2

Find a free template on the web that you like and that you can use to make your website, and then create it. Finished work will surely bring you a lot of satisfaction.

Exercise 3

Describe in English what are the benefits of using web templates when creating a website.

RJYVzZoYNf0eE
Exercise 4
Wersja alternatywna ćwiczenia: Indicate which pairs of expressions or words are translated correctly. Możliwe odpowiedzi: 1. kategoria - category, 2. szablon - template, 3. zawartość strony - content of the website, 4. bezpłatny szablon www - free www template, 5. zawartość strony - content editing, 6. edycja treści - page content
R2lA9zgAAvTRh1
Interaktywna gra, polegająca na łączeniu wyrazów w pary w ciągu jednej minuty. Czas zaczyna upływać wraz z rozpoczęciem gry. Jeden ruch to odkrywanie najpierw jednej potem drugiej karty z wyrazem. Każdy wyraz jest odczytywany. Kolejny ruch to odkrywanie trzeciej i czwartej karty. W ten sposób odsłuchasz wszystkie wyrazy. Nawigacja z poziomu klawiatury za pomocą strzałek, odsłuchiwanie wyrazów enterem lub spacją. Znajdź wszystkie pary wyrazów.
Source: Zespół autorski Politechniki Łódzkiej, licencja: CC BY 3.0.

Glossary

category
category

kategoria

R15CvxIpBH5V81
wymowa w języku angielskim: category
content editing
content editing

edycja treści

R11l2keh0mtfx1
wymowa w języku angielskim: content editing
content management system
content management system

system zarządzania treścią

R1SXzzfw1MZkf1
wymowa w języku angielskim: content management system
content of the website
content of the website

treści serwisu

R1cS8Cj716GG61
wymowa w języku angielskim: content of the website
free www template
free www template

bezpłatny szablon www

RoNNTpDRWPrsM1
wymowa w języku angielskim: free www template
page content
page content

zawartość strony

R15fNixn4655o1
wymowa w języku angielskim: page content
page schematic
page schematic

schemat strony

RrzQ2OTN02rIh1
wymowa w języku angielskim: page schematic
sample graphics
sample graphics

przykładowa grafika

RKU9Zmy76WIgS1
wymowa w języku angielskim: sample graphics
template
template

szablon

R1Dl4yiRpJIWD1
wymowa w języku angielskim: template
text editor
text editor

edytor tekstu

R4jwnbAkMoNnP1
wymowa w języku angielskim: text editor

Keywords

categorycategorycategory

content editingcontent editingcontent editing

content management systemcontent management systemcontent management system

free www templatefree www templatefree www template

templatetemplatetemplate