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...
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...
- 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...
- Indeks, wyszukiwarka / Przykład indeksu, wyszukiwarki
...['Drukowanie','../css/drukowanie.html'], ['Formularze','../html/formularze.html'], ['HTML 4.01','../html/html.html'], ['I co dalej...','../html/dalej.html'], ['Jednostki','../css/jednostki.html'], ['Języki','../html/jezyki.html'], ['Kaskadowe Arkusze Stylów','../css/index.html'], ['Kolory','../html/kolory.html'], ['Kolory (CSS)','../css/kolory.html'], ['Kursory','../css/kursory.html'], ['Marginesy','../css/marginesy.html'], ['Media','../css/media.html']...
- 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
- I co dalej... / Płatne serwery
...SSL za darmo? Czy hosting wspiera protokół HTTP/2 lub HTTP/3? 3. Lokalizacja serwera Czy serwer znajduje się w Polsce, Europie czy gdzieś dalej? 4. Kopie zapasowe Jak często wykonywane są kopie zapasowe przez hosting? Jak długo przechowywane są backupy? Jak wygląda ich przywrócenie? 5. Pomoc techniczna W jakie dni i w jakich godzinach działa pomoc techniczna? Jakie są metody kontaktu z supportem? Oczywiście to nie wszystkie kwestie, ale podstawowe pytania, które warto...
- 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...
- HTML5 / Napisy do filmów <track>
Spis treści <track> Napisy do filmów <track> Rodzaj napisów WebVTT Ustawienia napisu Dialogi Formatowanie tekstu Stylizacja napisów Napisy do filmów <track> (interpretuje: Internet Explorer 10, Firefox 31, Opera 12.1, Chrome 23) <video> <source src="lokalizacja pliku w formacie 1" type='format 1'> <source src="lokalizacja pliku w formacie 2" type='format 2'> (...) <track src="napisy.vtt" default> (...) Treść alternatywna </video> gdzie: napisy.vtt Lokalizacja pliku...