Co to jest tytuł strony? - Kurs HTML i CSS
Formularze / Ramy formularza HTML <form>...</form> gdzie jako "adres e-mail gdzie wysłać formularz" podaj swój adres poczty elektronicznej e-mail. Natomiast zamiast "temat" można wpisać tytuł, jaki będzie nosił formularz (jest to przydatne zwłaszcza w przypadku stosowania programów obsługujących formularze). UWAGA! Formularzy nie można zagnieżdżać, tzn. umieszczać jednego w drugim. W przypadku użycia Strict DTD, wewnątrz znaczników <form>...</form> muszą się znaleźć dodatkowe znaczniki obejmujące wszystkie elementy formularza...
- Formularze / 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ę...
Marginesy / Lewy margines {margin-left}selektor { margin-left: rozmiar } Selektorem może być praktycznie dowolny znacznik, np. p - akapit czy h1 - tytuł [zobacz: Wstawianie stylów]. Natomiast jako "rozmiar" należy podać konkretną wartość w jednostkach długości. Wpisanie auto ustali wartość automatyczną. Komenda pozwala wprowadzić lewy margines dla danego elementu, a więc np. dodatkową odległość od lewego brzegu strony. Przykład {margin-left} To jest akapit z lewym marginesem margin-left: 4cm i dlatego jest oddalony od lewej...
- I co dalej... / Rejestracja
...po zalogowaniu na konto w wybranej wyszukiwarce. Ponadto wyszukiwarki w prezentowanych użytkownikom wynikach wyszukiwania korzystają często z tytułu strony oraz opisu zawartości strony. Ciekawy ale niezbyt długi opis może zachęcić internautów do obejrzenia Twojej strony. Ważny jest również tytuł strony, ponieważ pojawia się on w wyszukiwarce, po odszukaniu Twojej strony. Dlatego zwróć szczególną uwagę na te punkty!
- XHTML / Wymagania stawiane dokumentom XHTML
...nagłówek HTTP "Content-Type". W celu zapewnienia kompatybilności wstecz powinno się dodać w nagłówku dokumentu również tradycyjną deklarację strony kodowej, np.: <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-2" />
- Marginesy / Prawy margines {margin-right}
selektor { margin-right: rozmiar } Selektorem może być praktycznie dowolny znacznik, np. p - akapit czy h1 - tytuł [zobacz: Wstawianie stylów]. Natomiast jako "rozmiar" należy podać konkretną wartość w jednostkach długości. Wpisanie auto ustali wartość automatyczną. Komenda pozwala wprowadzić prawy margines dla danego elementu, a więc np. dodatkową odległość od prawego brzegu strony. Przykład {margin-right} To jest akapit z prawym marginesem margin-right: 4cm i dlatego jest oddalony od...
- Dobre praktyki / Przykazania webmastera
...ilustracje we właściwych formatach graficznych Stosuj fizycznie pomniejszone miniatury zdjęć Strona powinna być czytelna bez grafiki Stosuj inny tytuł na każdej podstronie Używaj tytułów nagłówkowych Dla każdego widocznego pola formularza używaj znaczników label Grupuj pola formularzy znacznikami fieldset, a nie div Tam gdzie to tylko możliwe, używaj znaczników, które najbardziej szczegółowo oddają znaczenie elementów W dokumentach używaj tylko tyle znaczników i atrybutów, ile...
Aktualizacja / System newsów...border-color: gray; /* kolor obramowania */ font-weight: bold; } .news dt, .news dt a:link, .news dt a:visited { background: silver; /* tło tytułu */ color: #505050; /* kolor tytułu */ text-decoration: none; } /* Treść */ .news dd { background: white; /* tło */ color: black; /* kolor tekstu */ font-size: 12px; /* rozmiar czcionki */ border-width: 1px; /* grubość obramowania */ border-style: solid; /* styl obramowania: solid, dashed, dotted, double, groove, ridge...
- 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...
- Promocja strony WWW / Pozycjonowanie (SEO)
...serwisu. Tytuł <title>Tytuł</title> Tytuł strony również pojawia się wynikach wyszukiwania, a ponadto najczęściej jest wyświetlany na belce tytułowej przeglądarek (na karcie ze stroną). Jednak jest jeszcze jedno bardzo ważne znacznie tego znacznika: ma on duży wpływ na pozycję strony w wynikach wyszukiwania, dlatego także tutaj należy umieścić podstawowe słowa kluczowe. Często tytuł znanych serwisów ma następujący format: Nazwa serwisu - wyrażenia kluczowe Jest to dobry pomysł...