strony - Kurs HTML i CSS
Prawa autorskieMożesz Zamieścić na stronie WWW, forum dyskusyjnym, serwisie społecznościowym itp. link do strony głównej Kursu HTML. Podawać linki bezpośrednio do określonych podstron (rozdziałów) kursu. Umieścić na stronie WWW bannery lub buttony kursu. Zobacz oficjalne bannery... (online) Zapisywać kurs do przeglądania tylko w wersji offline na dowolnych nośnikach danych (CD, DVD, USB drive, SD, dysk lokalny itp.) i nieodpłatnie przekazywać dowolnej osobie w takiej samej formie. Uwaga: nie dotyczy...
Tekst HTML / Kod poprawny semantycznie...Innymi słowy: nie wiemy, czy tekst jest pogrubiony dlatego, że zawiera ważny termin, który powinien się wyróżniać, czy może dlatego, że autor strony chciał w tym miejscu po prostu wprowadzić czcionkę pogrubioną, bo akurat dobrze komponuje się z innymi elementami strony. * Co prawda język HTML5 opisuje pewne znaczenia nawet dla tzw. elementów formatujących, jednak równocześnie wizualny sposób ich wyświetlania zawsze jest ściśle określony. Raczej trudno się spodziewać, żeby np. znacznik B...
- HTML5 / Filmy i dźwięk <video, audio, source>
...dwóch ostatnich sposobów osadzania plików wideo/audio, nawet jeżeli posiadamy materiał tylko w jednym formacie. Podając typ (format) pliku w kodzie strony, przeglądarka nie będzie musiała pobierać plików, aby sprawdzić, czy potrafi je odtworzyć. Jest to szczególnie ważne na stronach, które zawierając wiele osadzonych odtwarzaczy. Przykład <video, audio, source> Zobacz przykład: VIDEO, AUDIO Atrybuty odtwarzacza autoplay Atrybut logiczny (podawany bez wartości), który wywołuje...
Przeglądarka zdjęć...zdjęć Inicjalizacja Wymagana wiedza Konstruowanie ścieżek dostępu do obrazków Podstawy stylów CSS (m.in. arkusze stylów) Odsyłacze do podstrony Przykład przeglądarki zdjęć /** * @author Sławomir Kokłowski {@link https://www.kurshtml.edu.pl} * @copyright NIE usuwaj tego komentarza! (Do NOT remove this comment!) */ function PrzegladarkaZdjec(id, zdjecia) { this.czas = 5; // czas przejścia w trybie pokazu slajdów [sek] this.id = id; this.zdjecia = zdjecia...
Nagłówek i treść HTML / Ćwiczenia...stworzoną w ramach ćwiczeń z poprzedniego rozdziału. Dodaj informację o języku, w którym została wprowadzona treść na Twojej stronie. Podaj autora strony. Zdefiniuj ikonę strony. Jeżeli nie posiadasz wystarczających umiejętności graficznych, przykładową ikonę możesz wyszukać w internecie. Pamiętaj o poszanowaniu praw autorskich! Nie każdy obrazek można swobodnie skopiować sobie na swoją stronę, jeżeli autor nie wyraził na to zgody. Jednym z serwisów, który udostępnia m.in. darmowe ikony...
- Menu drzewiaste / Skrypt menu drzewiastego
...if (document.getElementById && document.childNodes) this.start(document.getElementById(this.id)); } Następnie wklej w treści nagłówkowej strony <head>...</head> następujący kod: <link rel="stylesheet" href="tree.css"> <script src="tree.js"></script> Na koniec w wybranym miejscu strony - tam, gdzie ma się wyświetlać menu drzewiaste - wstaw kod oparty na technice zagnieżdżania wykazów (tylko wypunktowanie, czyli lista nieuporządkowana <ul>...</ul>). Sposób zagnieżdżania kolejnych...
- Skórki
...na pierwszy rzut oka operacja zmiany wyglądu wydaje się być dość skomplikowana, tak naprawdę absolutnie nie ma potrzeby budowania drugiej wersji strony dla każdej kolejnej skórki. Z pomocą przychodzą style CSS, które wręcz idealnie do tego się nadają. Do przygotowania nowej skórki wystarczy po prostu zaprojektować osobny arkusz stylów (plik *.css) i go podmienić za pomocą specjalnego skryptu. Aby możliwa była jak najbardziej efektowna zmiana wyglądu, konieczne jest, aby serwis został...
- Widżety HTML / Ramki HTML
...stronie zostaną osadzone - a to właśnie zapewniają ramki. Natomiast właścicielom stron ramki dają bezpieczeństwo: taki zewnętrzny widżet nie popsuje strony, ponieważ nie może on nic zmienić poza obrębem ramki, w której jest wyświetlany. Tego typu widżety oczywiście możemy również projektować samodzielnie i udostępniać do wstawienia na innych stronach. Możemy je jednak tworzyć nawet tylko na własny użytek. Jak być może czytelnik zdążył już zauważyć, w standardowym, statycznym serwisie...
- I co dalej... / Aliasy
Przy zakładaniu strony na darmowym serwerze jest jeszcze jeden problem: adres Twojej przyszłej strony jest często nieciekawy - np. http://free.of.pl/l/login (gdzie login jest nazwą Twojego konta). Taki długi i skomplikowany adres jest trudny do pamiętania i na pewno nie przyciągnie na Twoją stronę rzeszy internautów. Jak sobie z tym poradzić? Jest sposób: należy w takim przypadku skorzystać z oferty jednego z serwisów oferujących darmowo tzw. aliasy do stron WWW. Alias WWW to po prostu inny...
- Formularze HTML / Wysłanie formularza bez programu pocztowego
...tym, że część użytkowników w ogóle takiego programu nie posiada, ponieważ swoją pocztę odczytują za pomocą tzw. aplikacji webmail, czyli specjalnej strony WWW. Takie strony-aplikacje udostępniają wszystkie duże portale oferujące darmowe konta e-mail. Użytkownicy, którzy nie posiadają skonfigurowanego programu pocztowego, ponieważ np. korzystają z systemu webmail, nie będą w stanie wysłać formularza pocztowego. Jak się przed tym zabezpieczyć? W języku HTML ani nawet JavaScript nic nie da się...