zrobić - Kurs HTML i CSS
Dziedziczenie stylów CSS / Resetowanie wszystkich wartości {all}...wadę: trzeba je przypisywać oddzielnie do każdej cechy CSS. Problem ten rozwiązuje specjalna właściwość all, która pozwala za jednym zamachem zrobić to dla wszystkich cech CSS wybranego elementu na stronie. Wyjątkiem są jedynie własności: direction (kierunek tekstu) i unicode-bidi (algorytm dwukierunkowego tekstu), których wartości nie zostaną zmienione. Ale tak naprawdę zwykle w ogóle nie zaleca się ich używać w języku CSS, ponieważ mają one swoje odpowiedniki w języku HTML. Jednym z...
Nowe okno / Generator okien...UWAGA! Jeśli chcesz otworzyć zwykłe okno po kliknięciu odsyłacza (trzeci wariant), czyli bez określania parametrów wyglądu, lepiej to zrobić w następujący sposób: <a target="_blank" href="adres">opis</a>
- AutoIFRAME / Kilka ramek AutoIFRAME
...się automatycznie dopasowywać do zawartości. Oczywiście dla każdej takiej ramki proces dostosowywania wysokości musi zachodzić niezależnie. Aby to zrobić, należy dla każdej takiej ramki należy ustawić odrębny identyfikator id="...". Na przykład tak mógłby wyglądać fragment strony głównej serwisu: <iframe src="..." name="..." id="autoiframe" width="100%" height="560">...</iframe> <iframe src="..." name="..." id="autoiframe2" width="100%" height="560">...</iframe> Nic nie stoi na...
- Aktualizacja / Nowość
...w apostrofy oraz aby nie używać już wewnątrz niego apostrofów! Jeżeli chcesz zmienić tekst alternatywny dla wszystkich nowości na stronie, lepiej to zrobić "zbiorczo" w pierwszej części kodu. Przykład nowosc(3000,1,1, 0,0, 'tekst'); Bez tekstu alternatywnego: <script> nowosc(rok,miesiąc,dzień, godzina,minuta, ''); </script> Przykład nowosc(3000,1,1, 0,0, ''); Ze zmienionym obrazkiem nowości: <script> nowosc(rok,miesiąc,dzień, godzina,minuta, 'tekst', 'lokalizacja obrazka')...
- Wykaz generatorów
...Konwerter HTML/Tekst Narzędzie pomocne w przypadku, kiedy chcemy wyświetlić na stronie WWW kod źródłowy HTML (w normalnych warunkach nie można tego zrobić, ponieważ kod znaczników nie pojawia się na ekranie). Dodatkowo zawiera opcje inteligentnego trybu preformatowanego, dzięki któremu nie trzeba wstawiać utworzonego kodu do znacznika <pre>...</pre>, a więc w większości przypadków nie pojawi się problem "długich linijek", które nie mieszczą się w szerokości okna przeglądarki przez co psują...
- Indeks, wyszukiwarka / Indeks haseł na stronie
...do końca jest wygodna, ponieważ nadal zmusza do wertowania stron i szukania haseł według kolejności liter w alfabecie. Na szczęście komputer może to zrobić za nas. Wystarczy, że użytkownik zacznie wpisywać żądane hasło, a w miarę jak będzie to robił, odszukiwane będą pozycje coraz bardziej pasujące do zapytania. Dodatkowo skoro będziemy już mieli gotowy indeks, nic nie stoi na przeszkodzie, aby zbudować z niego normalną wyszukiwarkę. Dzięki temu będzie można odszukać hasła, które nie tylko...
- Galeria zdjęć HTML / Klasyczna galeria zdjęć
...zdjęciami z galerii. Natomiast starsze przeglądarki po kliknieciu przez użytkownika takiego linka często najpierw wyświetlały okienko z pytaniem co zrobić z obrazkiem, tzn. otworzyć czy zapisać, a po wybraniu pierwszej opcji, następowało wczytanie pliku w zewnętrznym programie (jeśli użytkownik miał taki zainstalowany), co mogło potrwać kilka sekund i było trochę irytujące w przypadku dużej liczby zdjęć. Dlatego w klasycznej galerii zdjęć zwykle zamiast podawać link bezpośrednio do dużego...
- Indeks, wyszukiwarka / Ramka
...a wyniki mają być wczytywane w ramce głównej - z treścią), trzeba będzie podać ramkę, do której mają być wczytywane dokumenty z indeksu. Należy to zrobić w pliku indeks_hasla.js: var indeks = new Indeks('indeks', ramka); indeks.wstaw(new Array( ['Hasło 1','adres1'], ['Hasło 2','adres2'], ['Hasło 3','adres3'] )); Możliwe wartości: self Wartość domyślna - wczytanie nastąpi do aktualnej ramki. Jest to przydatne w następujących przypadkach: serwis w ogóle nie składa się z ramek (wtedy w...
- Ochrona strony
...a jeśli ktoś naprawdę będzie chciał podejrzeć źródło dokumentu, skopiować tekst lub zdjęcie, prawdopodobnie i tak znajdzie sposób, żeby to zrobić. A poza tym zastanów się, czy na Twojej stronie rzeczywiście są aż tak tajne dane, że naprawdę nikt nie może mieć do nich dostępu? Jeśli tak, to uzmysłów sobie, że powyższe sposoby stanowią tylko utrudnienie, a nie prawdziwe i pewne zabezpieczenie. Obszerniejsze artykuły na temat zabezpieczania treści stron WWW znajdziesz w serwisie...
- AutoIFRAME / Skrypt AutoIFRAME
...gdyby skrypt nie zadziałał! Teraz na wszystkie podstrony, które będą wczytywane do ramki lokalnej, należy wstawić następujący kod (trzeba to zrobić koniecznie w nagłówku dokumentu, czyli w ramach <head>...</head>): <script src="autoiframe.js"></script> Następnie na samym końcu podstrony (tuż przed znacznikiem zamykającym </body>) należy wkleić kod: <script> autoiframe(null, 200); </script> W wyróżnionym miejscu (w nawiasie) można podać wartość dodatkowego wstępnego "marginesu...