HTML и CSS. Руководство для начинающих DuRocher

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

David DuRocher

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!

O autorze

David DuRocher od wielu lat uczy projektowania stron internetowych. Jest znany ze stosowania metod zorientowanych na wyniki i angażującego stylu nauczania, co pozwala mu na osiąganie znakomitych efektów.

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