Dziś zaczynam na blogu cykl, który powinien znaleźć się tutaj wcześniej czyli „Budujemy prostą stronę internetową„.
Do tej pory omówiłam wiele aspektów witryn internetowych, ale tak naprawdę nie stworzyłam wpisu, który łączył je by w pewną logiczną całość. Większość wpisów na blogu stanowiła omówienia funkcji i sposobu rozwiązań problemów. W tej serii chcę to usystematyzować.
Seria jak na razie składa się z 6 części linki do kolejnych etapów znajdziecie poniżej.
Strona, którą planuje zbudować w ramach mojego projektu będzie bardzo prosta. Przy jej budowie będę korzystać z technologi i bibliotek takich jak:
O ile CSS3 raczej nie będę musiała specjalnie omawiać o tyle mogą pojawić się pytania i uwagi na temat HTML5. Wpis ten będzie również wprowadzeniem do Bootstrap 4. Pytacie się dlaczego zdecydowałam się właśnie na użycie tej biblioteki? Odpowiedz jest prosta – jej popularność. Zachęcam jednak podczas pracy do patrzenia w jej kod i wyciągania wniosków.
Witryna zostanie wykonana na bazie dość prostego projektu:
Nie jest on może za ładny, ale idealny na prosty kurs.
Gotową już stronę znajdziecie tu
W pierwszym kroku będziemy musieli pociąć nasz projekt strony. Nie powinno to być zbyt trudne – jedyne co musimy z niego pobrać to:
Pozostałe elementy uzyskamy z pomocą CSS i HTML.
Pliki do pobrania:
Teraz będziemy potrzebować edytora kodu, w którym napiszemy naszą stronę. Najprostszym edytorem jest zwykły notatnik, ale niestety nie jest on zbyt poręczny.
Osobiście wolę użyć do tego Notepad++ lub Visual Studio Code jeżeli wolicie możecie użyć innego.
Warto przeczytać:
Jak w przypadku wielu różnych tematów tak i w przypadku marki osobistej pojawiło się przez…
Choć zabrzmi to może nieco dziwnie to wprowadzenie AI (sztucznej inteligencji) do naszego życia było…
Widmo Brockenu to dość rzadko spotykane zjawisko optyczne, najczęściej widywane w wysokich partiach gór. Można…
Zacznę może od tego, że relikwia, relikwii nie równa. Wiem jeśli nie ma się pojęcia…
Logo stanowi jeden z ważniejszych elementów tożsamości wizualnej praktycznie każdej firmy, marki czy projektu. Logo…
Budując własną markę osobistą lub chcąc ją zbudować trzeba liczyć się z wieloma wyzwaniami. Jednym…