4-мавзу. HTML да формалар, фреймлар ва объектлар

Slides:



Advertisements
Similar presentations
1 Frames •What is Frame? •How Frames Work? •Setting Up a Frameset Page •Targetting Frames •Content for Users Without Frames.
Advertisements

1 Lecture #5 Static Web Documents Shimrit Tzur-David HAIT Summer 2005.
COS 125 Day 25. Agenda  Assignment #7 Due  Final capstone progress report due next class  Assignment #8 Posted Due April 25 One more to go  Exam #5.
Linked Windows and Frames. Frames and Linked Windows2 Linked Windows n Information pointed to by hyperlink displayed in another window n Target attribute.
Мурат Кадиров Ўзбекистон Республикаси Молия вазирлиги
I боб. Delphi дастурлаш тили
Анъанавий ва интерфаол педагогик технологиялар
HTML 2 FRAMES. Frames Intro Frames are a feature supported by Netscape 2.0 (and higher) Internet Explorer 3.0 (and higher) and a few other browsers. Frames.
Frame Page A Frame Page does the following: –Defines the size of each frame. –Defines how the window will be broken up – rows or columns. –Specifies which.
IDK0040 Võrgurakendused I harjutus 03: Lists, tables and frames Deniss Kumlander.
XHTML1-1 Extensible HyperText Markup Language (XHTML) Part 2 Xingquan (Hill) Zhu
Using Frames in a Website GMU November 12-13, 2004.
Copyright © Terry Felke-Morris WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 7 TH EDITION Chapter 9 Key Concepts 1 Copyright © Terry Felke-Morris.
Замонавий дорихона ва фармацевтик ёрдам Профессор Х.С.Зайнутдинов.
Copyright © Terry Felke-Morris WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 Chapter 9 Key Concepts 1 Copyright © Terry Felke-Morris.
Frames. Dividing a page, called frameset, into frames, allow the visitor to see more than one page at a time Each frame contains its own Web page, and.
1 HTML: HyperText Markup Language Representation and Management of Data on the Internet.
Миллий ғ оя тар ғ иботи ва маънавий-маърифий ишлар самарадорлигини ошириш.
Л.Н. Туйчиев Тошкент Тиббиёт Академияси
Introduction to HTML.
Introduction to HTML Forms and Servlets
Try coding… Try to code the following table design: Cell 2 Cell 1
Web Programming– UFCFB Lecture 10
Tables Tables provide a means of organising the layout of data
CS120 The Information Era Chapter 4 – More HTML Specifics
Table of Contents Creating Frames Frameset Tag and its attributes
ARUSHA TECHNICAL COLLEGE WEB DESIGN(html forms)
Мавзу: «Дори воситаси сифатини дастлабки хом ашёга богликлиги
3-маъруза. РНР да сатр ва массивлар билан ишлаш
ИНТЕРНЕТ ТАРМОҒИ РЕСУРСЛАРИ.
النماذج عند الانتهاء من هذا الدرس ستكون قادرا على:
Creating Form Elements
Урганч Давлат Университети “Информатика ва AT” кафедраси
Table of Contents Creating Frames Frameset Tag and its attributes
АЛОҚА ВОСИТАЛАРИ ВА МОБИЛ АЛОҚА ТЕХНОЛОГИЯЛАРИ
Бачадон ва бачадон буйни фон ва рак олди касалликлари
Table of Contents Creating Frames Frameset Tag and its attributes
This shows a frameset that includes two pages in columns
Мавзу: Ялпи миллий махсулот ва унинг харакат шакллари.
Оквири Оквири омогућавају да видљиво подручје буде подељено у неколико делова. Свако подручје може да учита сопствени документ, са различитом адресом,
Компьютер техникаси ривожланиши тарихи
КОМПЬЮТЕР БИЛАН ИШЛАШ. РЕЖА:  Компьютерни ишга тушуриш;  Windows операцион тизими;  Файллар билан ишлаш;  Windows стандарт дастурлари билан ишлаш;
КОМПЬЮТЕР ВА УНИНГ ТАЪМИНОТИ. РЕЖА Компьютер ва унинг вазифаси; Компьютер қурилмалари ва уларнинг вазифалари; Компьютерда мультимедиа (аудио, видео) маълумотларини.
1 Мавзу:. Ўзбекистон Республикаси Молия вазирлигининг 2005 йил 25 мартдаги 35-сонли буйруғи билан ТАСДИҚЛАНГАН ва ЎзР АВ томонидан 2005 йил 27 июнда 1485-сон.
Масофавий таълим тизими.
ЎЗБЕКИСТОН РЕСПУБЛИКАСИ ОЛИЙ ВА ЎРТА МАХСУС ТАЪЛИМ ВАЗИРЛИГИ АНДИЖОН ДАВЛАТ УНИВЕРСИТЕТИ Х.Т.ИСМОИЛОВА.
ИНТЕРНЕТ ИЖТИМОИЙ ТАРМОҚ ХИЗМАТЛАРИ
TEXНОЛОГИЯ “Технология” – юнонча «techne» сўзидан олинган бўлиб, маҳорат, санъат деган маънони, «logos» - сўз, таълимот маъносини англатади. “Технология”
EXCEL ЭЛЕКТРОН ЖАДВАЛЛИ ДАСТУР
making the text Italic Text editing making the text bold making the.
Headaches, Elevated Blood Pressure and Convulsions
Оналар улими тизимида акушерлик кон кетиши муаммолари
Таёрлади : Шомуродов Санжарбек.  Умумий тушунчалар  Адсорбциянинг модций баланси ва кинетик қ онуниятлари  Абсорция жараёнининг асосий тенгламаси.
Мавзу:Ишбилармон кишилар этикети.
12-мавзу. Функциялар. Класслар ва объектлар. Хатоликлар билан ишлаш
2-маъруза. Замонавий дастурлаш тизимлари
HTML Forms 18-Apr-19.
“Ғарблашиш ортидаги ғариблашиш” мавзусидаги давра суҳбати
Пропорционал ва кучайтирувчи звено. Идеал интеграллагич звено.
Самарқанд давлат университети аналитик кимё кафедрасининг доценти
РАҚАМЛИ ИҚТИСОДИЁТНИНГ МАКРОИҚТИСОДИЙ МАСАЛАЛАРИ
“Саноат корхоналарида энергосамарадорликни ошириш” лойиҳаси – ҳудудларга хорижий инвестицияларни жалб этиш бўйича мақбул имкониятлар.
Чет тили ўқитувчиларининг касбий маҳоратини оширишнинг самарали йўллари ПК-1875.
Электрон таълим тизими.
THE BASE OF ELECTROCHEMISTRY
ЎЗМУДА ТАЪЛИМ ЖАРАЁНИНИ MOODLE АСОСИДА БОШҚАРИШНИ ТАШКИЛЛАШТИРИШНИНГ
Молиявий инструментлар таҳлил усуллари
Госпитал терапия доц.Маматкулов Х.А.
Шахсий компьютернинг дастурий таъминоти.
Making your HTML Page Interactive
Presentation transcript:

4-мавзу. HTML да формалар, фреймлар ва объектлар Режа: 1. HTML-формалар 2. Фреймлар 3. Фреймлар орасидаги ўзаро таъсир

HTML-формалар FORM элементи ҳужжатни маълум бир формага солади ва форма элементлари тэгларини бошқа тэглардан ажратиб туради. <FORM> бир нечта <INPUT> тэглари кетма кетлигидан ташкил топади. Улар <FORM> ва </FORM> тэглари орасига жойлаштирилади. Формада усулдан (method), формага киритилган маълумотларни қайта ишлаш учун ҳолатлар (action) мавжуд. Усул (GET ёки POST) формага киритилган маълумотлар қай тарзда серверга жўнатилиш усулини белгиласа, ҳолат эса сервердаги қайси дастерга юборилиш URI (Uniform Resource Identifier) адресини ифодалайди. <FORM METHOD=“post” ACTION=“mailto: yourname@your.email.address”>

Форманинг бошқарув элементлари —<INPUT> теги TYPE=text атрибути Агар фойдаланувчи унча катта бўлмаган матн киритса (бир ёки бир нечта сатр), <INPUT> тэгидан фойдаланади ва TYPE атрибутига text қиймати ўзлаштирилади. Стандарт ҳолат учун бу қийматни бериш муҳим эмас. Бундан ташқари майдонни номлаш ва унга мурожаат қилиш учун NAME атрибути ҳам берилади. Сизнинг исмингиз <INPUT NAME=“Name” SIZE=“35”>

TYPE=checkbox атрибути HTML формада мустақил белгилагич (байроқча) дан фойдаланиш учун <INPUT>тэгининг атрибутига TYPE=checkbox ни ўзлаштириш керак. Формага боғлиқ равишда фойдаланувчи бир ёки бир нечта белгилагичларни белгилаши мумкин. Агар <INPUT> тэги атрибути билан CHECKBOX қиймати қўлланилса, у билан бирга NAME ва VALUE атрибутлари ҳам қўлланилиши керак. NAME атрибути ушбу маълумот киритиш объектининг номини ифодалайди. VALUE атрибутида ушбу майдоннинг қиймати кўрсатилади. <BR>Россия<INPUT NAME="Давлат" TYPE=“checkbox” VALUE="Россия"> Страны СНГ<INPUT NAME="Давлат" TYPE=“checkbox” VALUE="СНГ"> Баъзи ҳолларда ушбу майдон белгиланган ҳолда қўлланилиши ҳам мумкин. Бундай ҳолларда <INPUT> тэгида CHECKED атрибути қўлланилиши керак.

TYPE=radio атрибути Баъзан бир нечта қийматлар орасидан бирини танлашга тўғри келади. Бундай ҳолларда формада <INPUT> тэги билан бирга TYPE=radio атрибути қўлланилади. Агар <INPUT> тэги атрибути билан ушбу қиймати қўлланилса, у билан бирга NAME ва VALUE атрибутлари ҳам қўлланилиши керак. NAME атрибути ушбу маълумот киритиш объектининг (тугма) номини ифодалайди. VALUE атрибутида ушбу майдон нинг қиймати кўрсатилади.. <BR>Эркак жинси <INPUT NAME="Жинс" TYPE=radio VALUE="Эркак">Аёл жинси <INPUT NAME="Жинс" TYPE=radio VALUE="Аёл">

Фреймлар Фреймлар тизимини тасвирлаш учун <FRAMESET>, <FRAME> ёки <NOFRAME> тэгларидан фойдаланилади. <FRAMESET> тэги фреймларни белгилайди. Фреймлардан ташкил топган Web-саҳифалар <BODY> бўлинмасига эга бўлиши мумкин эмас. <FRAMESET> ва </FRAMESET> контейнерлари хар бир фреймни белгилаш блокини ўраб туради. Бундай контейнернинг ичида фақат <FRAME> тэглари ёки киритилган <FRAMESET> тэглари мавжуд бўлади. <FRAMESET> тэгининг атрибутлари: - ROWS; - COLS.

<FRAMESET ROWS = “100, 240, 140”> - учта фреймдан иборат тўпламни белгилайди. Қийматлар пикселларда берилган. Биринчи фрейм 100 пиксел, иккинчиси 240 пиксел ва ниҳоят сўнгги фрейм 140 пиксел баландликка эга. <FRAMESET ROWS = “25%, 50%, 25%”> - экраннинг мақбул баландлигидан юқори қаторнинг қиймати 25 фоиз, ўрта қаторники 50 фоиз, қуйи қаторники 25 фоиз эканлигини билдиради. <FRAMESET COLS = “*, 2*, 3*”> - қийматлар нисбий бирликларда. “Юлдузча” – “*” фазони пропорционал тақсимлаш учун ишлатилади. Хар бир юлдузча бутуннинг бир қисмини билдиради. <FRAMESET COLS = “100, 25%, *, 2*”>. <FRAMESET COLS = “2*, *”, ROWS = “*, 2*”>. <FRAME> тэги алохида файлларни белгилайди, бу тэг <FRAMESET> ва </FRAMESET> тэглари жуфтлигининг ичида жойлашиши лозим. Масалан: <FRAMESET ROWS = “*, 2*”> <FRAME> </FRAME> </FRAMESET>

Фреймлар орасидаги ўзаро таъсир Фреймлар орасидаги ўзаро алоқа ҳужжатларни бошқа фреймдаги буйруқлар ёрдамида айнан танланган фреймга юклаш имконини беришидадир. Бу мақсадда <A> тэгининг TARGET атрибутидан фойдаланилади. TARGET атрибути ушбу ссылка кўрсатаётган ҳужжат юкланувчи фрейм ёки браузер ойнаси номини белгилайди. Ўзгартирилмаган ҳолда ушбу параметр йўқ бўлганда ҳужжат жорий фрейм ёки ойнада юкланади. Фрейм номи сифатида мавжуд дарча ёки фрейм номи берилиши ёки бўлмаса янги ойна очиш учун янги ном берилиши мумкин. 4 та захирадаги номлар бор. Улар: _blank, _self, _top, _parent. Булардан ташқари “_” белгиси билан бошланувчи хар қандай номдан фойдаланиш мақсадга мувофиқ эмас. TARGET=“_blank” – ҳужжатнинг янги ойнага юкланишини таъминлайди. Бу ойна номга эга бўлмаслиги туфайли унга бошқа ҳужжатни юклашнинг иложи бўлмайди. TARGET=“_self” дан фойдаланилганда ҳужжат жорий фреймга юкланади. TARGET=“_top” ҳужжатнинг бутун дарчага юкланишига сабаб бўлади. TARGET=“_parent” ҳужжатнинг жорий фреймнинг фрейм-ота-онаси томонидан эгалланган сохасига юкланишига олиб келади.