multimedia html - Kurs HTML i CSS
Podcast HTML / #6 Multimedia HTML...do przeglądarki, aby umożliwić odtwarzanie danego pliku. Znacznik <embed src="ścieżka" width="x" height="y"> współpracuje z różnymi plikami multimedialnymi: Pliki dźwiękowe: *.wav, *.mid, *.mp3 (MPEG Layer-3). Pliki wideo/animacje: *.avi, *.ra, *.mpeg, *.mov, *.asf. Dokumenty PDF: element <embed> może służyć do bezpośredniego wyświetlenia pliku PDF w oknie przeglądarki, pod warunkiem, że użytkownik ma zainstalowany program Adobe Reader. Ostrzeżenia dotyczące <embed>: polecenie...
Dla nauczycieli / Scenariusz lekcji informatyki dla liceum i technikum...multimediów w stronach internetowych i ich znaczenia. 10 min - Wstawianie wideo i audio Omówienie tagów <video> i <audio>, wstawianie plików multimedialnych na stronę oraz ich atrybuty - np. controls, autoplay, loop (możesz się posłużyć podcastem). 10 min - Wstawianie widżetów (iframe) Wyjaśnienie tagu <iframe>, jego zastosowanie i sposób osadzania zewnętrznych treści - np. YouTube (możesz się posłużyć podcastem). 10 min - Ćwiczenie praktyczne: strona z obrazkami, wideo i audio...
- Podcast HTML / #7 Widżety HTML
...W jednym dokumencie HTML można osadzić wiele takich okienek. Należy jednak pamiętać, że każde okienko wczytuje pełną stronę wraz ze wszystkimi multimediami, co może prowadzić do bardzo długiego czasu ładowania dokumentu, jeśli ramek jest zbyt wiele. Zastosowanie ramek i widżetów Ramki są szczególnie użyteczne dla twórców różnego rodzaju widżetów (ang. widgets), czyli specjalnych gotowych kodów. Przykładami takich widżetów mogą być filmiki z YouTube’a lub posty z Facebooka czy Twittera...
- Podcast HTML / #9 HTML5
...Language), służący do tworzenia stron internetowych. Głównymi celami HTML5 było wprowadzenie nowych elementów w celu zwiększenia interaktywności, multimedialności i semantyczności dokumentów. Ważne cechy ewolucji języka obejmują: Zachowanie kompatybilności wstecz, tak aby użytkownicy starszych przeglądarek mogli korzystać ze stron napisanych w nowym języku. Bardziej szczegółowe określenie sposobu obsługi błędów. Wprowadzenie nowych znaczników semantycznych, aby uczynić sieć bardziej...
Menu rozwijane, otwierane, wysuwane / Wygląd menu rozwijanego, otwieranego, wysuwanegoJeżeli nie odpowiada nam podstawowy wygląd menu, można go zmienić wykorzystując polecenia CSS. W tym celu w pliku menu.css należy wkleić np.: #menu0 { width: 200px; margin: 10px; padding: 0; } #menu0 dt { background-color: #888; color: #fff; font-weight: bold; text-align: center; cursor: pointer; margin: 10px 0 0 0; padding: 2px; } #menu0 dd { background-color: #eee; color: #000; border-width: 0 1px 1px 1px; border-style: solid; border-color: #888...
- Podcast HTML / #1 HTML dla zielonych
...link) jest tworzony za pomocą znacznika <a>. Do podstrony (w tym samym serwisie): należy użyć względnej ścieżki dostępu. <a href="kontakt.html">Przejdź do strony kontaktowej</a> Do zewnętrznego adresu internetowego: adres musi zaczynać się od http:// lub https://. <a href="https://www.google.pl/">Przejdź do Google</a> Aby otworzyć link w nowej karcie, dodaj atrybut target="_blank". Odsyłacz pocztowy: atrybut href musi zawierać mailto: przed adresem e-mail. <a...
- HTML dla zielonych / Wstawienie obrazka HTML <img src alt>
...dla różnych struktur katalogów na dysku. We wszystkich przypadkach naszym zamiarem będzie wstawienie obrazka o nazwie plik.gif do dokumentu strona.html - drogę "przejścia" zaznaczono kolorem zielonym i strzałkami. Przy tworzeniu ścieżki zawsze "startujemy" od strona.html i zmierzamy do plik.gif. Plik index.html stanowi stronę główną, którą się teraz nie zajmujemy. Poprawnie: plik.gif Niepoprawnie: C:\www\plik.gif, plik.GIF, plik Jak widać obrazek plik.gif oraz dokument strona.html...
- Podcast HTML / #3 Tekst HTML
Pobierz plik MP3... Zobacz więcej... Wszystkie odcinki podcastu HTML: #1 HTML dla zielonych #2 Nagłówek i treść HTML #3 Tekst HTML #4 Odsyłacze HTML #5 Tabele HTML #6 Multimedia HTML #7 Widżety HTML #8 Formularze HTML #9 HTML5 Modele wyświetlania znaczników HTML Język HTML przewiduje dwa podstawowe modele wyświetlania treści znaczników: W bloku: Automatycznie dodawane są znaki końca linii przed i po elemencie. Elementy blokowe, takie jak nagłówki (od <h1> do <h6>) oraz...
- Podcast HTML / #2 Nagłówek i treść HTML
...zachęca internautów do odwiedzenia strony, wyświetlając opis w wyszukiwarkach (np. Google). Język strony: atrybut lang w znaczniku <html> (np. lang="pl" dla języka polskiego) jest nieobowiązkowy, ale ułatwia pracę automatycznym tłumaczom. Roboty: znacznik <meta name="robots"> steruje zachowaniem robotów-indekserów, określając, czy strona ma być indeksowana ("index") czy nie ("noindex") oraz czy roboty mają podążać za odsyłaczami ("follow" lub "nofollow"). Dodatkowe funkcje...
- Podcast HTML / #8 Formularze HTML
Pobierz plik MP3... Zobacz więcej... Wszystkie odcinki podcastu HTML: #1 HTML dla zielonych #2 Nagłówek i treść HTML #3 Tekst HTML #4 Odsyłacze HTML #5 Tabele HTML #6 Multimedia HTML #7 Widżety HTML #8 Formularze HTML #9 HTML5 Wprowadzenie do formularzy HTML i ich zastosowanie Formularze HTML umożliwiają stosowanie interaktywnych elementów na stronach WWW. Są one przydatne do gromadzenia informacji o użytkownikach odwiedzających serwis lub do zamawiania towarów w sklepach...