ramki - Kurs HTML i CSS
Menu rozwijane, otwierane, wysuwane / Wygląd menu rozwijanego, otwieranego, wysuwanegoJeżeli nie odpowiada nam podstawowy wygląd menu, można go zmienić wykorzystując polecenia CSS. W tym celu w pliku menu.css należy wkleić np.: #menu0 { width: 200px; margin: 10px; padding: 0; } #menu0 dt { background-color: #888; color: #fff; font-weight: bold; text-align: center; cursor: pointer; margin: 10px 0 0 0; padding: 2px; } #menu0 dd { background-color: #eee; color: #000; border-width: 0 1px 1px 1px; border-style: solid; border-color: #888...
Nagłówek i treść HTML / Roboty <meta "robots, googlebot">...noindex, indexifembedded" - umożliwia indeksowanie stron załadowanych wewnątrz ramek, kiedy indeksowanie dokumentu, w którym są wstawione te ramki, zostało zablokowane ("noindex") "unavailable_after: data/czas" - uniemożliwia wyświetlanie strony w wynikach wyszukiwania po określonej dacie/czasie. Datę i czas można podać w formacie ISO 8601. "max-image-preview:rozmiar" - steruje rozmiarem podglądu zdjęć ze strony, które mogą się wyświetlać w wynikach wyszukiwania. Jako rozmiar należy...
- Widżety HTML / Ostrzeżenie przed ramką
...bez względu czy wchodzą one w skład ramek czy nie. Aby zapobiec takim sytuacjom, można na każdej stronie, która ma zostać wyświetlona wewnątrz ramki, wstawić bezpośrednio po znaczniku otwierającym BODY [zobacz: Ramy dokumentu] następujący kod: <script> if (self == parent) document.write('<div align="center"><b>UWAGA!</b> To jest tylko ramka - wróć do <a href="index.html"><b>STRONY GŁÓWNEJ</b></a></div><hr><br><br>'); </script> gdzie w miejsce tekstu "index.html" należy podać...
- Widżety HTML / Szablon strony bez ramek
...stopnia, że po jakimś czasie można się wręcz zniechęcić do robienia jakichkolwiek aktualizacji serwisu 🙁 Rozwiązaniem tego problemu mogłyby być ramki lokalne (<iframe>...</iframe>). W takim przypadku teoretycznie można stworzyć jedną stronę index.html, na której umieszcza się menu i inne stałe elementy, a w miejsce właściwej treści strony wstawia się ramkę lokalną, gdzie wczytuje się zawartość poszczególnych podstron. Taki sposób niestety posiada poważną wadę: na pasku adresu przeglądarki...
- Ikony (symbole) / Zdjęcie i obraz
...photo_size_select_large RAW włączone raw_on raw_on Makro wyłączone macro_off macro_off Tryb imprezowy party_mode party_mode Filtr ramki filter_frames filter_frames Retuszowanie twarzy wyłączone face_retouching_off face_retouching_off Rozmycie ruchu motion_blur motion_blur Zdjęcia w ruchu wyłączone motion_photos_off motion_photos_off Filtr czarno-biały filter_b_and_w filter_b_and_w Panorama pozioma panorama_horizontal panorama_horizontal Rozmycie liniowe blur_linear...
Tryb Quirks / Co zmienia przejście z trybu Quirks do trybu zgodności ze standardami?...wyświetlany dokument. Szerokość tego elementu była zawsze równa szerokości okna przeglądarki. Marginesy ustalone dla body były ustawiane wewnątrz ramki i suwaków okna. W trybie zgodności ze standardami element body może uzyskać określony rozmiar poprzez jego zawartość albo bezpośrednie ustalenie - zachowuje się analogicznie jak np. element div. W tym trybie to element html reprezentuje ramy dokumentu. Analogicznie to element html a nie body staje się "pojemnikiem" dla elementów...
- Oprawa graficzna / Zamiennik obrazkowy
...stosowana przez webmasterów. Wady: W przeglądarce Firefox zastosowanie tej techniki do odnośników powoduje wyświetlenie rozciągniętej w lewo ramki obrysu; pewnym obejściem może być przypisanie stylu: "outline: 0" Po wyłączeniu wyświetlania grafiki, w przeglądarce nie widać tekstu ani obrazka Jeśli mimo wszystko tekst nadal pojawia się ponad obrazkiem, przypisz do elementu styl: "text-align: left". Przykład Zamiennik obrazkowy Gilder/Levin Czasami zdarza się, że użytkownicy...
- Dobre praktyki / Przykazania webmastera
...rozdzielenia prezentacji od struktury dokumentu). Unikaj stosowania ramek - zarówno tradycyjnych jak i lokalnych Poza nielicznymi przypadkami, ramki nie są dobrym pomysłem. Z wadami takiego rozwiązania możesz zapoznać się w punkcie: "Czy stosowanie ramek jest bezpieczne?". Nie stosuj tabelek do budowania układu strony Zostały one przeznaczone do prezentacji zbioru powtarzających się danych. Jeśli wykorzystasz je do budowy szkieletu strony, mocno ograniczysz sobie możliwości późniejszej...
- Indeks, wyszukiwarka / Skrypt indeksu, wyszukiwarki
...treści Wymagana wiedza Skrypt indeksu, wyszukiwarki Wieloznacznik (wildcard) Wymagana wiedza Odsyłacze do podstrony Wczytywanie stron do ramki lokalnej Podstawy stylów CSS (m.in. arkusze stylów) Skrypt indeksu, wyszukiwarki Aby wstawić na swoją stronę indeks z dodatkową funkcją wyszukiwarki, postępują według poniższych instrukcji: Utwórz w swoim edytorze HTML nowy dokument. Wklej do niego poniższy kod i zapisz w pliku indeks.js (koniecznie użyj kodowania utf-8)...
- Menu rozwijane, otwierane, wysuwane / Przykład menu rozwijanego
Kliknij poniższe nagłówki menu myszką: HTML Dla zielonych BODY i META Tekst Odsyłacze Tabele Multimedia Ramki Formularze CSS Kaskadowe Arkusze Stylów Definicje Wstawianie stylów Skrypty Aktywne przyciski Aktualizacja Nowe okno