Pobieranie prezentacji. Proszę czekać

Pobieranie prezentacji. Proszę czekać

Otwieranie elementów w różnych ramkach Wykonał: Mariusz Stebelski.

Podobne prezentacje


Prezentacja na temat: "Otwieranie elementów w różnych ramkach Wykonał: Mariusz Stebelski."— Zapis prezentacji:

1 Otwieranie elementów w różnych ramkach Wykonał: Mariusz Stebelski

2 Co to jest ramka? Ramka jest elementem języka HTML, za pomocą której możemy zdefiniować dowolny sposób podziału okna przeglądarki WWW. Podział ten może być realizowany zarówno w pionie, jak i poziomie. Możliwe jest również zagnieżdżanie ramek. Powyższe własności ramek przedstawiają następujące przykłady (Rys.1, Rys.2, Rys.3)

3 Rys.1. Przykład pionowego podziału strony.

4 Rys.2. Przykład poziomego podziału strony.

5 Rys.3. Przykład zagnieżdżenia ramek na stronie.

6 Znaczniki ramek

7 Definiuje układ ramek i sposób podziału okna przeglądarki. (1) Przykład prostego układu pionowych ramek: Znacznik FRAME Każda z ramek (kreowanych przez elementy frame ) wyświetla osobny dokument definiujemy go używając atrybutu src. W tym przypadku element frameset zastępuje element body. (1)

8 Definiuje ramkę. Przykład złożonego układu ramek: Ramki zagnieżdżone

9 Ten element przeznaczony jest dla przeglądarek, które nie obsługują ramek. Umieszczany jest w obrębie frameset i zawiera informację zastępczą. Przykład: Opisa zawartości ramek lub inna informacja (1)

10 Definiuje ramkę wpisaną w obrębie strony WWW. Ramki lokalne są umieszczane bezpośrednio na stronie w postaci pojedynczych okienek o różnych rozmiarach. Dzięki temu możemy do takiej ramki wczytywać inne dokumenty. Tekst "Twoja przeglądarka nie akceptuje ramek", który można wpisać między znacznikiem otwierającym ( ), a zamykającym ( ), ukaże się, jeśli przeglądarka internetowa użytkownika nie akceptuje ramek lokalnych. (2)

11 Przykład: Znacznik iframe

12 Opcjonalne atrybuty

13 cols Składnia: cols=piksele|wartość%|* Określa liczbę kolumn układu ramek i ich rozmiar: - w pikselach, - w procentach szerokości całego układu ramek, - względem pozostałych ramek. (1)

14 rows Składnia: rows=piksele|wartość%|* Określa liczbę wierszy układu ramek i ich rozmiar: - w pikselach, - w procentach szerokości całego układu ramek, - względem pozostałych ramek. (1)

15 marginheight Składnia: marginheight=piksele Określa szerokość marginesu w pionie. marginwidth Składnia: marginwidth=piksele Określa szerokość marginesu w poziomie. (1)

16 frameborder Składnia: frameborder=0|1 Atrybut odpowiedzialny za wyświetlanie obramowania (wartość 1) lub wyłączanie go (wartość 0) noresize Składnia: noresize=true|false Umożliwia użytkownikowi zablokowanie zmiany rozmiarów ramki. (1)

17 scrolling Składnia: scrolling=yes|no|auto Włączanie przewijania zawartości ramki. Odpowiednio włączone, wyłączone lub automatyczne przewijanie, gdy zawartość ramki tego wymaga. (1) name Składnia: name=nazwa Nazwa ramki. Atrybut bardzo przydatny razem z opcją target wykorzystywaną w znaczniku, która to umożliwia wprost określenie, w której ramce chcemy wyświetlić zawartość strony WWW: Strona główna

18 src Składnia: src=nazwa_pliku|url Źródłem jest tu plik z dokładną ścieżką dostępu, bądź też adres strony, której zawartość chcemy wyświetlić na ekranie.

19 Literatura: -Tworzenie stron WWW – Ćwiczenia praktyczne. Maria Sokół, wyd.2, Helion 2006, (1) -http://www.kurshtml.boo.pl/html/ramki.html (2).


Pobierz ppt "Otwieranie elementów w różnych ramkach Wykonał: Mariusz Stebelski."

Podobne prezentacje


Reklamy Google