Twoje IP to: 54.92.174.226
 
Menu »  Świat SoftwareSprzętGame ArenaWebmasteringHacking i BezpieczeństwoZrób To SamTricki z Windows • Porady Komputerowe • SłowniczekKursyZa darmo w sieciDownloadGry On-LineStrefa TatypsychopatyRedakcjaHistoria Strony!Forum!Linki
<<Powrót do strony głównej portalu

                                                                                 Ramki.
Nieraz już pewnie widziałeś strony składające się z 2 części jedną było menu , które nie przewijało się a drugą
reszta strony. Pewnie nieraz też widziałeś jakby stronę w stronie :). Są to właśnie ramki.
Ramka nie jest potrzebna do funkcjonowania strony lecz przydaje się w wielu przypadkach.
Ramki dzielą się na 2 typy frame - ramka i iframe- ramka pływająca.
Tą pierwszą dzieli się ekran na wiele części. przez co można na 1 ekranie pokazać zawartość wielu stron.
Aby podzielić stronę na ramki należy zamiast <body> i </body> wpisać <frameset> i </frameset>. Ah trudno
sobie wyobrazić działanie takiej ramki więc pokaże na przykładzie :D
<frameset cols="100 , * ">
<frame name="nazwa ramki" src="adres strony która ma się ładować w ramce">
<frame name="nazwa ramki2" src="adres strony która ma się ładować w ramce2">
</frameset>
W powyższym przykładzie strona będzie podzielona na 2 części pionowe w tym że jedna z tych części ma
szerokość 100 a druga zajmuje resztę strony.
<frameset rows="20% , 80% ">
<frame name="nazwa ramki" src="adres strony która ma się ładować w ramce">
<frame name="nazwa ramki2" src="adres strony która ma się ładować w ramce2">
</frameset>
W tym przykładzie strona będzie podzielona też na 2 części tylko obie będą ustawione poziomo :)
Można też robić inne kombinacje np.
<frameset rows="64,*">
<frame name="nazwa ramki górnej">
<frameset cols="150,*">
<frame name="nazwa ramki">
<frame name="nazwa ramki2">
</frameset>
W tym przypadku strona będzie podzielona najpierw na 2 części górną i dolną a potem ta dolna będzie podzielona na 2 części pionowe :)
Najczęściej takie ułożenie jest stosowane w stronach o układzie:
Na górze jest banner nie ruszający się. Z lewej menu, a z prawej treść właściwa strony.
Jest to dość wygodny sposób na aktualizacje ponieważ w takim przypadku nie musisz zmieniać iluś menu tylko jedno.
No jak już nauczyłeś się tworzyć ramki to teraz przejdźmy do szczegółów.
<frame name="nazwa ramki" src="adres strony która ma się ładować w ramce">
Jak tu zauważyliście znalazły się takie argumenty ramki jak
name - Jest to nazwa ramki. Po co to ?? a no właśnie :P jak masz wiele ramek możesz stworzyć pewien układ
polegający na tym że np. Klikasz na link w jednej ramce a zawartość strony którą mialo wyświetlić
zobaczysz w innej ramce. Ale jak taki link zrobić?? Heh to bardzo proste wystarczy dać
<a href="coś" target=" no i tu nazwa ramki w której ma być wyświetlone">.
src- jest to adres strony, która ma być wyświetlona w ramce
Oczywiście jest tego więcej :)
frameborder - Obramowanie ramki może to głupi brzmi ale jak przetestujesz przekonasz się o co chodzi.
Frameborder może mieć tylko wartość 1 lub 0 np frameborder="1" jest obramowanie, lub frameborder="0"
brak obramowania.
scrolling- poprostu scroll można wybrać yes, no lub auto co oznacza odpowiednia że jest zawsze scroll,
niema nigdy scrolla lub samo się dobiera odpowiednio do długości strony jeżeli jest potrzebny to jest
jeżeli nie to nie :).
Noresize - tu niema argumentów. Jak sama nazwa wskazuje uniemożliwia to zmianie przez użytkownika wielkości ramki.
Można jeszcze tuż przed </frameset> wstawić kodzik <noframes><p> Eh niedziałają ci ramki </p></noframes>.
Wyświetli się on gdy gość twojej strony ma przestarzałą przeglądarkę, która nie obsługuje ramek.

To na tyle z ramek, ale chwila moment :P zostały nam jeszcze ramki pływający moim zdaniem atrakcyjniejsze :)
Ramki pływające to obiekty już wewnątrz <body> zachowują się prawie tak jak np. obrazki czy tabele :)
<iframe name="nazwa" src="adres strony do wyświetlenia" width="szerokość" height="wysokość"
frameborder="1 lub 0 " scrolling=" yes, no lub auto"></iframe>
To był przykład ramki pływającej jeżeli najpierw przeczytałeś wszystko o ramkach to na pewno zrozumiesz ten kod :D

 

 

©Copyright Eksakomp.XP.pl    Wszelkie prawa zabronione.