W związku z tym, że na moim blogu powstało już wiele ciekawych wpisów dotyczących HTML i CSS postanowiłam zebrać je w coś w rodzaju małego kursu, tutoriala (lub kompendium zależy jak na to patrzeć). Czyli praktycznie poukładanej listy kroków, z których dowiecie się różnych ciekawych rzeczy na temat działania oraz współdziałania HTML wraz z CSS. Wiedza ta powinna wam pomóc zbudować lub rozbudować stronę internetową.
Postaram się je aktualizować co pewien czas tak by osoby zaczynające naukę tych języków jak i te chcące się czegoś o nich dowiedzieć mogły w łatwy sposób znaleźć interesujące ich tematy.
Podstawy – czyli od czego zacząć
- Zakładanie własnej strony internetowej – czyli zrób to sama / sam
- Podstawowe elementy, z których składa się strona internetowa.
- Struktura strony w HTML5? – Czyli jakie elementy występują w HTML
- Meta dane/ tagi
- Media Query – czyli responsywność
Budujemy prostą stronę internetową z pomocą frameworka (Bootstrap 4)
- Budujemy prostą stronę internetową cz. 1
- Budujemy prostą stronę internetową cz. 2
- Budujemy prostą stronę internetową cz. 3
- Budujemy prostą stronę internetową cz. 4
- Budujemy prostą stronę internetową cz. 5
- Budujemy prostą stronę internetową cz. 6 – dodajemy proste animacje JS
Podział / Formatowanie tekstu na stronie internetowej
- Nagłówki i podział tekstu w plikach stron WWW (H1, H2, H3)
- Akapity na stronie <p>, <br>
- Znacznik <span>
- Do czego służą znaczniki <i>,<b>,<u>
- Jak wykonać przekreślenie fragmentu tekstu na stronie <s>, <del>
- Jak zmienić rozmiar fontu na stronie internetowej <font>
- Indeksy Górny i Dolny w HTML i/lub CSS – <sup>, <sub>
- Wypunktowana lista – <ul> i numerowana <ol>
- Tworzenie tabel na stronach <table>
- Odsyłacze w treści HTML <a>
- Wstawianie grafiki <img>
- Blok cytatu <blockquote>
- Formularze <form>
- Budujemy proste menu
Tabele na stronie internetowej
- Tabele w HTML <table> – tworzymy prostą tabelkę
- Właściwość CSS empty-cells
Grafika na stronie internetowej (czyli jak dodać obrazek)
- Podstawowe kolory na stronie
- Kolor tła oraz tekstu za pomocą HTML i CSS
- Jak dodać obraz w tle strony – czyli obrazkowe tło dla witryny internetowej
- Wyśrodkowanie obrazka lub tekstu na stronie z pomocą HTML i CSS
- Przezroczyste tło, elementy z przezroczystym tłem
Obramowania obiektów na stronie
Efekty i animacje na stronę
- Cień pod obrazkiem, tekstem z użyciem CSS
- Ciekawe efekty na tekście z użyciem cienia – CSS Text-Shadow
- Dodawanie cienia do elementu HTML – CSS3
- Niezwykłe efekty tekstowe z użyciem CSS3
- Element HTML z pionowym tekstem
- Gradient (różnokolorowy, ombre) tekst na stronie [CSS][HTML]
- Jakie stany może mieć obiekt na stronie
- Zmiana koloru linka po najechaniu kursorem – :hover [CSS]
- Odsyłacz pocztowy lub do telefonu HTML
- Kotwice na stronie HTML – odsyłacze i etykiety
