Blog o budowie stron i marketingu - Aurelia Sypniewska
Blog o budowie stron i marketingu - Aurelia Sypniewska
HTML i CSS to podstawowe technologie wykorzystywane do budowania i formatowania stron internetowych. HTML odpowiada za strukturę i znaczenie elementów strony, natomiast CSS pozwala określać ich wygląd, rozmieszczenie oraz zachowanie w różnych sytuacjach.
W tej kategorii znajdziesz poradniki i przykłady kodu, które pomogą Ci poznać te technologie i wykorzystać je w praktyce. Omawiam między innymi znaczniki HTML, selektory i właściwości CSS, formatowanie tekstu, listy, tabele, formularze, menu nawigacyjne oraz efekty wizualne.
Materiały mogą być przydatne osobom rozpoczynającym naukę tworzenia stron WWW, a także tym, którzy znają już podstawy i chcą przypomnieć sobie konkretne rozwiązania lub znaleźć sposób na wykonanie wybranego elementu strony.
Jeśli wolisz uczyć się według uporządkowanego planu, zajrzyj również na stronę kursu HTML i CSS, gdzie znajdziesz materiały pogrupowane według zagadnień.
Tym razem pokażę wam jak w bardzo prosty sposób uzyskać na stronie internetowej efekt obrazka pojawiającego się po najechaniu kursorem myszy na link. Inne podobne efekty aktywowane położeniem kursora myszy znajdziecie w serii :hover.
Temat plików SVG nie jest nowy na moim blogu – poruszyłam jego tematykę w sumie już kilkakrotnie. Tym razem postaram się wam pokazać jak można umieścić taki plik na stronie internetowej.
Dzisiaj pokażę wam jak w bardzo prosty sposób możemy powiązać ze sobą elementy, elementy siostrzane. Czyli takie, które znajdują się obok siebie (mają wspólnego rodzica) i nie są w żaden inny sposób ze sobą powiazane. W większości przypadków kiedy oddziałujemy na dane obiekt są one ze sobą fizycznie powiązane.
Dzisiaj zajmę się po raz kolejny modyfikowaniem wyglądu tekstu na stronie internetowej a konkretnie pokażę jak uzyskać efekt gradientowego tekstu czyli wielokolorowego tekstu.
W związku z tym, że mamy wakacje postanowiłam pisać o nieco lżejszych tematach. Dlatego też dzisiaj pokażę wam jak zrobić efekt falującego tła (wavy shape, efekt fali) na stronie. W brew pozorom efekt ten przynajmniej w uproszczonej wersji jest dosyć prosty i mało czasochłonny.
Dzisiaj coś trochę z innej bajki ponieważ zajmę się tworzeniem zakładek, tabów z pomocą jquery. Będzie to coś co w dużym stopniu przypomina menu na stronie (w zachowaniu i wyglądzie), choć działa nieco inaczej.
Dzisiaj chciałam się zająć tematyką formatowania tekstu na stronie internetowej z pomocą HTML i CSS.
Dzisiaj pokażę wam jak zastąpić zwykły tekst (napisany HTML) na stronie internetowej dowolną grafiką bez konieczności bezpośrednio ingerowania w kod HTML.
Selektorem w CSS teoretycznie jest dowolny znacznik określający dowolne cechy elementu HTML. Co w praktyce prowadzi do tego, że istnieje wiele ich odmian. Dziś jednak nie chce o nich wszystkich mówić. Zajmę się jedynie małą grupą selektorów zaliczających się do grupy pseudoklas czyli stanami jakie może posiadać obiekt HTML (np. czy znajduje się na obiekcie […]
Zapewne każdy z was spotkał się na stronie internetowej z efektem rozwijającego /chowającego się (toggle) po kliknięciu np. fragment tekstu lub obrazka.
W tym wisie omówię, kilka powiązanych ze sobą właściwości CSS. Zadaniem ich jest wyrównanie (pozycjonowanie, układanie) tekstu na stronie.
Zmiana koloru wypunktowania (kropki, punktatory, punktora) listy stworzonej w HTML jest bardzo prosta. Osobiście znam 3 sposoby na jej utworzenie.
![Pojawiający się obrazek po najechaniu kursorem myszy [CSS]](https://aurainweb.pl/wp-content/uploads/2019/07/pokarz.jpg)
![Wpływanie na elementy znajdujące się obok siebie (siostrzane) [CSS]](https://aurainweb.pl/wp-content/uploads/2019/08/com.jpg)
![Formatowanie tekstu na stronie internetowej [podsumowanie]](https://aurainweb.pl/wp-content/uploads/2018/10/plan.jpg)
