როგორ შევქმნათ კალკულატორი ვებსაიტისთვის პროგრამისტის გარეშე. ნაწილი 1: კალკულატორის მშენებელი

Სარჩევი:

როგორ შევქმნათ კალკულატორი ვებსაიტისთვის პროგრამისტის გარეშე. ნაწილი 1: კალკულატორის მშენებელი
როგორ შევქმნათ კალკულატორი ვებსაიტისთვის პროგრამისტის გარეშე. ნაწილი 1: კალკულატორის მშენებელი

ვიდეო: როგორ შევქმნათ კალკულატორი ვებსაიტისთვის პროგრამისტის გარეშე. ნაწილი 1: კალკულატორის მშენებელი

ვიდეო: როგორ შევქმნათ კალკულატორი ვებსაიტისთვის პროგრამისტის გარეშე. ნაწილი 1: კალკულატორის მშენებელი
ვიდეო: #1 როგორ დავიწყოთ პროგრამირების სწავლა? 2024, ნოემბერი
Anonim

როგორც წესი, ვებსაიტისთვის კალკულატორის ვიჯეტის შექმნა მოითხოვს ფასიან პროგრამისტს და ტექნიკური დახმარების ბიუჯეტს. ცოტა ხნის წინ, სულ მცირე, სამი ვარიანტი გამოჩნდა იმის შესახებ, თუ როგორ დაზოგოთ დრო და ფული კალკულატორის შექმნასა და შენარჩუნებაში: დავიწყოთ უმარტივესი და ყველაზე ხელმისაწვდომი - უფასო კალკულატორის შემქმნელი, რომელიც დაგეხმარებათ კალკულატორის ვიზუალურად აწყობაში - ისევე, როგორც შევსება პროფილი სოციალურ ქსელში.

კალკულატორის მაგალითი, რომელიც შეიქმნა ტექნოლოგიის ცოდნის გარეშე და პროგრამისტების დაქირავების გარეშე
კალკულატორის მაგალითი, რომელიც შეიქმნა ტექნოლოგიის ცოდნის გარეშე და პროგრამისტების დაქირავების გარეშე

Ეს აუცილებელია

ლეპტოპი ან კომპიუტერი, ნებისმიერი ბრაუზერი, 10-30 წუთი დრო, საფოსტო ყუთი ან სოციალური ქსელის ანგარიში (Facebook, Vkontakte, Google+, UID), ასევე იმის გაგება, თუ როგორი უნდა იყოს თქვენი კალკულატორი

ინსტრუქციები

Ნაბიჯი 1

თქვენი კალკულატორის აწყობის დასაწყებად და სამომავლოდ მართვისთვის, ჩვენ ვარეგისტრირებთ uCalc.pro სერვისზე ფოსტის ან ერთ-ერთი პოპულარული სოციალური ქსელის საშუალებით.

რეგისტრაციის შემდეგ, ელ.ფოსტით მიიღებთ ელ.წერილს რჩევით კალკულატორის დიზაინის შესახებ
რეგისტრაციის შემდეგ, ელ.ფოსტით მიიღებთ ელ.წერილს რჩევით კალკულატორის დიზაინის შესახებ

ნაბიჯი 2

რეგისტრაციის შემდეგ, თქვენ გადაიყვანთ თქვენს პირად ანგარიშზე, სადაც ინახება თქვენი კალკულატორები. აქ შეგიძლიათ აირჩიოთ მზა შაბლონი, ან დაიწყოთ კალკულატორის აწყობა ნულიდან.

ხატულაზე დაჭერით
ხატულაზე დაჭერით

ნაბიჯი 3

შაბლონის ან თვითმმართველობის ასამბლეის სასარგებლოდ არჩევის შემდეგ ვიზუალური რედაქტორი გაიხსნება თქვენს წინაშე: ელემენტების - სიის, სლაიდერი, მონიშვნის ნიშნის, ველი, საკონტაქტო ველების ან ღილაკის დაჭერით - მარცხენა სვეტიდან შეგიძლიათ კალკულატორის აწყობა.

ელემენტების განთავსება შესაძლებელია გვერდიგვერდ (ზედიზედ რამდენიმე) ან ერთმანეთის ქვეშ
ელემენტების განთავსება შესაძლებელია გვერდიგვერდ (ზედიზედ რამდენიმე) ან ერთმანეთის ქვეშ

ნაბიჯი 4

