Ôðåéìû äîêóìåíòà html
Äîñòîèíñòâà è íåäîñòàòêè ôðåéìîâ
Ñîçäàíèå ôðåéìîâ
Frame - ðàìêà, êàäð. Ôðåéìû äåëÿò ïðîñòðàíñòâî îêíà áðàóçåðà íà íåçàâèñèìûå ðàçäåëû, â êîòîðûõ îòîáðàæàåòñÿ ðàçëè÷íàÿ èíôîðìàöèÿ.
Î÷åíü óäîáíî èñïîëüçîâàòü ôðåéìû êîãäà íåîáõîäèìî îòîáðàæàòü íà ýêðàíå äàííûå èç ðàçíûõ èñòî÷íèêîâ. ×òîáû ñäåëàòü ôðåéì, íàäî ñîçäàòü íîâóþ Âýá-ñòðàíèöó, ñ òýãàìè <FRAMESET> <FRAME>.
Äåñêðèïòîð <FRAMESET> ôîðìèðóåò íàáîð ôðåéìîâ, êîòîðûå äåëÿò ïðîñòðàíñòâî îêíà íà ñòðîêè è ñòîëáöû. Äàëåå íåîáõîäèìî çàäàòü çíà÷åíèÿ âûñîòû/øèðèíû âñåõ ñòðîê/ñòîëáöîâ, âûðàæåííûå â ïðîöåíòàõ îòíîñèòåëüíî òåêóùèõ ãàáàðèòîâ îêíà áðàóçåðà, ïèêñåëÿõ èëè â âèäå ñèìâîëà çâåçäî÷êè. Ñèìâîë çâåçäî÷êè ãîâîðèò î òîì, ÷òî ðàçìåðû ôðåéìîâ çàâèñÿò îò ãàáàðèòîâ îñòàëüíûõ ôðåéìîâ ñòðàíèöû.
Äåñêðèïòîð <FRAME> ñëóæèò äëÿ îïðåäåëåíèÿ ñòðóêòóðû è ñîäåðæèìîãî êîíêðåòíîãî ôðåéìà.
Íèæå, â êà÷åñòâå ïðèìåðà, ïðèâåäåí êîä ñòðàíèöû, êîòîðóþ ìîæíî ïîñìîòðåòü çäåñü.
<html> <head> <title>Ïðèìåð ðàáîòû ñ ôðåéìàìè</title> </head> <frameset rows="200,*"> <frame name="frame1" src="lsn017.html"> <frame name="frame2" src="lsn016.html"> </frameset> </html>
Äîñòîèíñòâà è íåäîñòàòêè ôðåéìîâ
Ïðåæäå ÷åì ïðèíÿòü ðåøåíèå îá èñïîëüçîâàíèè ôðåéìîâ íà ñòðàíèöàõ ñâîåãî ñàéòà äàâàéòå ðàññìîòðèì èõ äîñòîèíñòâà è íåäîñòàòêè.
Äîñòîèíñòâà:
- ôðåéìû îäíîâðåìåííî îòîáðàæàþò ðàçëè÷íóþ èíôîðìàöèþ â ïðåäåëàõ îäíîãî îêíà;
- èñïîëüçóÿ ôðåéìû, ìîæíî ïîñòîÿííî îòîáðàæàòü êàêóþ-íèáóäü èíôîðìàöèþ (íàïðèìåð ëîãîòèï), íå âêëþ÷àÿ åå â êàæäóþ ñòðàíèöó ñàéòà;
- ìîæíî ãèáêî ïîñòðîèòü íàâèãàöèþ ïî ñàéòó.
Íåäîñòàòêè:
- ãëàâíîå äîñòîèíñòâî ôðåéìîâ (îòîáðàæåíèå ðàçëè÷íîé èíôîðìàöèè â ïðåäåëàõ îäíîãî îêíà) ÿâëÿåòñÿ èõ æå è íåäîñòàòêîì, ò.ê. äîñòóïíàÿ îáëàñòü Âýá-ñòðàíèöû ñóùåñòâåííî ñóæàåòñÿ;
- ïðè ñîçäàíèè ôðåéìà ïðàâèëüíî âûáðàòü åãî ðàçìåð ÷àñòî áûâàåò çàòðóäíèòåëüíî. Òàêèì îáðàçîì, ïîëüçîâàòåëü äîëæåí ïîñòîÿííî ïðîëèñòûâàòü ôðåéì ïðè ïîìîùè ïîëîñ ïðîêðóòêè, ÷òî ìîæåò î÷åíü áûñòðî íàäîåñòü;
- ïðè íèçêîì ðàçðåøåíèè ýêðàíà ìîíèòîðà îáúåì âèäèìîé èíôîðìàöèè çíà÷èòåëüíî óìåíüøàåòñÿ;
- íó è ñàìûé íåïðèÿòíûé íåäîñòàòîê - ìíîãèå ïîèñêîâûå ñèñòåìû è êàòàëîãè îòêàçûâàþòñÿ ðåãèñòðèðîâàòü ñòðàíèöû, èñïîëüçóþùèå ôðåéìû.
Åùå îäíèì èç íåäîñòàòêîâ ôðåéìîâ ÿâëÿåòñÿ òîò ôàêò, ÷òî íåêîòîðûå áðàóçåðû íå óìåþò îáðàáàòûâàòü ôðåéìû. Ïðè ýòîì ïîëüçîâàòåëü âèäèò ïåðåä ñîáîé ïóñòîé ýêðàí. Äëÿ òîãî, ÷òîáû íå ââîäèòü ïîëüçîâàòåëÿ â çàáëóæäåíèå ñëóæèò òýã <NOFRAMES>. Òåêñò, ïîìåùåííûé ìåæäó îòêðûâàþùèì è çàêðûâàþùèì òýãîì, îòîáðàæàåòñÿ â ñëó÷àå íåâîçìîæíîñòè îòîáðàæåíèÿ ôðåéìà.
Ïîëîñû ïðîêðóòêè ôðåéìîâ
Ïî óìîë÷àíèþ áðàóçåð îòîáðàæàåò ïîëîñû ïðîêðóòêè òîëüêî â òîì ñëó÷àå, åñëè äàííûå íå óêëàäûâàþòñÿ â ðàçìåðû ôðåéìà. Ïðèñâîèâ àòðèáóòó SCROLLING çíà÷åíèå yes/no, ìîæíî ïðåäïèñàòü áðàóçåðó âñåãäà ñîõðàíÿòü ïîëîñû ïðîêðóòêè â ñêðûòîì ñîñòîÿíèè, ëèáî ïîñòîÿííî îòîáðàæàòü èõ. Ñîêðûòèå ïîëîñ ïðîêðóòêè ñ îäíîé ñòîðîíû óâåëè÷èâàåò ðàçìåðû âèäèìîé îáëàñòè ôðåéìà. Ñ äðóãîé ñòîðîíû - åñëè äàííûå íå ïîìåùàþòñÿ â îêíî, òî îíè áóäóò íåäîñòóïíû äëÿ ïîëüçîâàòåëÿ.
Èçìåíåíèå ãðàíèö ôðåéìîâ
Äëÿ çàïðåùåíèÿ èçìåíåíèÿ ãðàíèö ôðåéìà ïðèìåíÿåòñÿ àòðèáóò NORESIZE. Ýòî óäîáíî, åñëè íàäî çàïðåòèòü ïîëüçîâàòåëþ ìîäèôèöèðîâàòü èñõîäíóþ êîìïîíîâêó ñòðàíèöû. Ïî óìîë÷àíèþ ïîëüçîâàòåëü ìîæåò ïåðåìåùàòü ãðàíèöû ôðåéìà ïî ñâîåìó æåëàíèþ, çàäàâàÿ íîâûå ðàçìåðû îáúåêòà, ÷òîáû ëó÷øå ðàññìîòðåòü îïðåäåëåííûé ôðàãìåíò äàííûõ. Åñëè ôðåéìû ëèøåíû âèäèìûõ ãðàíèö, ýòî àâòîìàòè÷åñêè âëå÷åò çàïðåò íà èçìåíåíèå èõ ðàçìåðîâ. Àòðèáóò BORDER òýãà <FRAMESET> äàåò âîçìîæíîñòü èçìåíÿòü òîëùèíó ëèíèé, îáðàìëÿþùèõ ôðåéì. Ïî óìîë÷àíèþ áðàóçåð çàêëþ÷àåò ôðåéì â ðàìêó, ðàâíîé 6 ïèêñåëÿì è îêðàøèâàåò åãî â ñåðûé öâåò. Èçìåíèòü öâåò ìîæíî ïðè ïîìîùè àòðèáóòà BORDERCOLOR. Äëÿ ñîêðûòèÿ ãðàíèö ôðåéìà ñëóæèò àòðèáóò FRAMEBORDER.
Ïî óìîë÷àíèþ áðàóçåð îòîáðàæàåò ôðåéìû ñ ïîëîñîé ÷èñòîãî ïðîñòðàíñòâà (ïîëÿìè) ìåæäó òåêñòîì è ãðàíèöåé ôðåéìà ðàâíîé 10 ïèêñåëÿì.
Àòðèáóò MARGINWIDTH ïîçâîëÿåò çàäàâàòü øèðèíó ëåâîãî è ïðàâîãî ïîëÿ.
Àòðèáóò MARGINHEIGHT - âûñîòó âåðõíåãî è íèæíåãî ïîëÿ.
Çàäàâàÿ âåëè÷èíû ïîëåé, íàäî èñïîëüçîâàòü îáà àòðèáóòà, ò.ê. áðàóçåð ìîæåò àâòîìàòè÷åñêè ñîêðàòèòü ðàçìåðû òåõ ïîëåé, êîòîðûå âû íå óêàçàëè, äî íàèìåíüøåãî çíà÷åíèÿ.
Ïëàâàþùèå ôðåéìû
Äëÿ ñîçäàíèÿ ïëàâàþùèõ ôðåéìîâ ñëóæèò òýã <IFRAME>. Ïëàâàþùèì íàçûâàåòñÿ ôðåéì, ïðåäñòàâëÿþùèé ñîáîé ÷àñòü âýá-ñòðàíèöû è íå òðåáóþùèé ïîñòðîåíèÿ îòäåëüíîé ñòðàíèöû ñ îïèñàíèåì ôðåéìîâ. Àòðèáóò NAME ñëóæèò äëÿ çàäàíèÿ èìåíè ïëàâàþùåãî ôðåéìà, êîòîðîå ìîæåò çàòåì áûòü èñïîëüçîâàíî â îïðåäåëåíèè ãèïåðññûëêè ñ öåëüþ îòêðûòèÿ â ýòîì ôðåéìå ñîîòâåòñòâóþùåé ñòðàíèöû.
Àòðèáóòàìè WIDTH HEIGHT ìîæíî çàäàâàòü ðàçìåðû ïëàâàþùåãî ôðåéìà, ò.ê. ïîëüçîâàòåëü ñàìîñòîÿòåëüíî èçìåíèòü èõ íå ìîæåò.
Ïëàâàþùèå ôðåéìû â äàííîå âðåìÿ ïîääåðæèâàþòñÿ òîëüêî Microsoft IE.
Íèæå, â êà÷åñòâå ïðèìåðà, ïðèâåäåí êîä ñòðàíèöû, êîòîðóþ ìîæíî ïîñìîòðåòü çäåñü.
<html> <head> <title>Ïðèìåð ðàáîòû ñ ôðåéìàìè</title> </head> <body> <iframe src="lsn017.html" name="frame1" width="350" height="300" align="left"></iframe> <h1>Ïðèìåð ðàáîòû ñ ôðåéìàìè</h1> .. <h1>Ïðèìåð ðàáîòû ñ ôðåéìàìè</h1> </frameset> </body> </html>
