თანამედროვე ვებტექნოლოგიები

ვებმარკირების დანიშნულება და გამოყენების სფერო

გამარჯობა! დღეს სწავლას თავიდან ვიწყებთ. გავარკვევთ, როგორ მუშაობს ინტერნეტი და ვებგვერდები, და რა როლს ასრულებს მათში ვებმარკირების ენა, ანუ HTML.

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

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

ნაწილი 1: ვების ეკოსისტემის მიმოხილვა

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

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

ვების ძირითადი ფენები

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

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

კლიენტი და სერვერი: წარმოიდგინეთ რესტორანი. სტუმარი სთხოვს რაღაცას, სამზარეულო კი ამზადებს. ვებშიც ასეა. კლიენტი არის თქვენი ბრაუზერი (Chrome, Firefox, Safari), რომელიც ითხოვს ვებგვერდს. სერვერი არის კომპიუტერი, რომელზეც ეს გვერდი ინახება. როცა ბრაუზერში მისამართს წერთ, კლიენტი სერვერს მოთხოვნას უგზავნის, სერვერი პასუხად გვერდის კოდს აბრუნებს, ბრაუზერი კი მას ეკრანზე აჩვენებს.

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

ამ ფენების ერთობლიობას ჰქვია ვების ეკოსისტემა. მისი ერთ-ერთი უმთავრესი ნაწილია მარკირების ენები, რომლებიც დღევანდელი გაკვეთილის მთავარი გმირია.

ინტერნეტი / ქსელი პროტოკოლები (HTTP / HTTPS) კლიენტი (ბრაუზერი) სერვერი ფრონტენდი (რასაც ვხედავთ) ბექენდი (სერვერის ლოგიკა)
ვების ეკოსისტემა — ფენები, რომლებიც ერთად ქმნიან თანამედროვე ვებს.

ნაწილი 2: ძირითადი ტექნოლოგიები და მათი როლი

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

HTML — სტრუქტურა

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

CSS — ვიზუალი

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

JavaScript — ინტერაქტივობა

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

Backend ენები — ლოგიკა

PHP, Python, Node.js, Java სერვერზე მუშაობენ და მონაცემებს ამუშავებენ: ანგარიშში შესვლა, შეკვეთები, მონაცემთა ბაზასთან მუშაობა. მათ გარეშე ვებგვერდს ინფორმაციის შენახვა და დამუშავება არ შეუძლია.

რატომ არის ეს ყველაფერი მნიშვნელოვანი?

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

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

HTML CSS JavaScript თანამედროვე ვებგვერდი / აპლიკაცია
სამი ძირითადი ფრონტენდ ტექნოლოგია ერთად ქმნის სრულფასოვან ვებგვერდს.

ნაწილი 3: რისთვის გამოიყენება markup ენები?

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

მარკირების ძირითადი დანიშნულებები

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

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

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

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

ნაწილი 4: სად ვხვდებით markup ენებს?

შეიძლება გგონიათ, რომ markup ენები მხოლოდ ვებგვერდებისთვისაა. სინამდვილეში ისინი გაცილებით ფართოდ გამოიყენება, ყველგან, სადაც ინფორმაციის დალაგებაა საჭირო.

ვებგვერდები → HTML — ყველა ვებგვერდი, რომელსაც ყოველდღე ვსტუმრობთ, HTML-ითაა აღწერილი. HTML გვეუბნება, სად არის სათაური, სად ტექსტი, სად სურათი.
ელფოსტა → HTML ელფოსტა — ბევრი ელფოსტა ლამაზი ფორმატირებით (ფერები, სურათები, ღილაკები) სწორედ HTML-ით იგზავნება.
მობილური აპლიკაციები → XML / JSON — მონაცემების გაცვლის ფორმატები აპლიკაციასა და სერვერს შორის. აპლიკაცია სერვერს მონაცემებს სთხოვს და პასუხს მოწესრიგებული სახით იღებს. (ზუსტად რომ ვთქვათ, XML მარკირების ენაა, JSON კი მონაცემთა ფორმატი.)
დოკუმენტები → Markdown — README ფაილები, დოკუმენტაცია, ბლოგები. Markdown მარტივია და ადამიანისთვის ადვილად წასაკითხი, მერე კი HTML-ად გადაიქცევა.
მონაცემთა ბაზები → XML — მონაცემების შენახვა და გადაცემა მოწესრიგებული სახით. XML ისე გვაშენებინებს მონაცემებს, რომ ადამიანმაც გაიგოს და კომპიუტერმაც.
ვექტორული გრაფიკა → SVG — ვექტორული გამოსახულებები, რომლებიც HTML-ში პირდაპირ იწერება. SVG გამოსახულება ნებისმიერ ზომაზე ნათელი რჩება, რადგან ის ფიქსირებული პიქსელებისგან არ შედგება.

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

