Mатнни форматлаш. Веб-сахифаларда графика - Informatika va AT - Referatlar

Mатнни форматлаш. Веб-сахифаларда графика

Yuklangan vaqt:

20.09.2019

Ko'chirishlar soni:

0

Hajmi:

57 KB

Ko'chirib olish

www.arxiv.uz M атнни форматлаш. Веб-сахифаларда графика Режа: 1. Сарлавхалар. Горизонтал чизиклар. Матн стилизацияси. 2. Физик стиллар элементлари. Мантикий стиллар элементлари. 3. Абзац стиллари элементлари. 4. <blockquote>, <address>, <ins>, <del> элементлари. 5. Руйхатлар. 6. Тасвирлар. Тасвирларнинг форматлари. 7. Тасвир яратиш, форматини узгартириш. 8. <img /> элементи. 9. Матн ва тасвирларни жойлаштириш

www.arxiv.uz Сарлавхалар <p> теги каби алохида абзац куринишида ифодаланади. Сарлавхаларнинг 1-дан 6-гача погоналари мавжуд. <h1>Энг катта сарлавха </h1> <h2> 2-даражали катталикдаги сарлавха </h2> <h3> 3-даражали катталикдаги сарлавха </h3> <p> Бу оддий матн </p> <h4> 4-даражали катталикдаги сарлавха </h4> <h5> 5-даражали катталикдаги сарлавха </h5> <h6> Энг кичик сарлавха </h6> Хар хил ажратувчи горизонтал чизиклар <hr /> теги ёрдамида куйилади. Бу чизик абзацлар оралигида жойлашиб, браузер ойнасининг эни буйлаб чизилади. Агар фойдаланувчи браузер ойнасини улчамларини узгартирса, чизик хам мос равишди узгаради: <hr /> теги <br />теги каби очик тег хисобланади, яъни бу тегларни ёпувчи теги булиши талаб килинмайди. HR – “horizontal rule" (горизонтал чизик) дир. <hr /> тегининг атрибутлари: Атрибут номи Вазифаси size Горизонтал чизикнинг калинлиги. Улчам пикселларда берилади. width Чизикнинг энини белгилайди. align Чизикнинг жойлашиши: браузер ойнасининг left - чап томонида, right - унг томонида, center - уртасида. noshade Чизикнинг ташки куринишини белгилайди. Масалан: <hr size="4" align="center" width="50%" noshade="noshade" />

www.arxiv.uz Энди матн стилизацияси хакида. Теглар технологияси ёрдамида бир нечта янги элементлар келтирилади. Стиллар икки хил булади: физик стиллар ва мантикий стиллар. .:B:. Матн мухаррирлари билан ишлаш жараёнидан биламизки, матнларни хар- хил куринишда ифодаланиши мумкин: калинлаштирилган (полужирный), кулёзма шаклида (курсив), таги чигилган (подчеркнутый) … Бу элементларни ихтиёрий график браузерлар бир хил куринишда ифодалайдилар. Баъзи бир физик стиллар:Элемент Вазифаси <b>, </b> Калинлаштирилган матн (полужирный) <i>, </i> Кулёзма шаклидаги матн (курсив) <tt>, </tt> Харфлар оралигини кенгайтириш <u>, </u> Таги чизилган матн (подчеркнутый) <big>, </big> Катталаштирилган матн <small>, </small> Кичиклаштирлган матн <sub>, </sub> Пастки индекс <sup>, </sup> Юкори индекс Физик стилларни ишлатиш коидаси: Матнни киритинг. Матн олдига курсорни олиб келиб керакли тегни очувчисини ёзинг. Матн охирига курсорни олиб келинг. Ёпувчи тегни ёзинг. Масалан <b> Калинлаштирилган матн (полужирный) </b>

