Embedded Files
Ćwiczenia z W3S
Ćwiczenia z W3S
Struktura dokumentu HTML
Struktura dokumentu HTML
SIAI struktura dokumentu html.pdfZadania
Podstawowe składniki dokumentu HTML:
a. Wyjaśnij, jakie są główne elementy składające się na strukturę dokumentu HTML.
b. Dlaczego deklaracja <!DOCTYPE html> jest ważna na początku dokumentu HTML?
c. Opisz funkcję tagów <html>, <head> i <body>.
Metadane w dokumencie:
a. Co to są metadane w kontekście dokumentu HTML?
b. Jakiego tagu używamy do dodawania metadanych w sekcji <head>?
c. Wymień trzy typy informacji, które możemy przechowywać w metadanych i wyjaśnij, do czego służą.
Podstawowe znaczniki i atrybuty w języku HTML
Podstawowe znaczniki i atrybuty w języku HTML
SIAI podstawoowe znaczniki i atrybuty w HTML.pdfBarwa jako wartość atrybutów HTML
Barwa jako wartość atrybutów HTML
SIAI Modele barw.pdfZadanie 1: RGB vs CMYK
Wyobraźcie sobie, że projektujecie stronę internetową dla firmy, która chce wydrukować swoje logo na wizytówkach. Logo ma być intensywnie czerwone.
Jaki model barw wykorzystacie do projektu logo na stronie internetowej?
Jaki model barw wykorzystacie do druku wizytówek?
Wyjaśnijcie, dlaczego wybór odpowiedniego modelu barw jest ważny w tym przypadku. Co może się stać, jeśli użyjecie niewłaściwego modelu?
Zadanie 2: Hexowe zagadki
Rozwiążcie te hexowe zagadki, aby sprawdzić swoją znajomość zapisu kolorów w modelu RGB:
Jaki kolor ukrywa się pod kodem #000000?
Jaki kolor ukrywa się pod kodem #FFFFFF?
Jaki kolor ukrywa się pod kodem #FF0000?
Jaki kolor ukrywa się pod kodem #00FF00?
Jaki kolor ukrywa się pod kodem #0000FF?
Zadanie 3: Paleta barw
Stwórzcie paletę barw dla strony internetowej o tematyce:
a) podróże egzotyczne 🌴
b) sklep z ekologiczną żywnością 🥦
c) portal dla graczy 🎮
Uzasadnijcie swój wybór kolorów. Jakie emocje i skojarzenia powinny one wywoływać u użytkowników?
Zadanie 4: Narzędzia online
Poznajcie narzędzia online do tworzenia i analizy palet barw. Wybierzcie jedno z nich i przetestujcie jego funkcje:
https://paletton.com/#uid=1000u0kllllaFw0g0qFqFg0w0aF
Zadanie 5: Dostępność
Poszukajcie informacji na temat dostępności stron internetowych dla osób z zaburzeniami widzenia. Jak dobierać kolory, aby strona była czytelna dla wszystkich?
Podział strony i obsługa danych w języku HTML
Podział strony i obsługa danych w języku HTML
SIAI Podział strony i obsługa danych w HTML.pdfZadania
Podział strony na sekcje: Opisz, jakie elementy HTML użyjesz do podziału strony na logiczne sekcje. Jakie znaczniki HTML są odpowiednie do oznaczania nagłówka, stopki, menu nawigacyjne i treści głównej strony?
Znaczenie znaczników semantycznych: Wyjaśnij znaczenie i zastosowanie znaczników semantycznych, takich jak <header>, <footer>, <nav>, <section>, <article> i <aside>. Jakie korzyści przynosi stosowanie tych znaczników dla dostępności i SEO?
Tabele w HTML: Omów znaczenie znacznika <table> i jak używać go do organizowania danych w tabelach na stronie internetowej. Jakie znaczniki HTML są stosowane wewnątrz tabeli, takie jak <tr>, <th> i <td>?
Formularze w HTML: Jak tworzyć formularze HTML i jakie znaczniki są używane w ich budowie? Opisz znaczenie znaczników takich jak <form>, <input>, <textarea>, <select> i <button>. Jakie są różnice między metodami HTTP GET i POST w formularzach?
Grafika i multimedia w dokumentach HTML
Grafika i multimedia w dokumentach HTML
SIAI grafika i multimedia HTML.pdfObrazy i multimedia: Wyjaśnij, jak wstawić obrazy i multimedia na stronę za pomocą znaczników <img>, <audio> i <video>. Jakie atrybuty można użyć w tych znacznikach, aby dostosować wygląd i zachowanie mediów?
Linki i nawigacja: Omów znaczenie znacznika <a> w tworzeniu linków. Jakie są różnice między linkami względnymi a bezwzględnymi? Jak używać atrybutów href i target w znaczniku <a>?
Zaliczenie HTML
Zaliczenie HTML
Przygotuj stronę w języku HTML poświęconą swoim zainteresowaniom.
Strona powinna zawierać:
menu
min. dwie podstrony
wstawione obrazki
tabelę
listę
formularz kontaktowy
Pliki html prześlij na adres eduandsafety@gmail.com
Co oceniam: prawidłowe zastosowanie znaczników i ich atrybutów, dobór elementów graficznych i jakość wykonanego projektu. Stopień zaawansowania projektu.
Oddać do: 24.11.2024r. 23:59
HTML Formularz
Google Sites
Report abuse