layout

#20. Strona ze zdjęciami🖼

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 …

#20. Strona ze zdjęciami🖼 Read More »

#19. Grid i wszystko jasne❓

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 …

#19. Grid i wszystko jasne❓ Read More »

#16. Layout strony

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 …

#16. Layout strony Read More »

#13. Pierwsze kroki z layoutem💪

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 …

#13. Pierwsze kroki z layoutem💪 Read More »