www.arxiv.uz <i> Кулёзма шаклидаги матн (курсив) </i> <tt> Харфлар оралигини кенгайтириш </tt> <u> Таги чизилган матн (подчеркнутый) </u> <big> КАТТАЛАШТИРИЛГАН МАТН </big> <small> кичиклаштирилган матн </small> Cn - C<sub>n</sub> ax2+bx+c=0 - ax<sup>2</sup>+bx+c=0 Мантикий стиллар:Элемент Вазифаси <em>, </em> <i> тегига аналог тег. <strong>, </strong> <b> тегига аналог тег. <cite>, </cite> Мазкур хужжат матнига цитата келтириш. <dfn>, </dfn> Дастур коди <samp>, </samp> Программанинг ишлашига мисол. Олдингиси каби ишлайди. <kbd>, </kbd> Клавиатурадан киритиладиган матн <var>, </var> Узгарувчи ёки микдор <abbr>, </abbr> Аббревиатура <acronym>, </acronym> Акроним Мантикий стиллар браузерга матнни кай тартибда экранга чоп этиш кераклигини билдиради. Мантикий стиллар физик стиллар ишламай коладиган холатлар учун хам уринли булиши мумкин: уяли телефон интернетга уланганда <b> теги оркали калинлаштирилган матн учраб колса, уни укий олмайди. Бу холатда <strong> элементи керакли натижани бера олади. .:C:.

www.arxiv.uz <pre>, </pre> теглари форматланган, тайёр холга келтирилган матндир. Унинг <p> дан фарки шундаки, <pre> элементи хамма буш жой ва катор ташлашларни «тушунади». Яъни бу элементлар уртасига матн кандай жойлаштирилса, шу холатда браузер ойнасида куринади. <pre> элементидан жадваллар ёзишда хам фойдаланиш мумкин: <pre> Курс гурух талаба сони 1 а 21 1 б 20 1 в 24 1 г 23 </pre> .:D:. <blockquote> элементи физик атрибутлар каторига киради. Бу элемент абзацни визуал холда оддий матндан ажралиб туришини таъминлайди. Масалан: <blockquote> Фаластин етакчиси Ёсир Арофат хаётдан куз юмди. Унинг улими сабаблари хозирча ошкор этилмаяпти. Фаластин мухторияти ахолиси унинг улими сабабларини Оммага ошкор килишларини талаб килаяпти. Франция хукумати хозирча бу хакда хеч нарса деганича йук. Маълумки, Ёсир Арофат Франция харбий госпиталларидан бирига касаллиги туфайли хаётдан куз юмди. Улими сабаблари келтирилган хужжатлар Ёсир Арофатнинг оиласига такдим этилди. </blockquote> Натижани браузер ойнасида узингиз куриб оласиз.

www.arxiv.uz <blockquote> ишлатилганда матн оддий шрифтда олдинги стилдагидек ифодаланади. У хам <p> элементи каби ортикчи пробеллар ва каторларни йук килади. <address> элементи сахифа автори хакидаги маълумотни узида мужассамлаштирган матнни яратиш учун ишлатилади. Аксарият браузерларда бу матн кулёзма (курсив) холда куринишга эга булади. Одатда бу элемент веб-сахифанинг охирида ишлатилиб, узида куйидаги маълумотларни акс эттиради: сахифа качон охирги марта янгиланган; бу сахифа билан боглик саволларни ким билан мухокама килиш мумкинлиги (одатда веб устасининг e-mail ИИБ келтирилади); сахифанинг URL адреси; компания ёки ташкилотнинг адреси, телефон номери. Масалан, <address> Охирги янгиланиш: 25.11.2004 web master: jspi@intal.uz Жиззах шахри, Ш.Рашидов шох кучаси. Тел: 226-18-57 </address> <ins> ва <del> элементлари бизнес ва таълимга багишланган официал проектлар тайёрловчиларда айникса кизикиш уйготади. <del> элементи шундай матн учун ишатиладики, у куриш жараёнида учирилган холда куринади, <ins> элементи эса учирилган матн урнига куйиладиган матн учун ишлатилади. Масалан: <del title="Учириладиган матн">Учириш </del> <ins>Бу куйиладиган матн</ins> .:E:.

