Што такое Web-старонка? Пералічыце асноўныя элементы Web-старонкі

Асноўная маса кантэнту, прадстаўленага ў інтэрнэце - гэта вэб-старонкі. Гэта гістарычна самы першы тып дакументаў, прызначаных для размяшчэння ў віртуальнай сеткавай прасторы, але да гэтага часу захаваў актуальнасць і практычна не мае канкуруючых фарматаў. Якая структура вэб-старонак? З дапамогай якіх сродкаў вэб-распрацоўкі яны ствараюцца?

Што ўяўляе сабой Web-старонка?

«Пералічыце асноўныя элементы Web-старонкі» - кажа нам экзаменатар на ўроку інфарматыкі. Што мы зможам сказаць яму ў адказ? Перш за ўсё апавядаючы пра тое, што сабой уяўляе вэб-старонка ў прынцыпе.

Згодна агульнапрынятаму ў асяроддзі IT-спецыялістаў вызначэнню, гэта дакумент, які прызначаны для адкрыцця ў спецыялізаванай праграме - браўзэры, і які змяшчае дадзеныя для адлюстравання на экране кампутара з дапамогай адпаведнага тыпу ПА рознага карыснага кантэнту - тэкстаў, спасылак, графікі, відэа, музыкі і т. д. Web-старонка - гэта тэкставы дакумент. Адпаведныя дадзеныя для браўзэра ўяўляюць сабой літары, лічбы і адмысловыя знакі, якія выкарыстоўваюцца як элементы мовы разметкі - HTML. Менавіта з дапамогай яго стваральнік вэб-старонкі «тлумачыць» браўзэру, якім чынам адлюстроўваць на экране той ці іншы кантэнт.

Месца і роля вэб-старонак у структуры сайтаў

Ці можна сказаць, што Web-старонка - гэта асноўны кампанент вэб-сайта? Збольшага гэта дакладна. Аднак, як мы адзначылі вышэй, вэб-старонка - гэта ўсяго толькі тэкставы дакумент. На сайце ж, як правіла, таксама размяшчаюцца карцінкі, відэа і іншыя мультымедыйныя элементы. Вэб-старонка змясціць іх у сябе не можа, аднак у сваёй структуры яна можа ўтрымліваць спасылкі на іх. Такім чынам, вэб-старонку можна назваць асноўным кампанентам сайта ў аспекце вяршэнствуе ролі ў адлюстраванні віртуальнага кантэнту перад карыстальнікамі.

У рэдкіх выпадках, вядома, разгляданы дакумент будзе адзіным кампанентам сайта - калі на ім па нейкіх прычынах не прадугледжана адлюстравання графікі, відэа і іншых мультымедыйных элементаў. У прыватнасці, самыя першыя сайты - калі мовы разметкі Web-старонак толькі з'явіліся, - не ўключалі адпаведнага кантэнту. Перад вачыма карыстальніка быў толькі тэкст і спасылкі.

Прынцып задзейнічання гіпертэксту

Такім чынам, Web-старонкай называецца дакумент, складзены на мове HTML, з дапамогай якога ажыццяўляецца разметка гіпертэксту. Але што гэта за з'ява? Што такое гіпертэксту? Не паглыбляючыся моцна ў тэорыю, адзначым, што гэта тэкст, які тым ці іншым чынам дазваляе атрымаць хуткі доступ да іншага - з дапамогай спасылак. У звычайнай кнізе гэта немагчыма - там «просты тэкст». Для атрымання доступу да патрэбнай старонцы чытач павінен здзейсніць некалькі Перагортванне, да гэтага азнаёміўшыся з утрыманнем або зноскамі. У рэжыме «гіпертэксту» асноўную частку працы здзяйсняе кампутар - за кошт звестак, якiя адлюстроўваюцца ў HTML-элементах старонкі.

Калі выкладчык інфарматыкі кажа нам: "Пералічыце асноўныя элементы Web-старонкі", то мы зусім карэктным чынам можам пачаць расказваць пра кампанентах адпаведнага дакумента, якія ствараюцца з дапамогай мовы разметкі HTML. Таму для пачатку разгледзім некаторыя тэарэтычныя моманты, якія тычацца HTML.

Структура мовы HTML: тэгі

Якім чынам браўзэр счытвае патрэбныя дадзеныя аб вэб-старонцы з дакумента, складзенага на мове HTML? Вельмі проста.

Асноўныя элементы дадзенага мовы - гэта тэгі. Яны ў большасці выпадкаў парныя - ёсць які адкрывае, а ёсць які зачыняе. Першыя абазначаюцца з дапамогай толькі кутніх дужак. Другія - аналагічна, але перад другой дужкай ставіцца слэш - сімвал /. Браўзэр ўмее іх распазнаваць, і таму без праблем адлюстроўвае змесціва вэб-старонак у адпаведнасці з алгарытмамі, якія ствараюцца распрацоўшчыкам дакумента.

Адкрываючы тэг пішацца звычайна вялікімі літарамі, які зачыняе - маленькімі. Гэта - стандарт, ўстояны ў асяроддзі IT-спецыялістаў. Браўзэр, безумоўна, распазнае HTML-каманду любымі літарамі, але вэб-распрацоўнікам рэкамендуецца ўсё ж прытрымлівацца адзначанай схемы напісання тэгаў. Гэта палегчыць, напрыклад, дапрацоўку вэб-старонкі іншымі спецыялістамі.

атрыбуты

Іншыя найважнейшыя элементы HTML-мовы - атрыбуты. З іх дапамогай стваральнік вэб-старонкі можа задаваць ўласцівасці кантэнту - напрыклад, вышыню шрыфта, яго колер, становішча адносна старонкі. Тое ж самае тычыцца малюнкаў, відэа і іншых мультымедыйных кампанентаў. Атрыбуты пішуцца ў межах які адкрывае тэга.

змесціва

Паміж якія адкрываюць і тэгам размяшчаецца наступны ключавы кампанент вэб-старонкі - змесціва. Гэта, уласна, той самы кантэнт, які павінен адлюстроўвацца перад карыстачом на экране. Гэтым можа быць тэкст, спасылка, малюнак, відэа ці іншай мультымедыйны элемент.

Элементы вэб-старонак

«Так пералічыце асноўныя элементы Web-старонкі, нарэшце!» - паўтарае выкладчык. "З задавальненнем," - адказваем мы яму. Што ж уваходзіць у структуру разгляданага тыпу дакументаў? Дамовімся, што будзем разглядаць дадзены аспект у менавіта кантэксце HTML-элементаў вэб-старонкі. Гэта значыць іх адлюстраванне ў браўзэры - тое, што карыстач бачыць на экране - нас будзе цікавіць у меншай ступені. Справа ў тым, што адпаведныя HTML-алгарытмы, на аснове якіх праграма адлюстроўвае кантэнт аднолькава, могуць быць рознымі. І ў гэтым асаблівасць мовы HTML: патрэбны малюнак на Web-старонцы можна вывесці рознымі спосабамі. Пры гэтым яны могуць быць як раўназначнымі з пункту гледжання працавыдаткаў стваральніка вэб-старонкі спосабамі, так і меркаваць розны аб'ём намаганняў і часу на іх ажыццяўленне.

Элементы вэб-старонак: загаловак

Стандартныя элементы Web-старонкі, як бы гэта дзіўна ні гучала, прадстаўлены ў вельмі невялікай колькасці. Па сутнасці, іх толькі два - загаловак і асноўная частка дакумента. Разам з тым кожны з іх можа мець дастаткова складаную структуру.

Якая спецыфіка загалоўка? Размяшчаецца ён у самой верхняй частцы вэб-старонкі. У HTML-кодзе, які фармуе загаловак, як правіла, мяркуецца «шыфраванне» толькі тэксту, але пры неабходнасці ў адпаведным элеменце можна таксама размяшчаць невялікія графічныя ўстаўкі. І гэта, уласна, усё, што можна сказаць пра загалоўку. Здавалася б, яго ролю ў структуры адпаведнага дакумента нязначная. Але гэта не так. Загалоўкі вэб-старонак вельмі значныя з пункту гледжання індэксацыі сайтаў у пошукавых сістэмах - Яндэксе, Google. Дадзены элемент павінен быць цалкам релевантен зместу вэб-старонкі, а таксама тэматычнай спецыфіцы сайта.

Якім чынам загаловак вэб-старонкі фіксуецца з дапамогай мовы HTML? Вельмі проста. Спачатку пішацца адкрываючы тэг, які заўсёды выглядае як HEAD з вуглавымі дужкамі, затым - утрыманне загалоўка, пасля - які зачыняе тэг. Пішуцца яны, зразумела, у самым верхняй частцы вэб-дакумента.

Загаловак вэб-дакумента можа ўключаць шэраг дадатковых элементаў. Часам фармат Web-старонкі можа патрабаваць адлюстравання тэксту ў канкрэтнай кадоўцы. Як забяспечыць адпаведнасць вэб-дакумента гэтым крытэры? Вельмі проста. У структуры загалоўка дакумента павінны быць размешчаныя HTML-алгарытмы, якія прадпісваюць браўзэру выкарыстоўваць канкрэтную кадоўку мовы - напрыклад, кірылічную. Адпаведныя каманды размяшчаюцца ў рамках тэга META, які, гэтак жа як і іншыя, бывае адкрывалым і які закрывае.

Асноўная частка вэб-старонкі

Асноўная частка вэб-дакумента адкрываецца тэгам BODY, зачыняецца жа з дапамогай адпаведнага элемента, які ўключае слэш. Пры гэтым паміж адкрывалым і які закрывае тэгамі можа быць вялікая колькасць дадатковых каманд мовы разметкі гіпертэксту. Гэта звязана з тым, што ў асноўнай частцы вэб-старонкі размешчана яе карыснае змесціва - тэксты, спасылкі, графіка, відэа, розныя формы для запаўнення.

Кожны з адпаведных відаў кантэнту мае уласныя тэгі. У структуры асноўнай часткі вэб-дакумента могуць прысутнічаць HTML-каманды, з дапамогай якіх ажыццяўляецца таксама фарматаванне тэксту - напрыклад, наданне шрыфта пэўнага колеру, памеру і іншых уласцівасцяў.

Разгледзім тое, якая спецыфіка некаторых часта выкарыстоўваюцца HTML-тэгаў. Уласна, яны ж і фармуюць асноўныя элементы вэб-старонкі.

Базавыя HTML-тэгі

Такім чынам, з мэтай падрабязнага даследавання таго, што ўяўляюць сабой элементы Web-старонкі, вывучым падрабязней сутнасць базавых HTML-тэгаў. Некаторыя з іх мы ўжо прывялі вышэй - у прыватнасці тыя, з дапамогай якіх браўзэр счытвае загалоўкі вэб-старонак і вызначае, дзе размяшчаецца асноўная частка дакумента.

Досыць распаўсюджаны тэг P. Ён, як і іншыя аналагічныя элементы мовы разметкі гіпертэксту, можа быць адкрывалым і які закрывае. Дадзены тэг дазваляе фарматаваць асобна ўзяты абзац дакумента. Можна, напрыклад, задаваць для яго пэўны тып шрыфта або яго колер. Аднак гэта ажыццяўляецца з дапамогай дадатковага тэга - FONT. Пры гэтым размяшчацца ён будзе ўнутры таго, які пазначае межы абзаца - гэта дазволіць не распаўсюджваць HTML-каманду, якая адлюстроўвае тып пераважнага шрыфта, на іншыя элементы вэб-старонкі.

З дапамогай тэга TABLE ствараюцца табліцы. Пры дапамозе адпаведных яму атрыбутаў можна вызначаць неабходную колькасць слупкоў і радкоў, задаваць іх шырыню, спецыфіку межаў, памер і колер шрыфта тэксту ў табліцы.

Тэг IMG адказвае за апрацоўку браўзэрам малюнкаў. У ім таксама можна размяшчаць розныя атрыбуты, якія рэгулююць памер карцінкі, яе становішча на старонцы.

Спасылкі на іншыя вэб-дакументы або файлы паказваюцца з дапамогай тэга A. Як правіла, усярэдзіне яго размяшчаюцца атрыбуты, якія абазначаюць той факт, што ў структуры вэб-старонкі - гіперспасылка. Пры гэтым указваецца дакумент, файл ці сайт, на які яна вядзе.

Распаўсюджаны такі тэг, як FRAMESET. З яго дапамогай можна падзяліць прастору вэб-старонкі на некалькі абласцей - фрэймаў. У кожным з іх можна размяшчаць спасылкі на асобныя вэб-дакументы. Гэта значыць фрэймы дазваляюць карэктна размясціць на адным экране адначасова дзве і больш старонкі.

Аповяд пра ключавых элементах вэб-старонак і наступнае апавяданне пра сродкі іх фарматавання з дапамогай мовы HTML - прыкладна такім будзе алгарытм нашага адказу на пытанне, які нам задаў экзаменатар. Калі ён звярнуўся да нас, сказаўшы «пералічыце асноўныя элементы Web-старонкі», то мы, выкарыстоўваючы адпаведную метадалогію, будзем мець усе шанцы раскрыць тэму. Гэта значыць пад тэрмінам «элементы» мы можам разумець ключавыя кампаненты структуры вэб-дакумента, альбо тыпы змесціва - тэкст, малюнкі, табліцы, фрэймы, спасылкі, якія вэб-майстар фармуе з дапамогай такога інструмента, як мова HTML.

Спецыфіка інструментаў вэб-распрацоўкі

У дадатак да сказанага мы можам патлумачыць, што тэгаў і атрыбутаў, прадугледжаных стандартамі HTML - велізарная колькасць. Акрамя HTML вэб-распрацоўшчыкамі могуць выкарыстоўвацца дадатковыя сродкі фарматавання гіпертэкставых дакументаў. Напрыклад, з дапамогай мовы скрыптоў JavaScript можна ствараць дынамічныя Web-старонкі - гэта значыць тыя, у якіх кантэнт пастаянна абнаўляецца (як за кошт дзеянняў самога карыстальніка, так і ў адпаведнасці з загадзя прапісанымі ў скрыптах алгарытмамі).

Карысна будзе дадаць, што вэб-распрацоўшчык можа задзейнічаць у сваёй працы паўнавартасныя мовы праграмавання, такія як, напрыклад, Perl, PHP, Java, Python, з дапамогай якіх магчымасці працы з гіпертэкставых дакументамі становяцца яшчэ больш выразна. Неабходнасць у гэтым можа быць звязаная з тым, што вобласці прымянення вэб-тэхналогій сёння - самыя розныя. Задачы, якія стаяць перад сучаснымі распрацоўшчыкамі, могуць быць дастаткова складанымі. Напрыклад, часам патрабуецца ажыццявіць пераклад Web-старонак, напісаных на рускай мове, на ангельскую. У гэтым выпадку інструментар распрацоўніка будзе самым разнастайным.