Bootstrap. Praktyczne projekty - ebook
Bootstrap. Praktyczne projekty - ebook
Bootstrap — wygodne projektowanie stron internetowych!
- Kilka oczywistości, czyli co musisz umieć, zanim zaczniesz pracować z Bootstrapem
- Tworzenie struktury witryny, czyli jak zabrać się za różne panele, przyciski i menu
- Charakter strony, czyli czym różni się strona bloga lub promocyjna od tej z formularzami
Bootstrap to jeden z najwygodniejszych, najlepiej dopracowanych frameworków do tworzenia stron i aplikacji internetowych na świecie. Łatwość obsługi idzie tu w parze z możliwością dołączania różnych przydatnych elementów, choćby takich jak biblioteka jQuery, a także ze wspaniałą responsywnością. Jeśli chcesz zacząć tworzyć własne strony z użyciem Bootstrapa, ale nie masz zbyt wiele czasu do stracenia, pora zapoznać się z tą znakomitą książką. Dzięki niej w mig opanujesz najważniejsze zagadnienia i zobaczysz, jak wykorzystać framework w praktyce.
Ten prosty, przejrzysty podręcznik przeznaczony jest dla początkujących i średnio zaawansowanych twórców interfejsów aplikacji i stron internetowych, którzy dobrze znają języki HTML oraz CSS. Znajdziesz tu opis wszystkich najważniejszych elementów Bootstrapa w konkretnym kontekście, listingi z kodem oraz ćwiczenia, które pomogą Ci zapamiętać materiał i wykorzystać go w Twoich projektach. Dowiesz się, jak zapewnić stronie odpowiednią strukturę, zaprojektować główne panele oraz zapewnić intuicyjną nawigację. Zrozumiesz, dlaczego strony o różnej zawartości treściowej powinny wyglądać inaczej, i nauczysz się podkreślać ich odmienność. Na końcu podręcznika znajdziesz także zadania, które pozwolą Ci utrwalić zdobytą wiedzę.
- Wprowadzenie do Bootstrapa
- Projekt startowy
- Panel administracyjny
- Poziome menu główne
- Strona promocyjna produktu
- Tabele, blog, formularze
- Bootstrap szyty na miarę
Twórz eleganckie strony z Bootstrapem!
Spis treści
O autorze (9)
Przedmowa (11)
Rozdział 1. Wprowadzenie do Bootstrapa (13)
- Opis i charakterystyka (13)
- Geneza (13)
- Jasna i ciemna strona Bootstrapa (14)
- Zalety (14)
- Wady (16)
- Przykłady stron opartych na Bootstrapie (17)
- Magia projektowania responsywnego (18)
- Media Queries (19)
- Podejście Mobile-First (21)
- Przygotowanie środowiska pracy (22)
- Edytor tekstu (23)
- Przeglądarka (23)
- Dodatki do przeglądarki Chrome (23)
- Katalog roboczy (23)
Rozdział 2. Projekt startowy (25)
- Pobieranie podstawowych plików źródłowych (25)
- Pliki źródłowe (26)
- Szablon startowy (26)
- Omówienie siatki w Bootstrapie (28)
- Pełny, dwunastokolumnowy układ (29)
- Prostota responsywności (33)
- Podstawy typografii w Bootstrapie (38)
- Body (39)
- Nagłówki (39)
- Wyrównywanie tekstu (39)
- Cytowanie (39)
- Podsumowanie rozdziału (40)
Rozdział 3. Panel administracyjny (41)
- Podział strony na sekcje (42)
- Projektowanie siatki panelu administracyjnego (43)
- Wersja na małe monitory (45)
- Wersja na ekrany tabletów (46)
- Wersja na ekrany smartfonów (47)
- Nawigacja pionowa, pomocnicza (48)
- Podstawowy przykład (48)
- Odznaki (49)
- Wyłączanie elementów (49)
- Kolorowanie kontekstowe (50)
- Niestandardowa zawartość (50)
- Nawigacja pomocnicza w wersji mobilnej (51)
- Nawigacja okruszkowa (54)
- Okruszki na stronie głównej (54)
- Okruszki na stronach potomnych (54)
- Harmonijka (55)
- Podstawowy schemat (55)
- Ożywianie harmonijki (56)
- Alerty informacyjne (58)
- Odnośniki w komunikacie (59)
- Zamykanie komunikatu (59)
- Metody (funkcje) (60)
- Zdarzenia (60)
- Przyciski (60)
- Podstawowe zasady (61)
- Przyciski w projekcie (61)
- Wyskakujące okienka akcji (62)
- Ostatnie szlify (64)
- Stopka (64)
- Ostatnio dodane posty (65)
- Podsumowanie (66)
Rozdział 4. Poziome menu główne (67)
- Podstawowy szkielet nawigacji (67)
- Przyciski nawigacyjne (68)
- Rozwijane listy odnośników (69)
- Pole wyszukiwarki (70)
- Ikony powiadomień (70)
- Glyphicons, czyli wbudowane ikony (71)
- Liczba powiadomień (71)
- Chmurka najświeższych powiadomień (72)
- Zapewnienie responsywności (74)
- Przycisk menu podręcznego (74)
- Podsumowanie (75)
Rozdział 5. Strona promocyjna produktu (77)
- Struktura witryny (77)
- Nawigacja (78)
- Zmiana fontu (79)
- Zdjęcie poglądowe (80)
- Cechy produktu (82)
- Animowany slider (83)
- Call to action (85)
- Stopka (86)
- Dopracowanie szczegółów (86)
- Podsumowanie (87)
Rozdział 6. Strona galerii mediów (89)
- Wstępny szkielet (90)
- Grafika (91)
- Wideo (92)
- Podsumowanie (93)
Rozdział 7. Strona z tabelą (95)
- Przygotowania (95)
- Różne warianty tabel (97)
- Tabela-zebra (97)
- Tabela z pełnym obramowaniem (97)
- Tabela z aktywnymi wierszami (98)
- Tabela po liftingu (98)
- Kolorowanie kontekstowe (99)
- Przyciski akcji (99)
- Paginacja (100)
- Responsywność tabel (101)
- Podsumowanie (101)
Rozdział 8. Strona bloga (103)
- Zbiorczy widok wszystkich wpisów (103)
- Przygotowanie (103)
- Pierwszy wpis (104)
- Przyciski akcji (105)
- Miniaturka zdjęcia (106)
- Powielanie i wyróżnianie głównego wpisu (106)
- Paginacja (107)
- Dodatkowa kolumna po prawej stronie (108)
- Podsumowanie (111)
- Strona pojedynczego wpisu na blogu (111)
- Przygotowania (111)
- Nawigacja (112)
- Informacja o autorze (112)
- Podobne wpisy (115)
- Sekcja komentarzy (116)
- Podsumowanie (119)
Rozdział 9. Strony z formularzami (121)
- Panel logowania (121)
- Przygotowania (121)
- Login i hasło (122)
- Przycisk wysyłania (123)
- Logo (123)
- Kosmetyka (123)
- Poziomy panel logowania (124)
- Formularz kontaktowy (125)
- Kolorowanie kontekstowe (127)
- Formularz ustawień aplikacji (127)
- Przygotowanie (127)
- Ustawienia użytkownika (128)
- Ustawienia systemowe (131)
- Kosmetyczne poprawki (132)
- Podsumowanie (132)
Dodatek A. Bootstrap szyty na miarę (135)
- Zmiana domyślnych ustawień Bootstrapa za pomocą generatora on-line (135)
- LESS w Bootstrapie (137)
- Ważniejsze pliki LESS (138)
- Dobre rady (138)
Dodatek B. Zadania dla czytelnika (139)
- Projekt startowy (139)
- Panel administracyjny (140)
- Poziome menu główne (140)
- Strona promocyjna produktu (140)
- Strona galerii mediów (140)
- Strona z tabelą (140)
- Strona bloga (140)
- Strony z formularzami (140)
Skorowidz (142)
Kategoria: | Webmaster |
Zabezpieczenie: |
Watermark
|
ISBN: | 978-83-283-2668-2 |
Rozmiar pliku: | 5,2 MB |