Proqramçı Olmadan Bir Veb Sayt üçün Necə Bir Kalkulyator Etmək Olar. Hissə 1: Kalkulyator Qurucu

Mündəricat:

Proqramçı Olmadan Bir Veb Sayt üçün Necə Bir Kalkulyator Etmək Olar. Hissə 1: Kalkulyator Qurucu
Proqramçı Olmadan Bir Veb Sayt üçün Necə Bir Kalkulyator Etmək Olar. Hissə 1: Kalkulyator Qurucu

Video: Proqramçı Olmadan Bir Veb Sayt üçün Necə Bir Kalkulyator Etmək Olar. Hissə 1: Kalkulyator Qurucu

Video: Proqramçı Olmadan Bir Veb Sayt üçün Necə Bir Kalkulyator Etmək Olar. Hissə 1: Kalkulyator Qurucu
Video: Web proqramlaşdırma dərsləri #1. Sublime Text proqramını yükləmək və quraşdırmaq. 2024, Aprel
Anonim

Tipik olaraq, bir veb sayt üçün bir kalkulyator widgetı yaratmaq üçün pullu bir proqramçı və texniki dəstək büdcəsi lazımdır. Ancaq bu yaxınlarda, bir kalkulyator yaratmaq və saxlamağa vaxt və pula qənaət etmək üçün ən azı üç seçim ortaya çıxdı: ən sadə və ən sərfəli ilə başlayaq - kalkulyatoru əyani şəkildə yığmanıza kömək edəcək pulsuz bir kalkulyator qurucusu - doldurmaq kimi. sosial şəbəkədəki profil.

Texnologiya və proqramçılar işə qəbul etmədən yaradılan bir kalkulyator nümunəsi
Texnologiya və proqramçılar işə qəbul etmədən yaradılan bir kalkulyator nümunəsi

Vacibdir

Noutbuk və ya kompüter, istənilən brauzer, 10-30 dəqiqə vaxt, poçt qutusu və ya sosial şəbəkə hesabı (Facebook, Vkontakte, Google+, UID) və kalkulyatorunuzun necə olması lazım olduğunu başa düşmək

Təlimat

Addım 1

Yığmağa başlamaq və gələcəkdə kalkulyatorunuzu idarə etmək üçün uCalc.pro xidmətinə poçt və ya populyar sosial şəbəkələrdən biri ilə qeydiyyatdan keçirik.

Qeydiyyatdan keçdikdən sonra poçt vasitəsi ilə kalkulyator dizaynına dair bir məlumat alacaqsınız
Qeydiyyatdan keçdikdən sonra poçt vasitəsi ilə kalkulyator dizaynına dair bir məlumat alacaqsınız

Addım 2

Qeydiyyatdan sonra kalkulyatorlarınızın saxlanacağı şəxsi hesabınıza aparılacaqsınız. Burada hazır bir şablon seçə və ya kalkulyatoru sıfırdan yığmağa başlaya bilərsiniz.

Nişanı vuraraq
Nişanı vuraraq

Addım 3

Bir şablon və ya öz-özünə montaj lehinə seçim etdikdən sonra qarşınızda vizual redaktor açılacaqdır: maddələri - siyahı, sürgü, onay işarəsi, onay qutusu, əlaqə sahələri və ya bir düyməni - soldakı sütundan sürükləyərək bir kalkulyator yığın.

Elementlər ya yan-yana (ardıcıl bir neçə), həm də bir-birinin altına yerləşdirilə bilər
Elementlər ya yan-yana (ardıcıl bir neçə), həm də bir-birinin altına yerləşdirilə bilər

Addım 4

Siçanla hər hansı bir elementin üzərinə aparın və parametr nişanlarını görəcəksiniz - bunlarda ölçüləri təyin edə, bir elementi məcburi edə bilərsiniz, siyahı üçün sahələrin adlarını təyin edə və yerlərini dəyişdirə bilərsiniz. Elementin ətrafında görünən açıq yaşıl çərçivəyə basaraq onu kalkulyatorun qalan hissələrinin üstündə və ya altında yenidən düzəldə bilərsiniz.

İstəyə görə, istənilən elementi üzərinə vurub basaraq silmək olar
İstəyə görə, istənilən elementi üzərinə vurub basaraq silmək olar

Addım 5

İstədiyiniz mətn hissəsini sadəcə vurğulamaqla etiketlərin rəngini və ölçüsünü dəyişə bilərsiniz. Mətnlərə izahatlar əlavə etmək daha yaxşıdır: eni haqqında danışırıqsa, "metr" və ya "mm" əlavə edin, qiymətlər haqqında "rubl", "metrə görə rubl" və s.

Mətnin rəngini dəyişdirmək üçün boz dairəni vurun və palitradan bir rəng seçin
Mətnin rəngini dəyişdirmək üçün boz dairəni vurun və palitradan bir rəng seçin

Addım 6

Arxa fon rəngini dəyişdirmək və ya sürgü və rəngin rəngini dəyişdirmək üçün kalkulyatorun üstündəki işarələrdən istifadə edin. Sol nişan arxa plan rənginə cavabdehdir - veb səhifənizin rənglərinə boyamaq daha yaxşıdır. Orta nişan elementlərin rəngləridir: 10 hazır sxem arasından seçim edə bilərsiniz.

