Басқа веб-бөлікте күнді сүзгілеу және көрсету үшін, HTML пішіннің веб-бөлігін пайдалану

HTML пішіннің веб-бөлігін Тізім көрінісінің веб-бөлігі сияқты басқа веб-бөлікке қосылу және деректер тасымалдау үшін пайдалануға болады.

Бұл мақалада:

Пішіннің веб-бөлігін пайдалану

Бетке веб-бөлік қосу

HTML пішіннің веб-бөлігін басқа веб-бөлікке қосу

HTML пішіннің веб-бөлігін теңшеу

HTML пішіннің әдепкі веб-бөлігін теңшеу

Көпжолды мәтін ұясын пайдалану

Ажырата қосқыштарды пайдалану

Таңдаулардың ашылмалы тізімін пайдалану

Құсбелгі ұяларын пайдалану

Веб-бөліктің жалпы сипаттарын теңшеу

Көрініс

Орналасу

Қосымша

Пішіннің веб-бөлігін пайдалану

HTML пішіннің веб-бөлігін басқа веб-бөлікке қосылу және деректер тасымалдау үшін пайдалануға болады. Мысалы, HTML пішіннің әдепкі веб-бөлігін аймақ атауын теру, мәнді тұтынушы деректерінің Тізім көрінісі веб-бөлігіне тасымалдау және сол аймақ бойынша деректерді сүзу үшін пайдалануға болады. HTML пішіннің веб-бөлігін теңшеп, пайдаланушыға ашылмалы тізімнен аймақ атауын бөлектеу сияқты әрекеттерді орындауға мүмкіндік беруге болады. HTML пішіннің веб-бөлігінде мәтін ұяларын, ашылмалы тізімдерді, бірнеше тармақты мәтін ұяларын, құсбелгі ұяларын немесе ажырата қосқыштарды пайдалануға болады.

Өрістерді басқа веб-бөліктерге қосу жолы сол веб-бөліктің веб-бөлік қосылымдарын пайдалану үшін теңшелу жолына байланысты болады.

HTML пішіннің веб-бөлігінде мәтін ұяларын, ашылмалы тізімдерді, құсбелгі ұяларын немесе параметр түймешіктерін пайдалануға болады. Тізім көрінісінің веб-бөлігіне бір ғана өрісті қосуға болады, бірақ бір уақытта әр түрлі веб-бөліктерге әр түрлі өрістерді қосуға болады. Мысалы, мәтін ұясы бар HTML пішіннің веб-бөлігі және параметр түймешіктерінің жиыны болуы мүмкін. Мәтін ұясын бір тізім көрінісінің веб-бөлігіне, ал параметр түймешіктерін басқа веб-бөлікке қосуға болады. Пайдаланушы Өту түймесін басқанда, тізім көрінісінің веб-бөліктерінің екеуі де HTML пішіннің веб-бөлігіне енгізілген ақпаратқа сай сүзгілейді.

HTML пішіннің веб-бөлігінде басқа веб-бөлікке (сол веб-бөліктің бірнеше параметрді қабылдау мүмкіндігі болса) бір немесе бірнеше өрісті қосуға болады. Бұл жағдайда, қосылу үшін SharePoint Designer 2010 сияқты SharePoint сыйысымды веб-дизайн бағдарламасы керек болуы мүмкін.

Беттің жоғарғы жағы

Бетке веб-бөлік қосу

Бетті өңдеу үшін, кемінде әдепкі <Торап атауы> мүшелерінің SharePoint тобына for the site.

  1. Бір беттен, таспада Бет қойындысын нұқып, Өңдеу пәрменін таңдаңыз.

Өңдеу қойындысының өңдеу пәрмені

