Թե ինչ է վեբ-կայք: Ցուցակին կարեւոր տարրեր վեբ-էջում

Զգալի մասը, բովանդակության ներկայացրել է ինտերնետում մի վեբ էջում: Սա պատմականորեն հենց առաջին տեսակի փաստաթղթեր համար նախատեսված տեղաբաշխման վիրտուալ ցանցի տարածության, այլեւ շարունակում են մնալ արդիական եւ գործնականում չունի մրցակցող ձեւաչափեր: Որն է կառուցվածքը վեբ էջերի. Օգնությամբ որոշ վեբ զարգացման գործիքները, նրանք ստեղծված են:

Թե ինչ է վեբ-կայք:

«Թվարկեք հիմնական տարրերը Վեբ-էջում», - պատմում է մեզ քննություն է դասարանում համակարգչային գիտության. Ինչ մենք կարող ենք ասել, ի պատասխան. Առաջին հերթին, պատմում, թե ինչ վեբ էջում սկզբունքորեն:

Ըստ ընդհանուր առմամբ ընդունված շրջանում ՏՏ մասնագետների բնորոշմամբ, մի փաստաթղթի, որը նախատեսված է բացել հատուկ ծրագրի բրաուզերը եւ պարունակում են տվյալներ ցուցադրման վրա համակարգչի էկրանին օգնությամբ համապատասխան տեսակի համար տարբեր օգտակար բովանդակությամբ տեքստեր, հղումներ, գրաֆիկա, video, երաժշտություն, եւ .. եւ այլն Web-site - ը տեքստային փաստաթուղթ: Համապատասխան տվյալները բրաուզերի են նամակներ, թվեր, եւ հատուկ կերպարներ, որոնք օգտագործվում են որպես տարրերի վերաբերյալ նշարկման լեզու - HTML: Դա օգնությամբ իր Արարչի », - բացատրում է« ինտերնետային էջ դիտարկիչը, թե ինչպես պետք է ցուցադրել, էկրանի կամ այլ բովանդակություն:

Տեղն ու դերը վեբ էջերի կայքի կառուցվածքը

Կարող ենք ասել, որ վեբ-կայք, դա հիմնական բաղադրիչն կայքում: Սա մասամբ ճիշտ է. Սակայն, քանի որ մենք արդեն նշվեց, վեբ էջ, դա պարզապես մի տեքստային փաստաթուղթ: Կայքը, որպես կանոն, նույնպես գտնվում նկարներ, վիդեո եւ այլ մուլտիմեդիա տարրեր: Վեբ էջերի փոխարեն մի կարող է, բայց իր կառուցվածքով, այն կարող է պարունակել հղումներ դեպի նրանց: Այսպիսով, վեբ - էջ կարելի է անվանել մի հիմնական բաղադրիչն է կայքում առումով գերիշխող դերը քարտեզագրման վիրտուալ բովանդակության, ինչպես նաեւ օգտագործողների.

Հազվադեպ դեպքերում, իհարկե, այս փաստաթուղթը հանդիսանում է միակ բաղադրիչն է կայքում, եթե դա ինչ - ինչ պատճառներով չի տրամադրում ցուցադրումը գրաֆիկայի, վիդեո եւ այլ մուլտիմեդիա տարրեր: Մասնավորապես, առաջին կայքերը - երբ Web էջերը նշարկման լեզու կհայտնվի միայն - չընդգրկեց համապատասխան բովանդակություն: միայն տեքստային եւ հղումներ առաջ էր օգտագործողի աչքերով:

Սկզբունքը ներգրավվածության hypertext

Այսպիսով, վեբ-էջ, որը կոչվում փաստաթուղթը կազմվում HTML լեզվի վրա, որի միջոցով Հիպերտեքստի նշարկման: Բայց ինչ է այդ երեւույթը: Թե ինչ է hypertext. Չխորանալով շատ տեսության մեջ, մենք նշում ենք, որ այս տեքստը, որը ինչ-որ կերպ թույլ է տալիս արագ մուտք գործել դեպի մյուս կողմից հղում. Մի տիպիկ գրքում, որը հնարավոր չէ, որ կա «պարզ տեքստ." Մուտք գործել ցանկալի էջը, որ ընթերցողը պետք է կատարել որոշակի flipping, կարդալուց առաջ բովանդակությունը կամ ծանոթագրությունների. Է «hypertext» ռեժիմում, զգալի մասը, որ աշխատանքները կատարվում են համակարգչի - հաշվին արտացոլված տեղեկատվության էջում HTML-տարրերից.

Եթե համակարգչային գիտության ուսուցչուհի պատմում է մեզ, «Թվարկեք հիմնական տարրերը Վեբ-էջում», մենք բավականին ճիշտ կարող է սկսել պատմությունը բաղադրիչների համապատասխան փաստաթղթի, որոնք ստեղծվում են, օգտագործելով HTML նշում: Հետեւաբար, առաջին համարում մի քանի տեսական կետերը վերաբերում HTML:

Կառուցվածքը HTML: հատկորոշիչները

Ինչպես է բրաուզերը - ասված է անհրաժեշտ տվյալներ վեբ էջում փաստաթղթի, կազմվել լեզվով HTML: Շատ պարզ է.

Հիմնական տարրերը լեզվով, այն թեգերը. Որ դրանք շատ դեպքերում տղամարդկանց - ունեն բացման եւ փակման այնտեղ. Առաջին նշված են անկյան փակագծերում միայն. Երկրորդը, նույնն է, բայց slash է տեղադրված առջեւ երկրորդ բրա խորհրդանիշ /: The զննարկիչը կարող է ճանաչել նրանց, եւ, հետեւաբար, ոչ մի խնդիր ցուցադրում վեբ էջերը համապատասխան ալգորիթմների ստեղծված մշակողի է փաստաթղթում:

Բացումը թեգը, որը սովորաբար գրված է խոշոր տառերով լուսաբանող - Փոքր. Սա մի ստանդարտ լավ հաստատված է միջին ՏՏ-մասնագետների: Բրաուզերը իհարկե ճանաչել HTML սեղմեք որեւէ տառ, բայց վեբ մշակողները պետք է շարունակում եք հետեւել նշված Կաբելային գրավոր թեգերը. Դա կնպաստի, օրինակ, վերանայում վեբ էջերի այլ մասնագետների:

ատրիբուտները

Այլ հիմնական տարրերը HTML լեզվով - հատկանիշները. Նրանց օգնությամբ, ստեղծող եւ վեբ էջի բովանդակության կարող սահմանել հատկությունների, ինչպիսիք են տառատեսակով բարձրությամբ, նրա գույնը, պաշտոնը հարաբերական էջում: Նույնը վերաբերում է նկարների, վիդեո եւ այլ մուլտիմեդիա բաղադրիչների. Ատրիբուտները են գրված բացման թեգով:

բովանդակությունը

Միջեւ բացման եւ փակման tag ունի հետեւյալ հիմնական բաղադրիչները վեբ էջում - բովանդակությունը. Այն, ըստ էության, նույն բովանդակությունը կցուցադրվեն է օգտագործողի վրա էկրանին. Սա կարող է լինել տեքստ, հղումներ, նկարներ, տեսահոլովակներ, կամ այլ մուլտիմեդիա տարրեր:

Վեբ էջի տարրեր

«Այնպես որ, նշեք այն հիմնական տարրերը վեբ-էջերի, վերջապես», - կրկնում է ուսուցիչ: «Սիրով,», - մենք պատասխանել. Ինչ մասն կառուցվածքի այս տեսակի փաստաթղթերի. Մենք համաձայն ենք, որ մենք կքննարկենք այս առումով համատեքստում ընդամենը HTML-վեբ էջում տարրերի. Այսինքն, նրանք դրսեւորել են բրաուզերի, թե ինչ է օգտվողը տեսնում էկրանի վրա `մենք հետաքրքրված է ավելի փոքր չափով: Այն փաստը, որ համապատասխան HTML-ալգորիթմները, որոնց վրա ծրագիրը ցուցադրում է միեւնույն բովանդակությունը կարող են տարբեր լինել: Եվ սա առանձնահատկությունն HTML: Դուք կարող եք ցույց տալ, ցանկալի պատկերը Վեբ-էջում տարբեր ձեւերով: Այսպիսով, նրանք կարող են լինել թե համարժեք առումով ինտերնետային էջում ստեղծող նշանակում է աշխատուժ, եւ ենթադրել, տարբեր քանակությամբ ժամանակ եւ ջանք է իրականացնելու դրանք:

Վեբ էջը տարրեր: title

Ստանդարտ տարրեր վեբ-էջերի, քանի որ, եթե դա կարող է զարմանալի թվալ, տրված է շատ փոքր քանակությամբ: Ի դեպ, կան միայն երկու վերնագիրն ու հիմնական մասն է փաստաթղթի: Սակայն, նրանցից յուրաքանչյուրը կարող է ունենալ բավական բարդ կառույց:

Որն է առանձնահատկությունը վերնագրում. Այն գտնվում է հենց վերեւում ինտերնետային էջում: The HTML կոդ, որը առաջացնում է մի վերնագիր, որպես կանոն, ակնկալվում է, որ «կոդավորման» պարզապես տեքստը, բայց դուք կարող եք նաեւ տեղադրել է մի փոքր գրաֆիկական ներդիրը, եթե անհրաժեշտ է, համապատասխան տարր. Եւ դա, ըստ էության, այն ամենը, ինչ կարելի է ասել, որ տիտղոսի: Դա կարծես թե իր դերը կառուցվածքում համապատասխան փաստաթղթի չնչին է: Բայց սա այն դեպքը չէ: Վեբ Էջ վերնագրերը շատ զգալի առումով կայքի ինդեքսավորման որոնման - Yandex, Google- ի. Այս տարրը պետք է լինի լիովին համապատասխանում է բովանդակությանը, մի վեբ էջի, ինչպես նաեւ տեղը կայքեր առանձնահատկությունները:

Ինչպես է վեբ էջի անվանումը արձանագրվել օգտագործելով HTML լեզուն: Շատ պարզ է. Առաջին գրավոր բացման tag, որ միշտ հանդես է գալիս որպես գլխին անկյուն փակագծերը, եւ ապա բովանդակության տողի, հետո, - մի փակման թեգով: Նրանք գրված են, իհարկե, հենց վերեւում վեբ փաստաթղթի.

Title Վեբ փաստաթուղթը կարող է ներառել մի շարք լրացուցիչ տարրերի. Երբեմն Վեբ-էջ ձեւաչափը կարող է պահանջել ցուցադրումն տեքստի մի կոնկրետ կոդավորում. Թե ինչպես կարելի է ապահովել, որ վեբ փաստաթուղթ, որը չափանիշ: Շատ պարզ է. Ի փաստաթղթի header կառուցվածքի, այն պետք է տեղադրված html-ալգորիթմեր սահմանող բրաուզերը օգտագործելու որոշակի կոդավորման լեզու ինչպիսիք են կիրիլիցայով: Համապատասխան հրամաններ են տեղադրված է meta tag, որը, ինչպես եւ մյուսները, այն բացման եւ փակման:

Հիմնական մասը վեբ էջի

Հիմնական մասն է վեբ փաստաթղթի բացվել կտրոնը մարմինը, փակում օգնությամբ համապատասխան տարրի կազմող կտրատել: Միեւնույն ժամանակ, միջեւ բացման եւ փակման tags կարող է լինել մի հսկայական լրացուցիչ Հիպերտեքստի նշարկման լեզու հրահանգներին: Դա պայմանավորված է այն հանգամանքով, որ հիմնական մասը տեղադրված է օգտակար վեբ էջի պարունակությունը - տեքստ, հղումներ, գրաֆիկա, վիդեո, տարբեր ձեւերը լրացնելու դուրս.

Յուրաքանչյուր համապատասխան տեսակների բովանդակության ունի իր սեփական թեգով: Ի կառուցվածքում հիմնական մասում վեբ փաստաթղթի կարող են ներկա լինել HTML-հրամանատարական, որի հետ ֆորմատավորում տեքստի իրականացվում է նաեւ, օրինակ, տալով որոշակի տառատեսակի գույնը, չափը եւ այլ հատկությունները.

Հաշվի առնել, ապա, թե ինչ է կոնկրետություն որոշ սովորաբար օգտագործվող HTML- թեգերը. Ըստ էության, նրանք նաեւ ձեւավորել հիմնական տարրերը վեբ էջում:

Հիմնական HTML թեգերը

Այնպես որ, նպատակը մանրամասն ուսումնասիրության, թե ինչ են տարրերը վեբ-էջերի, մանրակրկիտ ուսումնասիրվում էությունը հիմնական HTML- թեգերը. Նրանցից ոմանք, մենք արդեն մեջբերված վերեւում, մասնավորապես նրանք, ովքեր հետ, որի զննարկիչը կարդում վեբ էջը համար անհրաժեշտ թույալտվություն եւ որոշում, որը հիմնական մասն է փաստաթղթի:

Բավական տարածված կտրոնը Պ. Նա, ինչպես համանման մյուս տարրերը Հիպերտեքստի նշարկման լեզու, կարող է բացվել եւ փակվել: Այս թեգը թույլատրում է ֆորմատավորելու մի պարբերություն փաստաթղթի առանձին վերցրած: Դուք կարող եք, օրինակ, սահմանել հատուկ տառատեսակի գույնը նրա համար: Սակայն, դա իրականացվում է օգտագործելով կամընտիր tag - font: Այս դեպքում, այն կտեղադրվի ներսում մասի, որը վերաբերում է սահմաններում, այն չի բաժանելու HTML-հրամանը ցուցադրում տեսակը նախընտրած տառատեսակի այլ տարրերի վեբ էջում:

Սեղանի կտրոնը ստեղծված սեղանին: Միջոցով իր համապատասխան հատկանիշների կարող է որոշել անհրաժեշտ թվով սյուներ եւ շարքերում, որոնք սահմանում են իրենց լայնությունը յուրահատկություններին սահմանները, չափը եւ գույնը տեքստի տառատեսակի սեղանին.

IMG հատկորոշիչը է պատասխանատու բեռնաթափման բրաուզերի նկարները: Դա նաեւ հնարավոր է տեղադրել տարբեր հատկանիշներ, որոնցով չափը պատկերված, իր դիրքորոշումը էջում:

Հղումներ դեպի այլ վեբ փաստաթղթերի կամ ֆայլերի են ձեւավորել օգտագործելով հատկորոշիչը Ա. Որպես կանոն, գտնվում է ներսում, հատկանիշներ, ներկայացնում է այն փաստը, որ կառույցը մի վեբ էջի - ի հղիչ. Այն նաեւ նշում է, որ փաստաթուղթը, ֆայլ կամ կայքը, որին այն տանում.

Շրջանառվում է պիտակ որպես FRAMESET: Դրա հետ, դուք կարող եք բաժանել տիեզերական վեբ էջը մի քանի վայրերում, շրջանակները. Իսկ նրանցից յուրաքանչյուրը դուք կարող եք փակցնել հղումներ դեպի անհատական վեբ փաստաթղթերում: Այսինքն, շրջանակներ թույլ է տալիս ճիշտ դիրքերում է նույն էկրանին, միեւնույն ժամանակ, երկու կամ ավելի էջեր:

Պատմությունը առանցքային տարրերից Ոստայնի էջերի եւ հետագա պատմությունը միջոցների ձեւաչափման օգտագործելով լեզվի HTML - մոտավորապես ալգորիթմը կլինի մեր պատասխանը այն հարցին, թե մենք խնդրել քննություն: Եթե նա խոսեց մեզ հետ, ասելով, «այն կարեւորագույն տարրեր Վեբ-էջում», ապա մենք օգտագործում են համապատասխան մեթոդաբանությունը, մենք պետք է ամեն հնարավորություն զարգացնելու թեման: Այսինքն, տերմինը «տարրերը», մենք կարող ենք հասկանալ, թե առանցքային բաղադրիչները, մի Վեբ փաստաթուղթ կառույցների, կամ այն տեսակի բովանդակության, տեքստ, պատկերներ, սեղանների, շրջանակներ, կապում, որ Webmaster ստեղծում, օգտագործելով գործիքը, ինչպիսիք են HTML լեզվով:

Կոնկրետություն վեբ զարգացման գործիքների

Բացի վերը նշված, մենք կարող ենք պարզել, թե ինչ tags եւ ատրիբուտներից կողմից տրամադրվող ստանդարտների HTML - մի հսկայական. Ի լրումն HTML լրացուցիչ միջոցների ձեւավաորած Հիպերտեքստի փաստաթղթերը կարող են օգտագործվել է վեբ ծրագրավորողներ: Օրինակ, օգտագործելով Javascript- ին scripting լեզուն, որ դուք կարող եք ստեղծել դինամիկ վեբ-էջը, այսինքն, այն, որ բովանդակությունը անընդհատ հաստատում սէփականատիրոջ կողմից (երկուսն էլ պայմանավորված է գործողությունների մասին, եւ համաձայն նախապես սահմանված կարգով ալգորիթմների է սցենարներ):

Այն օգտակար կլինի ավելացնել, որ վեբ մշակողի կարող օգտագործել իրենց աշխատանքային լիարժեք ծրագրավորման լեզուներով, ինչպիսիք են, օրինակ, Perl, PHP, Java, Python, ըստ որի դառնալ նույնիսկ ավելի լայն հնարավորություններ հետ աշխատելու hypertext փաստաթղթերը. Անհրաժեշտությունը դա կարող է պայմանավորված լինել այն հանգամանքով, որ դիմումը վեբ տեխնոլոգիաների այսօր շատ տարբեր. Որ խնդիրներն ծառացած ժամանակակից մշակողները, կարող է լինել բավականին բարդ է: Օրինակ, երբեմն անհրաժեշտ է իրականացնել կայքէջերը թարգմանությունը, գրված է ռուսերեն, անգլերեն: Այս դեպքում, մշակողի գործիքներ կլինի առավել բազմազան: