Жадвал ташкил қилиш. Ранглар билан ишлаш. Фреймлар ташкил қилиш - Информатика и ИТ - Рефераты

Жадвал ташкил қилиш. Ранглар билан ишлаш. Фреймлар ташкил қилиш

Загружено в:

20.09.2019

Скачано:

0

Размер:

637 KB

www.arxiv.uz Жадвал ташкил қилиш. Ранглар билан ишлаш. Ф реймлар ташкил қилиш Режа : 1. Харакатланувчи сатрлар яратиш . 2. Расмлар қўйиш . Видеотасвирларни ўрнатиш 3. Расмлар ва видеотасвирларни ўрнатиш .

www.arxiv.uz FrontPage дастури жадваллар ҳосил қилиш имконини ҳам беради ; жадвал қисмларини қўшиш , ячейкалар ҳосил қилиш , бирлаштириш ёки уларни бўлиш , ячейкаларни танлаш , қатор ва устунлар билан ишлаш каби амалларни жадвал (Table) (5- расм ) менюсидан фойдаланиб амалга оширилади . 5-расм. Жадвал «Таблица» менюси Бунда жадваллар билан ишлаш худди MsWord матн мухарриридагидек амалга оширилади. Жадвал ячейкаларининг орқа фон рангини ўзгартириш, расм қўйиш, жадвал чизиқ турини ўзгартириш имкониятлари ҳам мавжуд. Жадваллар билан ишлаш жараёнида унга янги устун, янги сатр қўшиш ҳамда белгиланган ячейкани бир нечта устун ва сатрларга бўлиш ҳам мумкин. Жадваллар ишлаш жараёнида жадвалнинг ҳар бир ячейкасига орқа фон ва жадвал чизиқларнинг рангларини ўзгартириш мумкин. Бунинг учун керакли ячейкага курсорни олиб келинади ва сичқончанинг ўнг тугмаси босилади. Натижада қуйидаги сузувчи меню ҳосил бўлади (6-расм). 6-расм.Жадваллар билан ишлашда ҳосил қилинувчи сузувчи меню

www.arxiv.uz Ҳосил бўлган менюдан Cell Properties ... буйруғи танланса қуйидагича мулоқот ойнаси ҳосил бўлади (7-расм). 7-расм. Cell Properties мулоқот ойнаси Бу ойнадаги бажарилувчи операцияларнинг барчаси фақат битта ячейкагагина тегишли бўлади. Агар юқоридаги сузувчи менюда Table Properties .. буйруғи танланса ундаги операциялар бутунлай жадвал учун тегишли бўлиб ҳисобланади. Жадвал чизиқларининг рангини ўзгартириш Cell Properties (7-расм) мулоқот ойнасининг Custom Colors бўлимида амалга оширилади. Border майдонида чизиқ ранги танланади, Light Border ва Dark Border майдонларидан фойдаланиб ёрқин ва хира чизиқлар рангларини ҳам белгилаш мумкин. Жадваллар билан ишлаш HTML тилида қандай амалга оширилишини кўриб ўтайлик. Жадваллар HTML нинг ажойиб қисми хисобланади. Унча катта бўлмаган билимга эга бўлмай туриб хам сахифани проектлашда турли эффектларни хосил килиш мумкин. Жадвал < table > ... <  table > теглари орасида жойлашади. Масалан: < TABLE BORDER >

www.arxiv.uz < TR > < TH > Бу < TD > мисол <TR> <TD> оддий <TH> жадвал <  TABLE> Бу мисол оддий жадвал Зарурий булмаган BORDER  ”5” хусусият жадвал рамкасини 5 пиксел қ алинликда хосил қ илади . ( Агар ўлчам кўрсатилмаса ( келтирилган мисолдагидек ), у холда рамка браузерга боғлик холда хосил бўлади ). <TR>- жадвалнинг чегараланмаган ячейкалари учун янги сатр хосил қ илиш ; <TH>- сарлавха учун ячейка хосил қилиш ; < TD >-оддий матн учун ячейка хосил қилиш; ROWSPAN - устун бўйича бирлаштирилиши лозим бўлган ячейкалар сонини бериш; COLSPAN -сатр бўйича бирлаштирилиши лозим бўлган ячейкалар сонини бериш; Масалан : < TABLE > <CENTER> <TABLE BORDER  ”15” BGCOLOR  ”YELLOW” WIDTH  ”75%”> <TR> <TH rowspan  ”2”> бушатилди ; <TD bgcolor  “lime”> <img src  “lego.gif”> <TR> <TD colspan  “2”> <  TABLE><  CENTER> “BGC О LOR”- фон ранги – бутунлай жадвал учун қ ўлланилади , худи шундай , хар бир ячейка учун алохида - алохида хам қ ўллаш мумкин . График файллардан хам фон сифатида фойдаланиш мумкин : <TD BACKGROUND  “Image.jpg”>

