strony link - Kurs HTML i CSS
Wstawianie stylów CSS / Alternatywny arkusz stylów <link "alternate stylesheet">...spowoduje dołączenie wszystkich takich arkuszy jednocześnie. Alternatywny arkusz stylów pozwala udostępnić użytkownikowi kilka wersji wyglądu strony do wyboru. Projektuje się wtedy kilka zewnętrznych arkuszy CSS, a następnie osadza w specjalny sposób, dzięki czemu w przeglądarce użytkownika pojawi się możliwość wyboru jednego spośród przygotowanych wyglądów. Jest to namacalny dowód potęgi języka CSS. Nie trzeba tworzyć, a potem aktualizować kilku wersji witryny, aby zapewnić...
Dla nauczycieli / Scenariusz lekcji informatyki dla liceum i technikum...5 - Wprowadzenie do CSS: podstawowe style i struktura arkuszy Lekcja 6 - Klasy CSS, ramki, marginesy, tapety, interakcje Lekcja 7 - Publikacja strony internetowej Zadanie końcowe / projekt Podsumowanie Wstęp Poniżej znajdziesz scenariusz cyklu lekcji oparty na podstawie programowej dla liceum i technikum z zakresu informatyki oraz materiałach ze strony Kurs HTML i CSS. Lekcje zostały rozplanowane na 7 spotkań po 45 minut, z pracą domową i elementami pracy własnej uczniów. Cel...
- Menu w CSS / Pionowe menu
...nie jest zadowalający. Pierwsze co musimy zrobić, to usunąć wyróżniki punktów wykazu (tzw. markery) oraz zniwelować niepotrzebny margines z lewej strony: ul, ul li { display: block; list-style: none; margin: 0; padding: 0; } W efekcie uzyskamy: Czcionki Tekst Tło Marginesy Obramowanie W niektórych przeglądarkach nie jest konieczne wstawienie wszystkich powyższych deklaracji, jednak tylko taki zestaw właściwie gwarantuje uzyskanie zamierzonego efektu w każdych warunkach. Teraz...
HTML5 / Priorytet ładowania <img fetchpriority, link fetchpriority, script fetchpriority>...jednak nie wie, które z nich w każdej spośród tych grup są ważniejsze, a które mniej ważne. W konsekwencji elementy kluczowe dla działania strony mogą zostać załadowane na samym końcu, przez co użytkownik będzie musiał dłużej na nie poczekać. Na szczęście w pewnym stopniu możemy sterować kolejnością ładowania zewnętrznych zasobów przy pomocy tzw. priorytetu przypisując do żądanego elementu atrybut fetchpriority="...". Pytania i odpowiedzi <img fetchpriority, link "preload" as...
- Dla nauczycieli / Scenariusz lekcji informatyki dla szkoły podstawowej
...programowej Lekcja 1 - Wprowadzenie do HTML i struktury dokumentu Lekcja 2 - Wstawianie obrazków i linków Lekcja 3 - Dostosowanie wyglądu strony i podsumowanie Zadanie końcowe / projekt Podsumowanie Wstęp Poniżej znajdziesz scenariusz cyklu lekcji oparty na podstawie programowej dla klas IV-VIII szkoły podstawowej z zakresu informatyki oraz materiałach ze strony HTML dla zielonych. Lekcje zostały rozplanowane na 3 spotkania po 45 minut, z pracą domową i elementami pracy...
- Nagłówek i treść HTML / Roboty <meta "robots, googlebot">
...bez tego zakazu "index, nofollow" - indeksuje stronę, nie przechodzi do stron wskazywanych przez odsyłacze "noindex, follow" - nie indeksuje strony, na której wstawiono polecenie, przechodzi do stron wskazywanych przez odsyłacze "all" = "index, follow" - indeksuje wszystko (domyślnie) "none" = "noindex, nofollow" - nie indeksuje nic Polecenie określa sposób zachowania się robotów-indekserów, czyli specjalnych programów zbierających informacje o stronach w Internecie...
- Widżety HTML / Wczytywanie strony do ramki lokalnej <a target>
Spis treści <a target> Wczytywanie strony do ramki lokalnej <a target> Wczytanie stron do dwóch ramek Wczytywanie strony do ramki lokalnej <a target> <a target="cel" href="lokalizacja">opis</a> Jak widać powyższe polecenie jest odsyłaczem. Posiada on jednak dodatkowy atrybut target="..." pozwalający wczytać stronę do wybranej przez nas ramki - w szczególności innej niż ta, w której znajduje się odnośnik. Dzięki temu treść w takiej ramce (okienku) może się zmieniać, nawet już po...
- Formularze HTML / Hasło <input "password">
...html'; return false"> <input type="password" name="password"> <input type="submit" value="OK"> </form> Hasłem w tym przypadku jest nazwa strony bez rozszerzenia, którą chcemy zabezpieczyć. Przykładowo: hasłem do strony tajna_strona.html (która znajduje się w tym samym katalogu co strona główna, czyli tam gdzie wstawiliśmy powyższy skrypt) będzie tajna_strona Należy przy tym pamiętać, że zabezpieczane strony muszą mieć rozszerzenie *.html, a jeśli to niemożliwe, należy zmienić...
- Promocja strony WWW / Pozycjonowanie (SEO)
...czyli optymalizacja dla wyszukiwarek internetowych). Pod tym tajemniczym hasłem kryją się wszelkie metody mające na celu podniesienie pozycji strony w rankingach wyszukiwarek. Niestety nie ma tu jednego uniwersalnego sposobu, który skutkowałby w każdej wyszukiwarce. Wiedza ta jest tak rozległa, a niektóre sposoby pozycjonowania tak czasochłonne, że za profesjonalną usługę tego typu trzeba zapłacić naprawdę dość duże pieniądze. Są jednak pewne podstawowe zasady, które mogą w tym pomóc...
- XHTML / Typy MIME dokumentów XHTML
...Domyślny system kodowania znaków to UFT-8 lub UTF-16. Inne kodowanie można określić za pomocą nagłówka HTTP lub deklaracji XML. Deklaracja strony kodowej za pomocą znacznika META nie jest rozpoznawana (w tego typu dokumentach XHTML nie powinno się jej wstawiać)! text/xml Inny ogólny typ przeznaczony dla języka XML. Jest on preferowany dla dokumentów XML, które w formie nieprzetworzonej, tzn. czystego kodu źródłowego, mogą być bez większych trudności odczytane przez zwykłego...