www-2324

Organizacyjne

Deadline: to zadanie jest na zaliczenie (TAK/NIE), trzeba je oddać na piątym lub szóstym laboratorium osobie, która prowadzi zajęcia.

Celem tego zadania jest zademonstrowanie pobieżnego zapoznanie się z dwoma popularnymi frameworkami CSS: Tailwind CSS oraz Bootstrap.

Zadanie

Część pierwsza

Trzeba zmodyfikować stronę z laboratorium trzeciego. I zademonstrować na zajęciach:

• użycie Tailwind CSS przy wykorzystaniu npx i npm
• użycie klas, które były wymienione w laboratorium trzecim
• stworzenie layoutu strony za pomocą CSS Grid:
  • layout powinien zawierać nagłówek, stopkę, menu boczne, treść stworzoną za pomocą grid-area

Część druga

W zupełnie innej technologii, a mianowicie za pomocą Bootstrapa, należy stworzyć stronę internetową, która będzie zawierać jeden formularz. Formularz ten powinien zawierać pola:

• tekstowe
• wyboru (checkbox)
• wyboru (radio)
• select

Strona powinna zawierać również przycisk do wysłania formularza. Formularz należy osadzić na stronie wzorowanej na https://getbootstrap.com/docs/5.3/examples/checkout/

Linki

• Bootstrap
• Bootstrap 5 tutorial