www.arxiv.uz WIDTH - жадвал кенглиги фоиз(%)да ёки пикселда берилиши мумкин. Баландлиги HEIGHT хам худди шундай (ячейка хам). Жадвалда қуйидаги аттрибутлар хам мавжуд: CELL PADDING  « N » ячейка ичидаги объектдан унинг чегарасигача бўлган масофани аниқлайди, CELLSPACING  ” N ”-ячейкалар орасидаги чегаранинг кенглиги-барчаси пикселда берилади. TABLE теги left ва right параметрли ALIGN хусусиятига эга. Жадвал шу хусусият ёрдамида матнларни жойлаштириш имкониятига хам эгадир. Масалан : <table width  “100” align  ”right” bgcolor  ”lime” cellpadding  ”20 “> <tr><td> 1<th> <font color  ”blue”> 2 <  font> <  table> Фреймлар билан ишлаш . Умуман олганда жадвал экран сохасини бир нечта бўлакларга бўлиш имконини беради , лекин бу бўлаклар битта ягона хужжатни ташкил этади . Фреймлар хам браузер экранини жадвал сингари бўлакларга бўлади . Фреймнинг жадвалдан фар қ и шуки , тана қ исмга , яъни BODY тегига эга бўлмайди . Фреймлар билан ишлаш MS FrontPage дастурида қ андай амалга оширилишини кўриб ўтамиз . MS FrontPage да фрейм ташкил қ илиш учун менюлар сатридан File -> New -> Page кетма - кетлик бажарилади . Натижада 8-расмда кўрсатилган мулоқот ойнаси экранда хосил бўлади.

www.arxiv.uz 8-расм. Фрейм ташкил қилиш мулоқот ойнаси Хосил бўлган мулоқот ойнадан Frames Page бўлими танланади. Ойнанинг чап қисмидан мавжуд шаблонлар рўйхати келтирилган. Ойнанинг ўнг-қуйи қисмида эса танланган шаблоннинг экран кўриниши берилади. Керакли шаблон танланганидан кейин Ok тугмаси босилади (биз « Banner and Contents » фрейм шаблонини танладик). Экран кўриниши 9-расмда кўрсатилган холатни олади. Фреймларни тайёр шаблонларидан ташқари қандай усул билан хосил қилиш мумкин? 9-расмга эътибор берадиган бўлсак экранни уч бўлакка бўлинганини кўрамиз ва хар бир бўлакда иккитадан тугма мавжуд: 1. Set Initial Page... 2. New Page Экрандаги хар бир бўлак алохида web хужжат бўлиб хисобланади. Яъни хар бўлакка аввалдан яратилган web хужжатни қўйиб қўйиш мумкин. Бунинг учун Set Initial Page ... тугмасидан фойдаланилади. Тугма босилганидан кейин мавжуд файлни кўрсатиш учун мулоқот ойнаси хосил бўлади ва бу ойнадан керакли файл танланади.

www.arxiv.uz 9-расм. Шаблон танлангандан кейинги экран кўриниши Агар аввалдан тайёрланган файл мавжуд бўлмаса, шу ернинг ўзида хам янги хужжатни тайёрлаб олиш мумкин. Бундай холатда New Page тугмаси босилади ва айнан шу бўлакнинг ўрнида янги бўш сахифа хосил бўлади. Фреймли экран компьютер хотирасига сақланаётган вақтда шу ернинг ўзида хосил қилинган web хужжат учун алохида ном сўрайди. Э нг сўнггида эса умуман экран кўриниши қайси ном билан сақланиши кераклиги сўралади. Я ъни, ушбу сўнгги берилган ном асосий файл сифатида олинади. Экраннинг хар бўлагининг ўлчамларини сичқонча ёрдамида ихтиёрий холатда ўзгартириш мумкин. Фреймларни ташкил қилишнинг MS FrontPage дастуридан ташқари яна HTML тилида хам ташкил қилиш мумкин. Бунинг учун < FRAMESET >...<  FRAMESET > тегидан фойдаланилади. Юқорида айтиб ўтилганидек, фрейм бир пайтда экранга бир нечта Web сахифаларни юклаш имконини беради. Фреймли хужжатга мисол кўриб ўтайлик : <html> <head> <title> Main – document </title> </head> <FRAMESET COLS = “300,*”>

www.arxiv.uz <FRAM Е SRC =”aaa.htm” name =”frame – a”> <FRAMESET ROWS = “50%,*> <FRAME SRC = “bbb.htm” name =”frame – b”> <FRAME SRC = “ccc.htm” name =”frame – c”> </FRAMESET> </FRAMESET> </html> Биринчи <frameset cols = “300,*”> теги браузер ойнасини иккита устунга бўлади , улардан биринчиси 300 пикселга тенг , иккинчисининг ўлчами эса (*) – устуннинг қ олганига тенг . <frame src = “aaa.htm” name = “frame – a”> тегида эса 1- фреймга юкланувчи Web сахифага ишорат берилади ва бир ва қ тда шу фреймга ном берилади . Кейинчалик target = =”frame-a” параметрли гиперишорат бериш билан у ерда бош қ а сахифани юклаш мумкин . Маслан , frame-a дан frame-b да ўзгарувчи хужжатга ишорат қ ўйиш учун frame-a га қ уйидагини келтириш мумкин : <a href = “eee.htm” target = “frame-b“> eee хужжат </a> <a href = ”uuu.htm” target = “frame-b”> uuu хужжат </a> Иккинчи устунни <frameset rows = “50%,*”> теги ёрдамида иккита тенг (50%) қ аторга бўламиз . Агар , натижада иккаласининг йиғиндиси 100% га тенг бўлмаса , у холда браузернинг ўзи фреймларни пропорционал қ илиб беради . Қуйидаги иккита тег хосил қилинган бўлакларнинг хар бирига навбати билан ном ва URL ни беради. Frameset frame дан фарқли холда беркилувчи тегларни талаб қилади. Агар frameset тегида cols ва rows параметрларидан бир вақтда фойдаланилса, у холда оддий фреймли тўр хосил бўлади: <frameset cols = “33%, 33%, 33%”> <frameset rows = “50%, 50%”> <frame name = “fk1” src = “a.htm”>

www.arxiv.uz <frame name = “fk2” src = “b.htm”> <frame name = “fk3” src = “c.htm”> <frame name = “fk4” src = “d .htm”> <frame name = “fk5” src = “e.htm”> <frame name = “fk6” src = “f.htm”> </frameset> Ранглар билан ишлаш . Экрандаги элементларни турли ранглар билан бўяш мумкин . Масалан , оддий ёзилган ёзувлар MS Word дастуридаги каби рангга бўялади , яъни ускуналар панелида жойлашган тугмаси ёрдамида . Бу тугма ёрдамида танланган ранг фа қ ат белгиланган матн қ исмигагина жорий этилади холос . Шунинг учун аввал керакли матн қ исми белгилаб олиниши лозим . Жадвал ячейкаларини хам бирор хилдаги рангга бўяш мумкин . Бунинг жадвал устида сич қ ончанинг ўнг тугмаси босилишидан хосил бўлган сузувчи менюдан Table Properties буйруғи танланади . Натижада 10-расмда кўрсатилган мулоқот ойнаси хосил бўлади. 10-расм. Table Properties мулоқот ойнаси У шбу ойнанинг Background бўлимида жойлашган Color майдонидан керакли рангни танлашимиз мумкин. Ушбу танланган ранг жадвалнинг барча ячейкалари учун тегишли хисобланади.

