Ինչպես ձեւակերպել, KompoZer- ը

01-ից 06-ը

Կաղապարով մի ձեւ ավելացրեք

Կաղապարով մի ձեւ ավելացրեք: Էկրանի նկարահանում Ջոն Մորին

Շատ անգամներ կան, երբ դուք ստեղծում եք վեբ էջեր, որտեղ անհրաժեշտ է մուտք գործել օգտվողի կողմից մուտքագրված մուտքագրում, նոր հաշվի ստեղծում կամ հարցեր կամ մեկնաբանություններ ներկայացնել: Օգտագործողի մուտքագրումը հավաքվում եւ ուղարկվում է վեբ սերվերի HTML ձեւով: Ձեւավորումը հեշտ է համալրել KompoZer- ի ներկառուցված գործիքներով: Բոլոր ձեւի տեսակները, որոնք HTML 4.0 աջակցում են, կարող են ավելացվել եւ խմբագրվել KompoZer- ի հետ, բայց այս ձեռնարկի համար մենք աշխատելու ենք տեքստի, տեքստի տարածքի հետ, ներկայացնելու եւ կոճակները վերականգնելու համար:

02-ից 06-ը

Ստեղծեք նոր ձեւ, KompoZer- ով

Ստեղծեք նոր ձեւ, KompoZer- ով: Էկրանի նկարահանում Ջոն Մորին

KompoZer- ն ունի հարուստ ձեւ գործիքներ, որոնք կարող եք օգտագործել ձեր էջերի ձեւերը լրացնելու համար: Դուք մուտք եք գործել ձեւի գործիքները, կտտացնելով Գործիքների կոճակը կամ գործիքների տողում ուղեկցող ներքեւի ցանկը: Նշենք, որ եթե դուք չեք գրում ձեր սեփական ձեւի բեռնաթափման սցենարներ , ապա ձեզ հարկավոր է այս քայլի համար որոշակի տեղեկություններ ստանալ փաստաթղթերից կամ սցենար գրող ծրագրավորողից: Դուք նաեւ կարող եք օգտագործել mailto ձեւերը, բայց նրանք միշտ չէ, որ աշխատում են :

  1. Տեղադրեք ձեր կուրսորը այն վայրում, որը ցանկանում եք ձեր ձեւը էջում հայտնվել:
  2. Սեղմեք գործիքի վահանակի ձեւի կոճակը: Ձեւի հատկությունների երկխոսությունը բացվում է:
  3. Ավելացրեք ձեւի անուն: Անունը օգտագործվում է ավտոմատ կերպով ստեղծված HTML կոդը, ձեւը եւ պահանջվում է: Դուք նաեւ պետք է փրկեք ձեր էջը, նախքան ձեւ ավելացնելը: Եթե ​​դուք աշխատում եք նոր, չպահված էջի հետ, ապա KompoZer- ը ձեզ հուշում է փրկել:
  4. Ավելացնել URL- ը սցենարով, որը մշակելու է ձեւի տվյալները Գործող URL- ի դաշտում: Ձեւավորողները սովորաբար սցենարներ են գրված PHP- ով կամ նմանատիպ սերվերի լեզվով: Առանց այդ տեղեկությունների, ձեր վեբ էջը չի կարողանա որեւէ բան անել, որը մուտք է գործած օգտվողի տվյալները: KompoZer- ը ձեզ հուշում է մուտքագրել URL- ի ձեւը, եթե դուք չեք մուտքագրում այն:
  5. Ընտրեք ձեւի տվյալները սերվերին ներկայացնելու համար օգտագործվող մեթոդը: Երկու տարբերակները GET եւ POST են: Ձեզ հարկավոր է իմանալ, թե որ մեթոդը պահանջում է սցենարը:
  6. Սեղմեք OK եւ ձեւը ավելացվում է ձեր էջում:

03-ից 06-ը

Տիտղոսաթերթ ավելացրեք ձեւով `KompoZer- ով

Տիտղոսաթերթ ավելացրեք ձեւով `KompoZer- ով: Էկրանի նկարահանում Ջոն Մորին

Կոմպոզիցիայով էջի ձեւը լրացնելուց հետո ձեւը կհայտնվի էջում, թեթեւ կապույտ գիծում: Այս դաշտում ավելացրեք ձեր ձեւի դաշտերը: Կարող եք նաեւ մուտքագրել տեքստում կամ պատկերներ ավելացնել, ինչպես դուք կխնդրեք էջի ցանկացած այլ մասում: Տեքստը օգտակար է հուշում կամ պիտակներ ավելացնելու համար, օգտագործողներին ուղղորդելու համար դաշտեր ստեղծելու համար:

  1. Ընտրեք այն վայրը, որտեղ ցանկանում եք տեքստի դաշտը նախանշված ձեւի տարածքում անցնել: Եթե ​​ցանկանում եք ավելացնել պիտակը, ապա առաջին հերթին ցանկանում եք տեքստը մուտքագրել:
  2. Սեղմեք գործիքի վահանակի Ձեւի կոճակի կողքին ներքեւ ներքեւ սլաքը եւ ընտրեք Ձեւ դաշտը կաթիլ մենյուից:
  3. Դրսի դաշտի պատուհանների պատուհանը կբացվի: Տեքստային դաշտը ավելացնելու համար ընտրեք Տեքստ Text Type դաշտը բացվող ցանկից:
  4. Տեքստային դաշտում անուն տալ: Անունը օգտագործվում է HTML- ի կոդում դաշտը հայտնաբերելու համար եւ ձեւը մշակելու համար անհրաժեշտ է անունը մշակել տվյալները: Մի շարք այլընտրանքային հատկանիշներ կարող են փոփոխվել այս երկխոսության մեջ `« Ավելի հստակություն / Ավելի քիչ հատկություններ »կոճակը տեղափոխելու կամ Ընդլայնված Խմբագրել կոճակը սեղմելով, բայց հիմա մենք պարզապես մուտքագրելու ենք դաշտի անունը:
  5. Սեղմեք OK եւ տեքստային դաշտը հայտնվում է էջում:

04-ից 06-ը

Տեքստային տարածք ավելացրեք ձեւով `KompoZer- ով

