dalej - Kurs HTML i CSS
Przeglądarka zdjęć...1) nr = 0; if (nr == 0) { f.elements['poczatek'].disabled = true; f.elements['wstecz'].disabled = true; f.elements['dalej'].disabled = false; f.elements['koniec'].disabled = false; } else if (nr == f.elements['zdjecia'].options.length - 1) { f.elements['poczatek'].disabled = false; f.elements['wstecz'].disabled = false; f.elements['dalej'].disabled = true; f.elements['koniec'].disabled = true; } else...
Znaki specjalne HTML / Encje HTML...wpisanie go po prostu z klawiatury. W takim razie zastanawiasz się na pewno, jak udało mi się go tutaj wpisać. Jeśli jeszcze nie wiesz, spójrz dalej. Znajdziesz tam tabelę z wykazem znaków specjalnych (tzw. encji), których nie można wpisać bezpośrednio z klawiatury. Stosuje się tu pewną "sztuczkę". Na przykład jeśli chcemy napisać tekst: <p>, wpisujemy zamiast niego: <p> lub <p> i gotowe. Przeglądarka sama zinterpretuje te znaki jako właściwe. Jak widać, każdy znak...
- Menu rozwijane, otwierane, wysuwane / Skrypt menu rozwijanego, otwieranego, wysuwanego
...czas rozwijania i czas zwijania pojedynczego elementu menu oraz opóźnienie przy otwieraniu i zamykaniu menu (tylko w wersji otwieranej - szczegóły dalej w tym rozdziale). Wszystkie czasy są podane w milisekundach (1 s = 1000 ms). Wartości te zostaną przypisane wszystkim takim blokom menu na stronie, dla których nie określimy inaczej. Następnie na stronie, gdzie ma być umieszczone menu, należy w nagłówku dokumentu (wewnątrz <head>...</head>) wstawić: <script src="menu.js"></script> W...
Oprawa graficzna / "Duszki" CSS...zdublowanego wyróżnika obrazkowego - jeden pod drugim. Kolejne grafiki wyróżników trzeba ustawiać przy prawej krawędzi arkusza, posuwając się dalej w lewo do dołu. Warto nadmienić, że w celu oszczędności miejsca na arkuszu, nic nie stoi na przeszkodzie, aby inne ikony wstawiać z lewej powyżej skośnej linii, utworzonej na arkuszu przez punkty wykazu. ul, ul li { display: block; list-style: none; margin: 0; padding: 0; line-height: 14px; font-size: 12px; } ul li { margin: 2px 0...
- HTML dla zielonych / Ramy dokumentu HTML <!doctype, html, head, meta charset "description", title, body>
...to być po prostu zwykły tekst, który ma się pojawić na stronie. Są to również tzw. znaczniki sterujące wyglądem dokumentu (które zostaną opisane dalej). Dla ciekawskich 😉 Jeśli już teraz chcesz koniecznie wiedzieć, co oznaczają nieopisane powyżej linijki, zobacz rozdziały: Składnia (X)HTML5 oraz Deklaracja strony kodowej. UWAGA! W żadnym wypadku nie należy pomijać w powyższym szablonie następującej linijki: <meta charset="utf-8"> Co to są podstrony HTML? Praktycznie wszystkie...
- HTML dla zielonych / Podsumowanie
...Kurs HTML, kliknij poniższe linki: Nagłówek i treść Tekst Odsyłacze Tabele Multimedia Widżety Formularze Dodatkowo w rozdziale: I co dalej możesz przeczytać szczegółowy opis, jak wprowadzić swoją stronę do Internetu (zupełnie za darmo). Zapraszam... Jeśli planujesz stworzyć bardziej profesjonalną stronę internetową, zachęcam do zapoznania się z rozdziałem pod tytułem: CSS dla zielonych, który jest przeznaczony specjalnie dla osób początkujących. Rozpocznij kurs CSS
- Promocja strony WWW / Bannery i buttony
...dają bannery imitujące różnorakie kontrolki i okna dialogowe systemu Windows - np. przycisk OK, rozwijane menu, które zachęca do sprawdzenia co jest dalej albo pole z częściowo zakrytym tekstem i z widocznymi suwakami do przewijania treści (użytkownik chcąc zatwierdzić wybór przyciskiem OK, rozwinąć menu lub przesunąć suwaki, podświadomie kliknie banner, co spowoduje przejście do Twojego serwisu). Oczywiście powstają tutaj kontrowersje, czy nie stanowi to pewnego rodzaju próby oszukania...
- Wykazy CSS / Automatyczna numeracja wykazu {counter-reset, counter-increment}
...Podpunkty drugiego rzędu: 1.1.1., 1.1.2., 1.1.3.,... 1.2.1., 1.2.2., 1.2.3.,... 2.1.1., 2.1.2., 2.1.3.,... 2.2.1., 2.2.2., 2.2.3.,... i tak dalej... Automatyczna numeracja w CSS korzysta z tzw. liczników, które są podobne do zmiennych w językach programowania. Każdy licznik posiada swój unikalny identyfikator (nazwę), za pomocą którego można się do niego odnosić w arkuszu CSS. Dodatkowo każdy licznik przechowuje wartość, która jest liczbą określającą wartość licznika dla aktualnego...
- Aktualizacja / System newsów
Dla internautów odwiedzających naszą stronę bardzo przydatna może się okazać lista wprowadzonych ostatnio nowości w całym serwisie wraz z ich opisami. Najczęściej tego typu skrypty nazywa się systemem newsów. Umieszcza się ją zwykle na stronie głównej. Maja taką zaletę w stosunku do daty aktualizacji, że nie trzeba przeglądać wszystkich stron, aby znaleźć te, które były ostatnio modyfikowane (co w przypadku słabego transferu i obszernej witryny może dość długo trwać). Natomiast w odróżnieniu od...
- Oprawa graficzna / Zamiennik obrazkowy
...obrazkowy Jefferies CSS obsługuje pseudoelement :before, dzięki któremu można dynamicznie wstawić przed wybranym elementem tekst lub obrazek. Idąc dalej tym tropem, można uzyskać efekt analogiczny jak w poprzednim przykładzie, ale bez statycznego wstawiania do kodu źródłowego HTML żadnych dodatkowych znaczników. Przedstawiony poniżej przykład stanowi ulepszoną wersję metody Jefferies Image Replacement, dzięki czemu obrazek może zawierać obszary przezroczyste. <div>Zamiennik obrazkowy</div>...