მაუსის საშუალებით გადაიტანეთ ნებისმიერი ელემენტი და დაინახავთ პარამეტრების ხატებს - მათში შეგიძლიათ დააყენოთ ზომები, გააკეთოთ ელემენტი სავალდებულო, დააყენოთ ველების სახელები სიაში და შეცვალოთ მათი ადგილები. და დააჭირეთ ღია მწვანე ჩარჩოს, რომელიც ჩანს ელემენტის გარშემო, შეგიძლიათ შეცვალოთ იგი კალკულატორის დანარჩენი ნაწილების ზემოთ ან ქვემოთ.

სურვილისამებრ, შეგიძლიათ წაშალოთ ნებისმიერი ნივთი მასზე დაჭერით და დაჭერით
სურვილისამებრ, შეგიძლიათ წაშალოთ ნებისმიერი ნივთი მასზე დაჭერით და დაჭერით

ნაბიჯი 5

თქვენ შეგიძლიათ შეცვალოთ იარლიყების ფერი და ზომა, უბრალოდ მონიშნოთ სასურველი ტექსტი. უკეთესია, რომ ტექსტებს განმარტებები დაამატოთ: თუ ვსაუბრობთ სიგანეზე, დაამატეთ "მრიცხველები" ან "მმ", ფასები "რუბლი", "რუბლი თითო მეტრზე" და ა.შ.

ტექსტის ფერის შესაცვლელად, დააჭირეთ ნაცრისფერ წრეს და შეარჩიეთ ფერი პალიტრადან
ტექსტის ფერის შესაცვლელად, დააჭირეთ ნაცრისფერ წრეს და შეარჩიეთ ფერი პალიტრადან

ნაბიჯი 6

ფონის ფერის შესაცვლელად ან სლაიდერისა და ნიშნულის ფერის შესაცვლელად გამოიყენეთ კალკულატორის ზემოთ არსებული ხატები. მარცხენა ხატულა პასუხისმგებელია ფონის ფერისთვის - უმჯობესია თქვენი ვებ – გვერდის ფერების საღებავებით დახატოთ. შუა ხატი არის ელემენტების ფერები: შეგიძლიათ აირჩიოთ 10 მზა სქემადან.

შრიფტის სტილის შეცვლა ასევე შეგიძლიათ მარჯვენა ხატულაზე დაწკაპუნებით - ამჟამად 4 ვარიანტია ხელმისაწვდომი
შრიფტის სტილის შეცვლა ასევე შეგიძლიათ მარჯვენა ხატულაზე დაწკაპუნებით - ამჟამად 4 ვარიანტია ხელმისაწვდომი

ნაბიჯი 7

სიცხადისთვის შეგიძლიათ კალკულატორს დაამატოთ სურათები: სურათი შეიძლება დაემატოს როგორც სათაურს, ასევე კალკულატორის ნებისმიერ ელემენტს. ამისათვის მარცხენა პანელიდან აირჩიეთ "სურათი" ხატი, გადაიტანეთ იგი სასურველ ადგილას და შემდეგ ელემენტზე დაწკაპუნებით ატვირთეთ სურათი თქვენი კომპიუტერიდან.

იმისათვის, რომ კალკულატორი უფრო სწრაფად ჩაიტვირთოს თქვენს საიტზე, გამოიყენეთ სურათები მინიმალურით
იმისათვის, რომ კალკულატორი უფრო სწრაფად ჩაიტვირთოს თქვენს საიტზე, გამოიყენეთ სურათები მინიმალურით

ნაბიჯი 8

სერვისების ფასების ასორტიმენტისა და სხვა ნებისმიერი ციფრული პარამეტრების დასაზუსტებლად გადადით ჩანართზე "ფორმულა". ნახავთ კალკულატორის დიაგრამას, რომელშიც შეგიძლიათ მიუთითოთ თქვენთვის საჭირო მნიშვნელობები.

ნებისმიერი რიცხვი შეიძლება წარმოადგენდეს როგორც თანხას, ისე წონას ან, მაგალითად, მანძილს
ნებისმიერი რიცხვი შეიძლება წარმოადგენდეს როგორც თანხას, ისე წონას ან, მაგალითად, მანძილს

ნაბიჯი 9

კალკულატორის თითოეულ ელემენტს დიაგრამაზე ენიჭება ასო. მარცხენა ფორმულის ველში ასოების ჩანაცვლებითა და მათემატიკური ნიშნების დამატებით შეგიძლიათ შექმნათ ერთი ან მეტი ფორმულა: მაგალითად, თუ ფასის მიცემა გჭირდებათ ფასდაკლებით ან მის გარეშე, გააკეთეთ ორი ფორმულა, დაამატეთ ნამრავლი ნაკლები რიცხვით 1 წამში (მაგალითად, 0.8 ნიშნავს ფასდაკლებას 20% -ში და ა.შ.).