Տեքստային տարածք ավելացրեք ձեւով `KompoZer- ով: Էկրանի նկարահանում Ջոն Մորին

Երբեմն, շատ տեքստը պետք է մուտքագրվի ձեւի վրա, օրինակ `հաղորդագրություն կամ հարցեր / մեկնաբանությունների դաշտ: Այս դեպքում տեքստային դաշտը պարզապես տեղին չէ: Դուք կարող եք ավելացնել տեքստային տարածք ձեւի դաշտ, օգտագործելով ձեւի գործիքները:

  1. Տեղադրեք ձեր կուրսորը ձեւի ուրվագիծը, որտեղ ցանկանում եք ձեր տեքստի տարածքը: Եթե ​​ցանկանում եք մուտքագրել պիտակի մեջ, ապա հաճախ լավ գաղափար է մուտքագրել պիտակի տեքստը, հարվածել մուտք գործել, տեղափոխել նոր գիծ, ​​ապա ավելացնել դաշտի դաշտը, քանի որ էջի տեքստի տարածքի չափը այն անհարմար է դարձնում պիտակը `ձախ կամ աջ կողմում:
  2. Սեղմեք գործիքի վահանակի Ձեւի կոճակի կողքին ներքեւ ներքեւ սլաքը եւ ընտրեք Text Area մենյուից: Տեքստային տարածքների պատուհանները կբացվեն:
  3. Մուտքագրեք տեքստային դաշտի դաշտի անունը: Անունը բնորոշում է դաշտը HTML- ում եւ օգտագործվում է ձեւի բեռնման սցենարի կողմից, օգտագործողի ներկայացված տեղեկատվությունը մշակելու համար:
  4. Մուտքագրեք տողերի եւ սյունակների շարք, որոնք ցանկանում եք տեքստի տարածքը ցուցադրել: Այս չափորոշիչները որոշում են էջի դաշտի չափը եւ անհրաժեշտության դեպքում անցնելուց առաջ որքան տեքստ կարող են մուտքագրվել դաշտում:
  5. Ավելի զարգացած տարբերակները կարող են նշված լինել այս պատուհանի մյուս վերահսկիչներով, սակայն ներկայումս դաշտի անվանումը եւ չափերը բավարար են:
  6. Սեղմեք OK կոճակը եւ տեքստի տարածքը հայտնվում է ձեւով:

05-ից 06-ը

Ավելացրեք Submit եւ Reset կոճակը KompoZer- ի հետ

Ավելացրեք Submit եւ Reset կոճակը KompoZer- ի հետ: Էկրանի նկարահանում Ջոն Մորին

Օգտագործողը լրացրեց ձեր էջի ձեւը, այնուհետեւ պետք է ինչ-որ ձեւով տեղեկացվի սերվերին: Բացի այդ, եթե օգտագործողը ցանկանում է սկսել կամ սխալներ թույլ տա, օգտակար է ներառել այնպիսի հսկողություն, որը վերականգնում է բոլոր ձեւի արժեքները կանխադրված: Հատուկ ձեւանմուշները վերահսկում են այս գործառույթները, որոնք կոչվում են Ներկայացման եւ Վերականգնման կոճակներ

  1. Տեղադրեք ձեր կուրսորը նախնական ձեւի տարածքում, որտեղ ցանկանում եք ներկայացնել կամ վերականգնել կոճակը: Շատ հաճախ դրանք կտեղադրվեն դաշտի մնացած մասերից ստորեւ:
  2. Սեղմեք գործիքի վահանակի Ձեւաթղթի կոճակի կողքին ներքեւ ներքեւ սլաքը եւ ընտրեք Սահմանել կոճակը կաթիլ մենյուից: The Button Properties պատուհանը կհայտնվի:
  3. Ընտրեք Type կոճակը `ներքեւում գտնվող ներքեւից ընտրված տիպից: Ձեր ընտրությունը ներկայացվում է, վերադարձի եւ կոճակը: Այս դեպքում մենք կընտրենք Ներկայացման տեսակը:
  4. Անուն տվեք կոճակին, որը կցուցադրվի HTML- ի եւ ձեւաթուղթի ձեւակերպման համար `ձեւային հարցումը մշակելու համար: Վեբ մշակողները սովորաբար անվանում են «ներկայացնելու»:
  5. Ներկառուցված արժեքի վանդակում մուտքագրեք տեքստը, որը պետք է հայտնվի կոճակի վրա: Տեքստը պետք է լինի կարճ, բայց նկարագրական, թե ինչ կլինի, երբ կոճակը սեղմվում է: «Ներկայացրեք», «Ներկայացրեք ձեւը» կամ «Ուղարկել» նման բաներ լավ օրինակ են:
  6. Սեղմեք OK, եւ կոճակը հայտնվում է ձեւով:

Վերականգնման կոճակը կարող է ավելացվել նույն ձեւով օգտագործվող ձեւի վրա, սակայն ընտրեք «Ներկայացրեք» դաշտից վերադարձը:

06-ից 06-ը

Ձեւավորելով ձեւը `KompoZer- ով

Ձեւավորելով ձեւը `KompoZer- ով: Էկրանի նկարահանում Ջոն Մորին

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