menu strony - Kurs HTML i CSS
Odsyłacze HTML / Odsyłacz obrazkowy <a href, img>...uruchomiony, gdy klikniemy myszką grafikę, do której podajemy ścieżkę dostępu. Dzięki niemu możemy stworzyć np. efektowne przyciski odsyłaczowe w menu strony. Obrazki przycisków najlepiej zapisywać w formacie GIF bądź PNG, a większe zdjęcia - JPG. Jeśli nie masz zacięcia artystycznego, nie musisz samodzielnie rysować wszystkich grafik. W Internecie na pewno znajdziesz wiele stron, gdzie możesz darmowo pobrać gotowe przyciski. Darmowe ikony graficzne do pobrania, które możesz wykorzystać...
Reguły warunkowe CSS / Zapytania właściwości @supports...ten prosty mechanizm. Zaimplementowana w przeglądarce obsługa jednej właściwości przy jednoczesnym braku innych może poważnie popsuć wygląd strony, a w przypadku skrajnym nawet całkowicie uniemożliwić jej odbiór przez czytelnika. Właście na taką ewentualność zostały stworzone warunkowe reguły stylów (zapytania właściwości - ang. feature queries). Pozwalają one dodać do arkusza deklaracje, które zostaną użyte przez przeglądarkę tylko jeżeli potrafi ona obsłużyć (albo nie potrafi...
- HTML5 / Okienko popover <... popover, button "button" popovertarget popovertargetaction command commandfor, input "button" popovertarget popovertargetaction>
...ukrytego okienka, które po otworzeniu wyświetla się bezpośrednio w obrębie strony ponad jej standardową zawartością. Może posłużyć do tworzenia np. menu kontekstowych lub otwieranych informacji z podpowiedziami dla użytkownika. W rzeczywistości popover jest integralnym elementem strony, a nie osobnym elementem interfejsu przeglądarki. W związku z tym nie wyskakuje on poza obręb karty przeglądarki, jak to ma miejsce w przypadku okien pop-up i pop-under. Aby stworzyć okienko popover, należy...
- Drukowanie CSS / Kontekst strony @page
...może je posiadać. Normalnie aby zmienić rozmiar marginesów na wydruku, użytkownik musi przestawić je ręcznie w swojej przeglądarce - najczęściej w menu: Drukuj Ctrl+P). Nie wszyscy jednak potrafią to zrobić. Na szczęście możemy już w CSS wskazać wielkość marginesów na wydruku zgodnie z naszym uznaniem. Przykład @page Ustawienie marginesów strony na wydruku: @page { margin: 1cm; }
- Multimedia HTML / Obrazek HTML <img>
...obrazki najlepiej powinny być 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ść. Format BMP może nie być...
- Widżety HTML / Ostrzeżenie przed ramką
Surfując w Internecie możemy czasem natrafić na stronę, która wygląda jakoś dziwnie: nie posiada żadnego menu ani spisu treści, w którym można wybrać interesujący nas temat i swobodnie nawigować w całym serwisie. Strona taka jest jakby wyrwana z szerszej całości, ponieważ prawdopodobnie wchodzi w skład struktury ramek, lecz użytkownik wczytał ją bezpośrednio, a nie przez stronę startową. Dzieje się tak dlatego, ponieważ wyszukiwarki sieciowe indeksują wszystkie strony, bez względu czy wchodzą...
- Odsyłacze HTML / Do podstrony <a href>
...stronie): <a target="_blank" href="adres">opis</a> kliknij tutaj [Aby określić wygląd nowego okna (rozmiar, położenie, pokazanie/ukrycie pasków menu, narzędzi, statusu itd.), zobacz: Otwarcie nowego okna].
- HTML5 / Nowe elementy HTML5
...kawałek treści dokumentu, jak np. wpis na blogu albo artykuł w gazecie. ASIDE Kawałek treści, który tylko nieznacznie jest powiązany z resztą strony. HGROUP Nagłówek sekcji. HEADER Grupa wprowadzająca albo ułatwienia nawigacyjne. FOOTER Stopka sekcji. Może zawierać informacje na temat autora, praw autorskich itp. NAV Sekcja dokumentu przeznaczona na nawigację. Oprócz wymienionych tutaj znaczników do elementów używanych przy wstawianiu sekcji zaliczamy również: BODY, H1, H2...
- 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.
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...