Budujemy prostą stronę internetową cz. 5

biuro strona kodowanie

Kategoria wpisu Kurs CSS, PHP, HTML, CSS Tagi: , , , , on przez .


1 Gwizdka2 Gwizdki3 Gwizdki4 Gwizdki5 Gwizdki (Brak ocen)
Loading...

Reading Time: 4 minutes

To już przed ostatnia część mojego kursu. Omówię w niej ostatnie dwie części budowanej strony internetowej.

W 6 ostatniej części pokażę animacje jakie warto dodać do strony. Linki do poprzednich części kursu znajdziecie poniżej:

Sekcja design

Podobnie jak sekcja znajdująca się zaraz pod nagłówkiem nie jest zbyt skompilowana.

Specjalnie do tej sekcji nie trzeba nic dodawać. Pojawia się tu jednak zwykły link. Nie posiada on określonego miejsca prowadzenia, jednak jak widać w projekcie wyróżnia się na tle reszty tekstu.

Powyższy kod wprowadza nas również do następnej sekcji, którą jest stopka.

Stopka – <Footer>

To już ostatnia sekcja.

footer - stopka

footer – stopka



W tej sekcji posiadamy wypunktowaną listę. A właściwie 3 wypunktowane listy. Kolumny można stworzyć również w inny sposób ja jednak wybrałam bardziej tradycyjny. Jak byście jednak chcieli spróbować zrobić inaczej alternatywną metodę znajdziecie pod linkiem.

Domyślne wypunktowanie na stronach jest w formie kropek. W projekcie jest ono jednak kwadratowe – dlatego dopisałam do CSS:

Teraz jeszcze dodam odstęp:

Podsumowanie kodu strony

Wiemy jak wyglądają już pojedyncze sekcje – warto jednak jeszcze raz zobaczyć kod w całości. I tak nasz index.html prezentuje się następująco:

Z kolej nasz plik CSS wygląda tak:

 

Powyższy kod pozbawiony jest praktycznie animacji. Kwestia animacji jak i sam gotowy szablon pojawią się w ostatniej części.

 

 

 

Przeczytaj również

Dodaj komentarz

Twój adres email nie zostanie opublikowany. Pola, których wypełnienie jest wymagane, są oznaczone symbolem *