ვებგვერდები (HTML) ელფოსტა (HTML) აპლიკაციები (XML/JSON) დოკუმენტები (Markdown) მონაცემთა ბაზები (XML) გრაფიკა (SVG) markup ენები ყველგან არიან
markup ენების გამოყენების სფეროები — ვებიდან აპლიკაციებამდე.

ნაწილი 5: დომენი, ჰოსტინგი და ფაილების ატვირთვა (FTP)

ვებგვერდს ჩვენს კომპიუტერში ვქმნით: ვწერთ HTML, CSS და JavaScript ფაილებს, ხოლო სურათებსა და მედია ფაილებს შესაბამის საქაღალდეებში ვალაგებთ. რომ ეს ყველაფერი მსოფლიოს ნებისმიერი წერტილიდან ჩანდეს, სამი რამ გვჭირდება: დომენი, ჰოსტინგი და ამ ფაილების სერვერზე განთავსება. წარმოიდგინეთ მაღაზიის გახსნა: გვჭირდება მისამართი (დომენი), ქირით აღებული ფართი (ჰოსტინგი) და საქონლის იქ გადატანა (ატვირთვა).

5.1. რა არის დომენი?

დომენი (Domain Name) არის ვებგვერდის მისამართი, რომელსაც ბრაუზერში ვწერთ. მაგალითად: google.com, facebook.com, example.ge. ეს ისეთივეა, როგორც სახლის მისამართი: ადამიანისთვის „რუსთაველის 5“ ადვილი დასამახსოვრებელია, კომპიუტერებისთვის კი სახლს ციფრული კოორდინატებიც აქვს, ანუ IP მისამართი (მაგალითად 142.250.185.78). დომენი სწორედ ამ რთულ ციფრებს ანაცვლებს.

დომენის მისამართი: მისამართი რამდენიმე ნაწილისგან შედგება (მაგალითად www.example.ge):

  • .ge — ზონა ან ქვეყანა (მაგალითად საქართველოსთვის).
  • example — თქვენი საიტის უნიკალური სახელი.
  • www — მსოფლიო ქსელის აღმნიშვნელი პრეფიქსი.

დომენის რეგისტრაცია

დომენის მისაღებად მისი დარეგისტრირებაა საჭირო. ეს ხდება სპეციალურ კომპანიებში, რომლებსაც რეგისტრატორები (registrars) ჰქვია. პოპულარული რეგისტრატორებია namecheap.com, godaddy.com და reg.ge (საქართველოსთვის). დომენი ჩვეულებრივ ფასიანია და წელიწადში დაახლოებით 10-15 დოლარი ღირს (ფასი დომენის ზონაზეა დამოკიდებული და დროთა განმავლობაში იცვლება).

DNS — Domain Name System

DNS არის სისტემა, რომელიც დომენის სახელს IP მისამართთან აკავშირებს. ის ტელეფონის წიგნს ჰგავს: სახელი გვაქვს და ნომერი გვჭირდება. როცა ბრაუზერში example.ge-ს წერთ, DNS სერვერი პოულობს, რომელ IP მისამართს შეესაბამება ეს სახელი და ბრაუზერს პასუხს აძლევს. ეს წამის მცირე ნაწილში ხდება და ადამიანი ამას ვერც ამჩნევს.

5.2. რა არის ჰოსტინგი?

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

