Wielgosik Damian - Moja pierwsza strona internetowa w HTML5 i CSS3 (2019).pdf

(20132 KB) Pobierz
0.
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
Wstęp
Co klocki mają wspólnego ze stronami internetowymi?
Budujemy naszą pierwszą stronę internetową
Cechy kompletnego kodu HTML
Kodujemy artykuł na bloga
Zmień wygląd strony dzięki CSS3
Projektujemy menu
Zrozumieć klasy w CSS
Czas podsumowań
Formularze
Różnica między <div> a <span>
Dodatki do formularzy
Układ kolumnowy - float
Układ kolumnowy - CSS Grid Layout
Porady autora
Wydanie drugie, październik 2019.
Damian Wielgosik - wszystkie prawa zastrzeżone
Wstęp
stęp
Żyjemy w czasach, kiedy strony internetowe stały się częścią naszej codzienności, często
(choć inną sprawą pozostaje pytanie, czy jest to zawsze dobre zjawisko?) zastępując
prasę i książki, przy okazji oferując ich użytkownikom całą gamę zupełnie nowych
możliwości. Prawdopodobnie codziennie odwiedzasz przynajmniej kilka ulubionych
miejsc w internecie. Być może robisz zakupy, wysyłasz wiadomości, grasz, sprawdzasz
newsy i oglądasz zdjęcia z wakacji Twoich znajomych. Przy pomocy stron internetowych
bawisz się, zarabiasz i poznajesz innych ludzi. Dlatego dziś umiejętność ich tworzenia
wydaje się niezwykle cenna. Internet daje wiele możliwości, a wiedza o tym, jak jest
zbudowany jest pozwala odrobinę lepiej zrozumieć zmiany zachodzące we
współczesnym społeczeństwie i gospodarce.
Czy kiedykolwiek zastanawiałeś się, jak stworzyć własną stronę?
Zapraszam Cię do wspólnej podróży po Internecie. Przyjrzymy się stronom
internetowym, które znamy i odwiedzamy na co dzień. Analizując je użyjemy porównań
oraz analogii, które pozwolą Ci lepiej zrozumieć jak są zbudowane. Zajmuję się tym
zawodowo od kilkunastu lat i jestem przekonany, że na koniec naszej przygody wspólnie
stworzymy Twoją pierwszą stronę internetową.
Podziękowania dla
Kuby Uczciwka
za wsparcie graficzne;
Piotra Mierzejewskiego, Pawła
Czerskiego
i
Grzegorza Kaliciaka
za wsparcie merytoryczne.
3
ROZDZIAŁ 1
Co klocki mają wspólnego ze
wspólnego ze
stronami internetowymi?
interneto
Jedną z bardziej popularnych stron o nowych technologiach jest
The Verge.
Na ich
stronie głównej jest kilkanaście wyróżnionych materiałów, które z reguły wyglądają
podobnie. Tytuł, kategoria, data, obrazek, wstęp. Prezentują się one tak, jakby były
zbudowane z klocków.
Przyjrzyjmy się jednemu z tekstów:
4
Na pierwszy rzut oka nie ma tu nic skomplikowanego. Spróbujmy zabawić się i wyróżnić
każdy element, jakbyśmy mieli do czynienia z klockami.
5

Plik z chomika:

Inne pliki z tego folderu:

Inne foldery tego chomika:

Zgłoś jeśli naruszono regulamin