Ескерту : Өңдеу пәрмені ажыратылған болса, бетті өңдейтін рұқсаттарыңыз болмауы мүмкін. Әкімшіңізге хабарласыңыз.

  1. Веб-бөлік қосылатын бетті нұқыңыз, Кірістіру қойындысын нұқып, Веб-бөлік тармағын таңдаңыз.

    «Веб-бөлік» пәрмені

  2. Санаттар ішінде Тізімдер және кітапханалар сияқты санатты бөлектеңіз, Хабарламалар сияқты бетке қосылатын веб-бетті бөлектеңіз, одан кейін Қосу пәрменін таңдаңыз.

    Веб-бөлік таңдау құралы

  3. Веб-бөлікті таңдағанда, ол туралы ақпарат Ұсынылатын элементтер Веб-бөлік туралы бөлімінде көрсетіледі.

  4. Бетті өңдеп болған соң, Бет қойындысын нұқып, Сақтау & жабу пәрменін таңдаңыз.

Беттің жоғарғы жағы

HTML пішіннің веб-бөлігін басқа веб-бөлікке қосу

HTML пішіннің веб-бөлігін пайдалану үшін, оны веб-бөлік қосылымы арқылы мәндерді алуға мүмкіндігі бар тізім көрінісінің веб-бөлігі сияқты басқа веб-бөлікке қосасыз. Сүзгіленетін тізім және оны сүзгілеу үшін арналған баған HTML пішіннің веб-бөлігімен бір беттегі веб-бөлікте көрсетілуі тиіс. Бетке HTML пішіннің веб-бөлігін қосу туралы ақпарат алу үшін, Бетке веб-бөлік қосу бөлімін қараңыз.

  1. Сүзгілеу үшін, веб-бөлігі бар бетті шолыңыз.

  2. Таспада Бет қойындысын нұқып, Өңдеу пәрменін таңдаңыз.

    Ескерту : Өңдеу пәрмені ажыратылған болса, бетті өңдеуге рұқсаттарыңыз болмауы мүмкін. Әкімшіңізге хабарласыңыз.

  3. Меңзерді HTML пішіннің веб-бөлігіне апарып, көрсеткіні басыңыз да, Қосылымдар, Пішін мәнін беру параметрлерін таңдап, одан кейін байланысу үшін, веб-бөлік атауын таңдаңыз.

  4. Қосылымды таңдау тілқатысу терезесінде Қосылымды теңшеу қойындысын нұқыңыз.

  5. Қосылым түрі мәзірінде HTML пішіннің веб-бөлігіндегі ақпаратқа сай өрісті таңдаңыз

Ескерту : Өрістердің атауларының бірдей болуы, сондай-ақ, олардың деректер түрлерінің бірдей болуы қажет емес. HTML пішіннің веб-бөлігінен жіберілетін мәндер мәтіндік мәндер болып табылады.

  1. Дайын түймешігін басып, одан кейін беттің жоғарғы жағындағы Өңдеу күйінен шығу пәрменін таңдаңыз.

Әдепкі параметр бойынша, мәтін ұясына мәтінді енгізіп, одан кейін Өту пәрменін немесе ENTER пернесін басыңыз. Басқа веб-бөлік енгізілген мәтінге сай деректерді ғана көрсетеді. Жаңа мәтін енгізуге болатындай етіп мәтін ұясын тазалау үшін, ағымдағы мәтінді бөлектеп, жойыңыз.

Беттің жоғарғы жағы

HTML пішіннің веб-бөлігін теңшеу

HTML пішіннің веб-бөлігін HTML пішіннің веб-бөлігінің құралдар тақтасында бар Бастапқы мәтінді өңдегіш немесе SharePoint Designer 2010 сияқты SharePoint сыйысымды веб-дизайн бағдарламасын пайдалана отырып, теңшеуге болады. Стандартты мәтін ұясынынң орнына ажырата қосқыштарды, құсбелгі ұяларын, бірнеше тармақты мәтін ұяларын және тізімді жолақтарды пайдалануға болады. Белгілерді қосуға және әдепкі мәнді белгілеуге де болады.

HTML пішіннің веб-бөлігін теңшегенде, төмендегіні есте сақтаңыз:

  • Деректерді басқа веб-бөлікке беру үшін, тек бір Өту түймешігін (INPUT элементін пайдаланатын) пайдалануға болады.

  • HTML пішіннің веб-бөлігі HTML FORM элементін пайдаланады. Белгілі HTML элементтерін FORM элементінде, соның ішінде HTML, BODY және HTML FORM элементтерінде пайдалану мүмкін емес.

  • Барлық пішін өрістерінің атаулары бірегей болуы тиіс. Әрбір атау мәні қосылып жатқан веб-бөліктің сәйкес баған атауына қосылу үшін пайдаланылады.