ჰოსტინგის სახეები

  • Shared Hosting (საერთო ჰოსტინგი): ერთ სერვერზე რამდენიმე საიტი თავსდება, როგორც საერთო საცხოვრებელში. იაფია, მაგრამ რესურსები შეზღუდულია. კარგია პატარა საიტებისთვის.
  • VPS (Virtual Private Server): ვირტუალური სერვერი, სადაც საკუთარი რესურსები გაქვთ, როგორც კორპუსში საკუთარი ბინა. უფრო ძვირია, მაგრამ მეტ თავისუფლებას გაძლევთ.
  • Dedicated Server (გამოყოფილი სერვერი): მთელი სერვერი მხოლოდ თქვენთვისაა, როგორც საკუთარი სახლი. ყველაზე ძვირია და დიდი პროექტებისთვის გამოიყენება.
  • Cloud Hosting (ღრუბლოვანი ჰოსტინგი): რესურსები ღრუბელშია განაწილებული. ის სასტუმროს ჰგავს, სადაც საჭიროებისამებრ ოთახებს ზრდი ან ამცირებ. მოქნილია და მასშტაბირებადი.

პოპულარული ჰოსტინგ პროვაიდერები

Hostinger → იაფი და მოსახერხებელი, კარგია დამწყებებისთვის.
Bluehost → WordPress-ისთვის რეკომენდებული ჰოსტინგი.
SiteGround → სწრაფი და საიმედო, კარგი მხარდაჭერით.
Cloudflare Pages / Netlify → სტატიკური საიტებისთვის უფასო გეგმა აქვთ. კარგია სტუდენტებისთვის.
GitHub Pages → სტატიკური საიტებისთვის უფასოა. კარგია პორტფოლიოსთვის.
proservice.ge → ქართული ჰოსტინგ პროვაიდერი. მხარდაჭერა ქართულად.

მნიშვნელოვანია გავითვალისწინოთ: ჰოსტინგის არჩევისას ყურადღება მიაქციეთ სივრცეს (storage), ტრაფიკს (bandwidth), მხარდაჭერას (support), ფასსა და SSL სერტიფიკატს (HTTPS). ფასები დროთა განმავლობაში იცვლება, ამიტომ ზუსტი ფასი პროვაიდერის საიტზე ნახეთ.

5.3. დომენისა და ჰოსტინგის დაკავშირება

დომენი და ჰოსტინგი ცალ-ცალკე სერვისებია და ერთმანეთთან უნდა დავაკავშიროთ, როგორც მისამართი ფართთან. ეს DNS ჩანაწერებით (DNS records) კეთდება:

  • A ჩანაწერი: დომენს სერვერის IP მისამართთან აკავშირებს. მაგალითად: example.ge → 192.168.1.1.
  • CNAME ჩანაწერი: ქვედომენს მთავარ დომენთან აკავშირებს. მაგალითად: www.example.ge → example.ge.
  • MX ჩანაწერი: განსაზღვრავს ელფოსტის სერვერს.
  • NS ჩანაწერი: გვეუბნება, რომელი DNS სერვერები მართავენ დომენს.

პრაქტიკაში ჰოსტინგ პროვაიდერი გაძლევთ NS მისამართებს (მაგალითად ns1.hostinger.com), რომლებსაც დომენის რეგისტრატორის პანელში შეიყვანთ. ამის შემდეგ დომენი ჰოსტინგს უკავშირდება.

5.4. ფაილების ატვირთვა FTP-ის მეშვეობით

FTP (File Transfer Protocol) არის პროტოკოლი, რომლითაც ფაილები კომპიუტერიდან სერვერზე იტვირთება. ის სატვირთო მანქანას ჰგავს, რომელიც ჩვენს ფაილებს მაღაზიამდე, ანუ სერვერამდე ჩაიტანს. ვებგვერდის ფაილების განსათავსებლად ეს ერთ-ერთი ყველაზე გავრცელებული გზაა.

რა გჭირდებათ FTP-სთვის?

  • FTP მისამართი (Host): მაგალითად ftp.example.ge ან სერვერის IP.
  • მომხმარებლის სახელი (Username): ჰოსტინგის პანელში შექმნილი FTP მომხმარებელი.
  • პაროლი (Password): FTP მომხმარებლის პაროლი.
  • პორტი (Port): ჩვეულებრივ 21 (FTP) ან 22 (SFTP). თუ ჰოსტინგი SFTP-ს გაძლევთ, ის უფრო უსაფრთხოა და უმჯობესია.
  • FTP კლიენტი: პროგრამა, რომლითაც ფაილებს გადაიტანთ.

პოპულარული FTP კლიენტები

FileZilla → უფასო, ღია კოდის, Windows/Mac/Linux-ისთვის. ყველაზე პოპულარულია.
WinSCP → Windows-ისთვის, მარტივი ინტერფეისით. SFTP-ს უჭერს მხარს.
Cyberduck → Mac-ისა და Windows-ისთვის, ლამაზი ინტერფეისით.
Transmit → Mac-ისთვის, პროფესიონალური ხელსაწყო.

