Podczas przeglądania stron WWW bardzo szybko możemy się przekonać, że liczy się nie tylko prezentowana treść. Każdy internauta doceni stronę o eleganckim i uporządkowanym układzie, której zawartość szybko się ładuje i która wygląda tak samo dobrze w różnych przeglądarkach i na różnych urządzeniach, w tym mobilnych. Niestety, wciąż spotyka się mnóstwo stron, które nie spełniają tych standardów!
Niniejsza książka jest przeznaczona dla projektantów witryn WWW, którzy chcą pisać efektywny kod, ale i zadbać o stronę wizualną tworzonych stron. Dzięki niej poznasz Bootstrapa — popularny framework CSS — a także ogólne zasady pisania kodu z jego użyciem. Znajdziesz tu kluczowe informacje o korzystaniu ze stylów w Bootstrapie i modyfikacji stylów wbudowanych. Dowiesz się więcej o zwiększaniu wydajności tworzonych stron i poznasz inne przydatne narzędzia deweloperskie, które znakomicie wzbogacą warsztat profesjonalnego projektanta stron WWW.
W tej książce znajdziesz między innymi:
- ogólne zasady pisania kodu HTML i CSS
- pomoc w przygotowaniu środowiska do tworzenia stron
- zasady projektowania aplikacji — od rozplanowania elementów strony po optymalizację gotowego kodu
- zaawansowane metody pracy z szablonami Bootstrapa
- opis tworzenia własnych stylów CSS i ich dostosowania do szczególnych potrzeb
Bootstrap: pokaż swój najlepszy styl projektowania!
Radosław Gryczan pasjonuje się pisaniem stron WWW. Ma na swoim koncie wiele ciekawych projektów. Bardzo chętnie dzieli się swoją wiedzą i ma spory talent dydaktyczny. Aktywnie pomaga na kilku forach poświęconych informatyce. Ostatnio zaczął prowadzić cykl wykładów poświęconych podstawom pisania stron WWW. Jest miłośnikiem małych, urokliwych miejscowości — kiedy tylko ma okazję, promuje ich walory w różnych mediach społecznościowych.
Spis treści
Słowo wstępne (9)
Rozdział 1. Najważniejsze informacje - tytułem przypomnienia (13)
- Bootstrap: siatka, czyli grid (14)
- Narzędzia deweloperskie (15)
- Semantyka kodu (16)
- Outline kodu HTML (17)
- Block Element Modifier (18)
- Progressive Enhancement (20)
- Dostępność stron WWW (21)
- Podsumowanie rozdziału (23)
Rozdział 2. Bootstrap i jego zastosowanie w praktyce - przykłady stron WWW (25)
- Jak rozpoznać, że witrynę napisano w Bootstrapie? (26)
- Datanyze Insider (26)
- builtwith.com (27)
- Badanie źródła strony (27)
- Strony napisane za pomocą Bootstrapa (28)
- Musicam Sacram (28)
- rozwal.to (30)
- nba.com (31)
- gfycat.com (32)
- fontawesome.io (33)
- Portale z projektami utworzonymi w Bootstrapie (33)
- Bootstrap Expo (34)
- Built with Bootstrap (34)
Rozdział 3. Dodatkowe, bardzo przydatne zasoby związane z Bootstrapem (37)
- Edytor kodu (37)
- Emmet (40)
- Snippety (42)
- Minimapa kodu (44)
- Polskie znaki w Atomie (45)
- Dodatkowe materiały dotyczące pisania stron (47)
- Bootswatch (47)
- Kolorystyka (50)
- Stałe fragmenty kodu (50)
- Dokumentacja Bootstrapa (51)
- Kody HTML oraz CSS - przydatne adresy (55)
- Zdjęcia stockowe oraz placeholdery (57)
- Podsumowanie (59)
- ZADANIA (61)
Rozdział 4. Zaczynamy własny projekt w Bootstrapie - plan witryny (63)
- Obsługa programu graficznego (67)
- Praca nad szablonem (71)
- Nawigacja oraz strona wejściowa (71)
- Część strony "Jacy jesteśmy?" (75)
- Część strony "Galeria" (79)
- Część strony "Zespół" (83)
- Część strony "Osiągnięcia i nagrody" (87)
- Część strony "Poznaj opinie" (92)
- Ostatnia część strony - stopka (96)
- Podsumowanie pracy nad szablonem (97)
- Praca ogólna nad szablonem (98)
- ZADANIA (101)
Rozdział 5. Wydajność strony a narzędzia Bootstrapa (103)
- Optymalizacja grafiki (104)
- Optymalizacja obrazów za pomocą programu GIMP (104)
- Optymalizacja obrazów za pomocą narzędzi online (105)
- Kompatybilność z różnymi przeglądarkami (106)
- Badanie optymalizacji strony za pomocą narzędzi deweloperskich (108)
- Szybkość pobierania elementów (108)
- Kody HTML oraz CSS witryny (109)
- Konsola JS na stronie (110)
- Treści na stronie (110)
- Testy optymalizujące stronę (111)
- Narzędzia zewnętrzne (112)
- YSlow (112)
- PageSpeed Insights (113)
- Badanie strony w wersji dla urządzeń mobilnych (115)
- SEO - RWD a subdomena m. (116)
- Ładowanie się plików (117)
- Modyfikacja gotowych stylów Bootstrapa (118)
- Minifikacja plików CSS - generatory (122)
- Content Delivery Network (CDN) (123)
- Kolejność ładowania się plików (127)
- ZADANIA (128)
Rozdział 6. Pisanie strony w języku HTML (129)
- Szablony HTML (130)
- Modyfikacja pliku HTML (134)
- Ekran powitalny (136)
- Sekcja "Jacy jesteśmy?" (139)
- Galeria strony (145)
- Prezentacja zespołu (karuzela) (150)
- Osiągnięcia i nagrody (155)
- "Co mówią" - poznaj opinie (160)
- Stopka strony (164)
Rozdział 7. Własne style CSS - dostosowywanie stylów do potrzeb strony (169)
- Style resetujące oraz normalizujące (170)
- Stylizowanie strony WWW (171)
- Czcionki (173)
- Stylizowanie klas ogólnych (173)
- Stylizowanie poszczególnych części strony (179)
- Dostosowanie strony do potrzeb urządzeń mobilnych (209)
- ZADANIA (216)
Rozdział 8. Podsumowanie, wnioski i garść refleksji o pisaniu responsywnych stron bez Bootstrapa (217)
Skończyliśmy... i co dalej? (221)
- Inne frameworki CSS (222)
- Foundation (222)
- Semantic UI (222)
- Material Design Lite (223)
Skorowidz (225)