menu - Kurs HTML i CSS
Oprawa graficzna / Zamiennik obrazkowy...za pomocą w zasadzie drobnych wpisów w arkuszu CSS, wprowadzać daleko idące zmiany wyglądu witryny. Nie jest żadnym kłopotem zmiana ułożenia menu nawigacyjnego z orientacji pionowej do poziomej ani przeniesienie całej kolumny nawigacyjnej z lewej na prawą stronę. Jest jednak jeden ważny element, na zawartość którego nie można wpływać za pomocą CSS - obrazki. Można co prawda zmieniać rozmiary grafiki, dodawać obramowanie, ustalać pozycję i marginesy, ale nie da się wyświetlić innego...
- Drukowanie CSS / Wydruk @media print
...monitora. Możemy np. chcieć, aby cały tekst został napisany kolorem czarnym, zmniejszyć jego wielkość, a nawet usunąć wyświetlanie obrazków czy menu nawigacyjnego (po co komu menu na papierze?) itd. Istnieją dwie drogi do określenia niezależności arkuszy stylów, a przez to przypisania różnym mediom odmiennych cech: Wydzielenie dla wydruku części istniejącego arkusza: /* Domyślny arkusz dla wszystkich mediów */ /* (tu znajdują się ogólne deklaracje) */ /* (...) */ @media print...
- Kolory CSS / Wykaz kolorów systemowych
...for tooltip controls Tekst w informacji narzędziowej ("dymku", który pojawia się po wskazaniu elementu myszką) Menu Menu background Tło menu MenuText Text in menus Tekst w menu Scrollbar Scroll bar gray area Szara powierzchnia w suwaku do przewijania zawartości ThreeDDarkShadow Dark shadow for three-dimensional display elements Cień trójwymiarowych elementów ThreeDFace Face color for three-dimensional display elements Powierzchnia czołowa...
Ochrona strony...działań na stronie. Oczywiście można je ze sobą łączyć. Blokada prawego klawisza myszki Zabezpiecza przed wybraniem "Pokaż źródło" z menu kontekstowego. <body oncontextmenu="return false"> ... </body> Uwaga! Źródło dokumentu nadal będzie można podejrzeć, wybierając odpowiednią opcję z górnego menu przeglądarki. Poza tym nie wszystkie przeglądarki interpretują to polecenie. Częściowo można zlikwidować ten problem, otwierając stronę w nowym oknie bez paska menu. Można również...
HTML5 / Zmienione elementy i atrybuty HTML5...formularza, chyba że takie jest standardowe zachowanie systemu operacyjnego użytkownika. MENU Służy do budowy użytecznych pasków narzędzi oraz menu kontekstowych. NOSCRIPT Zostanie wyświetlony wyłącznie, jeśli przeglądarka w ogóle nie obsługuje dynamicznych skryptów, a nie kiedy nie potrafi zinterpretować języka skryptowego, określonego w poprzedzającym go znaczniku SCRIPT. S Oznacza treść, która nie jest dłużej trafna lub istotna, z punktu widzenia pozostałej zawartości dokumentu...
- HTML5 / Główna treść <main>
...Strony internetowe nie są zwyczajnymi dokumentami elektronicznymi. Z racji na naturę hipertekstu w każdym serwisie WWW możemy wyznaczyć menu nawigacyjne, nagłówek witryny zwykle z osadzonym logo, stopkę zawierającą np. informacje o prawach autorskich. Wszystkie te elementy niezwykle ułatwiają przeglądanie witryny. Jednak użytkownicy odwiedzają stronę przede wszystkim nie po to, żeby oglądać menu czy logo. Głównym celem jest dotarcie do treści, która jest zawarta w serwisie. Taka...
- Rozwijane menu
Wykorzystując element <select>...</select> można stworzyć rozwijane menu, które działa w ten sposób, że po wyborze konkretnej opcji z listy, następuje wczytanie określonej strony (podobnie jak w przypadku odsyłaczy). Może to być przydatne np. jeżeli chcemy zaoszczędzić trochę miejsca na stronie (lista rozwijalna zajmuje tylko jedną linijkę). Ale uwaga! Jeśli przeglądarka użytkownika nie będzie obsługiwać skryptów JavaScript, strony z takiego menu będą niedostępne. Dlatego zaleca się umieścić w...
- Menu rozwijane, otwierane, wysuwane / Kolekcje dokumentów
...jest dość długi, dzieli się go na osobne części, dzięki czemu czytelnik nie będzie musiał wczytywać całego tekstu od razu. W takim przypadku w menu umieszcza się najczęściej link tylko do pierwszej części artykułu, a na końcu treści wstawia nawigację stronicującą. Niestety ponieważ adres URL każdej kolejnej części podzielonego artykułu jest różny, właściwa gałąź menu zostanie otwarta i link zaznaczony tylko na pierwszej ze stron. Jeżeli jednak poinformujemy skrypt, które adresy wchodzą w...
- HTML dla zielonych / Edytory HTML
...np. Microsoft Word, Open Office czy Libre Office - posiada możliwość przekształcenia dokumentu na kod HTML. W tym celu zwykle wystarczy skorzystać z menu: "Plik / Zapisz jako...", a następnie w oknie dialogowym w polu "Zapisz jako typ" wybrać wartość: "Strona sieci Web, przefiltrowana (*.htm;*.html)" lub odpowiednio: "Dokument HTML (Writer) (*.html)". Na koniec wystarczy kliknąć przycisk "Zapisz". Trzeba jednak pamiętać, że w ten sposób utworzone dokumenty HTML mogą długo się ładować i...
- HTML dla zielonych / Wstawienie obrazka HTML <img src alt>
...najlepiej wszystkie obrazki były zapisane w jednym z trzech formatów: GIF - dla rysunków składających się z mniej niż 256 kolorów, np. przyciski menu i inne "ręcznie" rysowane ozdobniki. Format ten obsługuje przezroczystość. JPG - dla zdjęć wielokolorowych. Nie obsługuje przezroczystości. PNG - pozwala zapisywać z bardzo dobrą jakością zarówno ręcznie rysowane grafiki jak i zdjęcia. Obsługuje kompresję oraz zarówno pełną przezroczystość jak i półprzezroczystość. W żadnym wypadku nie...