HTML i CSS s

Osoby które kupowały "HTML i CSS. Podr", wybierały także:

• Zosta 149,00 zł, (44,70 zł -70%)
• LESS. Kurs video. Poziom pierwszy. Jak usprawnić pracę z CSS 89,00 zł, (35,60 zł -60%)
• CSS i SASS. Kurs video. Praktyczny projekt nowoczesnego dashboardu 99,00 zł, (44,55 zł -55%)
• CSS3. Kurs video. Poziom pierwszy. Nowoczesne i stylowe strony WWW 59,00 zł, (26,55 zł -55%)
• Sass od podstaw. Kurs video. Budowa kompleksowej strony w oparciu o metodologię BEM 47,93 zł, (22,05 zł -54%)

Spis treści

HTML i CSS. Przewodnik dla początkujących. Solidne podstawy kodowania i projektowania responsywnych stron internetowych -- spis treści

Wprowadzenie

• HTML i CSS są wszędzie
• Moja historia
• Dlaczego warto znać HTML i CSS
• Kto może skorzystać na lekturze tej książki
• Praca, w której warto znać HTML i CSS
• Struktura i treść książki
• Środowisko pracy
• Podstawowy zestaw narzędzi
• Zwięzły przewodnik po Visual Studio Code
• Jak najlepiej wykorzystać tę książkę

CZĘŚĆ I. PRZYGOTOWANIA

• | 1 | Podstawy i ogólny obraz
  • Podstawowa struktura HTML i CSS
  • Relacja między HTML-em a CSS
  • Porównywalne i dopełniające się języki
  • Systemy zarządzania treścią
  • Znajomość odbiorcy
• | 2 | HTML dogłębnie
  • Zwięzła historia języka HTML
  • Obecne zastosowania
  • Jak to działa
  • Ważne zmiany i aktualizacje
  • Przyszłość
• | 3 | CSS dogłębnie
  • Tło
  • Jak to działa
  • Stosowanie stylów do elementów
  • Silniki renderujące
  • Poza siecią

CZĘŚĆ II. W GŁĄB

• | 4 | Struktura HTML
  • Elementy
  • Komentarze
  • Format dokumentu HTML (podstawowa struktura)
  • Zagnieżdżanie
  • Składanie wszystkiego razem
• | 5 | Podstawowe elementy HTML
  • Akapity
  • Nagłówki
  • Listy
  • Łącza
  • Obrazy
  • Inne znaczniki
  • Elementy div i span
  • Elementy semantyczne
  • Składanie wszystkiego razem
• | 6 | Struktura CSS
  • Gdzie "mieszka" CSS
  • Przykładowy plik CSS
  • Selektory
  • Pseudoklasy
  • Pseudoelementy
  • Kaskadowa hierarchia CSS
• | 7 | Ustawianie rozmiaru elementów i odstępów za pomocą CSS
  • Treść
  • Dopełnienie
  • Obramowanie
  • Marginesy
  • Określanie wymiarów bloku
• | 8 | Formatowanie tekstu
  • Czcionka
  • Własność color
  • Cień tekstu
  • Niestandardowe czcionki internetowe - Google Fonts
  • Ćwiczenie praktyczne
• | 9 | Układ i format
  • Własność position
  • Elementy pływające
  • Własność display
  • Pasek nawigacyjny
  • CSS Flexbox
  • Dalsze kroki

CZĘŚĆ III. TECHNIKI ZAAWANSOWANE

• | 10 | Szuflada ze szpargałami HTML
  • Indeks górny i indeks dolny
  • Skróty
  • Cytaty blokowe i źródła cytatów
  • Elementy pre i code
  • Znaki specjalne
  • Emoji
  • Audio i wideo
  • Zestawy obrazów
  • Tabele
  • Ramki wewnętrzne
• | 11 | Formularze HTML
  • Formularze - informacje ogólne
  • Najważniejsze elementy
  • Walidacja HTML5
  • Przetwarzanie danych z formularza za pomocą PHP
  • Składanie wszystkiego razem
• | 12 | Efektowne sztuczki
  • Gradienty CSS
  • Duszki
  • Przejścia
  • Transformacje
  • Nakładka modalna bez JavaScriptu
  • Animacja poklatkowa
  • Wartości obliczone
• | 13 | Zapytania o media
  • Struktura
  • Wybór punktów kontrolnych
  • Metaznacznik viewport
  • Symulacja rozmiarów ekranu
• | 14 | Bootstrap
  • Instalacja Bootstrapa
  • Układ siatki
  • Kolory
  • Komponenty
  • Narzędzia pomocnicze
  • Formularze
  • Typografia
  • Dalsza nauka
  • Co dalej

CZĘŚĆ IV. ŚRODOWISKO PRACY

• | 15 | Organizacja pracy
  • Tworzenie projektu i zarządzanie nim
  • Rusztowanie
  • Testowanie i debugowanie
  • Publikacja w internecie
  • Modyfikowanie istniejącego kodu
• | 16 | Git
  • Czym jest Git
  • Pobieranie i instalacja Gita
  • Wiersz poleceń
  • Tworzenie witryny internetowej w Gicie
  • Import istniejącej witryny do Gita
  • Proces pracy Gita
  • Gałęzie Gita
  • Automatyczna synchronizacja Gita w produkcji
  • GitHub i GitLab
• | 17 | Co dalej
  • WordPress
  • JavaScript i jQuery
  • Języki backendowe, takie jak PHP i Python
  • David's Perfect Cup

Podsumowanie

Dodatek A | Hosting sieciowy

Dodatek B | FTP

• Popularne klienty FTP
• Łączenie się z serwerem FTP
• Parę dodatkowych uwag na temat FTP

Dodatek C | Jednostki wielkości

• Piksele
• Procenty
• Jednostki vw i vh
• Jednostki em/rem

Dodatek D | Open Graph i metadane

Dodatek E | Rozwiązania zadań

• Pobieranie witryny Kawiarni Helion
• Wprowadzenie - dodawanie strony "Informacje"
• Rozdział 4. - dodawanie opisu i tytułu
• Rozdział 5. - strona Informacje
• Rozdział 5. - nawigacja
• Rozdział 8. - wygląd i styl
• Rozdział 9. - reklama
• Rozdział 11. - formularz kontaktowy
• Rozdział 12. - duszki
• Rozdział 12. - gradienty
• Rozdział 12. - animacja poklatkowa
• Rozdział 13. - urządzenia mobilne

O autorze

• David DuRocher

Słowniczek

Źródła