obrazy - Kurs HTML i CSS
- HTML dla zielonych / Jak zrobić dobrą stronę HTML
...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 oszczędne i umiejętne operowanie grafiką, która dobrze komponuje się z wyglądem strony. Przyjrzyj się innym renomowanym witrynom. Zwróć uwagę na projekt szaty graficznej. Dużo nie zawsze znaczy...
- HTML5 / Filmy i dźwięk <video, audio, source>
...wykonywania kompresji w formacie ZIP różni się od RAR, ale nie wpływa na typ plików, które są spakowane w archiwum. Jedno archiwum może zawierać np. obrazy w formacie GIF, JPG lub PNG, a także muzykę MP3, WMA itp. Każdy plik muzyczny musi zawierać tzw. ścieżkę dźwiękową. Pliki filmowe zawierają natomiast ścieżkę wideo oraz zwykle również ścieżkę dźwiękową. Ścieżki te są jakby odpowiednikiem plików spakowanych w archiwum ZIP lub RAR. Istnieją różne sposoby zapisu dźwięku i obrazu w plikach...
- Ikony (symbole) / Audio i wideo
Możesz szybko wyszukać dowolną ikonę używając w tym celu specjalnego generatora. Wybierz wariant ikony, a następnie kliknij przycisk "Pobierz". Możesz dopasować kolor i rozmiar przy użyciu kontrolek znajdujących się w nagłówku tabeli. Nazwa Wariant Strzałka Odtwarzania play_arrow play_arrow Koło Odtwarzania play_circle play_circle Mikrofon mic mic Kamera wideo videocam videocam Zwiększ głośność volume_up volume_up Pauza pause pause Nutka muzyczna music_note music_note Książki w...
- Dla nauczycieli / Scenariusz lekcji informatyki dla liceum i technikum
...Podcast HTML: #3 Tekst HTML Podcast HTML: #6 Multimedia HTML Przebieg 5 min - Wprowadzenie do tematu lekcji Krótkie przypomnienie, czym są obrazy w HTML i jak je wstawiać. 10 min - Omówienie wstawiania obrazków HTML (możesz się posłużyć podcastem) Wyjaśnienie tagu <img> i jego atrybutów: src="..." - ścieżka do pliku obrazka, alt="..." - tekst alternatywny. Dodatkowo omówienie atrybutów takich jak width="..." i height="...". 10 min - Formatowanie tekstu: pogrubienie, kursywa...
- HTML5 / Wstępne ładowanie <link "preload" as>
...potrzebne wkrótce. Jak działa wstępne ładowanie? Wstępne ładowanie działa poprzez wczytywanie zasobów, takich jak pliki CSS, JavaScript lub obrazy, zanim zostaną one potrzebne przez stronę. Używa się do tego tagu <link rel="preload" href="resource.css" as="style"> lub innych mechanizmów, aby przeglądarka mogła załadować zasoby w tle, co zmniejsza czas ładowania strony, gdy zasoby stają się aktywne. Pozwala to na uniknięcie opóźnień w ładowaniu strony, poprawiając doświadczenie...
- Podcast HTML / #4 Odsyłacze HTML
...Inne protokoły: obejmujące usługi takie jak połączenia zdalne (ssh) czy skrypty (javascript). Odsyłacze graficzne Odsyłacze wykorzystujące obrazy jako elementy aktywne, w tym złożone struktury z wieloma klikalnymi obszarami. Odsyłacz obrazkowy (graficzny przycisk): zamiast tekstu, wewnątrz znacznika odsyłacza (<a href>) umieszcza się znacznik obrazka (<a href="..."><img></a>). Mapa odsyłaczy (image map): umożliwia dodanie kilku odnośników na jednym obrazku poprzez podział go na...

