menu - Kurs HTML i CSS
Podcast HTML / #9 HTML5...związany jest tytuł strony. Służy jedynie do grupowania - nie tworzy nowej sekcji. <nav>: sekcja strony zawierająca odnośniki nawigacyjne (np. menu główne). Inne ważne elementy semantyki: <figure> i <figcaption>: służą do oznaczania załączników (ilustracji, diagramów, kodu źródłowego) i dodawania do nich podpisów. <mark>: służy do zaznaczenia lub uwydatnienia tekstu w określonym kontekście, np. w wynikach wyszukiwania. <time>: poprawnie oznacza datę i/lub czas, często używany z...
- HTML5 / Okno dialogowe <dialog closedby open, button "button" command commandfor, form "dialog", button "dialog">
...Różnice między oknem dialogowym a popoverem Cecha <dialog> <... popover> Semantyczność ✔ Tak (wymaganie od użytkownika podjęcia akcji) ❌ Nie (menu kontekstowe, wyskakujące podpowiedzi) Domyślnie otwarte ✔ Tak (jeden z dostępnych trybów) ❌ Nie (potrzebny przycisk otwierania) Okno modalne ✔ Tak (jeden z dostępnych trybów) ❌ Nie Wymuszenie jednego okna ✔ Tak (tryb modalny blokuje otwieranie innych okien) ✔ Tak (tryb automatyczny zamyka inne okna) Zamykanie kliknięciem poza oknem lub...
Tło CSS / Kolor tła {background-color}selektor { background-color: kolor } Selektorem może być praktycznie dowolny znacznik, np. p - akapit, h1 - tytuł czy td - komórka tabeli [zobacz: Wstawianie stylów]. Natomiast jako "kolor" należy podać definicję koloru. Wpisanie "transparent" ustali tło przezroczyste. Polecenie umożliwia wstawienie tła o określonym kolorze pod danym elementem (tekstem). Jeśli definiowane własności mają odnosić się do całej strony (np. kolor tła strony), można użyć selektora BODY lub HTML. Przykład...
- Drukowanie CSS / Przełamanie strony {page-break-before, page-break-after}
...efekt, nie musisz za każdym razem drukować całej strony. Wystarczy włączyć w przeglądarce internetowej podgląd wydruku. Zwykle znajduje się on w menu Drukuj. Powinien być również dostępny przy pomocy skrótu klawiaturowego Ctrl+P.
- Pozycjonowanie CSS / Wyświetlanie {display}
...by sądzić. Przykładowe zastosowanie to usunięcie niektórych elementów strony podczas jej drukowania [zobacz: Media]. Nie ma raczej sensu drukować menu nawigacyjnego, które powtarza się na każdej stronie, ponieważ na papierze i tak będzie ono całkowicie bezużyteczne. Zastosowanie tego polecenia pozwoli zaoszczędzić trochę papieru, a jednocześnie sprawi, że wydruk będzie wyglądał bardziej spójnie. Polecenie display: none jest zbliżone do visibility: hidden. Różnica polega na tym, że pierwsze...
- Kolory CSS / Sposoby definiowania kolorów CSS
...kolorów systemowych - (patrz: tabela w dalszej części tego rozdziału) czyli takich, które pochodzą z systemu operacyjnego (np. kolor pulpitu, okien, menu, przycisków i inne). Jeśli zmienimy kolory w swoim systemie, zmianie ulegną również przedstawione tutaj kolory systemowe. Dlatego każdy użytkownik może odebrać je inaczej. Z tego powodu należy uważać z ich stosowaniem, ponieważ nie da się przewidzieć efektu na komputerze innego użytkownika. hsl(H, S%, L%) - (CSS 3) alternatywny do RGB model...
Nowe okno / Generator okienMożliwe jest określenie wyglądu nowego okna (rozmiarów, położenia, pokazanie/ukrycie pasków menu, narzędzi, statusu itp.), poprzez podanie w poleceniu dodatkowych parametrów. Zamiast opisu zamieszam poniżej generator. Otrzymany w nim kod, należy wpisać w miejsce wyróżnionego tekstu, np. jako wartość atrybutu onload="..." (pierwszy sposób). Adres: Nazwa: Szerokość: Wysokość: Odległość od lewej krawędzi ekranu: Odległość od górnej krawędzi ekranu: Wygenerowany...
- Wykaz skryptów / Prawa autorskie
...wszystkie skrypty do budowy serwisu WWW - w tym witryny komercyjnej. Wyrażenie "budowa serwisu WWW" oznacza np. wykorzystanie jednego ze skryptów menu do ulepszenia nawigacji na stronie WWW. Dopasowywać wygląd elementów generowanych przez skrypt, modyfikując kod HTML i CSS. Kod JavaScript można modyfikować tylko w ramach podanych w opisie instalacji. Publikować na stronie WWW kod udostępnionych tutaj skryptów wraz z opisem działania i instalacji - np. jeśli prowadzisz serwis zawierający...
Prawa autorskie...serwisu WWW - w tym witryny komercyjnej. Wyrażenie "budowa serwisu WWW" oznacza np. wykorzystanie jednego z podanych przykładów kodu CSS tworzących menu nawigacyjne, wraz z użytą tam grafiką, do zwiększenia estetyki tworzonej strony. Umieścić kurs w niezmienionej wersji offline umożliwiającej normalne przeglądanie dokumentów *.html w wewnętrznym intranecie firmy, szkoły, uczelni itp., ale tylko jeżeli nie będzie do niego dostępu z zewnątrz - z globalnego Internetu. Wykorzystywać kurs jako...
- Selektory pseudoklas CSS / Domyślne :default
...po wciśnięciu klawisza Enter w dowolnym polu tekstowym, formularz zostanie wysłany, a nie wyczyszczony. Podobnie grupa pól opcji, pola wyboru czy menu rozwijalne mogą mieć zaznaczone pewne opcje. Jeśli wyślemy formularz bez dokonywania w nim zmian, opcje domyślnie zaznaczone zostaną z nim wysłane. Przedstawiony tutaj selektor pozwala w dowolny sposób wyróżnić takie domyślne elementy. Dzięki temu jeśli użytkownik wybierze inną opcję, zawsze będzie widział, która była opcją domyślą, aby...