listy - Kurs HTML i CSS
Menu w CSS / Poziome menu...że naszym celem będzie stworzenie estetycznego i funkcjonalnego menu nawigacyjnego na bazie kodu HTML przedstawionego na wstępie w formie listy nieuporządkowanej - tylko poprzez dołączenie deklaracji CSS. Tym razem, na przekór domyślnej prezentacji pozycji listy, ułożymy odnośniki nawigacyjne poziomo - w formie zakładek. Takie ustawienie możemy uzyskać na dwa sposoby: Ustawiając sposób wyświetlania pozycji listy na wartość inline, czyli w linii. Oprócz tego, tak jak poprzednio...
- Menu w CSS / Pionowe menu
...że naszym celem będzie stworzenie estetycznego i funkcjonalnego menu nawigacyjnego na bazie kodu HTML przedstawionego na wstępie w formie listy nieuporządkowanej - tylko poprzez dołączenie deklaracji CSS. Zaczniemy od prostszego przykładu - ułożenia linków w menu zgodnie z normalnym formatowaniem listy, czyli w pionie. Domyślny sposób prezentacji oczywiście nie jest zadowalający. Pierwsze co musimy zrobić, to usunąć wyróżniki punktów wykazu (tzw. markery) oraz zniwelować...
Dla nauczycieli / Scenariusz lekcji informatyki dla liceum i technikum...lekcji Uczeń przygotowuje i publikuje prostą, ale kompletną stronę internetową zgodnie ze standardami W3C, zawierającą tekst, grafikę, tabele, listy, style CSS i elementy dynamiczne (np. zmiany koloru, prosty hover, interaktywność). Wymagania podstawy programowej Uczeń: przygotowuje opracowania rozwiązań problemów, posługując się wybranymi aplikacjami; tworzy stronę internetową zgodnie ze standardami, wzbogaconą tabelami, listami, elementami dynamicznymi; posługuje się arkuszem...
Tekst HTML / Wykaz <ul, ol, li>...w postaci numeracji. Aby rozpoznać, którego elementu należy użyć w danej sytuacji, najlepiej zadać sobie pytanie: czy po przestawieniu elementów listy nadal będzie miała ona sens logiczny? Jeśli tak, lepiej skorzystać z listy nieuporządkowanej. Natomiast w przypadku kiedy opisujemy np. listę kroków, które należy wykonać w określonej kolejności, właściwym znacznikiem będzie lista uporządkowana. Jak zrobić listę kropkowaną HTML? W celu wstawienia listy nieuporządkowanej najpierw...
- Ikony (symbole) / Audio i wideo
...Subskrypcje subscriptions subscriptions Biblioteka wideo video_library video_library Przyspiesz do przodu fast_forward fast_forward Dodaj do listy odtwarzania playlist_add playlist_add Połączenie wideo video_call video_call Powtórz repeat repeat Wyłącz dźwięk volume_mute volume_mute Mikrofon wyłączony mic_off mic_off Losowe odtwarzanie shuffle shuffle Słuch hearing hearing Podcasty podcasts podcasts Muzyka w bibliotece library_music library_music Dodaj do listy odtwarzania...
- Oprawa graficzna / "Duszki" CSS
...55px 1px; text-decoration: none; border: 0; } a:visited { color: #0cf; } Więcej Listy Aby prawidłowo ostylizować wyróżniki obrazkowe listy wypunktowanej, należy zadbać, aby na arkuszu z "duszkami" nie było żadnej grafiki z prawej strony ani poniżej markera graficznego listy. W przeciwnym przypadku ta dodatkowa grafika ukazałaby się pod tekstem punktów wykazu albo dostalibyśmy coś na kształt zdublowanego wyróżnika obrazkowego - jeden pod drugim. Kolejne grafiki wyróżników trzeba...
- Dobre praktyki / Przykazania webmastera
Spis treści Wstęp Dobre praktyki HTML Dbaj o poprawność ortograficzną i stylistyczną tekstu Używaj polskich znaków diakrytycznych Rozpoczynaj pracę od stworzenia semantycznego kodu HTML bez żadnej stylizacji Nie używaj elementów ani atrybutów zdeprecjonowanych Unikaj stosowania ramek - zarówno tradycyjnych jak i lokalnych Nie stosuj tabelek do budowania układu strony Nawigacja musi być intuicyjna i wygodna Unikaj używania atrybutu target="..." dla odsyłaczy Nie używaj znaczników img...
- Kontakt
...ANI TYM BARDZIEJ KOMUNIKATORÓW INTERNETOWYCH NA ŻADNE PYTANIA DOTYCZĄCE PROBLEMÓW ZWIĄZANYCH Z TWORZENIEM STRON WWW. Niestety wszystkie tego typu listy i wiadomości pozostaną bez odpowiedzi. Bardzo chętnie natomiast czekam na listy z uwagami, propozycjami rozwoju i informacjami o ewentualnych błędach znalezionych w Kursie HTML i CSS. Nie obiecuję, że odpowiem na każdy taki list lub od razu zareaguję, ale postaram się każdy uważnie przeczytać, gdy tylko wolny czas mi na to pozwoli. Podane...
- Selektory pseudoklas CSS / Pseudoklasy typu :first-of-type :last-of-type :only-of-type
...wiemy - składa się ze znaczników terminów (DT) i definicji tych terminów (DD). Chcielibyśmy zmienić sposób formatowania tylko pierwszej definicji listy. Oczywiście można to zrobić nadając mu klasę. Nie jest to jednak najlepsze rozwiązanie, ponieważ niepotrzebnie zwiększa rozmiar dokumentu, a przy tym jeśli w przyszłości zrezygnujemy z takiego formatowania (lub jedna ze skórek nie będzie go wymagać), zbędna klasa zacznie zaśmiecać kod. Jednocześnie nie możemy się posłużyć selektorem...
Menu rozwijane, otwierane, wysuwane / Skrypt menu rozwijanego, otwieranego, wysuwanego...należy podać lokalizację utworzonego wcześniej pliku menu.js. Dalej trzeba na stronie w wybranym miejscu osadzić blok menu za pomocą znaczników listy definicyjnej <dl>...</dl>, np.: <dl id="menu0"> <dt>Nagłówek 1</dt> <dd>Element 1.1</dd> <dd>Element 1.2</dd> <dd>Element 1.3</dd> <dt>Nagłówek 2</dt> <dd>Element 2.1</dd> <dd>Element 2.2</dd> <dd>Element 2.3</dd> <dt>Nagłówek 3</dt> <dd>Element 3.1</dd> <dd>Element 3.2</dd> <dd>Element 3.3</dd> </dl> Znaczenie kolejnych...