strony - Kurs HTML i CSS
HTML dla zielonych / PodsumowanieTo 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...
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
- Komendy CSS 2 / size
WARTOŚĆ <długość>{1,2} | auto | portrait | landscape | inherit OPIS Rozmiar strony INICJALIZACJA auto ZASTOSOWANIE kontekst strony DZIEDZICZENIE nie PROCENTY nie MEDIA visual, paged
Aktualizacja / System newsów...font-weight: bold; } Wszystkie ważniejsze linijki zostały opisane. Oczywiście powyższe deklaracje można dołączyć do istniejącego arkusza stylów strony. Dalej wykonujemy analogiczną czynność z kodem przedstawionym poniżej, jednak tym razem zapisujemy go w pliku z rozszerzeniem *.js - np. news.js: /** * @author Sławomir Kokłowski {@link https://www.kurshtml.edu.pl} * @copyright NIE usuwaj tego komentarza! (Do NOT remove this comment!) */ function News(days) { this.config...
- Nagłówek i treść HTML / Nawigacja <link "prev, next, help, search">
...Pomoc <link "help"> Szukaj <link "search"> Wstęp (interpretuje: Opera 12-) Niektóre przeglądarki pozwalają określić bezpośrednio z poziomu strony WWW dodatkowe punkty nawigacyjne w serwisie. Mogą one być wyświetlane na specjalnym pasku narzędzi (najczęściej Nawigacja) w postaci linków do wskazanych stron. Część z tego typu punktów nawigacyjnych może być również wykorzystywana przez roboty wyszukiwarek internetowych (np. Google). We wszystkich przypadkach poniżej odpowiednie wpisy...
- Dobre praktyki / CSS Zorientowane Obiektowo
...menu artykuł stopkę Każdy z tych elementów z naszego punktu widzenia jest właśnie obiektem. Obiekt CSS to wizualnie samodzielny element strony. Artykuł potrafi wyświetlić się poprawnie bez nagłówka ani stopki serwisu. Taki sposób przedstawiania elementów strony jest dla człowieka bardziej intuicyjny niż pojmowanie jej jako zbiór wielu DIV-ów, SPAN-ów i innych znaczników. Obiektowość CSS sprowadza się do nadawania formatowania w kontekście takich obiektów, a nie poszczególnych...
- Multimedia HTML / Osadzenie pliku <embed>
...w którym będzie odtwarzany wskazany plik. Należy pamiętać, że pliki multimedialne mają zwykle duże rozmiary, dlatego najlepiej na początku strony umieścić tekst, a dopiero na końcu polecenie <embed>. W takim przypadku w pierwszej kolejności wczyta się tekst. Polecenie <embed> sprawia wiele kłopotów nawet w przeglądarkach, które je interpretują! Ponadto należy pamiętać, że pliki multimedialne mają zwykle bardzo duże rozmiary, a więc wczytywanie takiej strony w Internecie, może trwać...
- I co dalej... / Jak wprowadzić stronę do Internetu
...sobie sprawę, że praktycznie wszystkie darmowe konta WWW mają pewne ograniczenia, a jednym z najdokuczliwszych są reklamy, zwykle dołączane do strony automatycznie. Może to być zwykły banner, zbiór linków, ogłoszenia, animowana reklama wyświetlająca się przez kilka sekund ponad właściwą treścią strony, czy wreszcie wyskakujące okienka reklamowe.