strona - Kurs HTML i CSS
Nagłówek i treść HTML / Strona kanoniczna <link "canonical">...linki prowadzące do tej samej strony mają różną postać: 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...
- Nagłówek i treść HTML / Strona mobilna <link media>
<head> <link rel="alternate" media="media" href="adres"> </head> gdzie jako "media" podaje się typ(y) mediów alternatywnych albo zapytanie mediów. Natomiast zamiast "adres" wpisuje się bezwzględny adres strony (rozpoczynający się od http:// lub https://), która stanowi odpowiednik bieżącego dokumentu specjalnie przystosowany na podane urządzenia. W niektórych przypadkach autorzy udostępniają specjalną wersję strony na urządzenia mobilne. Zwykle ma ona węższy układ treści, mniej zdjęć i menu...
Dobre praktyki / Przykazania webmastera...Nie używaj atrybutu style="..." Unikaj stosowania deklaracji !important Nie wstawiaj wewnętrznego arkusza stylów, który powtarza się na kilku podstronach Minimalizuj liczbę osobnych plików arkuszy CSS Unikaj importowania arkuszy stylów Wersjonuj pliki *.css i pliki graficzne w nich zawarte Gdzie to tylko możliwe, staraj się skracać zapis w regułach stylów Minimalizuj liczbę identyfikatorów i klas CSS Ustalając tło upewnij się, że element ma przypisany (lub odziedziczony) kolor tekstu...
- HTML dla zielonych / Wstawienie obrazka HTML <img src alt>
...podać miejsce na dysku, gdzie znajduje się nasz obrazek, który chcemy umieścić na stronie. Jeżeli obrazek znajduje się w tym samym katalogu co strona, na której chcemy go wstawić, wystarczy wpisać tutaj samą nazwę pliku obrazka, nie zapominając przy tym o podaniu rozszerzenia (".jpg" lub ".gif"). Natomiast w miejsce "Tu podaj tekst alternatywny" wpisuje się krótką informację, która pojawi się w przypadku, kiedy obrazek nie zostanie wyświetlony (np. jeśli użytkownik wyłączy wyświetlanie...
- Podcast HTML / #7 Widżety HTML
...posiada własne suwaki do przewijania zawartości, a jest umieszczone bezpośrednio na stronie, wyświetlając inną stronę - można to określić jako "strona w stronie". W jednym dokumencie HTML można osadzić wiele takich okienek. Należy jednak pamiętać, że każde okienko wczytuje pełną stronę wraz ze wszystkimi multimediami, co może prowadzić do bardzo długiego czasu ładowania dokumentu, jeśli ramek jest zbyt wiele. Zastosowanie ramek i widżetów Ramki są szczególnie użyteczne dla twórców...
- Szablon strony na DIV-ach / Responsywny szablon
...bloków szablonu, a nawet rozmiaru tekstu i marginesów w jednostkach względnych długości - np. procentach, em lub rem. W takiej sytuacji cała strona automatycznie przeskalowałaby się tak, aby nigdy nie trzeba było jej przewijać w poziomie. Do pewnego stopnia jest to dobre rozwiązania. Jednak w praktyce trudno się spodziewać, aby nawet tylko dwukolumnowy szablon bez problemu zmieścił się na wąskim ekranie smartfona i nadal tekst był wystarczająco czytelny. Możesz stosować szablon...
- Widżety HTML / Wczytywanie strony do ramki lokalnej <a target>
...zmieniać, nawet już po załadowaniu strony. Zamiast tekstu "lokalizacja" należy wpisać adres strony albo lokalizację na dysku, gdzie znajduje się strona, do której chcemy się przenieść. Natomiast jako "cel" można podać: "nazwę ramki", do której ma zostać załadowana strona. Nazwę ramki definiuje się wcześniej w znaczniku IFRAME (atrybut name="nazwa ramki"). Jeśli strona ma zostać wczytana do tej samej ramki, w której znajduje się odsyłacz, można pominąć atrybut target="...". Jeśli podamy...
- Nagłówek i treść HTML / Roboty <meta "robots, googlebot">
...googlebot"> Roboty <meta "robots"> <head> <meta name="robots" content="dyrektywy"> </head> gdzie jako "dyrektywy" należy wpisać: "index" - strona, na której wstawiono polecenie, będzie indeksowana przez roboty sieciowe (indeksery) - domyślnie "noindex" - strona, na której wstawiono polecenie, nie będzie indeksowana "follow" - przechodzenie do stron, do których odnoszą się odsyłacze, znajdujące się w dokumencie - domyślnie "nofollow" - robot nie przechodzi do stron stron...
Dla nauczycieli / Scenariusz lekcji informatyki dla liceum i technikum...Jak nadać tekstowi pogrubienie, kursywę i inne style. Przykłady praktyczne wstawiania i łączenia tych znaczników. 10 min - Ćwiczenie praktyczne: strona z obrazkiem i sformatowanym tekstem Uczniowie tworzą stronę, na której wstawiają: obrazek oraz sformatowany tekst z pogrubieniem, kursywą i podkreśleniem. 5 min - Omówienie błędów, wspólna analiza kodu 5 min - Zadanie domowe: rozbudować stronę o kolejny obrazek, sformatować więcej tekstu i dodać kolejny akapit. Lekcja 3 - Listy i...
- Promocja strony WWW / Odpowiednia treść
...Wstęp Zdawać by się mogło, że ten punkt jest oczywisty, jednak nie wszyscy zdają sobie sprawę jak dużą ma on wagę. Najprościej można powiedzieć, że strona o nieciekawej i zbyt krótkiej treści praktycznie nie da się bardziej wypromować. Są oczywiście wyjątki, np. strony oferujące u siebie darmowe i bardzo przydatne rzeczy. Jednak niewłaściwy dobór treści serwisu może przekreślić wszystkie pozostałe i czasem bardzo czasochłonne metody promocji. Dlatego radzę nie bagatelizować tego punktu! A oto...