efekty - Kurs HTML i CSS
HTML dla zielonych / Edytory HTML...edytor tekstu przeznaczony przede wszystkim dla webmasterów. Dzięki podglądowi na żywo bezpośrednio w przeglądarce można na bieżąco weryfikować efekty zmian wprowadzanych w tworzonym kodzie HTML i CSS. Dodatkowo obsługuje instalowanie wielu darmowych rozszerzeń, które pozwalają znacznie zwiększyć możliwości programu i jeszcze lepiej dopasować go do własnych potrzeb. PSPad (darmowy) ★★★☆☆ Szybki i lekki edytor produkcji czeskiej, jednak radzący sobie z kodowaniem polskich znaków lepiej...
- HTML dla zielonych / Znaczniki HTML
...możesz np. ustalić kolor tła, rodzaj formatowania tekstu, wstawić obrazek czy tabelę itd. Znacznik nie jest widoczny na ekranie. Widoczne są tylko efekty jego działania (np. wstawienie obrazka). Ja sam aby umieszczony powyżej znacznik <b> był widoczny, musiałem się posłużyć pewną "sztuczką" (jeśli nie możesz wytrzymać i już teraz chcesz wiedzieć jaką, zajrzyj na stronę: Znaki specjalne). Ponieważ znaki: "<" (znak mniejszości) oraz ">" (znak większości) są zarezerwowane dla znaczników, nie...
- HTML dla zielonych / Koniec linii HTML <br>
...To jest pierwsza linia... ...a to jest kolejna linia. Zwróć uwagę, że samego znacznika <br> nie widać na ekranie przeglądarki. Widać jedynie efekty jego działania, tzn. zakończenie linii. Znacznik <br> w języku HTML nie ma znacznika zamykającego (to jest właśnie jeden z nielicznych wyjątków)! Pytania i odpowiedzi <br> Jak zakończyć linię w HTML? W języku HTML użycie klawisza Enter nie spowoduje, że tekst zostanie wyświetlony w nowej linijce. Aby to zrobić, należy użyć znacznika...
- Promocja strony WWW / Bannery i buttony
...wyrazy na reklamie: umieszczenie napisu "za darmo" da raczej lepsze rezultaty niż np. "zadłuż się" 🙂. Obserwacje wykazały, że zwykle lepsze efekty przynosi zaprezentowanie wybranego produktu niż całego serwisu. Np. jeśli prowadzisz sklep internetowy, możesz przygotować reklamę kilku promocyjnych produktów, zawierającą ich nazwę, zdjęcie, cenę oraz przycisk "Kup" albo "Do koszyka", który od razu zachęci użytkownika do wykonania konkretnej akcji. Często dobre rezultaty dają bannery...
Kaskadowe Arkusze Stylów / Cascading Style Sheets...część poleceń stylów nie jest interpretowana przez niektóre przeglądarki internetowe lub jest obsługiwana odmiennie. Dlatego zawsze należy sprawdzać efekty w praktyce - jeśli to możliwe, to najlepiej w kilku najbardziej popularnych przeglądarkach: Chrome, Firefox. Absolutnie nie trzeba się jednak obawiać stosowania CSS, ponieważ nie powodują one błędów w przeglądarkach, które ich nie obsługują. Nigdy nie zdarzy się tak, aby strona w ogóle nie została wyświetlona, ponieważ korzysta z CSS...
- Tekst CSS / Cień pod tekstem {text-shadow}
...Wartości "poziom", "pion" oraz "rozmycie" należy podać, używając jednostek długości. Możliwe jest podanie więcej niż jednego efektu - wtedy kolejne efekty należy rozdzielić przecinkami. Zostaną one zastosowane w kolejności podawania. Aby zupełnie usunąć ustalony wcześniej cień, należy podać text-shadow: none [Zobacz także: Wstawianie stylów] Powyższe polecenie pozwala wprowadzić efekt cienia pod tekstem. Możliwe jest również podanie serii efektów, rozdzielonych przecinkami, które będą się...
Migotanie...(1 s = 1000 ms) kolor2 Drugi kolor migotania czas2 Czas wyświetlania koloru2 Używaj migotania z umiarem, ponieważ zwykle tego typu efekty nie są mile widziane przez użytkowników - rozpraszają uwagę, utrudniając czytanie. Migotanie można stosować nie tylko do znaczników <div>...</div>, ale również do każdego innego, np. migające odsyłacze (<a href="...">...</a>): To jest migające hiperłącze (możesz je klikać)
- Selektory pseudoklas CSS / Negacja :not
...przywracając kolor domyślny wszystkim tabelom. Łatwiej będzie jednak takie działanie połączyć w pojedynczym selektorze negacji. Jeszcze ciekawsze efekty możemy uzyskać poprzez połączenie negacji z bardziej złożonymi selektorami - np. pokolorować wszystkie wiersze tabeli z wyjątkiem jednego, który podamy za pomocą pseudoklasy podstawionej jako argument negacji. Selektorów negacji nie wolno zagnieżdżać, tzn. wstawiać jeden jako argument drugiego. Przykład :not Po wpisaniu w arkuszu stylów...
- Obramowanie CSS / Cień {box-shadow}
...rozmycie" oraz "rozprzestrzenienie" należy podać, używając jednostek długości. Możliwe jest podanie więcej niż jednego efektu - wtedy kolejne efekty należy rozdzielić przecinkami. Zostaną one zastosowane w kolejności podawania. Aby zupełnie usunąć ustalony wcześniej cień, należy podać box-shadow: none [Zobacz także: Wstawianie stylów] Powyższe polecenie pozwala wprowadzić efekt cienia pod dowolnym elementem. Możliwe jest również podanie serii efektów, rozdzielonych przecinkami, które...
- Obramowanie CSS / Obramowanie obrazkowe {border-image-source}
...Ramka obrazkowa w tle Obrazek obramowania {border-image-source} Ramka obrazkowa w tle Możliwości jakie dają style, jeżeli chodzi o efekty obramowania elementów, są bardzo duże. Jednak nie zawsze jest to wystarczające. Czasami mimo wszystko chcielibyśmy urozmaicić stronę, umieszczając na niej estetycznie wyglądające ramki z graficznie wykończonymi krawędziami. W tradycyjnym podejściu zwykle przygotowuje się wtedy trzy elementy obrazkowe: górna krawędź ramki, dolna krawędź oraz...