piątek, 6 Listopad 2009
Pierwszym elementem rzucającym się w oczy w przypadku układu ramek są obramowania. Można jednak zmieniać ich wygląd, a nawet całkowicie je usuwać. Szerokość obramowania układu ramek definiuje się w pikselach w polu Border Width inspektora Property. Aby całkowicie usunąć obramowanie, wystarczy wpisać w tym polu wartość 0. W końcu, można także zmienić kolor i sposób prezentacji obramowania. Aby zmienić kolor, wpisz szesnastkowy kod koloru w polu Border Color lub kliknij próbkę koloru obok tego pola i wybierz próbnikiem kolor z palety. Aby zastąpić pseudo-trójwymiarowe obramowania zwykłymi, rozwiń listę Borders i wybierz pozycję Yes lub No. Opcja Default pozostawia wybór przeglądarce.
Inne atrybuty znacznika <FRAME> dostępne to Name, Scroll, Borders, Color, Resize, Margin Width i Margin Height. Przyjrzyjmy się ich funkcjom i sposobowi konfiguracji.
Name
Nie myl tego atrybutu z nazwą pliku dokumentu. Atrybut Name jest bardzo użyteczny, aczkolwiek niedoceniany. Przede wszystkim identyfikacja ramki za pomocą jednoznacznej i opisowej nazwy pozwala skierowywać połączenia na tę ramkę. Gdyby ramka nie mała nazwy, nie można byłoby definiować połączeń, a to z kolei oznaczałoby znaczne ograniczenie możliwości wymiany zawartości ramki. Po drugie, stosowanie nazw zawsze ułatwia odwoływanie się do ramek z poziomu skryptów. Pamiętaj, aby zawsze definiować nazwy ramek.
Scroll
Atrybut Scroll umożliwia wyświetlenie w ramce pasków przewijania. Opcja ta jest szczególnie
użyteczna, jeśli chcesz umieścić w ramce zawartość przekraczającą jej rozmiary. Atrybut Scroll
ma cztery wartości, które dostępne są:
Borders i Border Color
Atrybuty te pozwalają zdefiniować obramowanie i jego kolor. Ustawienia te są niezależne od ustawień dla elementu FRAMESET. Przypisując atrybutom określone wartości czynisz próbę zdominowania ustawień wprowadzonych w elemencie FRAMESET. ?Czynić próbę? jest tu właściwym określeniem, bowiem jeśli obramowania nie są od siebie niezależne, tak jak na przykład w dokumencie składającym się z wielu zestawów ramek, wszystkie będą dzieliły ten sam typ i atrybuty.
Resize
Domyślnie, użytkownik ma możliwość zmiany rozmiarów ramek za pomocą myszki. Nie jest to to, o co chodzi projektantom. Dlatego masz do dyspozycji atrybut, który pozwala wyłączyć zachowanie domyślne. Uniemożliwi to użytkownikowi przeciąganie krawędzi ramek i zmianę rozmiarów ramek w oknie przeglądarki . Pamiętaj, że to ustawienie musisz definiować osobno dla każdej ramki, której rozmiary chcesz zablokować.
Margin Width i Margin Height
Domyślnie, wszystkie dokumenty układu ramek mają marginesy. Jest to obszar wokół obramowania, w którym nie można umieścić zawartości. Aby go zlikwidować i wykorzystać całą przestrzeń ramki, skorzystaj z atrybutów Margin Width i Margin Height, i przypisz im wartość 0. Dzięki temu zawartość ramki można dosunąć do obramowania.
Obecnie bardzo rzadko wykorzystuje się ramki <FRAME> jednak nie jest to całkowicie wykluczone, jako że tworzenie stron internetowych jest dość rozbudowaną dziedziną i mogą zdarzyć się sytuacje, kiedy właśnie ten atrybut będzie doskonale nadawał się do naszej strony.
Tagi: frameset, ramki
Kategoria: Tworzenie stron | Komentarze są wyłączone
piątek, 6 Listopad 2009
Układy ramek to narzędzie tworzenia stron WWW niezbyt doskonałe ale czasem przydatne. Ale dzięki niemu można
zorganizować wiele dokumentów HTML tak, by stały się dostępne w jednym miejscu.
Obok tej ulgi jaką daje ograniczenie liczby powtarzalnych operacji, największe korzyści ze stosowania układu ramek wiążą się z niezależnością elementów składowych układu, które zachowują się jak odrębne dokumenty HTML. Dlatego można jedną z ramek układu wyposażyć w paski przewijania, a resztę pozostawić jako ramki statyczne. Można także zmieniać zawartość jednej z ramek (lub kilku ramek), nie naruszając zawartości innych. Oznacza to, że zmiana zawartości w jednych ramkach nie wpływa na w statyczne elementy w innych ? te są raz ładowane i pozostają niezmienne. Tak więc użytkownik nie musi ściągać statycznej zawartości strony skupiając się tylko na pobieraniu nowych danych.
Aby układ dokumentu HTML oprzeć na ramkach, niezbędne są dwie składowe struktury ramkowej: układ ramek i ramki. Jeśli chodzi o układ ramek, ważne jest aby rozróżnić jego dwa elementy kluczowe. Pierwszy to dokument układu ramek, będący czystym kodem HTML. Drugi to kod w tym dokumencie, który definiuje rozmieszczenie i wymiary ramek. Należy sobie zdać sprawę, że dokument układu ramek nie zawiera treści strony. Podaje on natomiast lokalizacje innych dokumentów HTML, które będą wyświetlane w ramkach układu. To właśnie te dokumenty, do których odwołuje się układ ramek, zawierają treść.
Dokument układu ramek
Układ ramek jest dokumentem HTML, który opisuje podział strony WWW na odpowiednie ramki.Same ramki są z kolei odrębnymi dokumentami HTML rozłożonymi (w czasie ładowania dokumentu) zgodnie z opisem zawartym w elemencie FRAMESET.Celem układu ramek jest podział strony na szereg kolumn i wierszy. Podział ten wprowadzony jest poprzez znacznik <FRAMESET>. Oto przykład:
<HTML>
<HTML>
<TITLE>Przykładowy układ ramek</TITLE>
</HTML>
<FRAMESET cols=?30%,70%?>
Ten układ ramek składa się z dwóch kolumn (bowiem podano dwie wartości atrybutu cols). Szerokość pierwszej z nich to 30% szerokości całego dokumentu. Szerokość drugiej kolumny to pozostałe 70%. Zamiast atrybutu cols definiującego kolumny mógłbyś w tym przykładzie użyć atrybutu rows, definiującego wiersze. Wówczas, przy tych samych wartościach, atrybutu powstałby wiersz o wysokości 30% okna, a na drugi wiersz pozostałoby 70% wysokości. Kombinacja obu atrybutów (cols i rows) jest także możliwa.
To odpowiednia chwila, aby porozmawiać o wartościach, które przypisujemy atrybutom cols i rows. Jak pokazano w poprzednim przykładzie, wymiary ramek można definiować w procentach wymiarów okna dokumentu. Można także podawać proporcje wymiarów, na przykład: 2, 2, 4, 2 ? w tym przypadku definiowane są cztery ramki o wymiarach odpowiednio 20%, 20%, 40% i 20%. Obie metody ? procentowa i proporcjonalna ? umożliwiają zmianę rozmiarów ramek, na tyle dowolnie na ile pozwala rozmiar okna przeglądarki. Z drugiej strony, jeśli chcesz dokładnie określić rozmiary ramki, możesz podać wartości w pikselach, na przykład: cols=?355,135?. Taka definicja jest równoważna dwóm kolumnom o szerokości 355 i 135 pikseli. I w końcu, istnieje także kombinacja łącząca ramki o rozmiarach sztywno określonych w pikselach z ramkami o rozmiarach zmiennych ? w tym przypadku atrybut przyjmuje względne wartości. Na przykład stosując wyrażenie cols=?500, ? utworzysz jedną kolumnę o szerokości 500 pikseli, a druga kolumna zajmie pozostałą część okna przeglądarki. Jeśli użyjesz wyrażenia rows=?2, *?, wysokość pierwszego wiersza będzie dwa razy większa niż drugiego.
Tagi: cols, ramki, rows
Kategoria: Tworzenie stron | Komentarze są wyłączone