HTML i CSS. Przewodnik dla początkujących. Solidne podstawy kodowania i projektowania responsywnych stron internetowych - ebook

HTML i CSS służą do tworzenia stron internetowych, interfejsów telewizorów, gier konsolowych, a także urządzeń AGD. Opanowanie umiejętności pisania kodu HTML i CSS, oprócz tego, że pozwala tworzyć aplikacje internetowe, stanowi świetne wprowadzenie do nauki programowania. Znajomość tych języków przyda się zresztą każdemu, kto w pracy korzysta z Internetu i różnych technologii. By rozpocząć przygodę z HTML i CSS, wystarczy prosty edytor tekstowy, przeglądarka internetowa ... i ten podręcznik.

Ta książka to doskonały wybór na początek dla osób, które chcą się nauczyć pisać kod. W łatwy i przyjemny sposób nauczy Cię podstaw HTML i CSS. Nie znajdziesz w niej nużącej i trudnej teorii ... poszczególne zagadnienia zostały przystępnie i angażująco wyjaśnione, między innymi dzięki ilustracjom i przykładom, co ułatwia zrozumienie praktycznego znaczenia pojęć. Dowiesz się, w jaki sposób rozpocząć projekt i na co zwrócić uwagę podczas pracy. Niektóre ćwiczenia zawarte w tym podręczniku składają się na rzeczywisty, wieloetapowy proces tworzenia witryny internetowej. Szybko się przekonasz, że zbudowanie w pełni funkcjonalnej strony internetowej wcale nie jest trudne i może dać mnóstwo radości i satysfakcji!

Dzięki książce:

• poznasz podstawy projektowania stron internetowych
• dowiesz się, jak współdziałają HTML5 i CSS3
• zrozumiesz strukturę witryny i zasady projektowania responsywnego
• nauczysz się dodawać do projektów formularze, multimedia i animacje
• wzbogacisz swój warsztat o formatowanie, gradienty, testowanie, debugowanie i wiele innych technik

HTML i CSS. Odkryj przepis na piękne strony internetowe!

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