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ń.
Obramowanie, border (tzw. ramka) stanowi istotny element strony internetowej nie tylko w przypadku tabel, może ono np. stanowić bardzo ciekawą dekoracją (np. wokół przycisku), lub rozdzielać witrynę na sektory.
Pojawienie się HTML5 było prawdziwą rewolucją w budowie stron internetowych. Umożliwiło bowiem twórcą witryn tworzenie zupełnie nowych typów stron. Takich, które od dawna były potrzebne, ale nie były do tej pory możliwe do stworzenia.
O tym jak w HTML stworzyć wypunktowaną listę pisałam już w jednym z wcześniejszych wpisów.
Właściwość CSS outline swoim działaniem przypomina właściwość border (czyli obramowanie). Obie właściwości tworzą więc wokół obiektu swojego rodzaju kontur. Co jednak istotne outline otacza nawet obramowanie, które tworzy border.
Zbudowanie tabeli na stronie internetowej w HTML z pewnością dla większości z was nie stanowi dużego problemu.
Na początku każda strona internetowa posiada białe tło. To czy budując stronę zatrzymamy ten kolor lub czy go zmienimy zależy tylko od nas.
Istnieje kilka metod z pomocą, których można dodać do strony internetowej opartej o HTML arkuszy CSS oraz plików JS (JavaScript). Dziś postaram się wam je przybliżyć.
Jedną z najtrudniejszych rzeczy podczas budowania strony internetowej jest dobieranie odpowiednich wymiarów elementów. A konkretnie ich wielkości i szerokości tak by strona wyglądała dobrze.
Właściwość CSS empty-cells w dużym skrócie służy do ukrywanie niewypełnionych pól. Innymi słowy empty-cells informuje przeglądarkę o tym, że jeśli dany element jest pusty nie ma ona go wyświetlać.
W HTML mamy praktycznie 2 rodzaje list -> listę wypunktowaną i listę numerowaną. Jednak to z tą pierwszą będziesz mieć najczęściej do czynienia. Lista wypunktowana (punktowana, punktory) jest bowiem jednym z najczęściej stosowanych elementów na stronach internetowych.
Aktualnie w budowie do budowy stron internetowych wykorzystywany jest głównie HTML 5 (choć nie wiadomo jak długo to jeszcze potrwa). Wciąż jednak spotkać można witryny internetowe, które napisano w HTML4. Dlatego też postanowiłam porównać ze sobą obie wersje.
Dzisiaj pokażę wam jak uzyskać efekt lustrzanego odbicia obrazka (ang. CSS image reflections) na stronie internetowej z pomocą CSS. Na chwilę obecną istnieje kilka różnych metod z pomocą, których uzyskać możemy złudzenie odbicia. Dziś omówię najpopularniejsze z nich.
![Dodawanie obramowania na stronie internetowej [CSS]](https://aurainweb.pl/wp-content/uploads/2018/02/HTML5-CSS3.jpg)
![Zastosowanie właściwości outline [CSS]](https://aurainweb.pl/wp-content/uploads/2017/01/coffy3.jpg)
![Jak umieścić grafikę, obraz, zdjęcie w tle strony internetowej! [CSS]](https://aurainweb.pl/wp-content/uploads/2017/01/office4.jpg)
