Temat 42. Tworzenie stron WWW – podstawowe informacje

Poniżej znajduje się fragment tematu. Z pełną wersją zapoznasz się w podręczniku Informatyka 1-3.

Wszelkie prawa zastrzeżone. Wszystkie treści na stronie dlaucznia.migra.pl chronione są prawami autorskimi. Dowiedz się więcej.

 
Warto powtórzyć
  1. Przypomnij pojęcia: strona WWW, witryna internetowa, adres WWW.
  2. Za pomocą jakich narzędzi można tworzyć strony internetowe?
 

1. Jak zapisana jest strona WWW?

Zaznacz narzędzia, które mogą posłużyć do utworzenia prostej strony WWW:








Szczegółową charakterystykę narzędzi do tworzenia stron znajdziesz w tabeli 1. w temacie 42. w podręczniku Informatyka 1-3.

Ćwiczenie 1. Porównujemy wygląd witryn

Wykonaj ćwiczenie zgodnie z treścią w podręczniku.

Ćwiczenie 2. Oglądamy źródło strony

Wykonaj ćwiczenie zgodnie z treścią w podręczniku.

2. Blogi

Blog jest rodzajem strony internetowej. Podstawową zaletą takiej metody publikowania treści w Internecie jest łatwość korzystania z niej. Do prowadzenia blogu nie jest wymagana znajomość protokołów sieciowych, języków programowania, nie trzeba też mieć odpowiednich programów narzędziowych – wystarczy przeglądarka internetowa, w której na odpowiedniej stronie WWW, wpisuje się i formatuje teksty notatek.

Jest wiele serwisów oferujących możliwość darmowego prowadzenia blogów, np. https://pl.wordpress.org/, https://www.blogi.pl/, https://www.blogger.com/about/https://pl.wix.com/start/jak-zalozyc-bloga.

Ćwiczenie 3. Szukamy w Internecie blogów o wybranej tematyce

Wykonaj ćwiczenie zgodnie z treścią w podręczniku.

3. Systemy zarządzania treścią

Bardziej rozbudowane w stosunku do blogów są systemy zarządzania treścią (CMS – z ang. Content Management System). Systemy zarządzania treścią to zarówno programy komercyjne, jak i dostępne bezpłatnie, np. Joomla!, Drupal, WordPress – rozpowszechniane na licencji GNU GPL. Niektóre programy mogą być przeznaczone do konkretnych zastosowań, np. MediaWiki – do tworzenia encyklopedii.

Ćwiczenie 4. Szukamy wybranych serwisów internetowych

Wykonaj ćwiczenie zgodnie z treścią w podręczniku.

4. Szablony do tworzenia stron

Szablon jest pewnego rodzaju szkieletem składającym się z zaprojektowanych stron i podstron. Szablony są często tak przygotowane, żeby można je było łatwo dopasować do potrzeb klienta, np. do różnych rodzajów działalności. W Internecie są dostępne szablony stron internetowych – zarówno wersje darmowe, jak i odpłatne: https://pl.webnode.com/szablony/, https://pl.wix.com/website/templates, https://www.squarespace.com/templates, https://www.canva.com/websites/templates/

5. Stosowanie podstawowych znaczników języka HTML

Zamierzamy utworzyć stronę internetową o Wyspach Kanaryjskich. Na stronie chcemy umieścić fotografie i podstawowe informacje. Jak wykonać taką stronę nie wykorzystując gotowych narzędzi do tworzenia stron?

Przykład 1. Stosowanie atrybutu align

W języku HTML mamy do dyspozycji sześć poziomów tytułów, w kolejności od najważniejszych do najmniej ważnych.
<p align="center">Wyrównanie akapitu do środka strony</p>
<h1>Tytuł pierwszego poziomu</h1>
<h2>Tytuł drugiego poziomu</h2>
<h3>Tytuł trzeciego poziomu</h3>
<h4>Tytuł czwartego poziomu</h4>
<h5>Tytuł piątego poziomu</h5>
<h6>Tytuł szóstego poziomu</h6>

Wyrównanie akapitu do środka strony

Tytuł pierwszego poziomu

Tytuł drugiego poziomu

Tytuł trzeciego poziomu

Tytuł czwartego poziomu

Tytuł piątego poziomu
Tytuł szóstego poziomu

