Pierwszy rozdział pewnej książki na temat termodynamiki i mechaniki statystycznej zaczyna się od następujących słów:
Ludwig Boltzmann, który większość życia poświęcił na studiowanie mechaniki statystycznej, stracił życie w 1906 roku z własnej ręki. Paul Ehrenfest, który kontynuował jego dzieło, zmarł w podobny sposób w 1933 roku. Teraz nasza kolej na studiowanie mechaniki statystycznej. Być może będzie trzeba podejść do tego tematu ostrożnie.
Na szczęście technologie HTML i CSS nie są tak skomplikowane, jak termodynamika i mechanika statystyczna, więc już na starcie jesteśmy w lepszej sytuacji niż wielu studentów fizyki. Ufff…
Ten kurs HTML dla początkujących uczy całkowicie od zera CSS i HTML. Poradnik ten jest odpowiedni dla każdej osoby, która chce nauczyć się tworzyć strony internetowe bez względu na obecny stan swojej wiedzy na temat tych technologii.
Podczas przygotowywania tego kursu nie zostały przyjęte jakiekolwiek założenia, że użytkownik już coś umie. Dlatego zawiera on wprowadzenie od podstaw zarówno do języków HTML5 i CSS, jak i do najważniejszych narzędzi używanych podczas tworzenia stron internetowych, takich jak edytory kodu źródłowego, edytory grafiki, czy przeglądarki internetowe.
Jeśli chcesz poznać HTML–CSS, kurs ten jest dla Ciebie idealnym wyborem. Poznasz w nim w pełni język HTML oraz wszystkie najważniejsze elementy technologii CSS (przynajmniej taką mam nadzieję).
Rozdziały tego kursu HTML i CSS tworzą spójną całość, więc najlepiej jest czytać je po kolei. W szczególności dotyczy to osób początkujących. Jeśli posiadasz już wiedzę na temat tych technologii, to bez problemu możesz czytać rozdziały także na wyrywki.
Ważne informacje o kursie
Ten kurs jest podzielony na dwie części – wprowadzającą i zaawansowaną. Druga część została nazwana w ten sposób z braku lepszego słowa, ale tak naprawdę nie zawiera opisu żadnych kosmicznych technik tylko dla zaawansowanych użytkowników z 20-letnim doświadczeniem.
W części wprowadzającej poznasz podstawowe narzędzia do tworzenia stron internetowych, strukturę dokumentu HTML5, całkiem sporą garść elementów HTML5 oraz ich budowę, podstawy i niektóre najważniejsze elementy technologii CSS, a także trzy niezwykle ciekawe osoby ze świata nauki i programowania.
Głównym tematem drugiej części jest ogólna struktura treści strony internetowej. Nauczysz się w niej tworzyć nagłówki, menu, stopki, paski boczne, formularze, tabele, listy itp. konstrukcje. Jeśli interesuje Cię szczegółowy wykaz poruszanych tematów w obu częściach, spójrz na spis treści, który znajduje się poniżej.
Szczegółowe menu kursu
- Rozdział 1. Wprowadzenie
- HTML – język znaczników
- Czym jest element HTML
- HTML i CSS – papużki nierozłączki
- Na HTML i CSS świat się nie kończy
- Do czego służy JavaScript
- JavaScript to nie Java
- Do czego służy PHP
- Zwięzła historia języka HTML
- Podsumowanie
- Rozdział 2. Edytory HTML, CSS i grafiki
- Edytory HTML i CSS
- Notepad++
- Sublime Text
- Dreamweaver
- Pająk
- Visual Studio Code
- Edytory grafiki
- Rozdział 3. Podstawy Visual Studio Code
- Pobieranie i instalacja
- Pierwsze uruchomienie
- Rozpoczęcie pracy
- Tworzenie pierwszego pliku HTML
- Podstawowe funkcje edytora
- Wtyczka Emmet do Visual Studio Code
- Mnożenie elementów
- Generowanie zagnieżdżonych elementów
- Elementy siostrzane
- Szablon strony HTML
- Instalacja rozszerzeń
- Podsumowanie
- Ćwiczenia
- Rozdział 4. Kompletne środowisko pracy
- Potrzebne programy
- Struktura katalogów
- Czym jest rozszerzenie pliku
- Pliki .html
- Pokazywanie rozszerzeń wszystkich plików
- Wprowadzanie drobnych zmian
- Podsumowanie
- Ćwiczenia
- Rozdział 5. Struktura dokumentu HTML
- Przykładowa strona
- Kod źródłowy
- Struktura dokumentu
- Deklaracja typu dokumentu
- Element główny dokumentu
- Nagłówek dokumentu
- Treść główna dokumentu
- Komentarze
- Usuwanie błędów
- HTMLHint
- Walidator W3C
- Podsumowanie
- Ćwiczenia
- Rozdział 6. Składnia i rodzaje elementów HTML
- Elementy parzyste
- Elementy puste
- Elementy blokowe i śródliniowe
- Elementy blokowe
- Elementy śródliniowe
- Drzewo dokumentu HTML
- Zagnieżdżanie elementów HTML
- Podsumowanie
- Ćwiczenia
- Rozdział 7. Atrybuty HTML
- Atrybuty treści
- Atrybuty obsługi zdarzeń
- Atrybuty IDL
- Atrybuty logiczne
- Atrybuty globalne
- Podsumowanie
- Rozdział 8. Akapity, nagłówki i złamania wiersza
- Nagłówki HTML
- Dodawanie nagłówków do strony
- Akapity HTML
- Wcięcia kodu
- Złamania wiersza
- Złamanie bezwarunkowe (br)
- Złamanie warunkowe (wbr)
- Podsumowanie
- Ćwiczenia
- Rozdział 9. Dodawanie obrazów do stron internetowych
- Element img
- Źródło obrazu – atrybut src
- Ścieżki do plików
- Ścieżki bezwzględne
- Ścieżki względne
- Ruch w dół struktury katalogów
- Adresy URL
- Protokół
- Domena
- Opis alternatywny – atrybut alt
- Wymiary obrazu – atrybuty width i height
- Wstawianie obrazu na stronę
- Podsumowanie
- Rozdział 10. Przygotowywanie grafiki na stronę
- Podstawy edytora Paint.NET
- Pobieranie i instalacja Paint.NET
- Otwieranie pliku
- Zmiana wymiarów obrazu
- Wybór formatu grafiki
- Zapisywanie obrazu w wybranym formacie
- Podsumowanie
- Ćwiczenia
- Rozdział 11. Podstawy CSS
- Domyślne style przeglądarek
- Co by tu jeszcze… poprawić
- Anatomia arkusza stylów
- Selektory CSS
- Własności CSS
- Własności marginesów
- Scalanie marginesów
- Wartości CSS
- Jednostki długości
- Jednostki względne
- Jednostki bezwzględne
- Jednostki kolorów
- Notacja szesnastkowa
- Przezroczystość, czyli kanał alfa
- Kolory w Paint.NET
- Przykład użycia wartości koloru
- Komentarze w CSS
- Sprawdzanie poprawności i porządkowanie kodu CSS
- Podsumowanie
- Ćwiczenia
- Rozdział 12. Dołączanie CSS do strony
- Zewnętrzny CSS
- Reguła @import
- Wewnętrzny CSS
- Śródliniowy CSS
- Dodawanie wielu arkuszy stylów do strony
- Kaskada CSS
- Precyzja selektorów
- As z rękawa, czyli deklaracja !important
- Dziedziczenie CSS
- Podsumowanie
- Ćwiczenia
- Rozdział 13. Cytaty w HTML
- Określanie szerokości elementów
- Środkowanie elementów
- Baza HTML
- Cytaty blokowe
- Właściwości obramowania
- Dopełnienie
- Cytat z nazwiskiem autora w pakiecie
- Cytaty śródliniowe
- Tytuły utworów
- Podsumowanie
- Ćwiczenia
- Rozdział 14. Encje HTML i CSS
- Encje HTML
- Encje nazwane
- Encje dziesiętne
- Encje szesnastkowe
- Encje CSS
- Najczęściej używane encje
- Podsumowanie
- Ćwiczenia
- Rozdział 15. Rodzaje wyróżnienia tekstu
- Baza HTML
- Ważne fragmenty tekstu
- Zwracanie uwagi czytelnika
- Emfaza
- Odmienność od kontekstu
- Selektor atrybutu
- Cyfrowy zakreślacz
- Inne wyróżnienia
- Klasy
- Podsumowanie
- Często mylone elementy
- Ćwiczenia
- Rozdział 16. Łącza HTML
- Łącza do stron i innych plików
- Adresy względne i bezwzględne
- Obrazy jako łącza
- Łącza w obrębie strony
- Identyfikatory elementów
- Identyfikator fragmentu
- Selektor identyfikatora
- Stylizacja łączy
- Pseudoklasy
- Pseudoklasy do stylizowania łączy
- Inne pseudoklasy
- Linki wychodzące
- Pseudoelementy
- Liczba Erdősa
- Podsumowanie
- Ćwiczenia
- Rozdział 17. Teksty naukowo-techniczne i redakcja tekstu
- Strona bazowa
- Definicje pojęć
- Indeks górny i dolny
- Własność vertical-align
- Zmienne i niewiadome
- Redakcja tekstu
- Wstawianie i usuwanie tekstu
- Oznaczanie błędów
- Własności text-decoration-*
- Pozycjonowanie zdjęcia
- Podsumowanie
- Ćwiczenia
- Rozdział 18. Teksty informatyczne
- Baza HTML
- Dane wprowadzane przez użytkownika
- Skróty klawiszowe
- Polecenia
- Elementy interfejsu użytkownika
- Wyniki działania programów
- Fragmenty kodu źródłowego
- Podsumowanie
- Ćwiczenia
- Rozdział 19. Właściwości czcionki w CSS
- Typy kroju pisma
- Rodziny czcionek, czyli własność font-family
- Dołączanie fontów do stron
- Google Fonts
- Reguła @font-face
- Fonty z ikonami
- Własność zbiorcza font
- Podsumowanie
- Ćwiczenia
- Rozdział 20. Podsumowanie semantyki tekstu
- Obecna struktura katalogów
- Zewnętrzny plik CSS
- Podsumowanie poznanych elementów HTML
- Podsumowanie poznanych własności CSS
- Co szykuje nam przyszłość
- Rozdział 21. Struktura strony HTML5
- Podstawowe elementy konstrukcyjne strony
- Struktura strony głównej
- Dodatkowe elementy konstrukcyjne
- Treść strony głównej
- Podsumowanie
- Rozdział 22. Listy HTML
- Listy uporządkowane
- Listy nieuporządkowane
- Listy definicji
- Paski narzędzi
- Zagnieżdżanie list
- Stylizacja list
- Własność list-style-type
- Własność list-style-position
- Własność list-style-image
- Pseudoelement ::marker
- Podsumowanie
- Ćwiczenia
- Rozdział 23. Stylizacja strony głównej
- Stylizacja elementu body
- Ustawianie szerokości elementu
- Model polowy CSS
- Stylizacja nagłówka strony – header
- Stylizacja treści głównej – main
- Stylizacja stopki – footer
- Podsumowanie
- Ćwiczenia
- Rozdział 24. Menu rozwijane w CSS
- Pozycjonowanie elementów w CSS
- Pozycjonowanie absolutne lub bezwzględne
- Pozycjonowanie relatywne lub względne
- Pozycjonowanie kleiste i na stałe
- Budowa menu rozwijanego w CSS
- Podsumowanie
- Ćwiczenia
- Rozdział 25. Budowa podstron
- Struktura części środkowej
- Podstawy Flexboksa
- Własność flex-direction
- Własność flex-wrap
- Własność justify-content
- Własność align-items
- Struktura sekcji treści właściwej
- Stylizacja elementu main
- Struktura paska bocznego
- Stylizacja paska bocznego
- Stylizacja komponentów paska bocznego
- Dodawanie treści artykułów
- Dane autora witryny
- Podsumowanie
- Ćwiczenia
- Rozdział 26. Formularze HTML
- Schemat przykładowego formularza
- Element form
- Protokół HTTP
- Metoda HTTP GET
- Metoda HTTP POST
- Element input
- Pola typu tekstowego
- Przyciski radiowe
- Pola wyboru
- Przyciski zatwierdzania i resetowania
- Listy rozwijane
- Obszar tekstowy
- Własność CSS resize
- Grupowanie elementów formularza
- Zestawienie elementów formularzy HTML
- Podsumowanie
- Ćwiczenia
- Rozdział 27. Dostosowywanie strony do urządzeń mobilnych
- Narzędzia dla programistów przeglądarek
- Element meta viewport
- Zapytania medialne
- Dostosowywanie naszej witryny do urządzeń mobilnych
- Strona główna
- Podstrony
- Podsumowanie
- Ćwiczenia
- Rozdział 28. Tabele HTML
- Najprostsza tabela HTML
- Wersja z semantycznym nagłówkiem
- Scalanie wierszy i kolumn
- Formatowanie kolumn
- Nagłówek, treść właściwa i stopka tabeli
- Podpis tabeli
- Stylizacja tabel za pomocą CSS
- Określanie układu tabeli
- Stylizacja obramowania komórek
- Położenie podpisu
- Pokazywanie i ukrywanie pustych komórek
- Tabele w naprzemienne paski
- Podsumowanie
- Rozdział 29. Pozostałe elementy HTML
- Elementy interaktywne HTML5
- Elementy treści osadzonej
- Responsywne grafiki
- Audio i wideo
- Elementy skryptowe
- Podsumowanie
- Rozdział 30. Podsumowanie kursu
- Specyfikacje HTML
- Specyfikacje CSS
- Programowanie po stronie klienta
- Technologie serwerowe
- Inne
Licencje
Autor: Łukasz Piwko