adresu - Kurs HTML i CSS
Oprawa graficzna / "Duszki" CSS...kompresji? Okazuje się, że na długość czasu wczytywania kompletnej strony WWW ma wpływ nie tylko co, ale w jaki sposób jest ładowanie. Po wybraniu adresu dowolnego współczesnego serwisu internetowego, przeglądarka zaczyna ładowanie dokumentu HTML oraz wszystkich elementów osadzonych na takiej stronie: głównie obrazków. Aby skrócić czas, przeglądarka nie ładuje osadzonych na stronie plików jeden po drugim, ale równocześnie po kilka - każdy w oddzielnym żądaniu HTTP (ang. HTTP request). Liczba...
Nagłówek i treść HTML / Automatyczne wczytanie strony <meta "url">...url"> Przykład Pytania i odpowiedzi <meta "url"> Jak działa redirect? Redirect oznacza automatyczne przekierowanie użytkownika do innego adresu. Może to być przydatne, jeśli dokument albo nawet cały serwis został przeniesiony pod nowy adres. W takiej sytuacji po wejściu na stary adres przeglądarka automatycznie wczyta nową stronę, bez potrzeby klikania użytkownika w dodatkowe odsyłacze. Jak ustawić przekierowanie na inną stronę? Aby po wejściu na stronę natychmiast...
Menu drzewiaste / Skrypt menu drzewiastego...określonego wzorca - np.: /artykul/czesc1.html, /artykul/czesc2.html, /artykul/czesc3.html itd. W takim przypadku dogodniejsze może być dopasowanie adresu przy użyciu wyrażeń regularnych. Aby to zrobić, adres w kolekcji należy objąć nawiasami kwadratowymi, w których wpisuje się treść wyrażenia, np.: rel="Collection([/artykul/czesc\d+\.html])". Również w tym przypadku przypominam, że w nawiasie kolekcji nie może być żadnych spacji, dodatkowych przecinków ani nawiasów okrągłych!
- Skórki
...W zasadzie pierwszy z omawianych sposobów jest bardziej elastyczny, ponieważ nie powoduje żadnych problemów przy ewentualnej zmianie adresu serwisu, choć w tym przypadku tak naprawdę i tak nie będzie to miało większego znaczenia. Kolejna skórka to po prostu nowy plik *.css, do którego bezwzględną ścieżkę trzeba podać w kolejnym odsyłaczu. W ten sposób można stworzyć całą kolekcję. Oczywiście prócz skórek, każdy serwis musi posiadać swój domyślny arkusz CSS, który dołącza się...
Dla nauczycieli / Scenariusz lekcji informatyki dla liceum i technikum...(możesz się posłużyć podcastem) Wyjaśnienie, czym są odsyłacze i jak je tworzyć Odsyłacz do innej strony Odsyłacz do innej podstrony Odsyłacz do adresu e-mail Przykłady linków do stron, podstron i adresów e-mail. 10 min - Ćwiczenie praktyczne: utworzenie strony z tytułem, nagłówkami, akapitem i odsyłaczem Uczniowie tworzą dokument HTML zawierający: tytuł, nagłówek, akapit z tekstem, odsyłacz do zewnętrznej strony. Używają interaktywnego edytora lub osobnego edytora HTML, aby...
Globalne obiekty w JavaScript / Jak dekodować URI/URL w JavaScript? - decodeURIdecodeURI(encodedURI) Parametry: String encodedURI - tekst do zdekodowania Wartość: String - zdekodowana wartość adresu URI Wyjątki: URIError - podany tekst nie jest poprawnym adresem URI Dekoduje pełny adres URI korzystając z sekwencji ucieczki UTF-8. Przykład decodeURI decodeURI("http://example.com/%7Btest%7D"); // "http://example.com/{test}" decodeURI("%XX"); // URIError
- Nagłówek i treść HTML / Plik robots.txt
...do plików, do których robot nie ma dostępu. Każda ścieżka musi rozpoczynać się od znaku ukośnika ("/") i powstaje poprzez wycięcie pierwszego członu adresu URL. Na przykład aby zablokować dostęp do pliku http://www.example.org/index.html, należy wpisać: User-Agent: * Disallow: /index.html Pusta wartość Disallow oznacza brak ograniczeń w indeksowaniu dokumentów: User-Agent: * # Wszystkie dokumenty serwisu będą normalnie indeksowane: Disallow: Aby zablokować dostęp do wszystkich plików z...
- Nagłówek i treść HTML / Strona kanoniczna <link "canonical">
...jeśli domyślnym numerem strony artykułu będzie 1, to adres artykul.php?strona=1 może być równoważny artykul.php podobnie kolejność parametrów adresu URL, podawanych po pytajniku i rozdzielonych znakami "&", zwykle nie ma znaczenia, tzn. adres artykul.php?id=1&strona=1 zwykle jest równoważny artykul.php?strona=1&id=1 nazwę pliku "index.htm", "index.html" czy "index.php" zwykle można pominąć podając adres strony, dlatego http://www.example.com/index.html jest równoważny...
- Nagłówek i treść HTML / Strona mobilna <link media>
...ekranu urządzenia. Jak zrobić stronę mobilną? Aby zrobić stronę mobilną, można użyć znacznika <link> z atrybutem media="..." do wskazania adresu strony dedykowanej urządzeniom mobilnym. Przykład: <link rel="alternate" media="only screen and (max-width: 600px)" href="https://m.example.com/">. Ten link informuje przeglądarkę o istnieniu alternatywnej wersji strony przeznaczonej dla urządzeń o mniejszych ekranach. Jak sprawdzić wygląd strony na urządzeniach mobilnych? Aby...
- Odsyłacze HTML / Do etykiety <a id>
...zarówno z odsyłaczami do podstron w obrębie tego samego serwisu (np. <a href="podstrona.html#etykieta">...</a>) jak i w przypadku odsyłaczy do adresu internetowego w innej witrynie (np. <a href="http://example.com/podstrona.html#etykieta">...</a>). Jak dodać kotwicę HTML? Kotwica (inaczej etykieta) to oznaczone miejsce w dokumencie HTML, do którego można odsyłać użytkownika za pomocą odnośników hipertekstowych. Aby wstawić kotwicę w określonym miejscu dokumentu można się posłużyć...