stronie - Kurs HTML i CSS
AutoIFRAME / Dlaczego to nie działa?...wersjach różnych przeglądarek. Jeżeli skrypt nie działa, istnieje duże prawdopodobieństwo, że został nieprawidłowo wstawiony na stronę: Czy na stronie nadrzędnej znajduje się ramka <iframe>...</iframe> z odpowiednim atrybutem id="..."? Czy wartość tego atrybutu jest taka sama, jak w skrypcie (domyślnie "autoiframe")? A może identyfikator zawiera nieprawidłowe znaki, jak np. spacje lub polskie litery? Czy na wszystkich podstronach wczytywanych do ramki <iframe>...</iframe> zostało...
- Rozwijane menu
...następuje wczytanie określonej strony (podobnie jak w przypadku odsyłaczy). Może to być przydatne np. jeżeli chcemy zaoszczędzić trochę miejsca na stronie (lista rozwijalna zajmuje tylko jedną linijkę). Ale uwaga! Jeśli przeglądarka użytkownika nie będzie obsługiwać skryptów JavaScript, strony z takiego menu będą niedostępne. Dlatego zaleca się umieścić w innym miejscu również zwykłych odsyłaczy tekstowych. <select onchange="self.location.href = this.value"> <option...
- Wykaz skryptów / Skrypty w kursie
...pocztowego, czy wszystkie pola zostały wypełnione przez użytkownika. Strona na hasło Jeżeli nie chcesz, aby wszystkie informacje na Twojej stronie były publicznie dostępne, możesz zabezpieczyć wybrane podstrony hasłem. Prezentowany skrypt jest niezwykle prosty do wprowadzenia, ale jednocześnie bardzo skuteczny. Dynamiczne blokowanie pól formularza Blokowanie/odblokowywanie albo ukrywanie/wyświetlanie jednego lub kilku pól formularza dopiero po wcześniejszym wybraniu przez...
Wyróżnienia...jak i zaawansowanych webmasterów. cytat z magazynu CHIP Serwis został umieszczony na płycie CD magazynu Internet w numerze 08/2003: Na tej stronie można znaleźć bardzo obszerny a zarazem przystępny kurs języka HTML i CSS, dzięki któremu nawet niedoświadczeni użytkownicy będą mogli rozpocząć pracę nad własną stroną WWW i następnie opublikować ją w Internecie. W serwisie znajduje się masa porad, przykładów i wskazówek przydatnych także dla zaawansowanych webmasterów. Są również gotowe...
Nagłówek i treść HTML / Tytuł strony <title>...dowolny tekst, zaleca się jednak, aby nie był zbyt długi (najwyżej kilka wyrazów). Powinien on również odnosić się do treści zawartych na danej stronie. Tytuł pojawia się na belce tytułowej przeglądarki internetowej (na samej górze okna programu, na karcie ze stroną), a także w wyszukiwarkach sieciowych, po odnalezieniu Twojej strony - dlatego właśnie nie może on być zbyt długi. Trafny tytuł może również zachęcić internautów do obejrzenia Twojej strony. Taki sam tytuł na wszystkich...
- Formularze HTML / Wysłanie formularza bez programu pocztowego
...pocztowego. Jak się przed tym zabezpieczyć? W języku HTML ani nawet JavaScript nic nie da się zrobić. Z pomocą przychodzą skrypty obsługiwane po stronie serwera, jak np. PHP. Aby skorzystać z tego rozwiązania, serwer na którym znajduje się strona przede wszystkim musi obsługiwać PHP. Niestety nie jest to normą. Co więcej, funkcja służąca do wysyłania listów e-mail (pod nazwą: mail) za pośrednictwem skryptów PHP musi być włączona. Niestety administratorzy, zwłaszcza darmowych serwerów...
Menu w CSS / Rozdzielenia struktury i prezentacji dokumentu...inaczej. Być może zapytasz teraz: jaki jest tego cel? Wyobraź sobie, że Twój serwis internetowy zawiera 100 podstron z artykułami. Na każdej podstronie zostało wstawione menu nawigacyjne. Jeśli teraz zechcesz zmienić jego wygląd, co będzie lepiej zrobić: modyfikować ręcznie 100 plików, czy dokonać zmiany tylko w jednym - zewnętrznym arkuszu stylów? No dobrze, stronę można wykonać w technologii ramkowej lub korzystając ze skryptów na serwerze, takich jak PHP - wtedy również będzie...
- Komendy HTML 4.01 / Deklaracja typu dokumentu
Deklaracja typu dokumentu (DTD - document type declaration) określa poziom użytego na stronie języka HTML: Strict DTD - (ścisła) zawiera wszystkie elementy i atrybuty, które nie są zdeprecjonowane (nie deprecated) oraz nie pojawiają się w dokumentach z ramkami (ponadto nie obejmuje elementu IFRAME ani atrybutu target="...") <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> lub <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> Transitional DTD...
- Selektory pseudoklas CSS / Jedyne dziecko :only-child
...ale tylko jeśli rodzic nie ma już innych dzieci. Przykład :only-child Po wpisaniu w arkuszu stylów: b:only-child { color: red } otrzymamy na stronie: To jest akapit, wewnątrz którego znajduje się pogrubienie (powinno być czerwone). Ten akapit ma tylko jedno dziecko. Dla porównania to jest akapit, wewnątrz którego znajduje się pierwsze pogrubienie (nie powinno być czerwone) oraz drugie pogrubienie (również nie powinno być czerwone). Ten akapit ma więcej niż jedno dziecko.
- Selektory pseudoklas CSS / Negacja :not
...elementu nadane poprzez style i zostaną opisane w dalszych rozdziałach. Wyobraźmy sobie sytuację, kiedy chcemy zmienić kolor całego tekstu na stronie z wyjątkiem np. tabelek. Moglibyśmy to zrobić, przypisując najpierw określony kolor całemu tekstowi, a następnie przywracając kolor domyślny wszystkim tabelom. Łatwiej będzie jednak takie działanie połączyć w pojedynczym selektorze negacji. Jeszcze ciekawsze efekty możemy uzyskać poprzez połączenie negacji z bardziej złożonymi selektorami...