logo

HTML – Front Pfge редакторининг қўшимча имкониятлари

Yuklangan vaqt:

20.09.2019

Ko'chirishlar soni:

0

Hajmi:

3424 KB
HTML – Front Pfge редакторининг қ ўшимча имкониятлари Reja : 1. Фрейм тузилмали сахифалар. 2. Web – сахифанинг актив бошқарув элементлари. 3. Формалар – ахборотни ташриф буюрувчилар билан киритиш учун восита. Мавзуга оид таянч тушунча ва иборалар : Фрейм , айланиш тасмаси , contens шаблони , Faoter шаблони , Footnotes шаблони , Banner and Contens, сфҳифанинг қуйи қисми , сайт мундарижаси , ахборотни аниқлаштириш , хужжат кўриб чиқиш дарчаси , контентул - навигация панели , аниқловчи фрейм , асосий фрейм , ранг ўзгартирувчи тугмалар , мультипликацион элементлар , берилганларнинг интерактив блоклари , Click ёки Double Click, Mouse over, paqe Load, Drop Down, Elastic, Hop, Ole (Object Linkind and Embedding), Office pivot Table, Office Chart, элемент дарчаси , хужжат URL ини ўрнатиш учун майдон , Hit Conter, счетчик дарчаси , рақам формасини ўзгариши , мундарижа боши , саҳифанинг бошланғич ( старт олиш ) ташриф буюрувчи рўйхатга олиш , меҳмонлар дафтари , фикр ва мулоҳазалар , интерфейс , форма яратиш Submit тугмаси . 1. Фрейм тузилмали сахифалар 1-асосий савол баёни: Фрейм тузилмали сахифалар бирданига бир неча шуъба (дочерний) дарчалари билан ишлашга имкон беради. Фрейм – бу сахифадаги жой бўлиб, унда бошқа HTML хужжат кўрсатилади. Фрейм ўзининг айлантириш тасмасига эга бўлган махсус кўриб чииш дарчаси хисобланади. Фреймлар чегшаралари ўзгариши мумкин, яъни фреймлар харакатланувчи чегара сплиттер билан ажратилган бўлади. Фрейм жойлашган сахифа хеч қандай қийматга эга эмас. У бошқа Web - сахифаларни жойлаш учун хизмат қилади. Одатда чегарада иккитадан тўрттагача фреймлар жойлашади. Front Page бирнечта тайёр, текширувдан ўтган, номдор самарали фрейм тузилмаларига эга бўлади. Фреймларни мавжуд сахифаларга ўрнатиш мумкин эмас ( агар у бўш бўлган тақдирда хам) Фрейм тузилмали сахифаларни яратиш зарур ( File – New 0 pege ) New дарчаси фаоллашади. Fremes Pfges нинг қўшимча дарчасида Web – сахифа учун 10 та шаблон жойлашган бўлади. (расм 5.1.) Расм 5.1. New дарчасининг Fremes Pages қўшимча варақаси. Хар бир шаблон қисқача аннотация билан таъминланган. Privies дарчасида яратилажак сахифа тузилмаси кўриниб туради. Banner and Contents шаблони учта фреймли сахифани яратади. Сахифанинг юқори қисмида сайтнинг умумий номи ва нaвигация панелини ўз ичига олган баннер жойлашган. Ўнг қисми кўри, чиқиш учун танлаб олинган сайт қисми учун мўлжалланган. Бунинг учун юқори фреймнгинг навигацион панелидан фойдаланилади. Дарчанинг асосий қисмини асосий HTML акс этаадиган бош фрейм эгаллаган. Икки фреймли Contents шаблони. Сахифанинг юқори қисмидаги тор фрейм сайт мундарижаси учун, ўнг қисми эса танлаб олинган сахифанинг асосий фрейми учун ажратилган. Шаблон Footer сайтга тегишли барча қийматларни ўз ичига олган фреймни асосий сахифанинг қуйи қисмига жойлашади. Footnotes шаблонида пастки фрейм бироз кўпроқ жойни эгаллайди. Header шаблонида битта фрейм навигацион панелга тегишли бўлади. Сахифанинг юқори қисмини навигация қисми учун тор фрейм эгаллаган. Шаблон . Header , Footer and Contents тўртта фреймли сахифа яратади, хужжатни кўриб чиқиши учун асосий фрейм, сарлавхалар, сахифа подвали, сахифанинг қуйи қисми ва унинг чап қисмидаги мундарижа учун фрейм. Horuzontal Split ва Vertual Split шаблонлари сахифани мос равшда гаризонтал ва вертикал бўйича икки қисмга бўлади. Улар бир – бирига боғлиқ бўлмаган хужжатли икки фрейм учун мўлжаллангандир. Иерархик тузилмали фреймларга эга бўлган сахифаларни яратиш учун Vested Hierarchy ва Top - Down Hiezazchy шаблонлари мавжуд. Бу шаблонлар фреймларнинг жойлашиш тартиби билан фарқланади. Биринчи шаблонда сахифанинг чап қисмида сайт мундарижаси фрейми жойлашган бўлса юқори ўнг бурчакда ахборотларни аниқлаб берувчи фрейм, асосий қисми эса олинган хужжатни кўриб чиқиш учун асосий дарчага ажратилган. Иккинчи шаблон вертикал иерархия сахифани яратиб беради.Сахифанинг юқори колонтитулида навигация панели, бироз пастроқда фрейм, унинг остида эса асосийси жойлашган бўлади. Шаблон танлаб олингач "Ок" ва янги фрейм тузилмали сахифа тайёр. Ҳар бир фреймда мажуд Set Initial Page тугмачаси гипералоқаларни яратиб берувчи, дарча ёрдамида мавжуд бўлган сахифани фреймга боғлаб беради. Мободо, бундай сахифа бўлмаса уни New Page тугмаси ёрдамида яратиш мумкин. Фрейм тузилмани Web - сахифани яратишда одатдаги учта иш режимига асосий ишчи дарчанинг иккита қўшимча варақаси ҳам қўшилади. Normal қўшимча варақа лойихаланаётган сахифани кўрсатади. No Fromest қўшимча варақада " This page uses frames . But your browser daesut suppert thim ", яъни мазкур браузер фрейм тузилмали сахифани акс эттираолмайди. Алоҳида олинган фреймлар хусусиятларни ўрнатиш учун (матн курсорли фаол фрейм) Frame Properites ( Frame - Frame Properites ) мулоқот дарчаси ёки контекст меню буйруғи ишлатилади (расм 5.2.) Расм 5.2. Frame Properites мулоқат дарчаси. Name кириш майдони олдиндан ўрнатилган файл номини ўзгартиришга имкон беради . Initial Page эса шу фреймда бошидан кўрсатилажак Web – сахифаларни яратади . Бу ма қ садлар учун Browse тугмасидан фойдаланиш мумкин . Frame size бош қ ариш блоки фрейм ўлчамини кўрсатиш учун ишлатилади . Web - сахифани кўриб чи қ иш ва қ тида узо қ даги фойдаланувчи тамонидан фрейм ўлчами ўзгартирилганда Options бош қ арув элементлар гуруҳи фреймнинг акс этиш режимини ўрнатади . Frames Page тугмаси фрейм тизилмали сахифанинг барча хусусиятларини ўрнатиш учун хизмат қ илади . Фреймлар билан ишлашда энг асосий масала бу сахифанинг фрейм тузилмасини тў ғ ри яратиш ва хужжатларни тў ғ ри акс эттириш учун гиперало қ аларда фрейм номларидан фаол фойдаланиш . 2. Web - сахифани расмийлаштиришнинг фаол элементлари. 2-асосий савол баёни: Актив элементларга HTML воситалари билан амалга ошириб бўлмайдиган, лекин Web - сахифаларни расмийлаштиришда кўплаб ишлатиладиган объектлар киради. Масалан, сичқонча курсори тўғри келганда ўз рангини ўзгартирадиган тугмалар, мультипликацион элементли матн блоклари, берилган маълумотларнинг интерактив блоклари, берилганларни автоматик усулда хисобловчи жадваллар ва б.қ. Houtaye актив элементларга қуйидагиларни киритиш мумкин: DHTML ( Dunamic HTML ). Бу эффектлар гурухи матн сатрини анимация қилиш учун ишлатилади. Эффектни танлашда DHTML Effects асбоблар панелидан фойдаланиш маъқул ( View - Toolbors - Dunamic ) HTML Effects ёки Format - Dunamic UMLL Effects ). DHTML Effects панелида керакли сатрни ажратиб олингач, On рўйхатига эришилади. Унинг ёрдами билан танлаб олинган эффект (самара) пайдо бўлади. Бундай самарали воқелик Click ёки Duble Click сатрларида бир ёки икки марта сичқонча билан чиқиллатиш орқали содир бўлади. Maus over - сатр устида курсорнинг пайдо бўлиши, Page Load - ўзҳкдаги фойдаланувчи браузери билан сахифани юклаш. Самарали воқелик ўрнатилгач, Apply рўйхатида аниқ эффект танланади: Drop Down браузер кўриб чиқиш дарчасининг юқори чегарасидан ёки HTML - хужжат фреймининг юқори чегарасидан сахифа сўзларини навбати билан ташлаб юборади. Elastic эффектни танлаш DHTML Effects асбоблар панели рўйхатини фаоллаштиради. Унда танлаб олинган эффектлар параметрларини ўрнатиш мумкин. Elastic ҳамма сатрларни кўриш дарчаси ёки фрейм чегарасидан чиқиб кетишга, ўз жойига учиб боришга, аста - секин харакат тезлигини пасайтириб инерция билан мўлжалдаги холатига қайтиб келишга мажбур этади. Front Right параметри дарчанинг ўнг чегарасида пайдо бўлган сатрни гаризонтал бўйича, From Boottom билан эса дарчанинг қуйи қиррасидан вертикал бўйича харакатланишига мажбур қилади. Flyin эффекти сатрни кўрсатилган жойдан учиб чиққач, ўз холатига қайтишга мажбур этади. Front Right , From Boottom , From Left ва From tep параметрлари старт олиш жойи сифатида мос равшда кўриб чиқиш дарчасининг ўнг қуйи, чап ва юқор чегараларини кўрсатади. From Boottom - Left , From Boottom right , From tep - Left қийматлари дарча бурчакларидан фойдаланишга имкон яратади. Along Corner эффекти - Fily in ва Elastic эффектларнинг қўшилиши хисобланади. Сатр бошида у кўриб чиқиш дарчасининг қуйи чегарасидан кўтарилгач, зарур жойгача Elastic эффекти услубида вертикал бўйича харакатланади. From tep right by mord ba From Buttom - right by word эффектлари сатр сўзини навбати билан кўриб чиқиш дарчасининг юқори ўнг ва қуйи ўнг бурчагидан чиқариб ташлайди. НОР эффекти сатрни алохида сўзларга ажратади ва эффект пайдо қилади, яъни Spiral эффекти сатр мақсадига сеянса, Ware эффекти HOP каби сўзли эффектлар пайдо қилади. Wipe эффекти Left to right , Top to Buttom , From middle параметрлари билан чапдан ўнга, юқоридан пастга вертикал бўйича, ўртадан қирраларга гаризантал бўйича сатрни юзага келтиради. Zoom эффекти In параметрлари билан сатрни кичик ўлчамдан аста - секин зарур бўлган ўлчамгача оширади, Out параметри билан эса тескари тамонга оширади. Click ёки Double Click эффектлари матн сатрида мавжуд. Fly out Fly in га ўхшаш, лекин тескари харакатланади. Formatting сатрнинг ташқи кўринишини ўзгартиради. DHTML Elastic рўйхатида янги шрифтни танлаш учун стандарт мулоқот дарчасини фаоллаштирувчи Choose font альтернативи танлаб олинади. Сатр чегараларини ўрнатиш учун фаоллашувчи Choose Border қиймати, рамкаларни ўрнатишда эса фаоллашувчи Borders and Shading дарчси қўлланилади (расм 5.3.) Расм 5.3 . Borders and Shading мулоқот дарчаси, Borders қўшимча варақаси. Setting блокида рамкаларнинг уч хил намунаси жойлашган. Индамаслик бўйича ишлатиладиган None вариантида рамка мўлжалланмаган. Ягона чизиқ ўрнатиш ( Box хили) Style рўйхатидан танланади. Custom хили блокнинг ҳарбир томони учун чегараловчи чизиқни ўрнатиб беради. Podding бошқарув элементлари блокида чегара ўлчамлари пикселларда кўрсатилади. Shading қўшимча варақаси ёрдамида рамка соясининг ранги ва блок фони ўрнатилади. DHTML панелида булардан ташқари Remore Effect (ўрнаттилган эффектни олиб ташлаш учун) ва High light dynamic HTML Effects (динамик эффектли барча сатрларни қидириш учун) тугмалари мавжуд. 2. Office Spreadshect фаол элементи MS Excel жадвалига ўхшаш бўлиб, Active X . технологиясига асосан амалга оширилган. Бу технология асосида OLE ( objekt Linking and Embeding ) стандарт принципи ётади, яъни объектларни боғловчи ва тадбиқ қилувчи стандарт OLE 2.0 стандарт версиясида объектнинг кампонент модели - СОМ ( Component Objekt Model ) тўла - тўкис ишлатилган, СОМ модели боғловчи ва тадбиқ этишга нисбатан анча кўп имкониятларга эга. Умуман, СОМ яратилажак объект функциясининг рўйхати хисобланади. Мана шу моделдан Active X нинг актив элементлари яратилган. Office Spreadsheet актив элементи худди Office pivot Table ( маълумотларнинг тахлил қилиш воситалари жадвали ) ва Office chart (оддий дастур) каби M . S Office Web Components нинг биттасидир. Улар M . S Office 2000нинг стандарт блоклари хисобланади, барча элементлари руслаштирилган ва маълумотлар ҳам рус тилида тақдим қилинади. Office Spreadsheet элементи электрон жадвалнинг стандарт майдонидан ташқари кўп тугмали асбоблар панелига ҳам эга. Уларнинг биттаси билан электрон жадвал варағида хусусиятларни ўрнатувчи дарчани чақириш мумкин. (расм 5.4.)  Расм 5.4. Электрон жадвалнинг ўрнатилган актив элементи хусусиятларини ўрнатувчи мулоқот дарчаси. Office Spreadsheet варағи рақамли ва матнли қийматларни ва автосуммирование ни бажариш имконини бор формулаларни ячейкага киритиш имконини яратиб беради Актив элементни ўрнатиш: Zusert - Component - компонент рўйхатда Office Spreadsheet ни ёки бошқасини танлаш керак. 3. Banner Ad Manager. Insert - Component - Banner Ad Maneger ёки асбоблар панелидаги тугма . + андайдир Web- ресурсга ссўлка ( хавола ) ни ўз ичига олган плакат ( баннер ) ни ўрнатиш мумкин . (расм 5.5.) Расм 5.5. Banner Ad Maneger Properties дарчаси . Link to кириш майдонида ҳавола қ илинажак ҳужжатга URL кўрсатилади . PICTURES TO Display рўйхатида баннерда акс этадиган график файллар номи жойлашган бўлади . Add - қ ўшиш , Remone – ўчириш . Move Up Move Down show each pirture for (secands) кириш майдонида ўрнатириб секундаро келадиган расмлар тартибини ўзгартиради . Transition sffect рўйхатида номлар эффекти кўрсатилса , баннернинг бўйи ва эни эса Heiqht Weiqht майдонида кўрсатилади . 4. Hit Couter – давомад счетчиги Мос келган буйру қ ларни танлашда Hit Counter properties дарчаси фаоллаашади ( расм 5.6.)  Расм 5.6. Hit Counter properties дарчаси . Couter Style майдонида счетчикдаги бешта ра қ амлар ёзувининг биттаси ёки Custom Picture алтернативи танлаб олинади ва кириш майдонида ўзгача ёзувдаги ра қ амли расмга эга GIF форматидаги график файл номи кўрсатиш зарур . Нолдан фар қ ли счетчикнинг бошлан ғ ич қ иймати Reset couter to майдонида кўрсатилади . Индамаслик бўйича эса бешта рақам ишлатилади . Булардан ташқарии кўплаб фаол элементлар ишлатилади . Масалан , гипералоқаларни чиройли қилиб расмийлаштириб берадиган Hover Buntton тугмаси ( олдиндан кампиляция қилинган jave даги мини илова ); HTML – хужжатда югуриб ўтувчи сатрни яратувчи – Marquer ( фақат HTML воситалари билан яратилади ); битта Web – саҳифада бошқа саҳифа қийматларини кўрсатувчи . Include Paqe ( авторлик хуқуқи тўғрисидаги хабар қоғози ). Scheduled Picture,- маълум бир вақт ичида саҳифада акс этувчи график тасвирларни жойлаш учун хизмат қилади . Scheduled Include Paqe жадвал бўйича акс эттириладиган тадбиқ этилажак саҳифа ; Substitution одатда қуйи саҳифа колонтитулларида олдиндан резервланган саҳифаларни ўрнатади . Cateqories – саҳифанинг қуйи қисмига ўрнатади ва ассоциатив алоқаларни амалга оширади . Table of Contents актив элементи тўғрисида батафсил гпалашамиз . Бу сайтнинг муҳим атрибутларидан бири ҳисобланади ( яъни мундаражаси ). Мундаражани ихтиёрий саҳифадан бошлаш мумкин ва унга сайт иерархиясидаги барча боғлиқ бўлган саҳифалар киради Бошланғич саҳифа URL ва Paqe URL for startinq paint of table майдонида бўлади . Сарлавҳа учун шрифт ўлчами Headinq font size майдонида берилади . + олган бошқарув элементлари Show Lach paqe only once нинг байроқлари саналиб , Web – саҳифанинг бир марта кўрсатиш мумкинлигини кўрсатади . Show paqes with incomind huperlines байроқчаси гипералоқанинг шундай саҳифаларини акс эттиришга имкон беради - ки , улардан бошланғич саҳифа мундарижаси бўлмайди ( етим саҳифалар – orphan paqes). Recompute table of contents wheh any other paqe is eduted байроқчасини ўрнатиш сайт саҳифаларидан биттаси ўзгарганда мундарижани ҳар сафар қайта ҳисоблашга мажбур қилади . Бундан ташқарии , интернетда кўплаб актив элементларни топиш мумкин , топилган java апплетлар – Insert – Advanced – Java Applet ни ; уланажак кенгайтиш модуллар - Insert – Advanced – pluq – I n ни ўрнатиш мумкин . Insert – Advanced – Active X Contral - Active X элементлари ; агар Front Paqe нинг иш натижалари қониқарсиз бўлса , саҳифанинг бир қисмини тўғридан – тўғри HTML тегларидан ёзиш мумкин . Insert – Advanced HTML Front Paqe актив элементларидан ва Интернет элементларидан тўғри фойдаланиб сайтни шараф билан расмийлаштириш мумкин , лекин унга интерактивлик ва динамиклик хусусиятларни қўшиш керак бўлади . Тескари боғланишли тўлиқ интерактивлик формаларни яратишга имкон яратади. 3. Формалар – ахборотни ташриф буюрувчилар билан киритиш учун восита 3-асосий савол баёни: Формалар сайт ташриф буюрувчиси билан ахборотларни киритиш учун мўлжалланган-ки, кейинчалик уларга ишлов бериш мумкин бўлсин (ташриф буюрувчини рўйхатга олиш, меҳмонлар дафтарчасида уларнинг фикр ва мулоҳазаларини қайд қилиш, ҳар хил Викторина ва анкетлаштиришлар ўтказиш ва б.қ.), матнни тахрирлаш майдонини териш, рўйхатлар, радио тугмалар ва байроқчалар – типик формалар ҳисобланади. Бу каби барча бошқарув элементларига одатда иккита тугма қўшилади. Улардан бири фойдаланувчи индамаслик бўйича киритган қийматларни янгилайди, иккинчиси эса киритиш жараёнини тугаллаб, сайтдаги маълумотларни қайта ишлаш учун жўнатади. Формаларнинг ўзи HTML воситалари билан яратилади, қайта ишлаш учун CGI – илова ёки унинг анологи ISAPI – кенгайиш ишалатилади. CGI ( Common Gateway Interface ) стандарт интерфейс Web – сервер ёрдамида маълумотлар базаси ва маҳсуслашган Интернет – иловалар ўртасида, ахборотлар алмашувини амалга оширади. Бу иловалар HTTP ( Hyper Text Transfer protocol ) ёрдами билан Web – сервердан ахборот қабул қилади, унга ишлов беради ва натижани шакллантирган Web сахифа ёки ссўлка (ҳавола) кўринишида амалдаги саҳифага қайтаради. ISAPI ( Internet Server Application Interface ) Web сервер томонидҳа бажарилажак иловалар учун интерфейс CGI нинг қўшимча варианти каби ишлаб чиқилган. CGI ва ISAPI иловалари серверга натижаларни жўнатувчи « Submit » тугмасига боғлиқдирлар. Форма қуйидагича ишлайди. Сайтнинг ташриф буюрувчи браузери HTML код саҳифани формаси билан қабул қилиб олинади ва уни акс эттиради. Ҳамма майдонлар тўлгач, узоқдаги фойдаланувчи « Submit » тугмасини босади. Натижада фойдаланувчининг қийматлари ёзилган махсус сатр шаклланади. Бундай сатр HTTP протоколи ёрлами билан сайтга узатилади. Сайтда CGI ёки ISAPI лар сатрни қабул қилиб олиб қайта ишлайдилар, узоқдаги фойдаланувчи маълумотларни инобатга олган ҳолда янги саҳифани шакллантирадилар ва уни HTML –сайт фойдаланувчи браузерига HTTP протоколи ёрдамида узатадилар. Front page ёрдамида форма (шакл) яратиш: Insert – Form – Form . Маълумотларни Reset (бошланғич қийматни ўрнатиш учун) ва « Submit » (маълумотларни серверга узатиш учун) тугмалари билан киритишда саҳифада бошқарув элементларисиз форма (шакл) пайдо бўлади. Бу форма тайёрлов жараёни деб қабул қилинади. Бу форма учун ажратилган жойни ҳамиша кенгайтириш сўнгра унга кейинчалик зарурий бошқарув элементларини қўшиш мумкин.  Хулоса Бир вақтда бир нечта шуъба дарачалари билан ишлаш учун фрейм тузилмали сахифалар мавжуд. Front Page бир қанча тайёр, текширувдан ўтган ва номдор самарали фрейм тузилмасига эга. фреймлар билан ишлашда энг асосий масала, бу фрейм саҳифа тузилмасини тўғри яратиш ва хужжатларни хатосиз акс эттириш учун гиперхаволаларда фрейм номларидан фаол фойдаланиш. Web – саҳифани жиҳозлашдаги фаол элементларга қуйидагилар киради: 1) Dynamic HTML ( DHTML ) – матн сатрларини анимация қилишдаги самара гуруҳи. 2) Active X технологиясида амалга оширилган office Spreadsheet актив элементи ( Excel га ўхшаш). 3) Banner Ad Manager – банкерни қ айсидир . Web ресурсга ўрнатиш ( гипералоқа билан ). 4) Hit Conter – давлат счетчиги . Формалар сайт ташриф буюрувчилар томонидан у ёки бу ахборотни киритиш учун мўлжалланган ( ахбротни кейинчалик қ айта ишлаш мумкин ). Фермалар асососан HTML воситалари ёрдамси билан яратилса – да , Front Page ҳам шундай формаларни яратаолади . Фойдаланиладиган асосий адабиётлар: 1. И.Шапошников. Web – сайт своими руками, СПГ, «БХВ Петербург», 2000 2. Энди Шафран. Создание Web – страниц, самоучитель, СП «Питер» 1999 3. Кришномурти Б., Рексфорд Дж. Web – протоколў. Теория и практика. – М.: ЗАО «Издательство БИНОМ», 2002. – 592 с. 4. Орлов Л.В. Web – сайт без секретов. – 2 – у изд. М.: ЗАО «Новўй издательский дом», 2004. – 512 с. Интернет сайтлари: 1. Alta Vista – www . altavista . com 2. Fast Search – www.alltheweb. com/ 3. Go To – www.goto.com 4. Coogle – www.google.com 5. Hot Bot - www.hotbot.lycos.com 6. Inktomi - www.Inktomi.com 7. Look Smart - www.Looksmart.com 8. Lycos - www.lycos.com 9. MSN Search – www.search.msn.com 10. Nothern Light - www.nothernlight.com 11. Yahoo! - www.yahoo.com 13. ТГЭУ - www. tsue. uz 14. КГЭИ - adm @ kspei . kcn . ru 15. УАГУ - svitlana @ napa - dil . org . ru 16. ГУИКТ: bshunev @ lycos . com 17. Узбекистон хукумати сайти - www . gov . uz 18. Россия Хукумати сайти – www . gov . ru 18. Yandex - www.yandex.ru