strony - Kurs HTML i CSS
Reguły specjalne CSS...opis czcionki Czcionki osadzone 2 @counter-style wart niestandardowy styl licznika Niestandardowy typ stylu wykazu 3 @page pudełko strony Kontekst strony 2 @page :first Okładka wydruku 2 @page :left @page :right Druk dwustronny 2 @page wart Typ strony wydruku 2 @import url(adr) wart; @media wart docelowe typy mediów Wybór medium 2 @import url(adr) (wart); @media (wart) cechy mediów Zapytania mediów 3 @supports (wart) @supports not (wart)...
Galeria zdjęć HTML / Klasyczna galeria zdjęć...się od wczytywania wszystkich dużych obrazków jednocześnie (użytkownik powiększa tylko te, które mu odpowiadają), a także zachowuje estetykę strony. Uwaga! Miniaturki grafik muszą być pomniejszone fizycznie, tzn. nie mogą to być oryginalne duże obrazki ze zmniejszonymi rozmiarami wyświetlania za pomocą atrybutów width="..." oraz height="...". Tylko wstawienie naprawdę pomniejszonych obrazków uchroni od niepotrzebnego wczytywania dużych plików. Zmniejszenia wymiarów obrazka można...
- Indeks, wyszukiwarka / Wyszukiwarka
...pomocne dla użytkowników może okazać się wstawienie formularza wyszukiwania na wszystkich stronach serwisu. Aby to zrobić, należy wstawić w nagłówku strony (<head>...</head>) odwołanie do pliku indeks.js: <script src="indeks.js"></script> Nie trzeba natomiast wstawiać odwołania do skryptu indeks_hasla.js, w którym znajduje się lista haseł. Następnie w wybranym miejscu strony wystarczy wkleić: <script> var indeks = new Indeks('indeks'); indeks.wstawWyszukiwarke('adres'); </script> Godne...
HTML dla zielonych / Wpisywanie tekstu HTML...test wystarczy wpisać w ciele dokumentu HTML - tzn. wewnątrz sekcji <body>...</body> - przy użyciu dowolnego edytora HTML. Jak dodać tekst do strony? Aby dodać zwykły tekst do istniejącej strony internetowej, wystarczy otworzyć wybrany plik *.html w edytorze HTML. Następnie trzeba wyszukać miejsce w dokumencie, gdzie ma zostać dodany nowy tekst - powinno to być gdzieś wewnątrz sekcji <body>...</body>. Tekst można w tym miejscu po prostu wpisać z klawiatury albo wkleić ze schowka...
Widżety HTML / Podcast HTML...to lepiej zrozumieć, czego się nauczysz w tej części kursu: Chcesz wstawić widget (YouTube, Facebook) na swoją stronę? Poznaj sposób na osadzenia "strony w stronie" (iframe). Dowiedz się, jak wczytywać strony do takiego okienka i jak tworzyć wydajne szablony serwisu bez ramek (PHP/SSI). 🔊 Posłuchaj podcastu HTML
- HTML dla zielonych / Podsumowanie
To by było na tyle. Poznane tu polecenia powinny pozwolić Ci na napisanie prostej, ale zarazem dość dobrze wyglądającej strony WWW. Jeśli już teraz chcesz jak najszybciej sprawdzić w praktyce poznane wiadomości, to tutaj możesz skorzystać z szybkiego edytora stron próbnych, który pozwoli Ci napisać Twoją pierwszą testową stronę WWW. A więc do dzieła... ✅ Rozpocznij tworzenie strony WWW Jeżeli będziesz mieć więcej czasu, zajrzyj do dalszych rozdziałów tego kursu. Znajdziesz tam o wiele więcej...
- Promocja strony WWW / Darmowe gadżety
...co mu jest zupełnie niepotrzebne i mało atrakcyjne. Dobre rezultaty daje także naprawdę przemyślany dział "Download", który współgra z tematyką strony. Nie ma sensu umieszczać tam co popadnie, lecz tylko rzeczy potencjalnie przydatne czytelnikom tej właśnie strony.
- Marginesy CSS / Lewy margines {margin-left}
...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 krawędzi strony o 4cm.
- Marginesy CSS / Prawy margines {margin-right}
...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 prawej krawędzi strony o 4cm.
- Komendy CSS 2 / marks
WARTOŚĆ [ crop || cross ] | none | inherit OPIS Znaczniki strony (po wydrukowaniu) INICJALIZACJA none ZASTOSOWANIE kontekst strony DZIEDZICZENIE nie PROCENTY nie MEDIA visual, paged