Bootstrap. Tworzenie własnych stylów graficznych

 
Bootstrap. Tworzenie własnych stylów graficznych
Zawiera darmowych rozdziałów: 5
Stron w książce: 232 Udostępniono darmowych stron: 10
Data wydania: 2017-04-10Przejdź na stronę księgarni
Czytano online: 1Cena książki drukowanej: 49,00 zł
Język wydania: PolishWydawnictwo: Helion
Pobierz pdfCzytaj Alt+1Czytaj online
( Alt+1 )

Podczas przeglądania stron WWW bardzo szybko się przekonujemy, ż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 też zadbać o warstwę wizualną tworzonych stron. Dzięki lekturze 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 dostosowywania do szczególnych potrzeb

 

Radosław Gryczan pasjonuje się tworzeniem stron WWW. Ma na koncie wiele ciekawych projektów stron. Bardzo chętnie dzieli się wiedzą, ma spory talent dydaktyczny. Aktywnie pomaga na kilku forach poświęconych informatyce. Ostatnio zaczął prowadzić cykl wykładów poświęconych podstawom tworzenia stron WWW. Jest miłośnikiem małych, urokliwych miejscowości — kiedy tylko ma okazję, promuje ich walory w mediach społecznościowych.

Bootstrap: pokaż swój najlepszy styl projektowania!

Zapraszam do zapoznania się z darmowym rozdziałem poświęconym Bootstrap. Nauka Bootstrap z książką „Bootstrap. Tworzenie własnych stylów graficznych” jest niesamowitą przygodą :)

Bootstrap po Polsku

Darmowe rozdziały:

  • Część strony "Poznaj opinie" (92)
  • Ostatnia część strony - stopka (96)
  • Podsumowanie pracy nad szablonem (97)
  • Praca ogólna nad szablonem (98)
  • ZADANIA (101)

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)

Informatyka » HTML i CSS

https://facebook.com/wiedzanaplus
Alt + 9
Pomoc ( Alt + 0 )
Loading...