Zaprojektuj własną stronę WWW

W tym e‑materiale przedstawimy kolejne etapy projektowania własnej strony WWW. Posłużymy się przykładem strony zawierającej przepis kulinarny.

W pierwszej kolejności wyszukaj przepis, którym chcesz się podzielić. Ważne, aby zawierał sposób przygotowania, listę składników, zdjęcie oraz zestawienie wartości kalorycznych.

Efekt końcowy:

RU3FM7ZLK385A

Projektując własną stronę WWWstrona internetowastronę WWW, nie musisz wybierać przepisu kulinarnego. Ważne jest to, żeby witryna zawierała akapit ciągły (tutaj sposób przygotowania), listę (lista składnikow), zestawienie wartości kalorycznej (dane, które można zwizualizować, korzystając z wykresów).

Polecenie 1

Zapoznaj się z filmem edukacyjnym, a  następnie odtwórz przedstawiony sposób postępowania, korzystając z własnych materiałów.

RPMCPGSTQ33G4
Film nawiązujący do treści materiału: Projektowanie strony zawierającej przepis kulinarny.
R1KO6XP3NF973

Przycisk służący do pobrania kodu źródłowego programu zaprezentowanego w filmie. Dotyczy składników i przygotowania muffinek.

Plik TXT o rozmiarze 2.74 KB w języku polskim
R1KJKK89ULP5C

Przycisk służący do pobrania kodu źródłowego programu zaprezentowanego w filmie. Wprowadzono nowe klasy zdefiniowane w pliku CES.

Plik TXT o rozmiarze 813.00 B w języku polskim
R2TTKFPEPD3AZ

Przycisk służący do pobrania kodu źródłowego programu zaprezentowanego w filmie. W kodzie dodano przerwy między linijkami.

Plik TXT o rozmiarze 727.00 B w języku polskim

Słownik

adres URL
adres URL

usługa pozwalająca na publikowanie treści (stron, witryn, serwisów) w sieci internetowej

certyfikat SSL
certyfikat SSL

szyfrowanie, które zabezpiecza dane pozostawiane na stronie WWW, np. w formularzach kontaktowych, podczas logowania; certyfikat ten podnosi pozycję strony w wyszukiwarkach oraz zwiększa jej wiarygodność

CMS
CMS

oprogramowanie do zarządzania treścią strony (ang. Content Management System)

dokument HTML
dokument HTML

dokument (strona WWW) czytany przez przeglądarki internetowe, widoczny pod konkretnym adresem URL; zawiera tekst, odnośniki (linki), informacje o multimediach i zdjęciach

domena
domena

adres strony internetowej, np. www.zlompol.pl

home page (strona główna)
home page (strona główna)

strona, na którą kieruje domyślnie adres witryny internetowej

hosting
hosting

przestrzeń na zdalnym serwerze, w której przechowywana jest zawartość strony

kreator stron WWW
kreator stron WWW

narzędzie to tworzenia stron internetowych; zawiera gotowe szablony

link
link

zwany także odnośnikiem, jest aktywnym fragmentem tekstu albo obrazkiem; pozwala przejść na inny adres URL albo wykonać inną czynność, np. przesłać zapytanie przez formularz kontaktowy

post
post

wpis na stronie

responsywność
responsywność

automatyczne dostosowanie rozmiaru strony do urządzeń, na których będzie wyświetlana; responsywna strona to taka, która poprawnie wyświetla się na wszystkich monitorach i wyświetlaczach

serwer internetowy
serwer internetowy

urządzenia do obsługi technicznej stron WWW (przechowywanie plików strony WWW, poczty, multimediów itp.)

single page (podstrona lub pojedyncza strona)
single page (podstrona lub pojedyncza strona)

unikalna strona internetowa, stanowiąca odrębny dokument zawierający treść

strona internetowa
strona internetowa

zbiór dokumentów HTML; połączone są ze sobą linkami URL (odnośnikami); dokumenty te znajdują się w obrębie jednej domeny internetowej (serwisu internetowego albo witryny internetowej)

witryna internetowa/serwis internetowy
witryna internetowa/serwis internetowy

zbiór połączonych ze sobą pojedynczych stron internetowych