Język HTML c.d.
Transkrypt
Język HTML c.d.
Język HTML c.d. Ramki Do definicji ramek wykorzystywany jest znacznik <frameset> … </frameset>. W tego typu dokumencie nie występuje sekcja <body>, nie występują jakiekolwiek znaczniki formatujące tekst, definiujące tabele czy hiperłącza. Taki dokument ma tylko zdefiniować układ ramek. Aby ramki były widoczne konieczne jest użycie znacznika <frame>. Parametry znacznika <frameset>: <frameset cols=”10%, 30%, 60%” > zdefiniowanie trzech kolumn o szerokościach 10%, 30%, 60% szerokości okna przeglądarki. <frameset rows=”40%, 60%” > zdefiniowanie dwóch wierszy o wysokościach 40%, 60% wysokości okna przeglądarki. <frameset rows=”10%, 40%, * ” > gwiazdce przypisana jest pozostała część okna przeglądarki. Parametry znacznika <frame>: src - przypisanie dokumentu do ramki, name - nazwa ramki wykorzystywana przy opisywaniu ramek, noresize – użytkownik w oknie przeglądarki nie będzie mógł zmienić rozmiaru ramki, scrolling - pasek przewijania (wartości to: ”yes” lub ”no”). Przykład: <html> <head> <meta http-equiv="content-type" content="text/html; charset=Windows-1250"> <meta name="keywords" content="auto1,auto2,auto3,auto4,auto5"> <meta name="description" content="Galeria samochodów"> <title>Galeria samochodów</title> </head> <frameset rows="30%,*"> <frame src="naglowek.html" name="naglowek" noresize scrolling="no"> <frameset cols="40%,*"> <frame src="menu.html" name="menu" noresize scrolling="no"> <frame src="galeria.html" name="galeria" scrolling="no"> </frameset> </frameset> </html> Przykładowy kod obsługi hiperłącza z przyciskiem auto1 <a href="auto1.html" target = "galeria" ><img src="przycisk_auto1.jpg"></a><br> Ramki lokalne Ramki można umieszczać w zwykłych dokumentach z sekcją <body> , są one tworzone za pomocą znaczników <iframe> … </iframe>.. Wybrane parametry znacznika <iframe>: frameborder - określa, czy jest obramowanie wokół ramki (jest – 1, nie 0) height - wysokość ramki width – szerokość ramki name – nazwa ramki noresize – nie można zmienić rozmiaru ramki src – ścieżka dostępu do dokumentu (lub obrazka) wyświetlanego w ramce scrolling – pasek przewijania Przykład wykorzystania <iframe> <iframe name=”obraza” align="center" framedorder=”3” widtt=”200” height=”200” src=obrazek.jpg> Zadania do wykonania: 1. Utwórz witrynę galerii np. samochodów wykorzystując ramki. Interfejs graficzny witryny powinien być podobny do poniżej przedstawionego. . 2. Utwórz witrynę galerii z p.1 przy wykorzystaniu ramek lokalnych. Interfejs graficzny witryny powinien być podobny do poniżej przedstawionego. 3. Rozbuduj witryny z punktu 1 i 2 o dodatkowe okno, w którym wyświetlane są informację tekstowe o obiektach aktualnie pokazywanych w galerii.