menu strony - Kurs HTML i CSS
- 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...
- HTML5 / Filmy i dźwięk <video, audio, source>
...obejrzenie filmów czy posłuchania muzyki użytkownikom Maców i Linuksa. Zdarzały się poważne trudności z ustawieniem warstw (otwierane menu, okna dialogowe) ponad oknem wyświetlanym przez wtyczkę. Często okno odtwarzania wtyczki po prostu zawsze przebijało przez taką warstwę. Brakowało możliwości zmiany wyglądu przy pomocy CSS. Nie było możliwe dołączenie do filmów własnych napisów. Nic dziwnego, że w HTML5 postanowiono zmienić tę sytuację. Najpierw zdecydowano się wprowadzić...
- Tekst CSS / Białe znaki w tekście {white-space}
...i układ tekstu. Aby zobaczyć białe znaki w edytorze HTML, można włączyć tryb wyświetlania znaków specjalnych, który zazwyczaj jest dostępny w menu (np. "Widok / Pokaż białe znaki" - ang. "View / Show white space") lub ustawieniach programu. Czy spacja jest znakiem specjalnym? Tak, spacja jest uważana za znak specjalny w kontekście programowania i edycji tekstu. Choć nie jest widoczna jako drukowany znak, ma znaczenie jako separator między wyrazami lub innymi elementami w tekście...
- Rozmiary CSS / Przeciąganie {resize}
...Zdarza się, że treść elementu nie mieści się w ustalonych dla niego wymiarach. Może to spowodować zaburzenie estetyki strony - np. kolumna menu może w takiej sytuacji opaść na dół (pod treść). Można się przed tym zabezpieczyć blokując przepełnienie elementu ("overflow: hidden"). Co jednak, jeśli czytelnik mimo wszystko będzie chciał zobaczyć przyciętą treść? Można mu to umożliwić, poprzez udostępnienie specjalnego uchwytu do przeciągania narożnika elementu (zwykle prawego-dolnego)...
- Tło CSS / Kolor tła {background-color}
...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 {background-color} Tło koloru czerwonego (red) Tło koloru żółtego (yellow) Tło koloru #D08AFF Tło koloru systemowego Menu Pytania i odpowiedzi {background-color} Która właściwość CSS umożliwia zdefiniowanie koloru tła elementu? Właściwość CSS umożliwiająca...