duże - Kurs HTML i CSS
Języki / Strony kodowe...jeśli chodzi o polskie teksty zapisane w powszechnie używanej stronie kodowej UTF-8, implementującej standard Unicode, powiększenie pliku nie jest duże. Dodatkowo znaki Unicode nie zawsze są poprawnie wyświetlane (jeśli np. użytkownik nie posiada odpowiedniej czcionki Unicode), chociaż z tym jest już coraz lepiej i dzisiaj praktycznie nie stanowi to już problemu. Aby zapisywać znaki za pomocą Unicode, trzeba się zaopatrzyć w edytor, który go obsługuje. Wtedy należy również bezwzględnie...
- Podcast HTML / #6 Multimedia HTML
...a jego użycie jest niezalecane dla plików audio-wideo, ponieważ mają one swoje dedykowane elementy (AUDIO, VIDEO). Ponadto, pliki multimedialne mają duże rozmiary, co może potwornie wydłużyć czas wczytywania strony. Odsyłacz do pliku Najbardziej uniwersalną metodą odtwarzania plików multimedialnych, która działa w każdej przeglądarce i z każdym formatem plików (np. JPG, AVI, WAV, TXT, DOC, PDF), jest użycie zwykłego odsyłacza. Przykład użycia odsyłacza: <a href="ścieżka dostępu do...
Tło CSS / Atrybuty mieszane tła {background}...że w każdej chwili możemy usunąć obrazek lub zmienić jego pozycję, bez potrzeby modyfikacji każdej strony, na której występuje taki element. Ma to duże znaczenie, jeśli powtarza się on na wielu stronach. Niestety podczas drukowania strony, obrazek taki zostanie pominęty. Również jeśli przeglądarka nie interpretuje stylów, obrazek nie pojawi się na ekranie. Jeśli nam to przeszkadza, należy stosować tradycyjny sposób (znacznik IMG). Przykład {background} Po wpisaniu w arkuszu stylów...
- Tło CSS / Gradient promienisty {background: radial-gradient repeating-radial-gradient}
...rozmiar at pozycja, kolor1 odległość1, kolor2 odległość2...) } W przypadku gradientu promienistego szczególnie często zdarza się, że duże powierzchnie tła już poza gradientem są jednolitego koloru. Możemy temu zapobiec poprzez powtarzanie wzoru w kółko. Przykład {background: repeating-radial-gradient} repeating-radial-gradient(white 33%, black 66%) Dla porównania - tak będzie wyglądał ten sam gradient, ale już bez powtarzania: radial-gradient(white 33%, black 66%)
- Obramowanie CSS / Obramowanie obrazkowe {border-image-source}
...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 boczne krawędzie w postaci grafiki...
- Drukowanie CSS / Okładka wydruku @page :first
...sprawę, że większość typowych drukarek nie pozwala zadrukować całej powierzchni papieru, więc jakieś minimalne marginesy zawsze pozostaną - jak duże zależy od konkretnego modelu drukarki. Przykład @page :first Wydruk z okładką: @page { margin: 1cm; } @page :first { margin: 0; }
- Menu w CSS / Menu z nagłówkami
Choć wykonanie menu w oparciu o listę daje naprawdę duże możliwości, to powstaje mały problem, jeśli przed blokiem ma się wyświetlić nagłówek w formie tytułu działu. Istnieje inny element, który zapewnia taki podział pozycji - lista definicyjna (słownik). Specyfikacja HTML 4.01 podaje alternatywne zastosowania tego znacznika - np. do przedstawiania dialogu. Można zatem przyjąć, że lista definicyjna reprezentuje pozycje połączone ze sobą w taki sposób, że zawartość <dd>...</dd> stanowi...
AutoIFRAME / Dlaczego to nie działa?Przedstawiony tutaj skrypt był testowany w kilkunastu wersjach różnych przeglądarek. Jeżeli skrypt nie działa, istnieje duże prawdopodobieństwo, że został nieprawidłowo wstawiony na stronę: Czy na stronie nadrzędnej znajduje się ramka <iframe>...</iframe> z odpowiednim atrybutem id="..."? Czy wartość tego atrybutu jest taka sama, jak w skrypcie (domyślnie "autoiframe")? A może identyfikator zawiera nieprawidłowe znaki, jak np. spacje lub polskie litery? Czy na wszystkich podstronach...
- Galeria zdjęć HTML / Klasyczna galeria zdjęć
...mu odpowiadają), a także zachowuje estetykę strony. Uwaga! Miniaturki grafik muszą być pomniejszone fizycznie, tzn. nie mogą to być oryginalne duże obrazki ze zmniejszonymi rozmiarami wyświetlania za pomocą atrybutów width="..." oraz height="...". Tylko wstawienie naprawdę pomniejszonych obrazków uchroni od niepotrzebnego wczytywania dużych plików. Zmniejszenia wymiarów obrazka można dokonać praktycznie w każdym programie graficznym. Najczęściej ustala się takie same rozmiary dla...