მეორე ან მესამე ფორმულის დაყენება შეიძლება, თუ გსურთ ცალკე აჩვენოთ ფასი მასალაზე და ნამუშევარზე და ა.შ
მეორე ან მესამე ფორმულის დაყენება შეიძლება, თუ გსურთ ცალკე აჩვენოთ ფასი მასალაზე და ნამუშევარზე და ა.შ

ნაბიჯი 10

თუ გსურთ მიიღოთ მომხმარებელთა მოთხოვნები ფოსტით ან SMS- ით, დაბრუნდით "დიზაინის" ჩანართზე, დააწკაპუნეთ თქვენი კალკულატორის ღილაკზე. შეგიძლიათ მიუთითოთ პარამეტრებში. იქ ასევე ნახავთ გადახდის პარამეტრებს - თუ გსურთ მიიღოთ წინასწარი გადახდა Yandex. Checkout– ის საშუალებით.

აქ ასევე შეგიძლიათ დააყენოთ ღილაკის გამოჩენა (ოვალური, კვადრატული და ა.შ.) და ღილაკის დამატებითი ფერი, როდესაც თაგუნას გადააადგილებთ მასზე
აქ ასევე შეგიძლიათ დააყენოთ ღილაკის გამოჩენა (ოვალური, კვადრატული და ა.შ.) და ღილაკის დამატებითი ფერი, როდესაც თაგუნას გადააადგილებთ მასზე

ნაბიჯი 11

იმისათვის, რომ კლიენტს გამოაგზავნოთ გაანგარიშების შედეგი ან სხვა ინფორმაცია (პრომო კოდი, ბმული, გაგზავნა "შეკვეთა მიღებულია"), ღილაკის პარამეტრებში დააჭირეთ "კლიენტის შეტყობინებას" და შეავსეთ ასოთა შაბლონი. მომხმარებელთა კონტაქტების შესაგროვებლად, კალკულატორს დაამატეთ "ველის" ელემენტი და მიუთითეთ "ელ.წერილი", "ტელეფონის ნომერი" და ა.შ.

კლიენტების ყველა პერსონალური მონაცემები გადაეცემა SLL– ით - სხვა სიტყვებით რომ ვთქვათ, მათ ვერავინ შეძლებს მათი ჩაჭრა
კლიენტების ყველა პერსონალური მონაცემები გადაეცემა SLL– ით - სხვა სიტყვებით რომ ვთქვათ, მათ ვერავინ შეძლებს მათი ჩაჭრა

ნაბიჯი 12

ასე რომ, კალკულატორი მზად არის. საიტზე რომ განათავსოთ, დააჭირეთ ღილაკს "შენახვა" მარჯვენა კუთხეში - და თქვენს წინაშე გამოჩნდება ფანჯარა მზა ვიჯეტის კოდით. დააკოპირეთ კოდი და ჩასვით საიტზე ახალ ან არსებულ გვერდზე.

თქვენი კალკულატორის კოდის კოპირება შეუძლებელია თქვენი საიტიდან და არ ხდება მისი სხვის განთავსება
თქვენი კალკულატორის კოდის კოპირება შეუძლებელია თქვენი საიტიდან და არ ხდება მისი სხვის განთავსება

ნაბიჯი 13

თუ არ ხართ დარწმუნებული თქვენს შესაძლებლობებში, გამოიყენეთ მზა ინსტრუქცია კალკულატორის დამატებისთვის. UCalc ვებსაიტს აქვს ილუსტრირებული რჩევები CMS Wordpress, Joomla, Drupal, NetCat, საიტის შემქმნელთა uKit, uCoz, Tilda და Wix და სხვა ცნობილ პლატფორმებზე კალკულატორის დაყენების შესახებ. თუ ვერ იპოვნეთ თქვენი პლატფორმა სიაში, გახსენით ნებისმიერი აღწერა და მიჰყევით ანალოგს.

ინსტრუქციები მოცემულია FAQ განყოფილებაში
ინსტრუქციები მოცემულია FAQ განყოფილებაში

ნაბიჯი 14

თუ თქვენ გადაწყვეტთ რაიმე შეცვალოთ საიტზე განთავსების შემდეგ (დიზაინი, ფასები, ელემენტების რაოდენობა და ა.შ.), თქვენს მიერ შექმნილი კალკულატორი შეიძლება რედაქტირდეს კონსტრუქტორში და შეინახოს. განხორციელებული ცვლილებები ავტომატურად გამოჩნდება საიტზე.

გირჩევთ: