strony - Kurs HTML i CSS
Szablon strony na DIV-ach / Płynny szablon...(czyli zwykle 780px minus szerokość kolumny menu i ewentualnie dodatkowych informacji). W płynnych szablonach najczęściej tylko blok treści strony dopasowuje się do rozmiarów okna przeglądarki, a pozostałe kolumny zawsze pozostają stałe. Dla kolumny menu zmiana szerokości zwykle nie miałaby większego sensu, gdyż często zawiera ustalone wąskie elementy (odnośniki nawigacyjne). Poza tym dzięki stałej szerokości kolumny menu podanej w pikselach jej wygląd staje się niezależny od...
Widżety HTML / Szablon strony bez ramek...Na każdej podstronie trzeba będzie wstawić jakieś powtarzające się elementy, jak np. nagłówek, menu nawigacyjne, stopka itd. W każdym pliku podstrony trzeba za każdym razem powtórzyć te elementy. Wyobraź sobie teraz, że chcesz dodać do menu nowy link. Aby to zrobić, musisz otworzyć osobno każdy dokument i ręcznie dodać tam link. Oczywiście jest to ogromnie niewygodne, do tego stopnia, że po jakimś czasie można się wręcz zniechęcić do robienia jakichkolwiek aktualizacji serwisu ...
- Szablon strony na DIV-ach / Semantyczny szablon strony
Spis treści Szablon strony na DIV-ach Dlaczego nie tabele? Szablon strony na DIV-ach Po lekturze rozdziału pt. Menu w CSS powinny być Ci już znane praktyczne możliwości stylizacji elementów stron internetowych. Wiesz już zapewne, dlaczego rozwiązanie oparte o CSS jest najkorzystniejszym wyborem przy tworzeniu menu nawigacyjnego. Dlaczego zatem ograniczać się tylko do menu, kiedy można przecież zyskać jeszcze więcej, projektując całą stronę w ten sam sposób: Wyobraź sobie, że po roku...
- Nagłówek i treść HTML / Opis zawartości strony <meta "description">
<head> <meta name="description" content="Tu podaj opis twojej strony"> </head> Polecenie to należy wstawić między znacznikami: <head> oraz </head>. Pozwala ono opisać co znajduje się na Twojej stronie. Z informacji tej korzystają wyszukiwarki sieciowe, dlatego staraj się tutaj wpisać tekst, który jak najlepiej opisze zawartość strony i zachęci do jej odwiedzenia. Ciekawy, ale niezbyt długi, opis może zachęcić internautów do obejrzenia Twojej strony. Znacznik <meta name="description"> nie ma...
- Nagłówek i treść HTML / Automatyczne odświeżanie strony <meta "refresh">
...co jaki przedział czasu (w sekundach) będzie odświeżana strona, czyli ponownie wczytywana. Polecenie to pozwala na automatyczne odświeżanie strony, co pewien określony przedział czasu (podany w sekundach). Powinno być wstawione w treści nagłówkowej dokumentu - między znacznikami: <head> oraz </head>. Nie należy przesadzać z odświeżaniem strony, ponieważ irytuje to użytkowników, a nawet może uniemożliwić czytanie! Przykład <meta "refresh"> Przykład Pytania i odpowiedzi <meta...
- Nagłówek i treść HTML / Ikona strony <link "shortcut icon">
...się plik ikony - np.: favicon.ico Polecenie to pozwala dodać ikonkę (favicon.ico), która będzie widoczna w przeglądarce przy adresie naszej strony. Typowy rozmiar ikony to 16x16 pikseli. W systemie Windows jest dodatkowa możliwość umieszczenia skrótu na pulpicie - wtedy przydatna może być ikona o rozmiarach 32x32. Format *.ico pozwala zapisać dwie wersje rozmiaru w jednym pliku. Przeglądarki pozwalają również używać innych formatów graficznych, takich jak np. PNG. Możemy również...
- I co dalej... / Wysłanie strony
Spis treści Wstęp Total Commander Eksplorator plików Wstęp Teraz kiedy masz już założone konto, możesz przystąpić do wprowadzania strony na serwer. Aby to zrobić, musisz się zaopatrzyć w dowolny program klient FTP Uwaga! Niektóre serwery nie oferują możliwości kopiowania plików przez program FTP. W takim przypadku musisz dokładniej zaznajomić się z opisem przesłania strony, znajdującym się na danym serwerze. Programy FTP są bardzo często wbudowane w edytory HTML czy w przeglądarki...
- Języki / Strony kodowe
...Unicode, trzeba się zaopatrzyć w edytor, który go obsługuje. Wtedy należy również bezwzględnie pamiętać o wstawieniu w nagłówku dokumentu deklaracji strony kodowej Unicode: <meta charset="utf-8"> Wygląd znaków Unicode możesz sprawdzić tutaj. ✅ Rozpocznij przeglądanie Unicode ISO Zamiast kodowania ISO zaleca się zawsze używać stronę kodową UTF, która automatycznie obsługuje większość języków świata. Natomiast wszystkie strony kodowe WINDOWS są mocno odradzane! Jeśli chcemy napisać dokument...
- Nagłówek i treść HTML / Język strony <html lang, link hreflang>
...it - włoski, es - hiszpański i inne [zobacz: Skróty nazw jezyków]. Nie należy również zapominać o zadeklarowaniu odpowiedniej dla wybranego języka strony kodowej. Zwracam uwagę, że w dokumencie HTML może się znajdować tylko jeden element <html>. Dlatego powyższy atrybut lang="..." należy przypisać do już istniejącego znacznika, a nie dodawać kolejnego. Inne wersje językowe <link hreflang> <head> <link rel="alternate" hreflang="język" href="adres"> </head> gdzie jako "język" należy podać...
- Nagłówek i treść HTML / Tytuł strony <title>
<head> <title>Tytuł strony</title> </head> Każdy dokument HTML (podstrona serwisu) posiada własny tytuł. Może on zawierać 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...