Budujemy prostą stronę internetową cz. 1 (z Bootstrap 4+)

Czas czytania: 2 minut

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:

  • HTML5
  • CSS3
  • Bootstrap 4

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:

prosty projekt strony internetowej
prosty projekt strony internetowej

Nie jest on może za ładny, ale idealny na prosty kurs.

Gotową już stronę znajdziecie tu

Od czego zaczynamy

W pierwszym kroku będziemy musieli pociąć nasz projekt strony. Nie powinno to być zbyt trudne – jedyne co musimy z niego pobrać to:

  • wystarczą dwie grafiki

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.

https://www.aurainweb.pl/2018/11/budujemy-prosta-strone-internetowa-cz2/

 

https://www.aurainweb.pl/2016/09/naglowki-podzial-tekstu-plikach-stron-www/

https://www.aurainweb.pl/2017/03/darmowe-zdjecia-na-strone-lub-bloga/