okna - Kurs HTML i CSS
Galeria zdjęć HTML / Skrypt galerii zdjęć...galerii zdjęć (gotowiec). Galeria zdjęć (gotowiec) Stosując specjalny skrypt, który automatycznie wyświetla zdjęcia bez potrzeby otwierania nowego okna, można zautomatyzować tworzenie galerii. Ponadto aktualizacja zdjęć w takiej galerii nie będzie w tym przypadku utrudniona - dodanie nowego zdjęcia będzie się wiązało tylko z dopisaniem jednej dodatkowej linijki bez potrzebny tworzenia całej galerii od nowa. Aby wstawić na stronę skrypt galerii zdjęć, należy zapisać przedstawiony poniżej kod...
- Indeks, wyszukiwarka / Nowe okno
Aby otworzyć stronę w nowym oknie, należy zmienić plik indeks_hasla.js następująco: var indeks = new Indeks('indeks', 'nazwaokna'); indeks.wstaw(new Array( ['Hasło 1','adres1'], ['Hasło 2','adres2'], ['Hasło 3','adres3'] )); Jako nazwaokna można wpisać: _blank Wyniki będą za każdym razem otwierane w nowym oknie _self Odpowiednik self z poprzedniego punktu _parent Odpowiednik parent z poprzedniego punktu _top Odpowiednik top z poprzedniego punktu nazwa Wyniki będą otwierane w nowym...
Multimedia HTML / Osadzenie pliku <embed>...się żądany plik multimedialny. Natomiast "x" oznacza szerokość w pikselach, a "y" wysokość wyświetlanego obrazu wtyczki (ang. plug-in), czyli okna na stronie w którym odtwarzany będzie plik. Jeśli nie podamy rozmiarów obrazu wtyczki, może on przyjąć wielkość, która nie pasuje do wymiarów pliku! Rozmiary zależą również od posiadanej przez użytkownika wtyczki. Polecenie <embed> jest przydatne jeśli chcemy wstawić na stronę jeden z plików multimedialnych: *.wav - plik dźwiękowy typu...
- Multimedia HTML / Uniwersalny sposób odtwarzania plików <a "jpg, avi, wav, txt, doc, rtf, xls, pdf", object>
...lokalizacja na dysku, gdzie znajduje się żądany plik multimedialny szerokość" i "wysokość rozmiar wyświetlanego obrazu wtyczki (w pikselach), czyli okna na stronie w którym odtwarzany będzie plik Pomiędzy znacznikiem otwierającym <object...> a zamykającym </object> można umieścić dowolny kod, który wyświetli się tylko w sytuacji, jeśli przeglądarka nie obsługuje wyświetlania tego typu plików multimedialnych wprost na stronie. Najłatwiej podać po prostu odsyłacz do tego samego pliku. Wtedy...
- Ikony (symbole) / Akcje interfejsu użytkownika
...clock_loader_90 Podświetl kursor myszy highlight_mouse_cursor highlight_mouse_cursor Szewron naprzód chevron_forward chevron_forward Udostępnij okna share_windows share_windows Wszystko pasuje all_match all_match Wskaźnik zegarowy 20 clock_loader_20 clock_loader_20 Ponowne wyśrodkowanie recenter recenter Zakres strzałki arrow_range arrow_range Kółko wejściowe input_circle input_circle Sterowanie stroną page_control page_control Zamknij lewy panel left_panel_close left_panel_close...
- I co dalej... / Wysłanie strony
...identycznie, jak przy kopiowaniu plików na tym samym dysku. Można użyć metody zaznacz i upuść (po prostu przenieś myszką pliki ze swojego dysku do okna serwera). Jednak wygodniejszą i szybszą metodą jest zaznaczenie wszystkich plików za pomocą klawisza Insert, a następnie użycie opcji: F5 Kopiowanie. W ten sposób można skopiować zawartość całego katalogu jednocześnie. Pamiętaj, że na serwer należy przesłać nie tylko strony *.html lub *.htm, ale również wszystkie inne pliki, do których...
- Promocja strony WWW / Bannery i buttony
...Do koszyka", który od razu zachęci użytkownika do wykonania konkretnej akcji. Często dobre rezultaty 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...
- Komendy HTML 4.01 / FRAME
...ramce (w pikselach) NAME="nazwa" Określa nazwę ramki, do której mogą się później odnosić odsyłacze (atrybut TARGET elementu A) NORESIZE Rozmiary okna ramki nie będą zmieniane SCROLLING="przewijanie" Określa sposób przewijania zawartości ramki: auto - ramka będzie przewijana, kiedy to będzie konieczne (domyślnie) no - ramka nie będzie przewijana yes - ramka będzie przewijana zawsze SRC="adres" Podaje lokację inicjalizującego dokumentu ramki STYLE="styl" Informacje stylów (CSS)...
- Komendy HTML 4.01 / IFRAME
...ramce (w pikselach) NAME="nazwa" Określa nazwę ramki, do której mogą się później odnosić odsyłacze (atrybut TARGET elementu A) NORESIZE Rozmiary okna ramki nie będą zmieniane SCROLLING="przewijanie" Określa sposób przewijania zawartości ramki: auto - ramka będzie przewijana, kiedy to będzie konieczne (domyślnie) no - ramka nie będzie przewijana yes - ramka będzie przewijana zawsze SRC="adres" Podaje lokację inicjalizującego dokumentu ramki STYLE="styl" Informacje stylów (CSS)...
Tabele CSS / Rozmiary tabeli {width, height}...500px" lub "width: 50%" w zależności od preferencji. Jak dopasować tabelę do marginesów? Aby uzyskać efekt autodopasowania rozmiaru tabeli do okna, który jest znany z programu Microsoft Word, można ustawić szerokość tabeli na 100% za pomocą właściwości width, co spowoduje, że tabela zajmie całą dostępna przestrzeń w poziomie, a kolumny dopasują się proporcjonalnie do zawartości. Przykład: <table style="width: 100%">...</table>.