www.arxiv.uz Use background picture майдонини белгилаган холда жадвалнинг орқа фони сифатида бирор бир расмдан хам фойдаланса бўлади. Расм файлига йўлни Browse тугмаси ёрдамида кўрсатиш мумкин. Агар жадвалнинг фақат белгиланган ячейкаларининг ўзини рангга бўяш керак бўлса, у холда белгиланган ячейка устида сичқонча кўрсаткичини ўрнатиб, ўнг тугмаси босилади ва хосил бўлган сузувчи менюдан Cell Properties буйруғи танланади. Натижада 10-расмдагига ўхшаш мулоқот ойнаси хосил бўлади. Бу ойнада керакли ўзгартишларни амалга ошириш мумкин. Жадвалнинг чизиқлари ўлчами ва рангини ўзгартириш учун эса мулоқот ойнанинг borders бўлимидан фойдаланилади. Size майдонида чизиқ қалинлиги, Color майдонида эса чизиқ ранги берилади. HTML тилида ранглар билан ишлаш жуда оддий кўринишга эга. Харф ранги color  ”ранг” параметри ёрдамида берилади, масалан: <font color= green size=+2 > харф улчами =5 </font> Элемент ранги Барча сахифалар учун фон ва матн ранги BODY теги параметрлари билан аниқланади: < body bgcolor =”ранг” text =”ранг”>..сахифа танаси ..</ body > Матннинг алохида сохалари учун шрифт ранги (тег харф ўлчамларини хам бошқариши мумкин ): < font color =”ранг”>..матн сохаси ..</ font > Жадвал фони ранги < table bgcolor =”ранг”>..жадвал (ячейка )танаси ..</ table > Барча сахифалар учун базавий харфлар рангини қуйидаги тег билан хам белгилаш мумкин: < basefont color =”ранг”> -сахифа бошида жойлашади.

www.arxiv.uz Замонавий браузерлар ( Internet Explorer 4.0 дан бошлаб ) 140 дан ортиқ рангларни олади. Рангларни номи билан хам бериш мумкин, рақамли қийматлари эса уч хил асосий рангларнинг бирлашувидан хосил килинади: Қизил ( red ), яшил ( green ) ва кўк ( blue )-ўн олтилик саноқ системаси .00- нул, 00 FF 00-яшил, 0000 FF -кўк, FFFFFF -юқори даражали оқ. Бу қонуниятдан келиб чиқиб, учала параметрларнинг бир хил қиймат олиши ( Red қ Green қ Blue ) турли даражадаги кулранг рангларни хосил қилади. Рангли теглар жадвалини кўриб чиқамиз: <html><head> <basefont color=yellow></head> <body bgcolor=white text=read> <font color=blue> font теги остидаги матн <table border><tr><td> жадвалдаги матн <br> <font color=green> жадвалда font теги остидаги матн </font> </table > </font> </body></html> К елтирилган дастурнинг натижаси қ уйидагича : font теги остидаги матн жадвалдаги матн жадвалда font теги остидаги матн Қуйидаги ранглардан фойдаланиш мумкин: aliceblue antiquewhit e azure

www.arxiv.uz bisque black darkolive green blanchedalm ond blue burlywoo d chocolate coral crimson darkcyan darkgoldenr od cadetblue dodgerblue beige darkmage nta darkorchid darkred darkslateb lue darkslategra y darkturquoi se darkorang e firebrick floralwhite ghostwhit e gold goldenrod lightsalmo n gray green hotpink indianred limegreen gainsboro ivory khaki lawngreen lightcoral lightcyan lightgrey lightseagree n lightskyblu e lightyello w linen magenta mediumbl ue mediumpurp le mediumsea green mediumtu rquoise mediumviol etred mediumorc hid lemonchif fon mistyrose maccasin oldlace midnightblu e mintcream purple orange orangered palegreen papayawhip peachpuff plum

www.arxiv.uz red rosybrown salmon sandybrown powderblue olive seashell sienna slateblue springgreen steelblue thistle seagreen turquoise yellowgre en violet wheat yellow aqua aquamarine paleviolet red chartreuse darkblue palegolde nrod blueviolet brown pink cornflowerbl ue cornsilk saddlebro wn darkgray cyan snow darkgreen darkkhaki skyblue darksalmon darkseagree n teal darkviolet deeppink tomato forestgreen fuchsia whitesmo ke indigo lightblue livedrab greenyellow honeydew orchid deepskyblue dimgray peru lavender lavenderblu sh royalblue lightgoldenr odyellow lightgreen paleturqu oise lightslategra y lightsteelbl ue silver maroon mediumaqu amarine tan mediumslate blue mediumspri nggreen slategray lime lightpink white