www.arxiv.uz Руйхатни тузишда одатда куйидаги формат кулланилади: <руйхат тури> <li>Биринчи булим </li> <li>Иккинчи булим </li> <li>Учинчи булим </li> </руйхат тури> Руйхат тури номерланган руйхат ва чизикли руйхат булиши мумкин. Номерланган руйхат <o1>, чизикли руйхат эса <u1> элементи билан берилади. Уларнинг хар бири <li> элементи билан ифодаланган булади. <ol> <li> Биринчи пункт </li> <li> Иккинчи пункт </li> <li> Учинчи пункт </li> </ol> <ul> <li> Биринчи пункт </li> <li> Иккинчи пункт </li> <li> Учинчи пункт </li> </ul> Купгина график браузерларда тартибланган руйхатларнинг кушимча атрибутларини куллаш мумкин булади. Уларнинг ёрдамида тартиблашни куринишини танлаш мумкин булади.Тег номи Руйхат тури <ol type="A"> Катта лотин харфларидан тузилган руйхат <ol type="a"> Кичик лотин харфларидан тузилган руйхат <ol type="I"> Рим (Катта)харфларидан тузилган руйхат <ol type="i"> Рим (Кичик)харфларидан тузилган руйхат <ol type="1"> Араб ракамларидан тузилган руйхат

www.arxiv.uz <ul type="disc"> Доиралардан тузилган руйхат <ul type="square"> Квадратлардан тузилган руйхат <ul type="circle"> Айланалардан тузилган руйхат Бундан ташкари тартиблашни ихтиёрий start атрибути ёрдамида номерланган руйхатни бошлангич киймати танлаш мумкин булади. Масалан, руйхат 5 номеридан бошланиши керак булса, <ol start="5"> деб ёзиш керак булади. value атрибути руйхат ичида бошкатдан руйхат килиш имкониятини беради. .:F:. Тармокда тасвирлар хакида гапирилганда аникланган маъдум бир турдаги файллар хакида гап кетади. У цифровой камера ёки сканер ёрдамида олинган расм, тасвир, аттоки, график форматда ифодаланган матн булиши хам мумкин. Бу ерда файлнинг аникланган формати мухим рол уйнайди. Купчилик матн мухаррирлари (Notepad, SimpleText) график файлларни узларида тасвирлай (кура, ифодалай) олмайдилар. Бунинг учун махсус тасвирларни куриш программаси, график мухаррирлар мавжуд. Тасвирларни веб-сахифага жойлаштириш жуда оддий. Бунинг учун <img /> элементи керак булади. Шуни тушуниш керакки, расм сахифага жойлаштирилмайди, балки расмга сахифадан туриб мурожаат (расмга йул) курсатилади. Расм файли эса компьютернинг каттик дискида ёки тармокда жойлашган булиши мумкин. Тармокда тасвирларнинг асосан JPEG (Joint Phorographic Experts Group «Джи-пег» деб укилади), GIF (Graphics Interchange Format «гиф» ёки «джиф» деб укилади) ва PNG (Portable Network Graphics «пинг» деб укилади) каби форматлари кулланилади. Бундан ташкари PCX, TIFF ва PICT каби форматлар хам интернетда учрайди. Агар фойдаланувчида бошка

www.arxiv.uz форматдаги тасвирлар булиб, уни веб-сахифага жойлаштирмокчи булса, у холда уни юкоридаги форматлардан бирида ифодалаб оилиши максадга мувофикдир. .:G:. Веб-сахифа учун тасвирни куяётганда куйидаги коидаларга эътибор бериш лозим: биринчидан «тушлик учун яхши кошик»ки танлаган каби, яъни тасвир уз жойида кулланилиши керак; иккинчидан, тасвир файлини юклаш куп вактни олмаслиги керак. Тасвирлар, жадваллар, графиклар веб-сахифани безайди, унинг куриниши ва информативлик хусусиятини оширади. Факат матндан иборат веб-сахифа фойдаланувчини зериктириб куйиши мумкин. Веб-сахифани тасиврларни куйиш оддий вазифа. Мураккаби, яхши тасирни хосил килиш хисобланади. У куплаб хусусиятларга эга булиши лозим: кизикарли, фойдали узига тортувчи ва жуда ам катта булмаслиги лозим. Тасвирларни яратишинг баъзи бир коидалари: Тасвирлар ва графикалар берилаётган информацияга тегишли булиши лозим. Сахифанинг улчамини ошириш учунгина тасвирларни куйиш керакмас. Фойдаланувчилар Интернетдан маълумот кидиради ва факат кераклисини укийди, сизнинг яхши курган расмингизни куриш у учун кизик эмас. Тасвирлар тез юкланиши керак, бу ютукка олиб келади. Бунинг учун эса файл катта хажмда булмаслиги керак. Шунинг учун сахифани расмлар билан «тулдириб» ташламаслик керак. Охирги йилларда ишлаб чикарилаётган юкори сифатли ракамли фотоаппаратлар хизматидан фойдаланинг. Бу сизга керакли формат ва улчамни танлашда кулайлик тугдиради.

www.arxiv.uz Агар сиз сахифангизга тасвир куйишга карор килган булсангиз тасвирларни яратишга мулжалланган график мухаррирлар хизматидан фойдаланишингиз мумкин. Улар: Paint Shop Pro, Graphic Converter, Adobe Photoshop, Adobe Image Ready, Corel Draw, Corel Xara … .:H:. <img /> элементи веб-сахифага тасвир куйиш имкониятини беради. Бунда тасвирнинг URL адресини курсатиш керак булади. Тасвир файли хамма файллар сакланаётган каталогларнинг бирида ёки Интернетда жойлашган булиши мумкин. <img /> эелемнтининг куйидаги куринишда ёзилади: <img src="image_URL"> Агар тасвир Интернетдан юкланиши режалаштиришган булса, у холда унинг тулик адресини ёзиш керак: <img src="http://ww.fakecorp.com/images/three.gif"> Агар тасвир узимизнинг каталогда жойлашган булса, унинг адресини тулик курсатиш шарт эмас: <img src="Map.gif"> <img src="/Images/Map.gif"> Хамма Интернет фойдаланувчиларда хам Internet Explorer, Nestcape ёки бошка бир график браузер урнатилмаган булиши мумкин. Баъзи бир фойдаланувчилар Интернет билан алока жуда секин булганлиги сабабли график холатни учириб куйишлари хам мумкин. Бундан ташкари WAP турдаги уяли телефон аппаратларини, чунтак компьютерларини ва кузи ожизлар учун овозли браузерлар мавжудлигини утунмаслик керак. HTML

www.arxiv.uz тилида бундай холатлар учун alt атрибутини куллаш имконияти бор. Унда сахифага куйилаётган тасвир экранга юклаш имконияти булмаганда шу тасвир нима хакда эканлигини билдирувчи матн мавжуддир. Бу матн тасвир чикиши керак булган. Аммо баъзи бир сабабларга кура экранда куринмай турган жойда ёзилади. Масалан: <img src="/Images/Map.gif" alt="Bu yerda rasmga tegishli matn joylashadi" /> .:I:. Матн ва тасвирларни сахифага жойлаштиришда куйидаги атрибутлардан фойдаланилади: Номи Вазифаси align="top" Матн тасвирнинг юкори чегараси билан тенглаштириш ёзилади. align="middle" Матн тасвирнинг уртаси билан тенглаштириб ёзилади. align=“botom" Матн тасвирнинг куйи чегараси билан тенглаштирилиб ёзилади. Матнларни унгдан ва чепдан текислаш имконияти хам мавжуд. Бунинг учун align атрибутида left ёки rigth ёзувини ёзиш керак булади. Куйилаётган тасвирнинг улчамларини танлаб куйишимиз мумкин. Бунинг учун width ва height элементлари ёрдами ишлатилади. Берилаётган улчам пикселларда ифодаланади. Масалан: <img src="Gerb.gif" align="middle" width="150" height="150">

O'xshashlar

Веб сахифа яратиш учун нималар керак биринчи веб сахифа

Web саҳифада графика ва мультимедиа

Web сахифада графика ва мультимедиа

CSS (cascading sheets style) Технологияси асослари

Тақсимланган МБ ва Интернет