Кантип программистсиз веб-сайт үчүн калькулятор жасоого болот. 1-бөлүк: калькулятор куруучу

Мазмуну:

Кантип программистсиз веб-сайт үчүн калькулятор жасоого болот. 1-бөлүк: калькулятор куруучу
Кантип программистсиз веб-сайт үчүн калькулятор жасоого болот. 1-бөлүк: калькулятор куруучу

Video: Кантип программистсиз веб-сайт үчүн калькулятор жасоого болот. 1-бөлүк: калькулятор куруучу

Video: Кантип программистсиз веб-сайт үчүн калькулятор жасоого болот. 1-бөлүк: калькулятор куруучу
Video: Онлайн калькулятор на сайт 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-кадам

Эгер сиз сайтка орноткондон кийин бир нерсени өзгөртүүнү чечсеңиз (дизайны, баалары, элементтердин саны ж.б.), сиз түзгөн калькулятор конструктордо оңдолуп, сакталып калышы мүмкүн. Киргизилген өзгөртүүлөр автоматтык түрдө сайтта көрсөтүлөт.

Сунушталууда: