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ć...
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...
- 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...
- 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...
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...
- Wykazy CSS / Niestandardowy typ stylu wykazu @counter-style
...rozdzieloną dowolnymi białymi znakami (np. spacjami) listę tekstów, które zostaną użyte jako wyróżniki wykazu (patrz poniżej). Każdy z elementów tej listy powinien być ujęty w znaki cudzysłowu ("...") albo apostrofy ('...'), chyba że spełnia format niestandardowego identyfikatora. Możemy używać zarówno litery, cyfry jak i inne znaki, a nawet piktogramy emoji. Przy czym w tym ostatnim przypadku należy skopiować sam znak emotikony, a nie używać numerycznego kodu encji HTML. Niestandardowy...
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...
- Promocja strony WWW / Tworzenie społeczności
...jakieś zmiany na stronie, wysyła informacje o tym do wszystkich zapisanych. Pamiętaj, że należy dać użytkownikom możliwość wypisania się z takiej listy (tzn. usunięcia własnego adresu e-mail z bazy)! Natomiast zapisanie się na nią powinno się odbywać dopiero po potwierdzeniu zamiaru przez użytkownika, poprzez kliknięcie specjalnego linka aktywacyjnego przesłanego na podany adres e-mail - w przeciwnym razie ktoś złośliwie mógłby dodać cudzy adres e-mail do listy subskrypcyjnej! Nie...