poniedziałek, 20 kwietnia 2020

Temat: Tworzenie stron WWW z wykorzystaniem stylów i elementów programowania.

Przedmiot: INFORMATYKA

I. Przeczytaj:

Co to jest strona internetowastrona WWW?
Według Wikipedii jest to zbiór uporządkowanych logicznie, połączonych ze sobą przez nawigację oraz linki, elementów prezentowanych za pomocą przeglądarki internetowej pod jednolitym adresem elektronicznym.
Stanowi dokument HTML udostępniany w Internecie przez serwer WWW. Po stronie użytkownika strona internetowa jest zwykle otwierana i wyświetlana za pomocą przeglądarki internetowej. 
Mój blog, który teraz czytasz, też jest rodzajem strony internetowej. Jednak jego formuła nie zawsze może być stosowana - np. strony internetowe (a właściwie witryny internetowe) dużych firm nie powinny używać bloga to prezentowania siebie w Internecie.
Rozbudowane witryny tworzone są przez specjalistów z wykorzystaniem odpowiednich narzędzi. Jednak  na potrzeby prywatne, każdy człowiek może skorzystać z dostępnych w Internecie szablonów stron internetowych (zarówno darmowych, jak i płatnych).
Szablon taki posiada zaprojektowane strony i podstrony, które należy wypełnić własną treścią. Szablony te utworzone są w języku HTML. (HTML - z ang. HyperText Markup Language – hipertekstowy język znaczników).
Oprócz języka HTML do opisania wyglądu i funkcjonowania stron WWW wykorzystywane są kaskadowe arkusze stylów CSS oraz język programowania JavaScript.
HTML jest językiem znaczników, który otacza treść, aby wskazać przeglądarce nagłówki, listy, tabele, itp.
CSS jest językiem nadającym styl stronie, nakazuje przeglądarce zmienić kolor, czcionkę, wygląd i wiele więcej.
Tworzenie strony HTML polega na umieszczaniu odpowiednich znaczników w odpowiednich miejscach. W HTML istnieją dwa znaczników – takie, które musimy otworzyć i zamknąć oraz znaczniki, które tylko otwieramy (nie mają zamknięcia).

"Podstawowe znaczniki HTML w sekcji HEAD*
*Head, czyli nagłówek dokumentu HTML. Umieszczamy w nim podstawowe informacje o naszej stronie, takie jak tytuł, opis, czy odnośniki do stylów CSS, skryptów JavaScript.
<html></html> — element <html> zawiera całą treść strony i czasem nazwany jest elementem bazowym (ang. root element). Wskazuje, gdzie zaczyna i kończy się kod HTML.
<head></head> — element <head> to tzw. nagłówek strony
<body></body> — element <body>Zawiera całą zawartość, która ma być wyświetlana użytkownikom internetowym podczas odwiedzania Twojej strony, niezależnie od tego, czy chodzi o tekst, obrazy, wideo, gry, odtwarzalne ścieżki dźwiękowe czy cokolwiek innego.

<title></title> — element <title>.  Ustawia tytuł strony, który jest tytułem wyświetlanym na karcie przeglądarki."

(Źródło: https://developer.mozilla.org/pl/docs/Learn/Getting_started_with_the_web/HTML_basics)


II. Obejrzyj w Internecie:

Internetowe kursy jak korzystać z HTML i CSS przy tworzeniu stron internetowych przygotowali np. fachowcy z Khan Academy.


Dzisiaj zapoznaj się z wstępem i pierwszymi lekcjami tych kursów (3 filmy - ok. 12 minut):




i pamiętaj:
"Programowanie to zajęcie, które wymaga znajomości wielu zagadnień. To wiedza, którą zdobywa się przez kilka ładnych lat. Nie znam żadnego programisty, który nauczył się wszystkiego w jeden wieczór. To jest po prostu niemożliwe.


III. Odpowiedz na pytania zawarte w poniższym podsumowaniu ("mini teście" zrozumienia treści tematu lekcji), pamiętając, aby na koniec kliknąć na przycisk "Prześlij", abym otrzymał Twoje odpowiedzi.

Do zeszytu (jako notatkę) przepisz sobie poprawne rozwiązania poszczególnych punktów z testu.

Brak komentarzy:

Prześlij komentarz