efekt - Kurs HTML i CSS
Odsyłacze HTML / Odsyłacz obrazkowy <a href, img, map, area>...odsyłacza). Odsyłacz ten zostanie uruchomiony, gdy klikniemy myszką obrazek, do którego podajemy ścieżkę dostępu. Dzięki niemu możemy stworzyć np. efektowne przyciski odsyłaczowe w menu strony. Obrazki przycisków najlepiej zapisywać w formacie GIF, większe zdjęcia - JPG. Jeśli nie masz zacięcia artystycznego, nie musisz samodzielnie rysować wszystkich grafik. W Internecie na pewno znajdziesz wiele stron, gdzie możesz darmowo pobrać gotowe przyciski. Tekst alternatywny (atrybut alt...
- Formularze HTML / Pole wyboru <input "checkbox">
...wprowadza na ekran etykietę z tekstowym opisem pola, która jest z nim skojarzona logicznie. Dzięki temu kliknięciu etykiety powoduje zwykle taki sam efekt jak kliknięcie samego pola, tzn. jego zaznaczenie lub odznaczenie, a dodatkowo wskazanie etykiety myszką może spowodować "podświetlenie" pola. Tekst etykiety może się znajdować przed lub za elementem formularza, do którego się odnosi. Zwykle zupełnie wystarczający jest pierwszy z podanych sposobów przypisywania etykiety. Wyobraźmy sobie...
- I co dalej... / Płatne serwery
Spis treści Wstęp Rodzaje hostingu Serwer a domena internetowa Czym się różnią płatne usługi hostingowe od darmowych? Na co zwrócić uwagę wybierając płatny hosting? Ile kosztuje hosting strony WWW? Wstęp Czasem z różnych względów darmowe serwery nie będą wystarczające na potrzeby tworzonej strony WWW. Wtedy ze swoją ofertą wkraczają firmy hostingowe oferujące płatne usługi hostingowe. Czy (i kiedy) warto z nich skorzystać? Czym się różnią od darmowych? Jak je wybrać? Ile kosztują...
- HTML5 / Nowe elementy HTML5
...części (w obszernym niepodzielonym na rozdziały tekście, trudno jest się połapać). Prawidłowo oznaczone nagłówki sekcji mają również pozytywny efekt, jeżeli chodzi o pozycję tak zbudowanej strony w wynikach wyszukiwarek internetowych. Dlatego warto o to szczególnie zadbać. Do nagłówków sekcji zaliczamy następujące elementy: H1, H2, H3, H4, H5, H6. Ważne jest utrzymanie odpowiedniej kolejności numeracji poziomów nagłówków sekcji. Każdy kolejny nagłówek sekcji wstawiony w dokumencie może...
- HTML5 / Filmy i dźwięk <video, audio, source>
...W rzeczywistości większość przeglądarek nie używa takiego trybu domyślnie. W ich przypadku brak atrybutu playsinline nie wywoła żadnego efektu. poster W przypadku odtwarzacza VIDEO możliwe jest ustawienie statycznego obrazka, który wyświetli się w oknie odtwarzania, zanim użytkownik włączy w nim odgrywanie właściwego filmu. Można w ten sposób umieścić np. pierwszą znaczącą klatkę z filmu. Jako wartość tego atrybutu należy podać lokalizację pliku graficznego. preload Określa...
Wykazy CSS / Automatyczna numeracja wykazu {counter-reset, counter-increment}...jeden - dla następnego punktu lub podpunktu: ol li:before { content: counters(nazwa_licznika, ".") ". "; counter-increment: nazwa_licznika } Oto efekt: Punkt pierwszy (1.) Podpunkt pierwszy (1.1.) Podpunkt drugiego rzędu (1.1.1.) Podpunkt drugiego rzędu (1.1.2.) Podpunkt drugi (1.2.) Podpunkt drugiego rzędu (1.2.1.) Podpunkt drugiego rzędu (1.2.2.) Punkt drugi (2.) Podpunkt pierwszy (2.1.) Podpunkt drugiego rzędu (2.1.1.) Podpunkt drugiego rzędu (2.1.2.) Podpunkt...
- Tekst HTML / Wykaz <ul, ol, li>
(lista wyliczeniowa) Spis treści <ul, ol, li> Wypunktowanie - lista nieuporządkowana <ul, li> Wykaz numerowany - lista uporządkowana <ol, li> Wykaz numerowany - różne typy Wykaz numerowany z podaniem początkowego numeru Zmiana numerowania w trakcie Wykaz z wypunktowaniem innym kolorem Wykaz w akapicie Potrzebujesz pomocy? Przy tworzeniu wykazów HTML możesz również skorzystać ze specjalnego generatora zamieszczonego tutaj. Dzięki niemu w kilka minut skonfigurujesz dowolny, nawet...
- Media CSS / Zapytania mediów
...posiadały możliwości szybkiego wyświetlania tych linii, po zakończeniu rysowania ostatniej, pierwsza już była blada, co w efekcie mogłoby wywoływać efekt falującego z góry do dołu migotania jasności obrazu. Dlatego właśnie wymyślono wyświetlanie z przeplotem - najpierw wyświetlano tylko parzyste linie, a potem wracano na górę ekranu i wyświetlano nieparzyste. Taka technika znacząco zmniejszała migotanie obrazu w telewizorach starszych typów. Ponieważ skanowanie progresywne jest używane w...
- Tabele HTML / Komórki nagłówkowe tabeli <th>
...inne zwykłe komórki <td>...</td>. Dzięki temu możemy stworzyć pionowy nagłówek, znajdujący się np. na lewym brzegu tabeli. Chociaż identyczny efekt wizualny można uzyskać odpowiednio zmieniając wygląd zwykłych komórek tabeli (<td align="center"><b>...</b></td>), to absolutnie taka metoda nie jest zalecana. Komórki nagłówkowe <th>...</th> oprócz efektu wizualnego niosą ze sobą ważne znaczenie semantyczne. Potrzebujesz pomocy? Przy tworzeniu tabel HTML możesz również skorzystać ze...
Tabele HTML / Ćwiczenia...filmów. Umieść je w wierszach bezpośrednio jeden pod drugim. Następnie połącz pionowo wszystkie komórki zawierające ten sam gatunek. Przykładowy efekt może wyglądać następująco: Gatunek Tytuł filmu Rok produkcji Ocena (w skali od 1 do 10) Dramat, Komedia Forrest Gump 1994 9 Akcja, Science-Fiction Matrix 1999 8 Matrix Reaktywacja 2003 7 Matrix Rewolucje 2003 7