Şrift üslubunu sağ işarəni vuraraq da dəyişə bilərsiniz - hazırda 4 seçim mövcuddur
Şrift üslubunu sağ işarəni vuraraq da dəyişə bilərsiniz - hazırda 4 seçim mövcuddur

Addım 7

Aydınlıq üçün kalkulyatora şəkillər əlavə edə bilərsiniz: bir şəkil həm başlığa, həm də kalkulyatorun hər hansı bir elementinə əlavə edilə bilər. Bunu etmək üçün sol paneldən "Şəkil" simgesini seçin, istədiyiniz yerə sürükləyin və sonra elementi tıklayaraq şəkli kompüterinizdən yükləyin.

Kalkulyatorun saytınıza daha sürətli yüklənməsi üçün şəkilləri minimal istifadə edin
Kalkulyatorun saytınıza daha sürətli yüklənməsi üçün şəkilləri minimal istifadə edin

Addım 8

Xidmətlər və digər ədədi parametrlər üçün bir sıra qiymətlər təyin etmək üçün "Formula" sekmesine keçin. Lazımi dəyərləri daxil edə biləcəyiniz bir kalkulyator diaqramını görəcəksiniz.

İstənilən rəqəm həm miqdarı, həm ağırlığı, ya da məsafəni təmsil edə bilər
İstənilən rəqəm həm miqdarı, həm ağırlığı, ya da məsafəni təmsil edə bilər

Addım 9

Diaqramdakı kalkulyatorun hər bir elementinə bir məktub verilir. Sol tərəfdəki formula qutusundakı hərfləri əvəz edərək riyazi işarələri əlavə edərək bir və ya daha çox düstur yarada bilərsiniz: məsələn, endirimli və ya endirimsiz bir qiymət vermək lazımdırsa, çox olmayan bir ədədi vuraraq əlavə edərək iki düstur edin. Saniyədə 1 (məsələn, 0.8% endirim deməkdir 20% və s.).

İkinci və ya üçüncü formula, materialın və işin qiymətini ayrıca göstərmək istəsəniz təyin oluna bilər
İkinci və ya üçüncü formula, materialın və işin qiymətini ayrıca göstərmək istəsəniz təyin oluna bilər

Addım 10

Müştəri tələblərini poçt və ya SMS ilə almaq istəyirsinizsə, "Dizayn" sekmesine qayıdın, kalkulyatorunuzun düyməsini basın. Ayarlarda göstərə bilərsiniz. Orada ödəmə parametrlərini də tapa bilərsiniz - Yandex. Checkout vasitəsilə əvvəlcədən ödəmə qəbul etmək istəyirsinizsə.

Burada düymənin üstünə (oval, kvadrat və s.) Və siçanı üzərinə apardığınız zaman düymənin əlavə rəngini də təyin edə bilərsiniz
Burada düymənin üstünə (oval, kvadrat və s.) Və siçanı üzərinə apardığınız zaman düymənin əlavə rəngini də təyin edə bilərsiniz

Addım 11

Hesablama nəticəsini və ya digər məlumatları (promo kodu, link, "Sifariş qəbul edildi" mesajı) müştəriyə göndərmək üçün düymə parametrlərində "Müştərini xəbərdar et" düyməsini basın və məktub şablonunu doldurun. Müştəri əlaqələrini toplamaq üçün "sahə" elementini kalkulyatora əlavə edin və parametrlərdə "e-poçt", "telefon nömrəsi" və s.

Müştərilərin bütün şəxsi məlumatları SLL vasitəsilə ötürülür - başqa sözlə, heç kim onları ələ keçirə bilməz
Müştərilərin bütün şəxsi məlumatları SLL vasitəsilə ötürülür - başqa sözlə, heç kim onları ələ keçirə bilməz

Addım 12

Beləliklə, kalkulyator hazırdır. Sayta qoymaq üçün sağ küncdəki "Saxla" düyməsini vurun və qarşınızda hazır bir widget kodu olan bir pəncərə görünəcək. Kodu kopyalayın və saytdakı yeni və ya mövcud bir səhifəyə yapışdırın.

Kalkulyator kodunuz saytınızdan kopyalanamaz və başqasının koduna yapışdırıla bilməz
Kalkulyator kodunuz saytınızdan kopyalanamaz və başqasının koduna yapışdırıla bilməz

Addım 13

Bacarıqlarınızdan əmin deyilsinizsə, kalkulyator əlavə etmək üçün hazır təlimatları istifadə edin. UCalc veb saytında bir kalkulyatorun CMS Wordpress, Joomla, Drupal, NetCat, site inşaatçıları uKit, uCoz, Tilda və Wix və digər tanınmış platformalarda quraşdırılmasına dair təsvirlər verilmişdir. Platformanızı siyahıda tapmadınızsa, hər hansı bir təsviri açın və oxşarlığı izləyin.

Təlimatlar suallar bölməsindədir
Təlimatlar suallar bölməsindədir

Addım 14

Sayta quraşdırdıqdan sonra (dizayn, qiymətlər, elementlərin sayı və s.) Bir şey dəyişdirmək qərarına gəlsəniz, yaratdığınız kalkulyator konstruktorda düzəldilə və qeyd oluna bilər. Edilən dəyişikliklər saytda avtomatik olaraq görünəcəkdir.

Tövsiyə: