Կայքի էջը ձեր կայքի էջում տեղադրելու համար կարող եք օգտագործել հիպերտեքստային նշման լեզուն (HTML) `էջերը բազմակի շրջանակների բաժանելու ունակությունը: Թե ինչպես ճիշտ դա անել, նկարագրված է ստորև:
Հրահանգներ
Քայլ 1
«Շրջանակ» -ը էջի անկախ բաժին է, որը կարող է ունենալ ցուցադրվող տվյալների իր սեփական աղբյուրը: Էջում կարող են լինել մի քանի նման շրջանակներ, և դրանք կարող եք տեղադրել միմյանց կողքին, մեկը մյուսի վերևից, և մեկը մյուսի ներսում, և ցանկացած կարգով համակցված եղանակով: Էջի պառակտման այս մեխանիզմի ներդրման համար դուք պետք է սկսել այն տեղադրելով իր սկզբնական html- տարայի կոդում ՝ բոլոր շրջանակների համար: Նման տարան բաղկացած է երկու պիտակներից `բացող և փակող.
Բացման պիտակում անհրաժեշտ է էջում տեղադրել շրջանակների կարգը: Այստեղ դուք պետք է նշեք, թե որ համամասնությամբ զննարկիչը պետք է էջի տարածքը բաշխի շրջանակների միջև: Դա անելու համար պիտակի վրա ավելացրեք համապատասխան հատկանիշը.
Այստեղ «cols» հատկանիշը սահմանում է էջի բաժանումը ուղղահայաց երկու շրջանակի ՝ մեկից երեք հարաբերությամբ: Եթե «cols» հատկանիշը փոխարինվի «rows» հատկանիշով, էջը կբաժանվի հորիզոնական:
Անհրաժեշտ չէ նշել երկու չափերը. Զննարկիչը ինքնուրույն կհաշվարկի չճշտված շրջանակի արժեքը, եթե համարի փոխարեն աստղանիշ եք գրում (*).
Շրջանակներից մեկին կարող եք տալ էջի ամբողջ ազատ տարածքը, եթե նշեք 100%, և այս դեպքում մյուս շրջանակի պարունակությունը չի երեւա: Հաճախ չափումներ սահմանելու համար օգտագործվում են չափման այլ միավորներ ՝ «պիքսելներ».
Քայլ 2
Այժմ մենք պետք է տեղադրենք շրջանակների պիտակները հենց տարայի ներսում: Նման պիտակը նման է հետևյալի. Այն պարունակում է հատկանիշ ինտերնետ էջի հասցեով, որը կլինի տվյալների աղբյուր այս շրջանակի համար: Եթե հասցեն գրված է այս ձևով (սկսվում է https:// արձանագրության անունից), ապա այն կոչվում է «բացարձակ»: Ձեր կայքի այն էջերի համար, որոնք գտնվում են նույն (կամ այս ենթապանակում) թղթապանակում, ձեզ հարկավոր չէ բացարձակ հասցե նշել. Ֆայլի անունն ու ենթապանակ տանող ուղին բավարար են: Այս դեպքում հասցեն կկոչվի «հարաբերական» և կստանա այսպիսի տեսք. - Դուք կարող եք այս հատկորոշիչին ավելացնել հատկանիշ, որն անջատում է մկնիկով շրջանակների միջև սահմանը տեղափոխելու հնարավորությունը: Պիտակը կոչվում է «noresize». - ևս երկու հատկանիշ օգտագործվում են հարակից շրջանակների միջև լուսանցքի չափը ճշգրտելու համար. Շրջանակների ոլորման գծերի վարք: Եթե այն դնեք «ավտոմատ», ապա ոլորման տողերը կհայտնվեն ըստ անհրաժեշտության, երբ շրջանակի պարունակությունը չի տեղավորվի դրա սահմաններում. Եթե այս արժեքը փոխարինեք «այո» -ով, ապա ոլորման շարքերը միշտ առկա կլինեն այս շրջանակում, և «ոչ» արժեքը անվերապահ կարգով կասեցնելու է դրանց ցուցադրումը:
Քայլ 3
Իմանալով դա, դուք կարող եք սկսել ստեղծել մի պարզ էջ, որը կպարունակի մեկ այլ կայքի էջ ՝ շրջանակներից մեկում: Դրա համար ձեզ հարկավոր է պարզ տեքստի խմբագիր `ստանդարտ Գրառման գրքույկ: Ստեղծեք նոր փաստաթուղթ և գրեք դրա հետևյալ html պիտակները.
Պահեք այս կոդը html կամ htm ընդլայնմամբ - օրինակ, sample.html: Դրանից հետո ստեղծեք նոր տեքստային փաստաթուղթ, որի մեջ պետք չէ ինչ-որ բան գրել, պարզապես պահեք այն որպես blank.html և ավարտեք: Այժմ, եթե զննարկչում բացեք sample.html էջը, կտեսնեք էջը, որը նշված է միայն առաջին շրջանակի պիտակում, քանի որ դրանով տվել եք էջի տարածքի 100% -ը: Եվ երկրորդ էջն ընդհանրապես տեսանելի չի լինի: Կարող եք պատրաստել պիտակների նման շարք ձեզ համար անհրաժեշտ պարամետրերով և հասցեներով և վերբեռնել ձեր կայք `օգտագործելով կառավարման համակարգի ֆայլերի կառավարիչը: Կամ բացեք ձեզ անհրաժեշտ եղած էջը կառավարման համակարգի էջի խմբագրում և փոխարինեք դրա ծածկագիրը ձերով: