Details zum E-Book

Bootstrap. Tworzenie własnych stylów graficznych

Bootstrap. Tworzenie własnych stylów graficznych

Radosław Gryczan

E-book

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.

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)

  • Titel: Bootstrap. Tworzenie własnych stylów graficznych
  • Autor: Radosław Gryczan
  • ISBN: 978-83-283-3698-8, 9788328336988
  • Veröffentlichungsdatum: 2017-04-09
  • Format: E-book
  • Artikelkennung: bootgr
  • Verleger: Helion