grafika - Kurs HTML i CSS
HTML dla zielonych / Jak zrobić dobrą stronę HTML...tekstu. Nie przesadzaj z grafiką. Fakt, że wiesz jak wstawić na stronę obrazek nie oznacza, że musi się od nich roić. Pamiętaj, że to właśnie grafika najbardziej wpływa na szybkość ładowania strony, dlatego ogranicz jej ilość oraz rozmiary. Jeśli już musisz coś umieścić, postaraj się, aby było to naprawdę dobrej jakości. Tworząc samodzielnie obrazy używaj antialiasingu, czyli wygładzania poszarpanych krawędzi. Cechą po której na pierwszy rzut oka można rozpoznać dobrego projektanta jest...
- Podcast HTML / #9 HTML5
...(id). minlength, maxlength: atrybuty wymuszające minimalną i maksymalną liczbę znaków w polu formularza (<input>, <textarea>). Multimedia, grafika i ścieżki tekstowe fo filmów Zmiany w obsłudze mediów: <video>, <audio>, <source>: elementy te służą do osadzania odtwarzaczy filmów wideo i muzyki audio bez wtyczek. Element <source> jest używany do wskazania tego samego materiału multimedialnego w wielu formatach (np. MP4 i OGV), aby przeglądarka mogła wybrać obsługiwany format...
Oprawa graficzna / Zamiennik obrazkowySpis treści Wstęp Fahrner Dwyer Phark Gilder/Levin Jefferies Zamienniki obrazkowe a Google Wstęp Po lekturze rozdziałów Menu w CSS oraz Szablon strony na DIV-ach powinny być Ci już znane ogromne możliwości wpływania na wygląd dokumentów stron WWW tylko za pomocą stylów CSS. Wiesz już, w jaki sposób można przygotować optymalny kod HTML, a następnie za pomocą w zasadzie drobnych wpisów w arkuszu CSS, wprowadzać daleko idące zmiany wyglądu witryny. Nie jest żadnym kłopotem zmiana...
- Odsyłacze HTML / Odsyłacz obrazkowy <a href, img>
...tekstowych, które nie wyświetlają grafiki. Dzięki temu również w takich przeglądarkach możliwe będzie używanie odsyłacza obrazkowego, chociaż grafika nie zostanie wyświetlona. Jeżeli nie podasz tekstu alternatywnego (atrybut alt="..." dla znacznika <img>) dla obrazka w odsyłaczu, użytkownicy z przeglądarkami tekstowymi albo z wyłączonym wyświetlaniem obrazów mogą mieć utrudnioną lub wręcz uniemożliwioną nawigację w takim menu! Przykład <a href, img> Kliknij na tym przycisku: Aby...
- Komendy HTML 4.01 / LINK
...urządzeń aural - syntezatory mowy braille - urządzenia do czytania braillem handheld - urządzenia ręczne (mały ekran, monochromatyczne, grafika bitmapowa, ograniczona szerokość pasma) print - urządzenia drukujące nieprzezroczyście i umożliwiające podgląd wydruku projection - projektor screen - ekran komputera (domyślnie) tty - urządzenie o ograniczonych zdolnościach wyświetlania (terminale, urządzenia przenośne itp.) ty - telewizor (niska rozdzielczość, kolor, ograniczone...
- Komendy HTML 4.01 / STYLE
...urządzeń aural - syntezatory mowy braille - urządzenia do czytania braillem handheld - urządzenia ręczne (mały ekran, monochromatyczne, grafika bitmapowa, ograniczona szerokość pasma) print - urządzenia drukujące nieprzezroczyście i umożliwiające podgląd wydruku projection - projektor screen - ekran komputera (domyślnie) tty - urządzenie o ograniczonych zdolnościach wyświetlania (terminale, urządzenia przenośne itp.) ty - telewizor (niska rozdzielczość, kolor, ograniczone...
- Obramowanie CSS / Obramowanie obrazkowe {border-image-source}
...bloków i przygotowania trzech obrazków. Ramka musi mieć stałą szerokość. Natomiast wysokość automatycznie dopasowuje się do zawartości, ale za to grafika pionowych krawędzi ramki nie może być zbyt skomplikowana. Obrazek obramowania {border-image-source} selektor { border-image-source: url(ścieżka dostępu do obrazka) } Selektorem może być praktycznie dowolny znacznik, np. p - akapit czy h1 - tytuł [zobacz: Wstawianie stylów]. Natomiast jako "ścieżka dostępu do obrazka" należy podać...
- Tło CSS / Zaczepienie tła obrazkowego {background-attachment}
...(jeśli posiada on suwaki), ale przewijane względem okna przeglądarki (CSS 3) [Zobacz także: Wstawianie stylów] Normalnie jeśli tłem strony jest grafika, przesuwa się ona razem z tekstem, w miarę przewijania treści okna za pomocą suwaka. Możemy jednak sprawić, że tło będzie przez cały czas nieruchome, nawet jeśli będziemy przewijali zawartość strony. Wtedy w wewnętrznym arkuszu stylów strony należy użyć polecenia: body { background-image: url(obrazek.jpg); background-attachment: fixed }...
- Obramowanie CSS / Szerokość obramowania obrazkowego {border-image-width}
...szerokością obramowania obrazkowego możemy udekorować krawędzie elementu, który w ogóle nie posiada tradycyjnego obramowania. W takim przypadku grafika obramowania wchodzi pod zawartość tekstową - podobnie jakby była wstawiona w tle. border-image-source: url(punkt.gif); border-image-slice: 15; border-image-width: 10px; border-width: 15px Z drugiej strony, ustalając szerokość tradycyjnego obramowania większą niż szerokość obramowania obrazkowego, możemy odsunąć grafikę krawędzi od...
- Obramowanie CSS / Nawis obramowania obrazkowego {border-image-outset}
...się faktycznie widocznego marginesu elementu, oddzielającego go do sąsiednich bloków. Jeżeli szerokość marginesu będzie niewystarczająca, grafika z nawisu obramowania może nawet wejść pod zawartość sąsiedniego elementu lub schować się poza granicami strony. Dlatego ustalając nawis obramowania obrazkowego zawsze warto jednocześnie zadbać o nadanie odpowiedniej wartości marginesu. Jeżeli "border-image-slice: 124", to wartość nawisu obramowania obrazkowego można zilustrować...