Ramki osadzone - Artur Bartoszewski

[XHTML I CSS – ĆWICZENIE 8] dr Artur Bartoszewski
Ramki osadzone
Ramka osadzona - może pojawić się w dowolnym miejscu strony, przewijać się razem z resztą treści strony, a co najważniejsze —
wyświetlać kod dowolnej innej strony WWW. Standardy W3C stanowczo odradzają korzystanie z ramek do budowania struktury
strony. Mechanizm ten wciąż jednak może być przydatny o wkomponowania w nasza stronę dokumentów, które nie podlegają
formatowaniu – głównie dokumentów PDF.
Definicja ramki osadzonej:
<iframe src="tresc.html" name="ramka" style="width:
300pt; height: 160pt;"></iframe>
 Aby określid początkową zawartośd ramki, należy podad atrybut src, a jako jego wartośd — nazwę pliku HTML lub adres strony, która
ma zostad wyświetlona. Jeżeli zrezygnujesz z atrybutu src, utworzona ramka będzie pusta, a jej wypełnienie będzie możliwe dopiero
na żądanie użytkownika.
 Elementowi iframe można też nadad określoną szerokośd i wysokośd, stosując atrybuty stylu width i height.
Odnośnik otwierający stronę „do ramki”:
<a href="http://www.bartoszewski.pr.radom.pl” target="ramka"> Moja strona</a>

Element iframe posiada atrybut name, pozwalający nadad ramce identyfikator, który będzie potem służył do kierowania
odnośników do utworzonej ramki osadzonej.
Obramowanie ramki:
Aby usunąć standardową, pseudo-trójwymiaro wą otoczkę ramki, dodaj do znaczn ika <iframe> atrybut frameborder o wartości 0:
<iframe src="..." name="..." frameborder="0"
></iframe>
Od tego mo mentu mamy mo żliwość dowolnego kształtowania wyglądu obramo wania ramki za po mocą atrybutów stylu CSS.
1|St ro n a
[XHTML I CSS – ĆWICZENIE 8] dr Artur Bartoszewski
... frameborder="0" style="border: 2px solid red” ...
Przykład:
<table style="border: none;">
<tr>
<td style="vertical-align: top; text-align: right;">
<a href="http://www.google.pl" target="ramka">Google.pl</a>
<br />
<a href="http://pl.wikipedia.org" target="ramka">Wikipedia</a>
<br />
<a href="http://www.ling.pl" target="ramka">Tłumacz
internetowy</a>
<br />
</td>
<td>
<iframe src="tresc.html" name="ramka" style="width: 300pt; height: 160pt;"></iframe>
</td>
</tr>
</table>
Zadanie 8.1: Przeglądarka dokumentów PDF
W materiałach do ćwiczenia znajduje się zbiór dokumentów PDF (wiersz Adama Mickiewicza zaczerpnięte z projektu
wolne lektury). Należy zbudować stronę dzięki której możli we będzie ich przeglądanie on -line (rysuneki na następnej
stronie).
Wskazówki:
do przeglądani a dokumentów PDF użyć należy ramki osadzonej (przykład powyżej) ;
wczytywanie pliku PDF do ranki – analogicznie jak dokumentu html (podajemy nazwę pliku w miejsce adresu
URL); S posób wyś wietlania zawartości ramki zależy od zainstalowanych wtyczek ;
strukturę strony wykonać należy za pomocą tabeli;
2|St ro n a
[XHTML I CSS – ĆWICZENIE 8] dr Artur Bartoszewski
3|St ro n a