<h1 align="center">Tytuł</h1> spowoduje wyśrodkowanie tytułu względem szerokości strony.

Uwagi:
• Domyślnie (jeżeli nie użyjemy atrybutu align) akapity i tytuły wyrównywane są do lewej strony.
• W języku HTML wartości atrybutów wpisuje się w znakach cudzysłowu.

Ćwiczenie 5. Zapisujemy kod źródłowy strony w programie Notepad++

  1. Utwórz folder o nazwie Strona, w którym zapiszesz swoją stronę WWW.
  2. Uruchom program Notepad++ i przepisz kod strony podany na rysunku 2a w podręczniku lub pobierz i uzupełnij plik:
    Pobierz index.html
  3. Wyjaśnij znaczenie znaczników umieszczonych w kodzie, wykorzystując wiadomości z lekcji informatyki ze szkoły podstawowej.
  4. Zapisz kod strony w pliku o nazwie index.html w folderze Strona i otwórz go w przeglądarce internetowej.

Lista uporządkowana ma postać:

<ol>
<li>Element listy uporządkowanej</li>
<li>Element listy uporządkowanej</li>
...
</ol>
  1. Element listy uporządkowanej
  2. Element listy uporządkowanej

Lista nieuporządkowana ma postać:

<ul>
<li>Element listy nieuporządkowanej</li>
<li>Element listy nieuporządkowanej </li>
...
</ul>
  • Element listy nieuporządkowanej
  • Element listy nieuporządkowanej

Ćwiczenie 6. Dodajemy do strony listę nieuporządkowaną, listę uporządkowaną i poziomą linię

Wykonaj ćwiczenie zgodnie z treścią w podręczniku. Wykorzystaj plik zapisany w ćwiczeniu 5.
 

Przydatne linki

Program Notepad++
https://notepad-plus-plus.org/downloads/

Przykładowe serwisy do tworzenia stron WWW (wersje darmowe i odpłatne):

https://pl.wordpress.org/
https://www.joomla.pl/
https://www.drupal.org/
https://pl.webnode.com/
https://pl.wix.com/explore/websites
https://app.site123.com/?aff=370034&sid=PL-843909&l=pl&landingSystem=1#
https://www.squarespace.com/
https://www.jimdo.com/examples/



Podziel się swoimi sugestiami do tego tematu

Cały czas się rozwijamy i zależy nam, aby treści dostosować do oczekiwań nauczycieli i uczniów. Masz sugestię do tego tematu? Napisz do nas:

Jestem:




Wyrażam zgodę na przesyłanie pocztą elektroniczną informacji o konferencjach i szkoleniach, nowych produktach i usługach, promocjach oraz innych informacji marketingowych.

Wyrażam zgodę na przetwarzanie moich danych osobowych, w celu świadczenia usług na stronie wydawnictwa przez MIGRA sp. z o.o., Wrocław, ul. Świeradowska 51-57 (REGON: 932280050) zgodnie z europejskim rozporządzeniem o ochronie danych osobowych z dnia 27 kwietnia 2016 r. (Dz. Urz. UE L nr 119, str. 1) oraz ustawą z dnia 18 lipca 2002 r. o świadczeniu usług drogą elektroniczną (Dz.U. 2002 nr 144 poz. 1204 z zm.)

Twoja książka

Informatyka 1-3. Podręcznik dla szkół ponadpodstawowych. Zakres podstawowy.

Zobacz również
Temat 43.

Dołącz do nas
Kontakt
Migra Sp. z o.o.
ul. Świeradowska 51/57
50-559 Wrocław

tel. 71 75 06 230
faks 71 75 06 235
biuro@migra.pl
www.migra.pl
Kapitał zakładowy: 80000 zł
NIP: 896-12-85-858
REGON: 932280050
KRS: 0000104198
Sąd Rejonowy dla Wrocławia-Fabryczna we Wrocławiu, VI Wydział Gospodarczy Krajowego Rejestru Sądowego
Migra Sp. z o.o.
ul. Świeradowska 51/57
50-559 Wrocław

tel. 71 75 06 230
faks 71 75 06 235
biuro@migra.pl
www.migra.pl
Dla nauczyciela
Materiały metodyczne (m.in. scenariusze lekcji, sprawdziany, rozwiązania zadań)
Pomoce dla nauczyciela
Copyright © Migra