ნაბიჯ-ნაბიჯ: ფაილების ატვირთვა FileZilla-ით

  1. ჩამოტვირთეთ და დააყენეთ FileZilla — filezilla-project.org-დან.
  2. გახსენით FileZilla და ზედა პანელში შეიყვანეთ კავშირის მონაცემები:
    • Host: ftp.example.ge (ან თქვენი ჰოსტინგის FTP მისამართი)
    • Username: თქვენი FTP მომხმარებელი
    • Password: თქვენი FTP პაროლი
    • Port: 21 (ან 22 SFTP-სთვის)
  3. დააჭირეთ „Quickconnect" ღილაკს. თუ მონაცემები სწორია, სერვერს დაუკავშირდებით.
  4. მარცხენა პანელი თქვენი კომპიუტერის ფაილებს აჩვენებს, მარჯვენა პანელი — სერვერის ფაილებს.
  5. გადადით სწორ საქაღალდეში სერვერზე. ჩვეულებრივ ეს არის public_html, www ან htdocs.
  6. აირჩიეთ ფაილები მარცხენა პანელში (index.html, css/, images/ და ა.შ.) და გადაათრიეთ მარჯვენა პანელში, ან დააჭირეთ მარჯვენა ღილაკს → „Upload".
  7. დაელოდეთ ატვირთვას — ქვედა პანელი პროგრესს აჩვენებს.
  8. შეამოწმეთ — გახსენით ბრაუზერი და შეიყვანეთ თქვენი დომენი. თუ ყველაფერი სწორად გააკეთეთ, ვებგვერდი გამოჩნდება.

მნიშვნელოვანი წესები FTP-ით ატვირთვისას:

  • მთავარ ფაილს index.html უნდა ერქვას. ის მაღაზიის შესასვლელ კარს ჰგავს და სერვერი ავტომატურად ამ ფაილს ეძებს.
  • შეინარჩუნეთ ფაილების სტრუქტურა: css/, js/, images/ საქაღალდეები იმავე დონეზე უნდა აიტვირთოს, სადაც HTML ფაილებია.
  • ატვირთვისას სურათებისთვის Binary mode გამოიყენეთ, ტექსტური ფაილებისთვის კი ASCII mode (FileZilla ამას ავტომატურად აკეთებს).
  • ფაილი მაშინ ატვირთეთ ხელახლა, როცა ცვლილება შეიტანეთ. ზედმეტი ატვირთვა დროს გაკარგვინებთ.
  • FTP მონაცემები უსაფრთხოდ შეინახეთ და პაროლი არავის გაუზიაროთ.

5.5. ალტერნატიული გზები ფაილების ატვირთვისთვის

  • cPanel File Manager: ჰოსტინგის პანელში ჩაშენებული ფაილების მენეჯერი. დამწყებებისთვის მარტივია.
  • Git Deployment: თანამედროვე მიდგომა: ფაილები Git რეპოზიტორიიდან (GitHub, GitLab) იტვირთება.
  • CI/CD პლატფორმები: Netlify, Vercel, Cloudflare Pages — კოდს ავტომატურად GitHub-იდან ტვირთავენ.
  • SSH/SCP: უსაფრთხო გზა ფაილების ტერმინალიდან გადასატანად.
თქვენი კომპიუტერი FTP ჰოსტინგ სერვერი public_html/ HTTP ბრაუზერი example.ge დომენი → DNS → ჰოსტინგი → ფაილები მომხმარებელი წერს დომენს, DNS პოულობს სერვერს, სერვერი აბრუნებს index.html-ს, ბრაუზერი აჩვენებს.
ფაილების ატვირთვისა და გამოჩენის სრული პროცესი — კომპიუტერიდან ბრაუზერამდე.

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

ვიდეო რესურსები — დამატებითი მასალა

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

ვებ ეკოსისტემა

როგორ მუშაობს ვები — სრული გზამკვლევი

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

უყურეთ
HTML / CSS

HTML და CSS — პირველი ნაბიჯები

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

უყურეთ
markup ენები

რა არის markup ენა? — მარტივი ახსნა