Пішіннің веб-бөлігін теңшеу үшін, Бастапқы мәтінді өңдегіш түймешігінің көмегімен Мәтін өңдегіш тілқатысу терезесін ышғарыңыз да, HTML бастапқы кодын түзетіңіз немесе қосыңыз.

Ескерту :  HTML пішіннің веб-бөлігі тек басқа қосылатын веб-бөлікке деректерді береді — ол басқа қосылатын веб-бөліктен деректерді ала алмайды. Мысалы, HTML пішіннің веб-бөлігін деректер жолын көрсететін мәліметтер пішіні ретінде пайдалану мүмкін емес.

Беттің жоғарғы жағы

HTML пішіннің әдепкі веб-бөлігін теңшеу

HTML пішіннің әдепкі веб-бөлігін теңшеу үшін, келесі әрекеттерді орындаңыз:

  1. HTML пішіннің веб-бөлігі көрсетілетін беттегі таспада Өңдеу қойындысын нұқып, Өңдеу пәрменін таңдаңыз.

  2. HTML пішіннің веб-бөлігіне көрсетіп, төмен көрсеткіні басыңыз да, Веб-бөлікті өңдеу параметрін таңдаңыз.

  3. Құралдар тақтасынан Көз өңдеушісі параметрін таңдаңыз.

  4. Әдепкі HTML коды бар Мәтін терезесі ашылады.

Кодтың оқылуы мен өзгертілуін оңайлату үшін, мына жерде көрсетілгендей тармақтарды тасымалдау мақсатында каретка қайтаруларын кірістіріңіз:

<div onkeydown="javascript:if (event.keyCode == 13) _SFSUBMIT_">
<input type="text" name="T1"/>
<input type="button" value="Go" onclick="javascript:_SFSUBMIT_"/>
</div>

Өрістің атауын өзгерту, өріске белгі қосу немесе әдепкі мәнді қосу арқылы алғашқы INPUT элементін бірнеше жолмен өзгертуге болады.

Сипат

Сипаттама

Өріс атауы

Пішіннің веб-бөлігіндегі әдепкі мәтін ұясының атауы — T1. Бұл Қосылым теңшелімі тілқатысу терезесінде шығатын атау. Өріске мағынасы көбірек атау беру үшін, T1 орнына жаңа атауды енгізіңіз. Тырнақшаларды жоймаған жөн.

Өріс белгісі

Белгі мәтінін пішін өрісінің алдында немесе одан кейін қосуға болады. Мәтінді тырнақшаларсыз теріңіз.

әдепкі мән

Мәтін аймағының өрісіне әдепкі мәнді қосуға болады. Пайдаланушы Өту түймешігін нұқу арқылы мәнді қабылдауы немесе басқа жазба жазуы мүмкін. Әдепкі мәнді қосу үшін, мән төлсипатын пайдаланыңыз.

Мысалы, мағынасы артығырақ атау беру керек болса, әдепкі мәнді қосып, белгіні қосыңыз. Мына әрекеттерді орындауға болады:

Region: <input type="text" name="Region" value="India"/>

Мына мысалда көрсетілгендей, түймешіктің атауын өзгерту арқылы екінші INPUT элементін өзгертуге болады:

<input type="button" value="SUBMIT" onclick="javascript:_SFSUBMIT_"/>

Басқа HTML элементтерін де DIV элементінен бұрын және одан кейін қосуға болады. Мысалы, DIV элементін жапқаннан кейін ағымдағы беттің байланыстыру тегін қосу — пайдаланушыға бетті жаңартуға және FORM элементтерін ысыруға мүмкіндік беретін пайдалы әрі қарапайым жол. Мысалы:

<br/>
<a href="http://contoso/SitePages/CustByRegion.aspx">Refresh</a>

