efekt - Kurs HTML i CSS
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...
- Dobre praktyki / CSS Zorientowane Obiektowo
...obiektowo, znanego z niemal każdego nowoczesnego języka programowania. Stosowanie kontekstu selektorów można porównać do polimorfizmu, tzn. efekt działania tej samej deklaracji (klasy) zależy od typu elementu, do którego się odwołujemy. Na przykład: <div class="Information Warning">...</div> może działać inaczej niż <span class="Information Warning">...</span> chociaż nazwa przypisanej klasy CSS jest w obu przypadkach identyczna: .Information { background-color: white; }...
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...
- Szablon strony na DIV-ach / Responsywny szablon
...urządzenie wskazujące np. w postaci myszki komputerowej, a inaczej na małych urządzeniach mobilnych z ekranami dotykowymi. A taki właśnie efekt pozwalają uzyskać Kaskadowe Arkusze Stylów (CSS). Można to zrobić w trzech prostych krokach opisanych poniżej. Skalowanie Aby stworzyć stronę responsywną, najpierw musimy wstawić w nagłówku dokumentu, tzn. w dowolnym miejscu pomiędzy znacznikami <head> i </head>, następuje polecenie: <meta name="viewport" content="width=device-width...
- 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ą...
- Multimedia HTML / Obrazek HTML <img>
...w programie graficznym ustawić ten kolor jako przezroczysty (transparent). Uwaga: format JPG (oraz BMP) nie obsługuje przezroczystości! Podobny efekt można co prawda uzyskać, rysując "niewidoczne" części kolorem tła strony WWW. Jednak jeśli zmienimy kolor tła na stronie, będzie trzeba zmienić również wszystkie takie obrazki. Natomiast jeżeli ustalimy przezroczystość na obrazku, zawsze będzie ona niewidoczna. Animowany banner Animowany banner można stworzyć przy użyciu takich programów...
- Widżety HTML / Ramki HTML
...następnie osadzić go na każdej podstronie. To samo dotyczy innych stałych elementów witryny: nagłówka (wraz z logotypem) i stopki serwisu. Podobny efekt do ramek pozwalają uzyskać dynamiczne skrypty działające po stronie serwera - np. PHP lub SSI [zobacz: Szablon strony bez ramek]. Dzięki nim menu nawigacyjne tak samo możemy umieścić w pojedynczym pliku, a skrypt sam automatycznie powieli go na wszystkich podstronach naszego serwisu. Uzyskujemy wtedy wszystkie zalety tradycyjnych stron, a...
- Tekst CSS / Wyrównanie tekstu {text-align}
...left">...</p>. Co robi "text-align justify"? Deklaracja CSS "text-align: justify" wyrównuje tekst do obu marginesów, tworząc efekt wyjustowanego tekstu, gdzie odstępy między słowami są dostosowywane tak, aby linie tekstu miały równe długości. Jak wyrównać tekst do obu marginesów? Aby wyrównać tekst do obu marginesów, użyj właściwości text-align i ustaw wartość na justify, na przykład <p style="text-align: justify">...</p>. Jak ustawić tekst na środku strony...
- Widżety HTML / Wczytywanie strony do ramki lokalnej <a target>
...strona zostanie załadowana do bieżącej ramki, czyli do tej na której został wstawiony powyższy odsyłacz (domyślnie - można pominąć ten atrybut, a efekt będzie ten sam) "_top" - strona zostanie wczytana w miejsce głównego dokumentu w hierarchii, czyli zmieni się adres w pasku adresu przeglądarki "_parent" - strona zostanie wczytana w miejsce nadrzędnego dokumentu w hierarchii "_blank" - strona zostanie załadowana w nowej karcie przeglądarki Atrybuty target="_top" i target="_parent...