Cześć. Podsumujemy naszą wiedzę z tematyki budowy layoutu. Poniżej dodaję ćwiczenie do rozwiązania. Powodzenia Ćwiczenie Stwórz nowy projekt w codesandbox. Stworzymy podstawowy szkielet strony HTML. Dodaj diva z klasą “hero”. W nim umieść nagłówek h1 z treścią”Witam!”. Zamknij diva. Kolejnego diva dodaj z klasą “container”. Zamknij diva. Pod nim dodaj diva z klasą “footer”. W …
Pojęcie “Grid” tłumacząc na z angielskiego to siatka, rusztowanie. W pewnym sensie to też layout. Jednak nazwałbym to pewny zorganizowany system rozmieszczania elementów. Nazywając systemem “coś” to musi mieć pewną gotową konfigurację. Grid mówi nam ile maksymalnie kolumn dzielimy zawartość strony. Często stosuję się gridy 12-kolumnowe. Kiedy mamy 12 kolumn to możemy np. dzielić wiersze …
Szkic prostego układu Poniżej dodaję prosty przykład layoutu. Składa się on z następujących składowych: górnej belki – zawiera ona zazwyczaj logo lub tytuł witryny, nawigacji – menu strony z podziałem na podstrony, głównego kontenera – znajduję się w nim cała treść witryny, stopki – zawsze określam to na tak zwaną granice strony, tak jak znak …
Trochę teorii… Layout to układ strony. Układ to szkielet decydujący o rozmieszczeniu treści na stronie. Najczęściej chodzi o rozmieszczenie jej kilku bloków zawartości takich jak: menu, główny baner, treść i stopka. Warto zaplanować layout strony aby rozmieszczenie bloków treści było logiczne. W świecie internetu funkcjonują pewne przyzwyczajenia użytkowników, np. każdy będzie szukał loga i menu …