Маңызды : Мәтін өңдегіш тілқатысу терезесіндегі басқа HTML кодын өзгертпеңіз. HTML пішіннің веб-бөлігі басқа веб-бөлікке қосылымды жасау үшін, іске қосылған сценарийлер үлгісін динамикалық түрде жасайды. onkeydown немесе onclick оқиға кодын өзгертпеген жөн, әйтпесе абайсызда HTML пішіннің веб-бөлігін бұзуыңыз мүмкін.

Беттің жоғарғы жағы

Көпжолды мәтін ұясын пайдалану

TEXTAREA элементі көпжолды мәтіннің енгізілуінің басқару элементтерін анықтайды. ROWS төлсипаты мәтін өрісінде көрінетін жолдар санын көрсетеді. COLS төлсипаты мәтін аймағының енін таңбалармен көрсетеді. Келесі мысалда пайдаланушы 5 жолды, ені 30 таңба мәтін ұясын көреді. Пайдаланушы ұяда мәтінді енгізгенде, мәтін 30 таңбадан кейін тасымалданады.

<textarea name="Region" rows=5 cols=30></textarea>

Кеңес :  Бастапқы кодта оң жақ бұрыштық жақшадан (>) кейін бос орынның болмағанын тексеріңіз.

Беттің жоғарғы жағы

Ажырата қосқыштарды пайдалану

Ажырата қосқыштар (айырып-қосқыш деп те атайды) пайдаланушыға өзара бірін-бірі жоққа шығаратын таңдауларды береді. Келесі мысалда үш айырып-қосқыш көрсетілген. Әр айырып-қосқышты бір атаумен атаңыз. Әдетте, әр қосқыштан кейін белгілер қосылады. Әр айырып-қосқышты бөлек жолда пішімдеу керек болса, BR элементін пайдаланыңыз.

<input type="radio" name="Region" value="India"/> India<BR/>
<input type="radio" name="Region" value="USA"/> USA<BR/>
<input type="radio" name="Region" value="Spain"/> Spain<BR/>

Беттің жоғарғы жағы

Таңдаулардың ашылмалы тізімін пайдалану

Бірін-бірі жоққа шығаратын таңдаулар көп болса, SELECT элементін пайдалану арқылы ашылмалы тізімді пайдаланып көріңіз. Әрбір параметр тізімде бөлек таңдау ретінде көрсетіледі, бірақ пайдаланушы тек бір таңдау жасай алады. OPTION элементінің бұрыштық жақшасы жабылғаннан кейін тұрған мәтін ашылмалы тізімде көрсетіледі.

<select name="Region">
<option value="India">India</option>
<option value="USA">USA</option>
<option value="Spain"> Spain </option>
</select>

Испания сияқты әдепкі мәнді шығару үшін, мына әрекетті орындаңыз:

<option value="Spain" selected="selected"> Spain </option>

Беттің жоғарғы жағы

Құсбелгі ұяларын пайдалану

Бірін-бірі жоққа шығармайтын бірнеше таңдау бар болса, құсбелгі ұяларын пайдаланыңыз. Әр параметр бөлек құсбелгі ұясы ретінде көрсетіледі, ал пайдаланушы кез келген немесе барлық таңдауды бөлектей алады. Бұл параметрді пайдаланғанда, веб-бөліктің қосылымы ретінде бірнеше параметрді қабылдайтынвеб-бөлік керек болады.

<input type="checkbox" name="region1" value="India"/> India<BR/>
<input type="checkbox" name="region2" value="USA"/> USA<BR/>
<input type="checkbox" name="region3" value="Spain"/> Spain<BR/>

Испания сияқты әдепкі мәнді шығару үшін, мына әрекетті орындаңыз:

<input type="checkbox" name="region3" value="Spain" checked="checked"/> Spain<BR/> 

Беттің жоғарғы жағы

Веб-бөліктің жалпы сипаттарын теңшеу

Веб-бөліктер көрінісін, орналасуын қосымша сипаттамаларын басқаратын сипаттар жинағын ортақ пайдаланады. Веб-бөлік сипаттарын құралдар аумағында өзгертесіз.

Ескерту :  Құралдар тақтасында көрсетілетін жалпы веб-бөлік сипаттары осы бөлімде берілгеннен өзгеше болуы мүмкін. Ол мына себептерге байланысты:

  • Құралдар тақтасында Қосымша бөлімін көру үшін, тиісті рұқсатыңыз болуы тиіс.

  • Белгілі бір веб-бөлік үшін, веб-бөлім жасақтаушысы осы жалпы сипаттардың біреуін немесе бірнешеуін көрсетпеуді шешкен немесе құралдар тақтасының төмендегі Көрініс, Орналасу және Қосымша бөлімдерінде берілмеген қосымша сипаттарды жасауды және көрсетуді таңдаған болуы мүмкін.

  • Кейбір рұқсаттар мен сипат баптаулары веб-бөлік сипаттарын ажыратуы немесе жасыруы мүмкін.

Көрініс

Сипат

Сипаттамасы

Тақырып

Веб-бөліктің терезе тақырыбында көрсетілетін веб-бөлік тақырыбын белгілейді.

Биіктік

Веб-бөлігінің биіктігін белгілейді

Ен

Веб-бөліктің енін белгілейді.

Хром күйі

Пайдаланушы бетті ашқанда, бетте бүкіл веб-бөліктің көрсетілу-көрсетілмеуін белгілейді. Әдепкі мән ретінде хром күйі Қалыпты күйіне орнатылады және бүкіл веб-бөлік көрсетіледі. Қайырылған күйіне орнатылғанда, тек терезе тақырыбы көрсетіледі.

Хром түрі

Веб-бөлік жақтауының терезе тақырыбының және шетінің көрсетілу-көрсетілмеуін белгілейді.

Орналасу

Сипат

Сипаттамасы

Жасырын

Пайдаланушы бетті ашқанда, веб-бөліктің көрсетілу-көрсетілмеуін белгілейді. Құсбелгі қойылған болса, веб-бөлік тек бет жасақталып жатқанда және (Жасырын) жұрнағы тақырыпқа қосылғанда ғана көрсетіледі.

Веб-бөлік қосылымы арқылы басқа веб-бөлікке деректер тасымалдау үшін пайдалану керек болып, веб-бөлікті көрсету ниетіңіз болмаса, веб-бөлікті жасыруға болады.

Бағыт

Веб-бөлік мазмұнындағы мәтіннің бағытын белгілейді. Мысалы, араб тілінде оң жақтан солға қарай жазады; ағылшын және еуропалық тілдердің көбінде солдан оңға қарай жазады. Бұл баптау веб-бөліктердің барлығында болмауы мүмкін.

Аймақ

Веб-бөлік орналасқан беттің аймағын белгілейді.

Ескерту :  Аймақты өзгертуге рұқсат жоқ болса, беттегі аймақтар тізім өрісінде берілмейді.

Аймақ индексі

Аймақта бірнеше веб-бөлік болса, веб-бөліктің аймақтағы орнын көрсетеді.

Ретті көрсету үшін мәтін ұясына оң бүтін санды енгізіңіз.

Егер аймақтағы веб-бөліктер жоғарыдан төменге қарай реттелген болса, 1 мәні веб-бөлік аймақтың жоғарғы жағында пайда болатынын білдіреді. Егер аймақтағы веб-бөліктер солдан оңға қарай реттелген болса, 1 мәні веб-бөлік сол жағында пайда болатынын білдіреді.

Мысалы, жоғарыдан төменге қарай орналастырылған бос аймаққа веб-бөлік қосқанда, бұл аймақтың индексі 0 болады. Бұл бөліктің төменгі жағына екінші веб-бөлікті қосқанда, оның аймақ индексі 1 болады. Екінші веб-бөлікті аймақтың жоғарғы жағына жылжыту үшін 0 мәнін, содан кейін бірінші веб-бөлік үшін 1 мәнін енгізіңіз.

Ескерту : Аймақтағы әрбір веб-бөліктің бірегей аймақ индексі мәні болуы керек. Сондықтан, ағымдағы веб-бөлік үшін аймақ индексінің мәнін өзгерткенде, аймақтағы басқа веб-бөліктердің аймақ индексінің мәні де өзгеруі мүмкін.