www.arxiv.uz novajowhite navy Харакатланувчи сатрлар яратиш. Расмлар қўйиш. Видеотасвирларни ўрнатиш Барчамизга маълумки, хозирги кунда web сахифаларни яратувчи дастурчилардан ташқари уларга чирой ва бежирим безаклар берувчи web дизайнерлар хам алохида ўрин тутади. Web сахифаларнинг кўриниши қанчалик чиройли ва кўркам бўлсагина у ўз ўқувчисини ўзига жалб эта олади. Э кран бўйлаб югуриб юрувчи матн бунга оддий мисол бўла олиши мумкин. MS FrontPage дастури имкониятлари ичида бундай харакатланувчи сатрларни яратиш хам мавжуддир. Ҳаракатланувчи сатрни ҳосил қилиш учун Insert менюсидан Component га кирилади ва Marquee буйруғи танланади. Натижада 11-расмда кўрсатилганидек мулоқот ойнаси ҳосил бўлади. Ҳосил бўлган ойнанинг T ext майдонига ҳаракатланиши лозим бўлган матн киритилади. Direction бўлимида эса сатрнинг чап ёки ўнг тарафга ҳаракатланиши, яъни, ҳаракат йўналиши кўрсатилади. Speed бўлимидан фойдаланиб сатрнинг ҳаракатини тезлаштириш ёки секинлаштириш мумкин ( Delay - сатрнинг хар бир қадамида ушлаб турилувчи вақт катталиги, Amount - сатр харакатининг қадам ўлчами). Behavior бўлимида эса сатрнинг ҳаракати кўрсатилади, яъни сатр экран бўйлаб бир чизиқда айланиб туриши ( Scroll ), бир чизиқда орқага ва олдинга ҳаракатланиб туриши ( Slide ) ёки бир марта ҳаракатланиб тўхтаб туриши ( Alternate ) мумкин.

www.arxiv.uz Size бўлимида харакатланувчи сатрнинг жойлашиш сохасининг ўлчамлари берилади (соха ўлчамларини экраннинг ўзида сичқонча ёрдамида хам ўзгартириш мумкин). Repeat бўлимида эса ҳаракат сони кўрсатилади, агар Continuously га белги қўйилган бўлса, у ҳолда ҳаракат доимо давом этувчи бўлади. 11- расм . Ҳаракатланувчи сатр қўйиш мулоқот ойнаси Ҳаракатланувчи сатрнинг орқа фон рангини Background Color бўлимида кўрсатиб ўтилади . Style тугмаси ёрдамида харакатланувчи сатр шрифтининг ўлчамлари ва рангини ўзгартириш мумкин . HTML тилида эса харакатланувчи сатрни яратиш учун <marquee>...<  marquee> тегидан фойдаланилади . Ёзувнинг шрифт ўлчамлари ва рангини ўзгартирилган холатидаги HTML дастури кўриниши қуйидагича : <marquee style=« font-size: 18pt; font-family: Arial Narrow; font-weight: bold" behavior= "slide" bgcolor= "#0000FF" direction=« right" > Харакатланувчи сатр </marquee> Б ундан ташқари матн ва матн қисмларига турли эффектларни бериш мумкин. Бунинг учун DHTML Effects стандарт ускуналар панелидан фойдаланилади (12-расм).

www.arxiv.uz 12-расм. DHTML Effects стандарт ускуналар панели Б у панел ёрдамида бериладиган эффектлар фақат танланган матнгагина тегишли бўлиб хисобланади. Расмга эътибор берадиган бўлсак, унда учта бўлим мавжудлигини кўрамиз. Биринчи бўлимда тўртта ходиса мавжуд: 1. Click – ўрнатиладиган эффектлар танланган матн устида сичқонча тугмаси босилганда амалга ошади; 2. Double - ўрнатиладиган эффектлар танланган матн устида сичқонча тугмаси икки марта тез босилганда амалга ошади; 3. Mouse over - ўрнатиладиган эффектлар танланган матн устига сичқонча кўрсаткичи олиб келинганда амалга ошади; 4. Page load - ўрнатиладиган эффектлар жорий web хужжат активлашганда амалга ошади; Х ар бир ходисадан кейинги ўрнатилувчи эффектлар турличадир. Қуйидаги жадвалда хар бир ходиса учун тегишли эффектлар рўйхатини кўришимиз мумкин: № Ходиса 1-эффект 2-эффект 1. Click ва Double click (хар иккиси учун хам эффектлар бир хил) Fly out (матнни экрандан учиб чиқиб кетиши) Экран бўйлаб турли томонларга (To left, To top...) Formatting ( шрифт ёки чегара рангини ўзгартириш ) Choose font... ( ўзгарувчи шрифтни танлаш ) Choose border... ( ўзгарувчи чегарани танлаш )

www.arxiv.uz 2. Mouse over Formatting (шрифт ёки чегара рангини ўзгартириш) Choose font ... (ўзгарувчи шрифтни танлаш) Choose border ... (ўзгарувчи чегарани танлаш) 3. Page load Drop in by word ( матнни сўзма - сўз хосил бўлиши ) 2- эффектга эга эмас Elastik (матнни эластик хосил бўлиши) From right ( ўнг томондан ) From bottom ( марказдан ) Fly in ( матнни экранга учиб кириши ) Экран бўйлаб турли томонлардан (From right, From bottom...) Hop Spiral Wafe Wipe Zoom Эффект бериладиган матн қисми белгиланмаган холда бирор эффект белгиланса, берилган эффект матннинг қайси қисмига тегишли хисобланади? Remove E ffect тугмаси ёрдамида белгиланган матндаги мавжуд эффектни бекор қилиш мумкин. Расмлар ва видеотасвирларни ўрнатиш.

www.arxiv.uz Аввалги мавзуларда айтиб ўтилганидек MS FrontPage дастурининг матнларни тахрирлаш қисмлари MS Word га ўхшаб кетади. Шу жумладан экранга расмларни ўрнатиш хам. Экранга расмларни ўрнатиш учун менюлар сатридан Insert -> Picture - > ClipArt ( From File ) кетма-кетлик бажарилади. Натижада хосил бўлган мулоқот ойнадан керакли расм танланиб Insert тугмасини босиш етарлидир. Видеотасвирларни ўрнатиш учун хам менюлар сатридан фойдаланилади, яъни Insert -> Picture -> Video кетма-кетлик бажарилади. Хосил бўлган мулоқот ойнадан керакли видео файл таналанади. Ушбу ўрнатилган видеотасирвлар ёки анимацион тасвирли файллар жорий хужжат активлашганда ишга тушади. Видеотасвирлар дастур иши давомида бир марта намойиш қилинади ва дастур иши тугатилмаган тақдирда хам ўз ишини якунлайди. Агар видеотасвир доимий намойишини таъминлаш эхтиёжи туғилса, у холда тасвир устида сичқончанинг ўнг тугмаси босилиб, сузувчи менюдан Picture properties буйруғи танланади. Натижада 13-расмдаги мулоқот ойнаси хосил бўлади. У шбу ойнанинг Video source майдонида экранда ўрнатилган видеотасвир файлига йўл кўрсатилади. Шу жойдан видеотасвирни ўзгартириш хам мумкин. 13-расм. Picture properties мулоқот ойнаси

www.arxiv.uz Repeat бўлимида эса видеотасвирни неча марта намойиш қилинишининг сон қиймати берилиши мумкин. Агар доимий намойиш амалга оширилиши керак бўлса, Forever майдонига белги қўйиб қўйиш етарли. Жорий видеотасвирнинг намойиши қандай вақтда бошланишини Start бўлимида белгиланади: 1. On file open – жорий хужжат очилиши билан ; 2. On mouse over – сич қ онча кўрсаткичи видеотасвир устига олиб келиниши билан . HTML тили ёрдамида расм ёки видеотасвирларни ўрнатиш ни қ уйидаги мисол ёрдамида кўришимиз мумкин : 1. 1-gif.gif расмни ўрнатиш : <img border="0" src=«file:///1-gif.gif" width=«550" height=«400"> 2. 1-gif.avi видеотасвирни ўрнатиш : <img border="0" dynsrc=«file:///1-gif.avi" start=«fileopen" width=«550" height=«400"> Web сахифалар яратишда JPG, GIF ва PNG форматли график файллардан фойдаланиш мумкин . GIF- махсус тармоқли формат бўлиб , файл хажми оз жадвал ёки хужжатнинг орқа фони сифатида фойдаланиш мумкин . Лекин gif файллар 256 хил рангда ишлайди , шунинг учун фотосуратларни сақлашда унумсиздир . JPG эса ранглардан чексиз фойдаланади , лекин анимация ярата олмайди . Иккала камчиликни тўлдирувчи янги формат –PNG файлдир , лекин бунинг камчилиги эски браузерлар PNG- форматли файлларни кўрмаслиги мумкин . Расмни хужжатга ўрнатиш учун унга қуйидаги ишоратни бериш керак : <IMG SRC=”Image”>

