Web-саҳифасида жадвалларни тасвирлаш

Web-саҳифасида жадвалларни тасвирлаш

Yuklangan vaqt:

20.09.2019

Ko'chirishlar soni:

0

Hajmi:

170 KB

Ko'chirib olish

Web-саҳифасида жадвалларни тасвирлаш. Жадвалларни яратиш теглари ва уларнинг атрибутлари . Фреймлар яратиш Режа: 1. Жадвалларни ташкил қилиш 2. Матнли катакларга эга бўлган стандарт жадвалларни тасвирлаш

Таянч иборалар : WWW, Web-тугун, фрейм, Web-сервер, провайдер, SSI, CGI-сценарий, безак , объектларининг ўлчамлари, рангнинг RGB коди, матнни тасвирлаш, Font теги , TABLE , панел , фрейм. 1. Жадвалларни ташкил қилиш. HTMLда жадваллар анъанавий тарзда маълумотларни жадвал кўринишида ифодалаш учун ишлатилади. Бироқ HTMLда бу мақсадда қўлланилишдан ташқари Web-саҳифаларни форматлаш усули сифатида хам хизмат қилади. Жадвал <BODY> бщлимининг ичига жойлашиши лозим. Ҳар бир жадвал <TABLE> теги билан бошланиб, </TABLE> теги билан тугалланади. Жадвал ҳар бирида алоҳида ячейкаларга маълумотлар берилувчи бир ёки бир неча қатордан ташкил топади. Ҳар бир қатор <TR> теги билан бошланиб </TR> теги билан тугайди. <TD> теги эса жадвалдаги алохида ячейкани ани қ лайди. HTML ёрдамида жадвалларни яратишда қуйидаги т еглардан фойдаланилади: TABLE – жадвал яратади; CAPTION – жадвал сарлавҳасини беради; TR – жадвалда янги қатор(сатр) яратади; TD – жорий сатрда қийматли катак яратади; TH – ҳам жорий сатрда қийматли катак яратади, фақат уни сарлавҳа деб аниқлайди. HTML жадвалларни сатрма-сатр яратилади. Олдин TR теги ёрдамида жадвал қатори яратилади, кейин TD (ёки TH) орқали катаклар жойлаштирилади. Тегларга киритилган қўшимча параметрлар, жадвалга бошқача кўриниш беради. <TABLE> теги атрибутлари: align – жадвални горизонтал жойлаштириш: бу left, center, right қийматларни қабул қилади, индалмаганда қабул қиладиган қиймати – left;

valign – ячейка ичидаги матнни вертикал йўналиш бўйича текислайди. Қабул қилиши мумкин бўлган қийматлари: top – юқори чегара бўийича bottom- ўртага middle – қуйи чегара бўйича border – жадвалнинг ташқи чегара чизиқлари қалинлигини (пикселларда) аниқлайди. border="0" ёки бу параметр берилмаганда чегара чизиқлари бўлмайди; cellpadding – катак чегараси ва ички матн орасидаги масофани аниқлайди (пикселларда); cellspacing – қўшни катаклар чегаралари орасидаги масофани аниқлайди (пикселларда); width – жадвал кенглигини ё пикселларда ё браузер дарчаси кенглигига нисбатан процент ҳисобида аниқлайди. Ҳеч нарса кўрсатилмаса қабул қилиши мумкин бўлган кенглиги ички матнига боғлиқ; height – жадвал баландлигини ё пикселларда ё браузер дарчаси баландлигига нисбатан процент ҳисобида аниқлайди. Ҳеч нарса кўрсатилмаса қабул қилиши мумкин бўлган баландлиги ичидаги матнига боғлиқ; bgcolor – жадвал катакларидаги фон рангини аниқлайди. Қабул қилиши мумкин бўлган қийматлари ё ўн олтилик саноқ тизимидаги RGB-қийматлар, ёки 16 асосий рангдан бири; background – жадвал фон расми бериш. Қиймат сифатида тасвирнинг URL адреси кўрсатилади; colspan . Битта ячейкадаги устунлар сонини кўрсатади (параметр кўрсатилмаса =1) rowspan . Битта ячейкадаги қаторлар сонини кўрсатади (параметр кўрсатилмаса =1) Қ атордаги махсус ячейка <TD>, </TD> ёки<TH>, </TH>теглари жадвал тегининг ичида бщлиши шарт. <TH> теги одатда жадвалнинг сарлавха

ячейкаларида, <TD> эса маълумотли ячейкаларда қў лланилади. Улар орасидаги ўзаро фар қ шрифтнинг тури ва маълумотларнинг ячейкалар ичидаги жойлашишида намоён б ўлади. Бутун жадвалга сарлавха бериш учун <CAPTION> ва </CAPTION> теглари кулланилади. Сарлавханинг таърифланиши <TABLE> ва </TABLE> теглари орасида, <TABLE>дан сунг ва биринчи <TR>га кадар жойлаштирилади. <CAPTION> теги атрибути: align – жадвал сарлавҳасини вертикал жойлаштириш усулини аниқлайди. Қабул қилиши мумкин блган қийматлари: top – сарлавҳа жадвал устига жойлашади (бошқа буйруқ берилмаса қабул қиладиган қиймати); bottom – сарлавҳа жадвал остига жойлашади. <TR> тегининг ушбу атрибутлари бўлиши мумкин: align, valign ва bgcolor. <TD> ва <TH> теглари ушбу align, valign, width, height, background ва bgcolor атрибутлардан ташқари яна: colspan – жорий катакнинг неча устунга чўзилишини аниқлайди. Бошқа буйруқ берилмаса қабул қиладиган қиймати 1; rowspan – жорий катакнинг неча қаторга чўзилишини аниқлайди. Бошқа буйруқ берилмаса қабул қиладиган қиймати 1; nowrap – жорий катакда сўзларни автоматик равишда кўчиришни ман этади.

Жадвалда устун ва қаторларни бирлаштириш Листинг 1. <TABLE border align=center width=200> <CAPTION align=top> Magistratura </CAPTION> <TR><TH colspan=2>QURILISH</TH> </TR> <TR> <TD width=50%> Axborot tizimlari</TD> <TD align="right">2-semestr</TD></TR> </TABLE> HTML ёрдамида оддий жадвалларни тасвирлаш .

<TABLE ALIGN=” ” WIDH=” ” BORDER=”0” <TABLE ALIGN=” ” WIDH=” BORDER=”12” CELLSPACIGN=”қиймат” CELLSPADDING=”қиймат”> Масалан , BORDER=”0” бўлганхолдажадвалниграмкасикўринмайди . CELLSPACING атрибутиёрдамидакатаклароралиғинипикселлардакўрсатишучун , CELLEPADDING атрибутиэсакатакдагиматнбилануниатрофидагирамкасинингоралиғинипиксе ллардаберишучунхизматқилади . <TR> ва </TR> ёрдамида жадвал қаторлари кўрсатилади ва бу теглар <TABLE> ва </TABLE> тегларининг орасига жойлаштирилади. <TR> теги ҳам ALIGN атрибутидан фойдаланиша мумкин. Бу атрибут жадвал катагининг ичидаги объектни (матнни)катакни ўзига нисбатан горизантал текислайди. У фақат ўзининг традицион қийматларини қабул қила олади. <TR> тегининг VALIGN атрибути эса катак ичидаги объектни вертикал текислаш учун хизмат қилади ва TOP, MIDDLE, BOTTOM ва BASELING қийматларини қабул қилади. NOWRAP- катак ичидаги сўзларни кў чиришни тақиқлаш Матнли катакларга эга бўлган стандарт жадвалларни тасвирлаш . Матинли катакларга эга бўлган стандарт жадваллар устун сарлавҳаси ва бутун жадвалнинг сарлавҳаси каби ўзига хос элементлардан фойдаланишни назарда тутади. Жадвалнинг сарлавҳаси <CAPTON> теги ёрдами билан берилади. Умумий холда у қуйдаги кўринишга эга: <CAPTON ALIGN=”қиймат” > сарлавҳа матни </CAPTON > ФРЕЙМЛАР.ФРЕЙМЛАР ЯРАТИШ. Фрейм ва JavaScript кандай килиб бирга ишлайди деган савол тез-тез бериладиган саволлардан биридир. Дастлаб биз фрейм нима ва у нима учун ишлатилади деган саволни тушунтирамиз. Сунгра JavaScript ва фреймлар кандай биргаликда ишлатилишини куриб чикамиз.

Умуман олганда броузер дарчаси бир неча алохида фреймларга ажратилиши мукин. Бу шуни англатадики, фрейм бу броузер дарчасидаги тўғри туртбурчак шаклидаги бирор бир белгиланган майдон. Хар бир фрейм экранга узининг документини чикаради. Шу тарика мисол учун сиз 2 та фрейм яратмокчисиз. Биринчи фреймга сиз Netscape фирмасининг “Уй сахифасини” юклашингиз, 2 чига эса Microsoft фирмасиникини юклашингиз мумкин. Фреймлар яратиш HTML тили масаласи бул c ади, биз бу ерда бу жараённинг асоси куринишини тавсифлаб утамиз. Фрейм яратиш учун бизга < frameset > ва < frame > теглари керак булади. 2 та фрейм яратувчи HTML сахифа куйидаги куринишда булиши мумкин : < html > < frameset rows “< frameset rows “ 50% , 50% ” < frame src = “ page 1.htm ” name = “frame1” < frame src = “ page 2.htm ” name = “frame2” < / frameset > </ html > Натижада 2 тафреймяратилади . <frameset> тегида rows хоссасинингфойдаланилганинисезганбўлсангизкерак . Буфреймларбир - бириустиданжойланганинибилдиради . Юқорифреймга page1.htm саҳифасиюкланади , пасткифреймгаэса page2.htm документи жойлаштирилади. А гарсиздокументларусти - устигаэмас , ёнма - ёнтуришинихохласангиз , у ҳ олда <frameset> тегида rows эмас cols сўзиниёзишкерак . “ 50% , 50% ” фрегментифреймларни қ анчаликкатталигинибилдиради . Агарсиз ҳ исоб - китоббилан ў зингизни қ ийнашниистамасангизвахисобдабарибир 100% ҳ исоб - китобб ў лишиниистасангиз “ 50% * % ” ёзишингизмумкин . Фрейм ў лчаминину қ талардабермо қ чиб ў лсангизсонданс ў нг % белгисини қў ймаслигингизкерак .

Истаганфреймганомберишучун <frame> тегида name атрибутиданфойдалансангизетарли . Бундайимкониятбизга JavaScript тилидафреймларгарухсатучункеракбўлади . Web - сахифаларяратишдабирнечақўйилган < frameset > теглариданфойдаланишингизмумкин .

Асосий адабиётлар : 1. Технологии интернет. Учебное пособие для вузов, Ходиев Б.Ю и др, ТГЭУ, 2003 2. «Интернет технологии». Методические указания к выполнению лабораторных работ. Сост. Бабина В.Г., Мишина Е.В., ТашИИЖТ, 2006 — 78 с. 3. Методические указания к выполнению самостоятельной работы по предмету «Интернет технологии». Сост. Бабина В.Г., Мишина Е.В., ТашИИЖТ, 2006 — 56 с. 4. Бабина В.Г., Мишина Е.В., Кудратов М.Б. «Интернет технологиялар» фанидан лаборатория ишларини бажариш бўйича услубий қўлланма. –Т: ТошТЙМИ нашриёти, 2006. 5. Nazirov Sh.A., Nuraliev F.M. DHTML yordamida Web-sahifa. – T., 2006.

O'xshashlar

Power Point дастурининг асосий элементлари

Web-serverni tashkil etish. Apache Web- serveris

Web браузерлардан фойдаланиш ва Web сахифа тушунчаси

Web сахифаларга мурожаат

Web саҳифаларга мурожат