Қосымша

Сипат

Сипаттамасы

Қайыруға рұқсат ету

Веб-бөлікті қайыруға болатынын көрсетеді.

Жабуға рұқсат ету

Веб-бөліктің беттен жойылу мүмкіндігін көрсетеді.

Тасалауға рұқсат ету

Веб-бөлікті жасыруға болатынын көрсетеді.

Аймақты ауыстыруға рұқсат ету

Веб-бөлікті басқа аймаққа жылжытуға болатынын көрсетеді.

Қосылымдарға рұқсат ету

Веб-бөліктің басқа веб-бөліктермен қосылымдарға қатыса алатынын көрсетеді.

Жеке көріністі өзгертуге рұқсат ету

Веб-бөлік сипаттарының жеке көріністе өзгертілетінін не өзгертілмейтінін көрсетеді.

Экспорттау күйі

Осы веб-бөлікке экспорттауға рұқсат берілген деректердің деңгейін көрсетеді. Теңшелімге байланысты, бұл параметр қол жетімді болмауы мүмкін.

Тақырып URL-мекенжайы

Веб-бөлік туралы қосымша мәліметтері бар файлдың URL-мекенжайын көрсетеді. Файл веб-бөлік тақырыбын нұқығанда бөлек шолғыш терезеде көрсетіледі.

Сипаттама

Тінтуір меңзерін веб-бөлік тақырыбына немесе веб-бөлік белгішесіне қойғанда пайда болатын қалқыма сөзкөмекті көрсетеді. Бұл сипаттың мәні Веб-бөліктерді табу құралдар тақтасының мәзіріндегі Іздеу пәрменін пайдалану арқылы веб-бөліктерді іздегенде пайдаланылады.

"Анықтама URL-мекенжайы

Веб-бөлік туралы анықтама мәліметтері бар файлдың орнын көрсетеді. Анықтама мәліметтері веб-бөлік мәзіріндегі Анықтама пәрменін таңдағанда, бөлек шолғыш терезеде көрсетіледі.

Анықтама күйі

Шолғыш веб-бөлікке анықтама мазмұнын қалай көрсететінін анықтайды.

Келесі әрекеттердің бірін таңдаңыз:

Модаль Бөлек шолғыш терезесін ашады, егер шолғышта осы мүмкіндік бар болса. Пайдаланушы терезені веб-бетке оралмас бұрын жабуы тиіс.

Модальді емес Бөлек шолғыш терезесін ашады, егер шолғышта осы мүмкіндік бар болса. Пайдаланушы терезені веб-бетке оралмас бұрын жабуы тиіс емес. Бұл әдепкі мән болып келеді.

Шарлау Веб-бетті ағымдағы шолғыш терезесінде ашады.

Ескерту :  Пайдаланушылық Microsoft ASP.NET веб-бөліктері осы сипатты қолдаса да, SharePoint анықтама тақырыптары бөлек шолғыш терезесінде ашылады.

Каталог белгішесінің суреті URL

Веб-бөлік тізімінде веб-бөлік белгішесі ретінде қолданылатын суреті бар файлдың орнын көрсетеді. Сүрет өлшемі 16 да 16 пиксел болуы қажет.

Тақырып белгішесінің суреті URL

Веб-бөлік терезе тақтасында қолданылатын суреті бар файлдың орнын көрсетеді. Сүрет өлшемі 16 да 16 пиксел болуы қажет.

Қате туралы хабарды импорттау

Веб-бөлікті импортау кезінде ақаулық болса, пайда болатын хабарды көрсетеді.

Беттің жоғарғы жағы

Дағдыларды жетілдіру
Оқыту курсымен танысыңыз
Жаңа мүмкіндіктерге бірінші болып қол жеткізу
Office Insider бағдарламасына қосылу

Осы ақпарат пайдалы болды ма?

Пікіріңіз үшін рақмет!

Пікіріңізге рақмет! Сізді Office қолдау көрсету қызметіндегі агенттердің бірімен байланыстырған жөн болуы мүмкін.

×