strona - Kurs HTML i CSS
Odsyłacze HTML / Do podstrony <a href>...Do podstrony <a href> Tak jak każda książka składa się z rozdziałów, tak samo serwisy internetowe składają się zwykle z podstron. Każda podstrona jest osobnym plikiem HTML i zawiera treść, która dość znacznie różni się tematycznie od pozostałych. Taka organizacja ułatwia użytkownikowi nawigację oraz zapobiega niepotrzebnemu wczytywaniu całego serwisu od razu (co trwałoby prawdopodobnie bardzo długo). <a href="względna ścieżka dostępu">opis</a> gdzie jako "względna ścieżka dostępu...
- Widżety HTML / Ostrzeżenie przed ramką
...</script> gdzie w miejsce tekstu "index.html" należy podać lokalizację na dysku, gdzie znajduje się strona startowa. W efekcie, jeśli strona zostanie wczytana poza ramkami, na ekranie zostanie wyświetlony tekst z odsyłaczem: "UWAGA! To jest tylko ramka - wróć do STRONY GŁÓWNEJ", po kliknięciu którego nastąpi przejście do strony głównej (startowej). W przypadku poprawnego załadowania strony na ekranie nie pojawi się żaden tekst. Możliwe jest...
- Formularze HTML / Wysłanie formularza bez programu pocztowego
...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, czasami blokują tę funkcję, aby konta nie były wykorzystywane do rozsyłania spamu. O tym, czy Twój...
Tło CSS / Zaczepienie tła obrazkowego {background-attachment}Spis treści {background-attachment} Zaczepienie tła obrazkowego {background-attachment} Wielokrotne zaczepienie Zaczepienie tła obrazkowego {background-attachment} (interpretuje Internet Explorer 9, Firefox, Opera, Chrome) selektor { background-attachment: zaczepienie } Jako "zaczepienie" należy wpisać: scroll - przewijanie tła (domyślnie) fixed - tło nieruchome względem okna przeglądarki local - tło nieruchome względem elementu (jeśli posiada on suwaki), ale przewijane względem...
- CSS dla zielonych / Tapeta CSS {background-color, background-image, color}
...dużym ekranem będzie dysponował użytkownik oglądający naszą stronę WWW. Przy tym pojedynczy kafelek ze wzorkiem może mieć małe wymiary, dzięki czemu strona będzie się ładować szybciej. Kiedy mamy już przygotowaną grafikę pojedynczego kafelka tapety, wstawienie go w tle strony jest bardzo proste. Wystarczy w arkuszu stylów dodać następującą regułę stylów: body { background-color: kolor tła; background-image: url(ścieżka dostępu do obrazka); color: kolor tekstu; } W wyróżnionych miejscach...
- Tekst HTML / Kod poprawny semantycznie
...syntezator i ewentualnych pomyłek (jeden akronim może mieć zupełnie różne rozwinięcia w różnych dziedzinach wiedzy). Jeżeli nie sądzisz, aby Twoja strona mogła być kiedykolwiek odwiedzona przez osobę niewidomą (nigdy tego nie zakładaj, bo możesz się bardzo zdziwić!), na pewno nie możesz zlekceważyć, że właściwe oznaczanie tekstu za pomocą znaczników semantycznych ma niebagatelne znaczenie dla robotów wyszukiwarek sieciowych. Są to aplikacje, które przez cały czas szukają nowych stron w...
- Media CSS / Zapytania mediów
...gdyż ciężko oczekiwać od użytkownika, że dopasuje rozmiar okna przeglądarki do takiego wymiaru z dokładnością co do piksela. Jeżeli zależy nam, aby strona wyglądała zawsze tak samo w podanej rozdzielczości ekranu - bez względu na aktualny rozmiar okna przeglądarki - należy skorzystać z cechy medium: device-width (szerokość urządzenia). Wysokość medium and (height: wysokość) medium and (min-height: wysokość) medium and (max-height: wysokość) Medium to typ lub grupa mediów (visual, tactile)...
- Oprawa graficzna / Zamiennik obrazkowy
...a użytkownik zobaczy grafikę. W ten sposób można by podsunąć robotom inną treść, która zawiera wiele popularnych słów kluczowych, dzięki czemu strona mogłaby znaleźć się wyżej w wynikach wyszukiwania, a normalni użytkownicy nie widzieli by tego sztucznie spreparowanego tekstu. Metody takie są uznawane za spam i stosując je narażamy się nie tylko na irytację ze strony czytelników, którzy wchodząc z wyszukiwarki nie odnajdują na stronie szukanych treści, ale taka strona może zostać za karę...
Aktualizacja / Data aktualizacji strony...tego typu nie zawsze działa! Informacja o dacie modyfikacji dokumentu pochodzi z nagłówka HTTP wysyłanego przez serwer WWW, na którym znajduje się strona. Ponieważ wysyłanie tych nagłówków nie jest obowiązkowe, często odczytanie prawidłowej daty aktualizacji nie jest możliwe. Informacja ta będzie odczytana na pewno, jeśli strona zostanie załadowana nie z Internetu, ale z lokalnego systemu plików. Dlatego zawsze po umieszczeniu pliku na serwerze WWW sprawdzaj czy skrypt działa poprawnie...
- Nagłówek i treść HTML / Słowa kluczowe <meta "keywords">
...<meta "keywords"> Jak wpisać słowa kluczowe? Słowa kluczowe to lista wyrazów rozdzielonych przecinkami, które wskazują, o jakiej tematyce jest strona. Można je wpisać w nagłówku dokumentu - tzn. w dowolnym miejscu wewnątrz elementu <head>...</head> - używając następującego znacznika: <meta name="keywords" content="wyraz1, wyraz2, wyraz3...">. Jednak ponieważ tak wstawione słowa kluczowe nie wyświetlają się normalnie na stronie, w przeszłości twórcy witryn internetowych nadużywali tego...