ავტორის შეხედულება:ამ თავდაპირველ სტატიაში ჩვენ განვიხილავთ ფონის სურათის შექმნის მარტივ ტექნიკას, რომელიც გადაჭიმულია ბრაუზერის ხედის მთელ სიგანეზე. რატომ გვჭირდება CSS power background-size; JavaScript არ არის საჭირო.

გამოიყენეთ ადაპტური მთლიანი ფონის სურათები

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

თუ გსურთ მსგავსი შედეგის მიღწევა თქვენი მიმდინარე ვებპროექტით, მაშინ ეს არის ის, რაც გჭირდებათ.

Ძირითადი პრინციპები

ღერძი ჩვენი გეგმაა.

Vickory ძალაუფლების ფონის ზომა, რათა სრულად დაიმახსოვროთ ის, რისი ნახვაც შეგიძლიათ

ფონის ზომის CSS ძალა არის საფარის მნიშვნელობა. საფარის მნიშვნელობა აცნობებს ბრაუზერს, რომ მან ავტომატურად უნდა გააფართოვოს ფონის სურათის სიგანე და სიმაღლე პროპორციულად ისე, რომ ისინი ყოველთვის იყოს ტოლი ან უფრო დიდი ვიდრე ხედის სიგანე/სიმაღლე.

Vikorista მედია მოთხოვნა მცირე ფონის სურათების რედაქტირებისთვის მობილური მოწყობილობები

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

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

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

HTML

მარკირებისთვის დაგჭირდებათ შემდეგი:

ვაპირებთ ვაღიაროთ ფონის სურათისხეულის ელემენტისთვის, ისე, რომ სურათი ყოველთვის იკავებს ბრაუზერის მთელ ფანჯარას.

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

CSS

დააყენეთ შემდეგი სტილები სხეულის ელემენტისთვის:

body ( /* გზა სურათისკენ */ ფონის სურათი: url(images/background-photo.jpg); /* ფონის სურათები ყოველთვის ცენტრშია ვერტიკალურად და ჰორიზონტალურად */ ფონის პოზიცია: ცენტრში; /* ფონის სურათები არ მეორდება * / ფონური გამეორება: არა-გამეორება;/* ფონის სურათი ფიქსირდება ხედვის პორტში, ასე რომ, ის არ გადაინაცვლებს, თუ შინაარსის სიმაღლე მეტია სურათის სიმაღლეზე */ ფონის დანართი: დაფიქსირებულია; ფონი- ზომა: საფარი;/* ჩანართები ფონის ფერი, რომელიც გამოჩნდება ფონის სურათის ჩვენებისას */ background-color: #464646; )

ყველაზე მნიშვნელოვანი წყვილია ძალა/მნიშვნელობა, პატივისცემის მოსაპოვებლად:

ფონის ზომა: საფარი;

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

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

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

ფონი-პოზიცია: ცენტრი ცენტრი;

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

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

ფონი-დანართი: ფიქსირებული;

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

მალსახმობი CSS ნოტაცია

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

სხეული (ფონი: url(background-photo.jpg) ცენტრის ყდა, გამეორება არ არის დაფიქსირებული; )

ყველაფერი რაც თქვენ გჭირდებათ არის შეცვალოთ URL-ის მნიშვნელობა, რათა მიუთითოთ თქვენი ფონის სურათი.

Dodatkovo: მედია შეყვანა მცირე ეკრანებისთვის

პატარა ეკრანებისთვის მე ვიკორისტი ვარ Photoshop პროგრამა, პროპორციულად რომ შევცვალო ზომა 768x505 პიქსელზე და ასევე გამოვიყენე Smush.it სერვისი, რომ ზომა ოდნავ შემეცვალა. ახლა ფაილის ზომა შეიცვალა 1741 კბ-დან 114 კბ-მდე. ტობტო. სურათის ზომა 93%-ით შეიცვალა.

გთხოვთ, არასწორად არ გამიგოთ, 114 კბ მაინც საკმარისია წმინდა ესთეტიკური დიზაინის ელემენტისთვის. Vrahovuyuchi დამატებითი navantazhenya in 114KB, დავიწყე vikoristovat ასეთი ფაილი, მხოლოდ იმისათვის, რომ გავზარდო უნარი მნიშვნელოვანი colorize ურთიერთქმედების კორესპონდენტსა და საიტს (UX), რადგან ვ დღევანდელი მომენტიინტერნეტ ტრაფიკის მნიშვნელოვანი ნაწილი იგზავნება მობილურ მოწყობილობებზე Back-image: url (images/background-photo-mobile-devices. jpg);

მედიის შეყვანა დაყენებულია მაქსიმალურ სიგანეზე: 767 პიქსელი, რაც ნიშნავს, რომ თუ 767 პიქსელზე დიდი ბრაუზერის ნახვა გაქვთ, დაგჭირდებათ ფონის დიდი სურათი.

მედიის მოხმარების ერთ-ერთი უპირატესობა ის არის, რომ თუ შეცვლით თქვენი ბრაუზერის ფანჯრის სიგანეს, მაგალითად, 1200 პიქსელიდან 640 პიქსელამდე (ან იგივე), მაშინვე შექმნით გლამურულ მომენტს პატარა ან დიდ ფონის სურათზე.

გარდა ამისა, იმ მოწყობილობების საშუალებით, რომლებსაც აქვთ პატარა ეკრანი, შეიძლება უფრო დიდი რაოდენობის პიქსელების ჩვენება - მაგალითად, iPhone 5 ბადურის დისპლეით აჩვენებს ცალკეულ სურათს 1136x640 პიქსელით - პატარა ფონის სურათი გამოჩნდება Excellized.

მიწოდების ჩანთები

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

გაყიდვების ანალიტიკა

ინტეგრაცია თქვენს PBX-თან

ინტეგრაცია საიტთან

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

დანამატი iPhone ან Android-ისთვის

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

ხელით სამუშაო მაგიდა

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

გაფართოებები და ვიჯეტები

მიიღეთ სამუშაო amoCRM-ით მოსახერხებელი და კომფორტული გზით! შექმენით თქვენი საკუთარი ელ.ფოსტის არხები მხოლოდ ორი დაწკაპუნებით. გააერთიანეთ amoCRM თქვენს ტელეფონთან და დაზოგეთ დრო თქვენი წარმომადგენლებისთვის. შეინახეთ თქვენი ფაილები ხელით პირქუში სიგიჟე Dropbox.

კლიენტების, კომპანიების მონაცემთა ბაზა და ა.შ.

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

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

სრული ინტეგრაცია თქვენს ფოსტასთან

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

გაყიდვების ანალიტიკა

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

ინტეგრაცია თქვენს PBX-თან

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

კავშირი პოპულარული სერვისი Zadarma მდე 1C – ახლა tse pitannya kіlkoh hvilin. ყველაფერი რაც თქვენ გჭირდებათ არის დააკავშიროთ მზა გაფართოება 1C-ისა და Zadarma-ს ინტეგრირებისთვის. ინსტალაციის დამონტაჟება შესაძლებელია უპრობლემოდ, იქნება ეს დასუფთავების სპეციალისტი თუ დასუფთავების სპეციალისტი, დეიდა მაშა.

დასაწყისში ჩვენ ყურადღება გამახვილდა მცირე ბიზნესზე, რომელსაც აქტიურად უჭერს მხარს ATS Zadarma და 1C კონფიგურაცია: მცირე კომპანიის მართვა 1.6.

როგორი იყო ადრე

Zadarma-სთან ინტეგრაციისთვის დაგჭირდებათ სპეციალური აკრიფეს გამოყენება, რომელიც დამონტაჟებულია 1C-ის შუაში, სახელწოდებით SIP ტელეფონი. ეს ვარიანტი შესაფერისია მრავალი მიზეზის გამო:

• yakscho 1C ინსტალაციები ლოკალური კომპიუტერი, და არა აქ ტერმინალის სერვერზე
• როგორ შეუძლია მომხმარებელმა გამოიყენოს 1C აკრიფეთ სამაგიდო ტელეფონის ნაცვლად?

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

ახლა ასე გახდა

ახლა, 1C-ისა და Zadarma-ს ინტეგრირებისთვის, საერთოდ არ არის მნიშვნელოვანი, რომელი ბოლო მოწყობილობა გამოიყენება ზარებისთვის. Რა შეგიძლია:

• სამაგიდო ტელეფონი
• პროგრამული ტელეფონი, ინსტალაცია OS-ში
• ვებ ფონი, რომელიც მუშაობს ბრაუზერთან

1C გაფართოება Zadarma-სთვის ურთიერთქმედებს API-სთან და არა აკრიფეთთან. მისთვის არ აქვს მნიშვნელობა, როგორ უწოდებს თავად კორისტუვაჩი.

მარტივი ინსტალაცია

ინსტალაცია შედგება ერთი ეტაპისგან. ჩვენ უბრალოდ გაჩვენებთ 2 ეკრანის სურათს.

მოთავსებულია კობის მხარეს

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

დაყენების სიმარტივე

აიღეთ API კლავიშები სპეციალური ოფისიზადარმა

და ჩადეთ ისინი 1C ტემპერატურაზე

მე პირველად შევიყვან თქვენს მომხმარებლის სახელს/პაროლს simplit.io-ზე.

ესე იგი, ახლა თქვენი 1C დაკავშირებულია ზადარმასთან.

რეკავს თითო დაწკაპუნებაზე 1C-ში

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

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

მომხმარებლის ბარათი შესვლის ზარზე

ფუნქცია რეალურად გახდა სტანდარტული და სავალდებულო 1C და ATS-ის ინტეგრაციით. თუ გსურთ დარწმუნდეთ, რომ ის დიდი ხანია არ არის მოთხოვნილი, შეგიძლიათ აირჩიოთ ის ტელეფონის პანელის პარამეტრებში.

ზარის რეგისტრაცია დოკუმენტით

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

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

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

PBX ზარების ისტორია

ძვინკის ისტორია, რა თქმა უნდა, ძალიან მნიშვნელოვანია. 1C-ისა და Zadarma-ს ინტეგრაციის გაფართოებები უზრუნველყოფს უამრავ სამუშაო ვარიანტს ისტორიასთან.

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

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

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

Შენიშვნა.

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

ვებ დანამატების შესახებ

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

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

ტიპიური ვებ zastosuvannya

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

ვებ-პროგრამები საშუალებას აძლევს ბრაუზერებს მარტივად მოძებნონ საჭირო ინფორმაცია ინფორმაციის მდიდარ ვებსაიტებზე.

ამ ტიპის ვებ დანამატი საშუალებას გაძლევთ შექმნათ ძიებები ერთად, მოაწყოთ ისინი და იმოძრაოთ ახალი სახელმძღვანელო გზით. ასეთი პროგრამების მაგალითები შეიძლება იყოს კომპანიების შიდა ქსელები - Microsoft MSDN (www.msdn.microsoft.com) და Amazon.com (www.amazon.com).

ვებ დამატებები საშუალებას გაძლევთ შეაგროვოთ, შეინახოთ და გაანალიზოთ ვებგვერდიდან შეგროვებული მონაცემები.

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

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

ვებ დანამატი ათავისუფლებს ვებ დიზაინერს რუტინული სამუშაოსგან სტაბილური განახლებასაიტის HTML გვერდები. პლაკატები, როგორიცაა ახალი ამბების რედაქტორები, პასუხისმგებელნი არიან ახალი მასალის ხელმისაწვდომობაზე და ვებ დამატებების მონიტორინგზე ავტომატური განახლებებივებგვერდი. მაგალითად, შეგიძლიათ ეწვიოთ ჟურნალის The Economist-ის ვებ ვერსიას (www.economist.com) და CNN-ის ახალი ამბების სერვისს (www.cnn.com).

კონდახის ვებ პროგრამა

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

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

შეხვედრაზე სვეტლანამ შემოგვთავაზა ვებ დანამატის შექმნა, რომელიც მომავლისთვის იქნება შესაფერისი.

მოთამაშეებს შეუძლიათ შეიყვანონ მონაცემები მათი სპორტული მიღწევების შესახებ მარტივი HTML ფორმით.

ამოღებული მონაცემები ინახება მონაცემთა ბაზაში.

ქულების გაანგარიშება ხდება გასწორებული მონაცემების საფუძველზე.

თქვენი კანის კონდიციონერს შეუძლია შედეგების ნახვა.

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

უმოკლეს დროში სვეტლანამ შექმნა და გამოუშვა საჭირო პროგრამა, Dreamweaver-ისგან ყველაფერი საჭირო იარაღებიშვიდკოგოსთვის მარტივი კარიამ სახის დანამატი.

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

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

ანგარიშის მიმდინარე განყოფილება განიხილავს ვებ დანამატების ელექტრომომარაგებას.

სტატიკური ვებ გვერდების დამუშავება

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

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

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

Trio Motors-ის შესახებ

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

Შენიშვნა.

თუ მკაცრად მიუდგებით, "სტატიკური" მხარე შეიძლება ნამდვილად არ იყოს ასეთი. მაგალითად, სურათი, რომელიც ცვლის ან Flash-ის ნაცვლად (SWF ფაილში) საშუალებას გაძლევთ „აღორძინოთ“ სტატიკური გვერდი. თუმცა, ამ კონტექსტში, გვერდი სტატიკურია, ამიტომ ბრაუზერს შეუძლია მისი გამოყენება ცვლილებების გარეშე.

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

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

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

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

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

პროგრამის ინსტრუქცია, რომელიც შექმნილია მონაცემთა ბაზიდან ამოსაღებად, ეწოდება გარეცხილია საბაზისო მონაცემებამდე. მოთხოვნა შედგება საძიებო კრიტერიუმებისგან, რომლებიც გამოხატულია დამატებითი ენის მონაცემთა ბაზაში, სახელწოდებით SQL (Structured Query Language). SQL მოთხოვნის ტექსტი განთავსდება სერვერისა და ტეგების გვერდების სკრიპტებში.

პროგრამის სერვერს არ შეუძლია მონაცემთა ბაზიდან დაუყოვნებლივ ამოღება, მონაცემთა ბაზის ფრაგმენტები გამოიყენება კონკრეტული ფორმატების შესაქმნელად და მონაცემების შესანახად, ისე, რომ ასეთი მონაცემების ამოღების მცდელობისას აუცილებელია დოკუმენტის შენახვა. Microsoft wordშემდგომი დახმარებისთვის ტექსტის რედაქტორი Notepad ან BBEdit. ამიტომ, მონაცემთა ბაზასთან დასაკავშირებლად, დამატებითი სერვერი იყენებს შუამავალს - მონაცემთა ბაზის დრაივერს. მონაცემთა ბაზის დრაივერი პროგრამული მოდული, რომელიც ეხმარება დამყარებაში ურთიერთქმედების დამყარებას დამატებით სერვერსა და მონაცემთა ბაზას შორის.

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

ქვემოთ მოცემულია მარტივი აპლიკაცია მონაცემთა ბაზაში SQL ენაზე.

SELECT გვარი, სახელი, fitpoints FROM თანამშრომლებისგან

შემდეგი ნაბიჯი აჩვენებს მონაცემთა ბაზაში მონაცემთა ჩამოტვირთვის პროცესს და მონაცემთა ბრაუზერში დაბრუნების პროცესს.

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

დაბალბიუჯეტიანი პროგრამების შესაქმნელად შეგიძლიათ შექმნათ ფაილების მონაცემთა ბაზა, მაგალითად, მონაცემთა ბაზა, რომელიც შექმნილია დამატებითი დახმარებისთვის Microsoft Access. თუ თქვენ გეგმავთ სანდო კორპორატიული პროგრამების შექმნას, რეკომენდებულია სერვერის მონაცემთა ბაზის გამოყენება, მაგალითად, Microsoft SQL Server, Oracle 9i ან MySQL სერვერებზე დაყრდნობით.

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

დინამიური გვერდების განვითარება

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

შენიშვნა. Dreamweaver CC და უფრო გვიან ვერსიებს აქვთ CFML მხარდაჭერა ყოველდღე.

Trio Motors-ის შესახებ

Trio Motors არის წამყვანი ავტომობილების მწარმოებელი.