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
- Tekst
- Listy
- Tabele
- Formularze
- Menu
- Obraz
- Obramowanie
- Efekty
- Inne
Podstawy – czyli od czego zacząć Kurs HTML + CSS
Czyli od czego zacząć naukę HTML i CSS by samodzielnie móc zbudować prostą stronę internetową.
Dodawanie tekstu na stronę
Rodzaje list na stronie
Tabele na stronie internetowej
W tej sekcji znajdziesz kilka użytecznych wpisów na temat budowania tabel na stronie internetowej.
Formularze na stronie
- Formularze <form> – czyli jak zbudować prosty formularz na stronie
- Zmiana wyglądu pól formularza
Grafika na stronie internetowej (czyli jak dodać obrazek)
Z poniższych wpisów dowiesz się jak z pomocą CSS możesz samodzielnie zmodyfikować i wykorzystać grafiki na stronie. Masz całkiem niezłe pole do popisu jedyne co to potrzeba dobrego pomysłu by użyć właściwej opcji.
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
- 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
- Animacje na stronie
- Animacja w CSS – Transitions, czyli efekty przejścia w CSS
Inne
- Znaki specjalne HTML
- Co to jest domena internetowa?
- Jak zmienić kształt kursora myszy? [CSS]
- Czcionka czy Font? Jaka jest między nimi różnica?
- Dodawanie własnego fontu (czcionki) do strony internetowej
- Rodzaje fontu i co to ten jest szeryf?!