ვიდეო, რომელიც ხსნის, რით განსხვავდება markup ენა პროგრამირების ენისგან და სად გამოიყენება.

უყურეთ
ვებტექნოლოგიები

თანამედროვე ვებტექნოლოგიები — მიმოხილვა

მოკლე მიმოხილვა იმ ტექნოლოგიებისა, რომლებიც დღეს ვებს აყალიბებენ: HTML, CSS, JavaScript, ფრეიმვორკები.

უყურეთ
დომენი / ჰოსტინგი

რა არის დომენი და ჰოსტინგი?

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

უყურეთ
FTP

FileZilla — ფაილების ატვირთვა სერვერზე

ნაბიჯ-ნაბიჯ გზამკვლევი იმის შესახებ, როგორ ავტვირთოთ ვებგვერდის ფაილები FileZilla-ს მეშვეობით.

უყურეთ

ფლეშკარტები — სწრაფი გამეორება

დააჭირეთ ბარათს და ნახავთ პასუხს. ჯერ თავად გაიხსენეთ, მერე შეამოწმეთ.

HTML დააჭირეთ პასუხისთვის
HTML ჰიპერტექსტური მარკირების ენა. განსაზღვრავს ვებგვერდის სტრუქტურასა და შინაარსს, როგორც სახლის ჩონჩხი.
CSS დააჭირეთ პასუხისთვის
CSS კასკადური სტილების ცხრილი. პასუხისმგებელია გარეგნობაზე: ფერები, შრიფტები, განლაგება, როგორც საღებავი და ავეჯი.
JavaScript დააჭირეთ პასუხისთვის
JavaScript პროგრამირების ენა, რომელიც ვებგვერდს ინტერაქტივობას მატებს. მუშაობს ბრაუზერშიც და სერვერზეც.
markup ენა დააჭირეთ პასუხისთვის
markup ენა ენა, რომელიც ტექსტს სტრუქტურასა და მნიშვნელობას ანიჭებს. არაფერს ითვლის და არაფერს ასრულებს, როგორც რეცეპტი.
XML დააჭირეთ პასუხისთვის
XML გაფართოებადი მარკირების ენა. გამოიყენება მონაცემთა შესანახად და გადასაცემად მოწესრიგებული სახით.
SVG დააჭირეთ პასუხისთვის
SVG მასშტაბირებადი ვექტორული გრაფიკა. იწერება XML-ის სინტაქსით და პირდაპირ HTML-ში გამოიყენება.
დომენი დააჭირეთ პასუხისთვის
დომენი ვებგვერდის ადამიანისთვის წასაკითხი მისამართი (მაგ. example.ge), რომელიც რთულ IP მისამართს ანაცვლებს.
ჰოსტინგი დააჭირეთ პასუხისთვის
ჰოსტინგი სივრცე სერვერზე, სადაც ვებგვერდის ფაილები ინახება, როგორც ქირით აღებული ფართი მაღაზიისთვის.
FTP დააჭირეთ პასუხისთვის
FTP File Transfer Protocol — პროტოკოლი, რომლითაც ფაილები კომპიუტერიდან სერვერზე იტვირთება.
DNS დააჭირეთ პასუხისთვის
DNS Domain Name System — „ტელეფონის წიგნი“, რომელიც დომენის სახელს სერვერის IP მისამართს უკავშირებს.
FileZilla დააჭირეთ პასუხისთვის
FileZilla უფასო FTP კლიენტი, რომლითაც ფაილებს სერვერზე ვტვირთავთ. ყველაზე პოპულარული ხელსაწყოა.
index.html დააჭირეთ პასუხისთვის
index.html მთავარი ფაილი, „შესასვლელი კარი“. სერვერი ავტომატურად მას ეძებს დომენზე შესვლისას. ყოველთვის ასე უნდა ერქვას.

თვითშემოწმების ტესტი

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

ტესტი: თანამედროვე ვებტექნოლოგიები

დასკვნა

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

დავინახეთ, რომ markup ენები (განსაკუთრებით HTML) ვების საძირკველია. ისინი არაფერს ასრულებენ, მაგრამ ყველაფერს აღწერენ, და სწორედ ეს აღწერაა საჭირო, რომ ბრაუზერმა გვერდი ეკრანზე გამოაჩინოს.

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

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

გმადლობთ ყურადღებისთვის! გისურვებთ წარმატებას შემდგომ სწავლაში.