www.arxiv.uz бу ерда SRC (source- манба )  Image-gif, jpg ёки png форматдаги расмли файл . Расм ёки матнларни жойлаштириш учун align  ”” атрибутидан фойдаланиш мумкин . Йўналишларни қуйидаги турлари мавжуд : Align  ”middle”- сатр маркази Align  ”right”- расмни чап томони Align  ”lift”- расмни ўнг томони Align  ”top”- ю қ ори қ исми Align  ””- пастки қ исми Расмни экран марказида хосил қ илиш учун уни <center>...<  center> теглари орасига ёзиш керак . Шунингдек расмларда ўлчамларни хам бериш мумкин . Унинг ёрдамида браузер тасвирни тўлиқ юкланишини кутмасдан туриб , унинг жойлашувини хисобга олган холда бошқа барча объектларни жойлаштирилади . Акс холда браузер охирги расм юклангунигача сахифанинг ички кўринишини динамик тарзда узгартиради. Расмнинг баландлиги ва кенглигини ўрнатишни WIDTH  ” n ” ва HEIGHT  ” n ” параметрлар ёрдамида амалга ошириш мумкин. Left ва right йўналишлардан фойдаланиб img тегига тасвир атрофидан ажратилувчи масофа параметрларини қўшиш мумкин. Шунда тасвир билан матнни ажралиб турилиши таъминланади. VSpace  ” n ” параметри вертикал бўйича, HSpace  ” n ” эса горизонтал бўйича маосфаларни n пикселда ўрнатади. Қуйидаги мисолни кўриб ўтишимиз мумкин: <img src  ”lego.gif” align  ”left” width  ”96” height  ”90” vspace  ”10” hspace  ”35” alt  ” Янги мисол ” border  ”1”> Охирги параметр чегара қалинлигини белгилайди. Агар у қийматсиз бўлса, у холда чегара қалинлиги браузернинг хохиши бўйича ўрнатилади. Горизонтал чизиқ.

www.arxiv.uz < hr > дан фойдаланиб абзацни горизонтал чизиқ билан бўлиш мумкин. Ушбу тег ёпилувчи тегга эга эмас. Size ва Width хусусиятлари ёрдамида чизиқнинг узунлиги ва қалинлигини пикселларда ёки фоизларда кўрсатиш мумкин. Масалан, < hr size  ”8” width  ”40%” color  ” red ”> А гар ранги кўрсатилмаса одатдаги кулранг ўрнатилади. Альтернатив матн. Дастлабки браузерлар расмларни намойиш қила олмаган. Бундан ташқари баъзи фойдаланувчилар матнлар билан ишлашни тезлаштириш мақсадида расмларни экранга юклашни атайлаб бекор қилиб қўяди. Шунингдек расм йўқотилганда ёки бузилганда расмнинг ўрнида alt  ”...” хусусиятида берилган матн хосил бўлади. Хосил бўлувчи матн қўштирноқ ичида ёзилиши лозим: < img src  netu . gif alt  ”Бу сурат!”> Фойдаланиладиган асосий дарсликлар ва ўқув қўлланмалар рўйхати: 1. А.Р.Марахимов, С. И. Рахмонқулова «Интернет ва ундан фойдаланиш асослари». Тошкент-2001. 2. Матросов, Сергев, Чаунин. HTML 4.0 в подлиннике. BHV-СПб, 2000 3. Вайнам Л, Вайнам В, Динамический HTML . Диасофт 2001 4. Уилтон П. Java Script . Основы. Символ-плюс. 2002 5. М.Арипов. Internet ва Е- mail да ишлаш, Университет нашриёти, 2000. 6. Microsoft FrontPage 2000. Шаг за шагом.М., ЭКОМ,2000. 7. И.Шапошников. Web - сайт своими руками. СПб.:БХВ-Петербург, 2000. 8. Д. Кирсанов. Веб-дизайн. -СПб: Символ-Плюс,2001.

www.arxiv.uz 9. Уилтон П. Java Script . Основы. Символ-плюс. 2002 10. www.ziyonet.uz 11. www.tuit.uz

Похожие

МикроЭХМда вақт оралиғини ташкил қилиш

Маълумотлар базасида жадвал билан ишлаш

Электрон ҳисоблаш машиналарида иқтисодий масалалар ечишни ташкил қилиш

Мультимедиа воситалари асосида амалий ва лаборатория ишларини ташкил қилиш

Фреймлар