Баракчаны баракчага киргизүүнүн бир жолу - бул HyperText Markup Language (HTML) мүмкүнчүлүгүн колдонуп, баракчаны өзүнчө терезелерге бөлүү. Мындай терезелер "фреймдер" деп аталат жана алардын бир барагында бир нече болушу мүмкүн. Ар бир кадр өз кезегинде кадрлардын топтомун камтышы мүмкүн жана алардын ар бири ар кандай булактардан алынган баракчалар менен жүктөлөт.
Ал зарыл
Текст редактору Блокнот
Нускамалар
1 кадам
Мындай баракчалар топтомун бир баракчага түзүү үчүн, кадрлар үчүн контейнер түзүүдөн баштайсыз. HTMLде мындай контейнерди түзүү боюнча браузерге берилген көрсөтмө төмөнкүдөй:
Мындай көрсөтмөлөр "тэгдер" деп аталат. Бул контейнердин ачылуучу жана жабылуучу тегдери, алардын ортосуна алкактарды түзүү үчүн тегдер коюлушу керек. Теги тэгдердин "атрибуттары" деп аталган ар кандай кошумча маалыматтарды камтыйт. Ачылыш тегинде, барактын мейкиндигин кадрлардын ортосунда кандайча бөлүштүрүү керектигин көрсөтүшүңүз керек:
Бул жерде "cols" атрибуту эки кадрдын баракчасын вертикалдык түрдө бөлүп, ар бирине терезенин туурасынын 50% түзүшү керектигин билдирет. Баракты горизонталдуу бөлүү үчүн дагы бир атрибут колдонулат, "катарлар":
Ушул эле нерсени мындай жол менен жазууга болот:
Бул жерде жылдызча (*) калган бардык боштукту экинчи алкакка берүү керектигин билдирет. Маалыматтарды пайыздарда эмес, "пикселдерде" көрсөтсөңүз болот - бул барактын макетинде колдонулган негизги өлчөө бирдиги:
2-кадам
Контейнер менен алектендик, эми ал кашектерди өздөрү жазыш керек. HTML алкагынын жөнөкөй формасындагы теги мындай: Бул жерде "src" атрибуту ушул фреймге жүктөлүшү керек болгон барактын Интернет дарегин көрсөтөт. Эгерде барак бир эле серверде жана бир эле папкада (же кичи папкада) жайгашкан болсо, анда анын толук дарегин көрсөтүүнүн кажети жок, файлдын аталышы жана кошумча папкага жетүү жолу жетиштүү. Мындай даректер "салыштырмалуу", ал эми толук даректер "абсолюттук" деп аталат. Жүктөө үчүн барактын салыштырмалуу дареги көрсөтүлгөн ошол эле тег: - "scrolling" атрибутун колдонуп, сиз ушул кадрдын жылдыруу тилкелеринин эрежелерин орното аласыз: "ооба" мааниси бул фреймде ар дайым жылдырма тилкелери бар экендигин билдирет. Эгерде сиз "жок" маанисин киргизсеңиз, анда алар эч качан болбойт, жана "авто" мааниси, эгер рамканын мазмуну анын чектерине дал келбесе, анда жылдыруучу тилкелер керектүү болуп пайда болорун аныктайт.- Демейки шартта, алкактардын алкактары баракты чычкан менен жылдырса болот. Бирок сиз noresize атрибутун тэгге койсоңуз, анда бул функция өчүрүлөт: - Frame тэгинде чектеш алкактардын ортосундагы чектерди белгилөөчү эки атрибут бар - marginwidth чек аранын көлөмүн горизонталдык түрдө көрсөтөт (сол жана оң), marginheight - тигинен (төмөн жана жогору): - Дагы бир атрибут - ат - алкакка өзүнүн атын берет. Эгерде кадрларда кандайдыр бир сценарийлер камтылса, анда чектеш кадрларда бир нерсе жасалышы керек жана аларды аттары боюнча айырмалай турган болсо, анда бул керек болушу мүмкүн:
3-кадам
Бул теориялык негиз, мисалы, башка сайттардан эки баракты камтыган жөнөкөй баракча түзүүгө жетиштүү. Сизге жөнөкөй текст редактору жетиштүү болот - стандарттык блокнот жакшы. Жаңы документ түзүп, ага төмөнкү HTML кодун киргизиңиз:
Эми документти HTML кеңейтүүсү менен сактаңыз - мисалы, test.html. Андан кийин, test.html файлын эки жолу чыкылдатуу менен, браузер иштей баштайт жана браузер сиз ага html-коддо жазган көрсөтмөлөрдү аткарат. Натыйжа мындай болушу керек:
