strony - Kurs HTML i CSS
Podcast HTML / #6 Multimedia HTML...Należy unikać formatu BMP, który jest słabo skompresowany, co może kilkukrotnie zwiększyć rozmiar pliku. Multimedia znacząco zwiększają objętość strony, dlatego warto stosować kompresję. Osadzanie multimediów innych niż grafika Znacznik <embed> pozwala osadzić na stronie WWW pliki takie jak animacje, filmy lub muzyka. Wtyczka (plug-in) to niewielki program, który jest doinstalowywany do przeglądarki, aby umożliwić odtwarzanie danego pliku. Znacznik <embed src="ścieżka" width="x...
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ęć Skrypt przeglądarki zdjęć Aby uzyskać powyższy efekt, należy zapisać przedstawiony poniżej kod w dowolnym pliku z rozszerzeniem *.js - np. przegladarka_zdjec.js: /** * @author Sławomir Kokłowski {@link https://www.kurshtml.edu.pl} * @copyright NIE usuwaj tego komentarza! (Do NOT remove this comment!)...
- 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...
- 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...
- 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ł...
- 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...
- 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...
- I co dalej... / Darmowe serwery
...na niej zawartych (na jednej podstronie, nie w całym serwisie). Pliki raz pobrane zwykle nie są pobierane powtórnie przy ponownych odwiedzinach strony w niedługim czasie (dotyczy to zwłaszcza plików graficznych, które nie są pobierane ponownie, nawet jeśli są umieszczone na różnych podstronach witryny). Limit transferu to rodzaj licznika, który sumuje rozmiar wszystkich plików i dokumentów "transferowanych" z całego serwisu, podczas odwiedzin użytkowników. Jeżeli licznik przekroczy...
- Promocja strony WWW / Projekt graficzny
...w nim przebić. Właśnie przyjazny projekt serwisu może być czynnikiem decydującym, że ktoś zacznie czytać Twoją stronę a nie konkurencji. Z drugiej strony rażąco zły projekt może odstraszać potencjalnych czytelników i wtedy nic nie pomoże odpowiedni dobór treści. Internauci stali się bardziej wymagający. Niełatwo zaspokoić ich gusta. Nie chodzi o to, żeby Twoja strona była arcydziełem sztuki webdesignerskiej, ale dobrze jest trzymać się przynajmniej elementarnych zasad projektowania tak, aby...