ვებ – გვერდების შექმნა HTML სახელმძღვანელოს გამოყენებით. პირველი ვებ – გვერდების html ენის შექმნა ვებ – გვერდების შექმნა

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

მოკლედ საერთო პროგრამირების ენების შესახებ

PHP... იგი ეფუძნება HTML მარკირების ენას. PHP არის ზოგადი დანიშნულების სკრიფტინგის ენა, ღია წყარო. სინტაქსის შესწავლა საკმაოდ მარტივია და ბევრი მსგავსება აქვს C, Java და Perl- თან. PHP– ის მთავარი უპირატესობა ის არის, რომ ის საშუალებას აძლევს დეველოპერებს სწრაფად შექმნან დინამიურად გენერირებული ვებ – გვერდები. ენის პროფესიული ცოდნით, ის შეიძლება გამოყენებულ იქნას სხვა დავალებებისთვისაც.

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

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

ASP... ამ ენის შემქმნელია Microsoft. ტექნოლოგია საშუალებას იძლევა განავითარონ პროგრამები WWW- სთვის. ASP არის მარტივი და სწრაფი. ASP პლატფორმები: Windows NT და IIS (ინტერნეტ ინფორმაციის სერვერი). მთლად სწორი არ არის ASP– ს ენაზე დარეკვა, ეს არის პროგრამის ვებ – გვერდებთან დაკავშირების ტექნოლოგია. მარტივი სკრიფტინგის ენა და გარე COM კომპონენტების გამოყენების შესაძლებლობა არის ASP– ის წარმატების მთელი საიდუმლო.

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

ენის გამოყენების სფეროები საკმაოდ ფართოა:

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

Javascript თვისებების მრავალფეროვნება განსაზღვრავს ენის პოპულარობას. მასთან ერთად შეგიძლიათ:

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

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

ცოდნის დიდი მარაგი სასარგებლოა?

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

შესავალი

1. ძირითადი ინფორმაცია

1.1 html– ის შესახებ

1.2 ვებ – გვერდის შექმნა

1.3 საფუძვლები

1.4 დოკუმენტის სტრუქტურა

1.5 დოკუმენტის სხეულის ნიშნები

1.6 ძირითადი html თეგების სია

2. დამატებითი ინფორმაცია

2.1 ჩამონათვალის თეგები

2.3 გრაფიკა დოკუმენტში

2.4 დოკუმენტში სტილის დამატება

2.5 სპეციალური html ტეგები

2.6 Html ფორმები

2.7 Html ჩარჩოები

2.8 Html ცხრილი

2.9 ქსელის გრაფიკის ოპტიმიზაცია

2.10 CSS საფუძვლები

3. საიტის შექმნის აღწერა

3.1 მომზადება

3.2 საწყისი გვერდის შექმნა

3.3 მეორე გვერდის შექმნა

3.4 გვერდის შექმნა ქალაქის აღწერით

3.5 ფოტო გვერდი

3.6 პროგრამის გვერდი

3.7 მადლობის გვერდი

დასკვნა

გამოყენებული ლიტერატურის ჩამონათვალი

შესავალი

ეს ნაშრომი ეხება HTML ენას. ამ ენის დახმარებით იქმნება ფაილები * .htm და * .html გაფართოებებით, რომლებიც ვებ – გვერდებია. ინტერნეტის საიტები მათგან შედგება.

ნაშრომს თან ერთვის ვებსაიტი, როგორც მაგალითი იმისა, თუ რა შეიძლება შეიქმნას HTML– ის გამოყენებით.

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

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

1.1 ენის შესახებ Html

Hyper Text Markup Language (HTML) სტანდარტული ენაა ვებ – გვერდზე ჰიპერტექსტური დოკუმენტების შესაქმნელად. HTML დოკუმენტების ნახვა შესაძლებელია სხვადასხვა სახის ვებ – ბრაუზერების მიერ. როდესაც დოკუმენტი იქმნება HTML გამოყენებით, WEB ბრაუზერს შეუძლია HTML ინტერპრეტაცია მოახდინოს დოკუმენტის სხვადასხვა ელემენტის გამოსაყოფად და მათი პირველი დამუშავება. HTML– ის საშუალებით შეგიძლიათ ფორმატის ფორმირება მოახდინოთ პრეზენტაციისთვის შრიფტების, სტრიქონების და სხვა გრაფიკული ელემენტების გამოყენებით ნებისმიერ სისტემაში, რომელიც მათ ათვალიერებს.

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

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

HTML თეგები უხეშად შეიძლება დაიყოს ორ კატეგორიად:

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

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

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

1.2 არსება ვებსაიტი

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

მაგალითად, HTML რედაქტორები, როგორიცაა Netscape Navigator Gold Netscape– დან, საშუალებას გაძლევთ შექმნათ დოკუმენტები გრაფიკულად, რასაც ხედავთ, რასაც იღებთ (WYSIWYG) ტექნოლოგიის გამოყენებით. მეორეს მხრივ, დოკუმენტების შექმნის ტრადიციულ ინსტრუმენტებს აქვთ გადამყვანები, რომ გადააქციონ დოკუმენტები HTML– ზე.

ყველა HTML თეგები იწყება "<" (левой угловой скобки) и заканчиваются символом ">"(მარჯვენა კუთხის ფრჩხილი). როგორც წესი, არსებობს საწყისი ნიშანი და დასასრული ნიშანი. მაგალითად, აქ მოცემულია სასაქონლო ნიშნები, რომლებიც განსაზღვრავს ტექსტს დაწყების და დასრულების თეგებში და აღწერს დოკუმენტის სათაურს:

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

ზოგიერთი ნიშანი, როგორიცაა

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

HTML არ არის მგრძნობიარე ასოებით და წინა მაგალითი შეიძლება ასე გამოიყურებოდეს:

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

და

... შეიტყვეთ მეტი თეგების შესახებ

ქვემოთ დაწერილი იქნება.
 
როდესაც ვებ-ბრაუზერი იღებს დოკუმენტს, ის განსაზღვრავს, თუ როგორ უნდა განიმარტოს ეს დოკუმენტი. პირველი ნიშანი, რომელიც ჩანს დოკუმენტში, უნდა იყოს ნიშანი ... ეს ნიშანი ეუბნება ვებ – ბრაუზერს, რომ თქვენი დოკუმენტი დაწერილია HTML– ის გამოყენებით. მინიმალური HTML დოკუმენტი ასე გამოიყურება:
 
დოკუმენტის ორგანო ...
 
დოკუმენტის სათაური ... სასაქონლო ნიშნის გამოყენება უნდა მოხდეს წარწერის შემდეგ  და სხვაგან არსად დოკუმენტის. ეს ნიშანი წარმოადგენს დოკუმენტის ზოგად აღწერას. ერიდეთ თეგის შიგნით რაიმე ტექსტის განთავსებას ... დაწყება ტეგი  მოთავსებულია უშუალოდ ტეგის წინ 
 
ყურადღება! ტექნიკურად, დაიწყეთ და დაასრულეთ თეგები, როგორიცაა ,  და  სურვილისამებრ. მაგრამ მკაცრად გირჩევთ გამოიყენოთ ისინი, რადგან ამ თეგების გამოყენება საშუალებას აძლევს ვებ – ბრაუზერს თავდაჯერებით გამოყოს დოკუმენტის სათაურის ნაწილი და თვით სემანტიკური ნაწილი.
 
დოკუმენტის სათაური , მოთავსებული შიგნით -თეგები, როგორც ეს ნაჩვენებია ზემოთ მოყვანილ მაგალითში. დოკუმენტის სათაური არ ჩანს, როდესაც თავად დოკუმენტი გამოჩნდება ფანჯარაში.
გამარჯობა, მეგობრებო! ვინც ბევრჯერ წაიკითხეთ ჩემი ბლოგი, იცით რამდენჯერ მითქვამს: თქვენ არ გჭირდებათ პროგრამირების სპეციალური უნარების ფლობა ინტერნეტში სერფინგისთვის.
დიახ, ეს ასეა და ჩემს სიტყვებზე უარს არ ვამბობ, მაგრამ მხოლოდ იმიტომ, რომ იქ სპეციალური სამსახურები არსებობენ და. თუ მათ არ იყენებთ, ვებ რესურსის შესაქმნელად და შევსებისთვის საჭიროა იცოდეთ პროგრამირების ენები.
გსურთ იცოდეთ რა ენებია საჭირო ვებსაიტის შესაქმნელად? შემდეგ წაიკითხეთ!
რამდენიმე ძირითადი დებულება
ვებსაიტის შექმნის დასაწყებად საჭიროა ერთდროულად გამოიყენოთ რამდენიმე ენა. ამავე დროს, არ შეიძლება ითქვას, რომ ერთი მათგანი დანარჩენზე უკეთესია ან უარესი. სხვებზე უპირატესობა შეიძლება გამოიხატოს მხოლოდ გარკვეული პრობლემის გადაჭრისას.
ერთის ან მეორის არჩევა მთლიანად დამოკიდებულია პროგრამისტის უნარის დონეზე, რადგან იშვიათად არის ისეთი სპეციალისტის პოვნა, რომელსაც ერთდროულად აქვს ყველა ენის ცოდნა.
პირველ რიგში, მინდა ვთქვა, რომ პროგრამირების ენა არის ძირითადი სინტაქსი, რომელიც საშუალებას გაძლევთ შექმნათ ვებ რესურსი.
აბსოლუტურად ნებისმიერი საიტის საფუძველია. ეს სინტაქსი პასუხისმგებელია ჰიპერტექსტის ნიშანზე. ვებსაიტების ყველა შემქმნელმა უნდა იცოდეს ეს, ისევე როგორც გამრავლების ცხრილი.
მაშინაც კი, თუ მზა გადაწყვეტილებები გამოიყენება, ელემენტარული ცოდნა უბრალოდ აუცილებელია. ინტერნეტ რესურსისა და მისი შინაარსის შექმნის მთელი პროცესი ხორციელდება html კოდის გამოყენებით. მაგრამ მხოლოდ მისი გამოყენებით შეგიძლიათ შექმნათ მხოლოდ მარტივი ინტერნეტ საიტი მომხმარებელთა უკუკავშირის გარეშე, რომელიც ინფორმაციას მხოლოდ ინფორმაციისთვის გთავაზობთ. ეს არ არის საკმარისი კარგი დინამიური რესურსისთვის!
პროგრამირების ძირითადი ენები

უპირველეს ყოვლისა, ღირს JavaScript– ის გამოყოფა, რადგან ის წარმოადგენს ყველა პროგრამირების საფუძველს, რომლის ცოდნაც გჭირდებათ ვებ – რესურსის შექმნისას. ძირითადი პროგრამული პლატფორმებია Silver Light და Adobe Flash. უფრო მეტიც, ეს უკანასკნელი საკმაოდ გავრცელებულია და მას ვებგვერდები იყენებენ შედარებით დიდი ხნის განმავლობაში.
ეს ენები გამოიყენება ინტერაქტიული საიტების შესაქმნელად. პროგნოზირებულია, რომ Silver Light მალე შეცვლის Adobe Flash- ს. იშვიათ შემთხვევებში, ეს ორი პროგრამული პროდუქტი საკმარისია ვებსაიტის შესაქმნელად, მაგრამ მხოლოდ მათი გამოყენება ძალზე არასასურველია.
შესაბამისი სინტაქსის არჩევანი ასევე დამოკიდებულია ოპერაციულ სისტემაზე, რომელსაც იყენებს დეველოპერი. Windows– ზე ვებ – რესურსის შესაქმნელად ხშირად გამოიყენება ტექნოლოგია, რომელიც Microsoft– მა შექმნა - ASP.NET. ეს საშუალებას გაძლევთ შექმნათ აბსოლუტურად ნებისმიერი ვებ რესურსი, როგორც ყველაზე მარტივი, ასევე ის, რომელსაც შეუძლია დააკმაყოფილოს მნიშვნელოვანი რაოდენობის მოთხოვნები. ASP.NET– ის გამოსაყენებლად, თქვენ არ უნდა გქონდეთ მომხმარებლის დონის ცოდნა, არამედ ცოტათი უფრო ღრმა ცოდნა.
პროგრამისტებს შორის ყველაზე მოთხოვნადი სინტაქსია PHP. მას აქვს მრავალი უპირატესობა, რომელთა შორის არის ჩქაროსნული შესრულება და მარტივი სინტაქსი. დღეს ძრავების ლომის წილი დაწერილია PHP- ში.


როდესაც ვებ – პროგრამირების გაგება იწყება, ბევრი ირჩევს Java– ს, ეს ყველაზე გასაგები და ადვილი შესასწავლია. Java Server Pages გამოიყენება შინაარსის შესაქმნელად.
ცოტა ხნის წინ, Ruby გახდა ძალიან გავრცელებული. უფრო მეტიც, ყოველდღე მისი პოპულარობა მხოლოდ იზრდება. მე თვითონ ჯერ არ გამომიყენებია, მაგრამ თემის შესწავლისას ბევრი ენთუზიაზმი კომენტარი აღმოვაჩინე მის შესახებ. გამოცდილი დეველოპერები ხაზს უსვამენ Ruby- ს, როგორც ყველაზე შესაფერისი სინტაქსი ვებსაიტების სწრაფად შესაქმნელად, ხოლო ის საშუალებას გაძლევთ განახორციელოთ რესურსის აუცილებელი ფუნქციონირება.
შედეგი
არსებობს რამდენიმე პარამეტრი, რომ აირჩიოთ შესაბამისი სინტაქსი, კერძოდ:
გამოყენებული ოპერაციული სისტემის ტიპი;
საიტის სირთულე და დინამიურობა;
საკუთარი ცოდნის არსენალი.
მე გითხარით, რა პროგრამირების ენები დაგჭირდებათ ვებ რესურსის შექმნისას და მათი ერთდროულად გამოყენება ან რომელიმეზე უპირატესობის მინიჭება თქვენი საქმეა.
იმედი მაქვს, რომ ეს მასალა თქვენთვის სასარგებლო იყო და თქვენ სიამოვნებით გაუზიარებთ ამ სტატიას თქვენს მეგობრებს სოციალურ ქსელებში. არ დაგავიწყდეთ გამოიწეროთ ბლოგის განახლებები. Მალე გნახავ!
Გულწრფელად თქვენი! აბდულინ რუსლან
ყოველდღე IT სფერო ფართოვდება და ვებ – გვერდების შემუშავებაზე მოთხოვნა იზრდება. ეს იწვევს სპეციალისტთა რაოდენობის ზრდას, რომლებიც მზად არიან მიიღონ საიტის განვითარება და მისი მხარდაჭერა. ამასთან, ბევრი ასეთი ვებდიზატორი იყენებს ვებსაიტების უფასო შემქმნელებს და ძალიან ბუნდოვნად ესმით პროგრამირებისა და საიტის ტექნიკური შინაარსის შესახებ. რა თქმა უნდა, გამოყენებადობა, დიზაინი და შინაარსი ძალიან მნიშვნელოვანია, მაგრამ ტექნიკურად სუსტი საიტი კოდში შეცდომებით მის მფლობელს არავითარ სარგებელს არ მოუტანს. ამიტომ, საიტების შექმნას იკისრებენ მხოლოდ ის სპეციალისტები, რომლებმაც იციან პროგრამირების ენები და მზად არიან საიტის თავიდან ასაცილებლად.
რა ენები უნდა იცოდეთ ვებსაიტების შესაქმნელად?
გამოცდილი დეველოპერები ამბობენ, რომ პროგრამირების ენის არჩევა მრავალ ფაქტორზეა დამოკიდებული. ამასთან, უნდა გვესმოდეს, რომ იდეალური გამოსავალი უბრალოდ არ არსებობს, თითოეულ ვარიანტს აქვს თავისი დადებითი და უარყოფითი მხარეები. თქვენ უნდა აირჩიოთ ენა, რომელიც საუკეთესოდ შეეფერება თქვენს წინაშე მდგარი ამოცანების გადასაჭრელად. კითხვები გასათვალისწინებელია ენის არჩევის დაწყებამდე:
სერვერის პლატფორმა;
 
სერვერის პროგრამა;
 
საიტების შექმნის გამოცდილება;
 
შერჩეული მონაცემთა ბაზა.
ყველაზე პოპულარული ენები
 ვებსაიტები
 
 პოპულარობა 
 (უნიკალური ვიზიტორები თვეში)
 
 წინა ბოლო 
 (კლიენტი)
 
 უკანა ბოლო 
 (სერვერი)
 
 Მონაცემთა ბაზა
 Google.com
 

 1,600,000,000

 

 
 C, C ++, Go, Java, Python
 
 BigTable, MariaDB
 Facebook.com
 

 1,100,000,000

 

 
 Hack, PHP (HHVM), Python, C ++, Java, Erlang, D, Xhp, Haskell
 
 MariaDB, MySQL, HBase Cassandra
 YouTube.com
 

 1,100,000,000

 

 
 C, C ++, Python, Java, Go
 
 Vitess, BigTable, MariaDB
 Yahoo
 

 750,000,000

 

 
 PHP
 
 MySQL, PostgreSQL, VB.NET
 Amazon.com
 

 500,000,000

 

 
 Java, C ++, Perl
 
 Oracle მონაცემთა ბაზა
 Wikipedia.org
 

 475,000,000

 

 
 PHP, ჰაკი
 
 MySQL, MariaDB
 Twitter.com
 

 290,000,000

 

 
 C ++, Java, Scala, Ruby
 
 MySQL
 ბინგი
 

 285,000,000

 

 
 ASP.NET
 
 Microsoft SQL სერვერი
 eBay.com
 

 285,000,000

 

 
 Java, JavaScript, Scala
 
 Oracle მონაცემთა ბაზა
 MSN.com
 

 280,000,000

 

 
 ASP.NET
 
 Microsoft SQL სერვერი
 მაიკროსოფტი
 

 270,000,000

 

 
 ASP.NET
 
 Microsoft SQL სერვერი
 Linkedin.com
 

 260,000,000

 

 
 Java, JavaScript, Scala
 
 ვოლდემორტი
 Pinterest
 

 250,000,000

 

 
 ჯანგო, ერლანგი
 
 MySQL, Redis
 WordPress.com
 

 240,000,000

 

 
 PHP, JavaScript (Node.js)
 
 MariaDB, MySQL
PHP იგი ეფუძნება მარკირების უმარტივეს ენას, HTML- ს. PHP აკავშირებს მომხმარებელს სერვერის მხარესთან. ამ ენაზე ხორციელდება ფუნქციები, როგორიცაა უკუკავშირის ფორმები, რეგისტრაციის ველები და ა.შ.. ამ ენის სინტაქსის სწავლა ძალიან მარტივი და მარტივია. კომერციული პორტალის შესაქმნელად თქვენ ვერ გააკეთებთ PHP– ს გარეშე, რადგან მასზე უმარტივესია მომხმარებლის საკონტაქტო ინფორმაციის მიღება. ენის ძირითადი უპირატესობა ის არის, რომ მისი გამოყენებით, პროგრამისტებს შეუძლიათ დინამიური გვერდების შედგენა ძალიან სწრაფად და ძალდაუტანებლად.

პითონი. რუსულად მას ხშირად "პითონს" უწოდებენ. ეს არის მაღალი დონის ენა, რომელიც გამოიყენება ზოგადი დავალებებისთვის, ყველაზე ხშირად სერვერის მიერ დავალებების შესასრულებლად. მისი ეტალონია პროგრამისტის პროდუქტიულობისა და კოდის წაკითხვის გაუმჯობესება. ენას შეუძლია შექმნას მრავალი პროგრამირების პარადიგმის სარეზერვო ასლი. Python შესანიშნავად მუშაობს Windows და Linux სერვერებზე.
ლალი. რუსულად მას ხშირად "რუბის" უწოდებენ. ეს არის OOP (ობიექტზე ორიენტირებული პროგრამირება) დინამიური, ამრეკლი და მაღალი დონის ენა. ეს საშუალებას იძლევა მულტირეიდის ჩატარება ნებისმიერ ოპერაციულ სისტემაზე, აქვს ძლიერი დინამიური აკრეფა და მრავალი სხვა ვარიანტი. სინტაქსური მახასიათებლების თვალსაზრისით, Ruby ყველაზე ახლოსაა თავის კოლეგებთან ეიფელთან და პერლთან. გარდა ამისა, ზოგიერთი დეტალი ნასესხებია პითონისგან.
ASP ეს ენა შეიქმნა Microsoft Corporation- ის მიერ. ამ ტექნოლოგიის გამოყენებით შესაძლებელია პროგრამების შემუშავება www.asp– ზე. ენის პლატფორმებია შემდეგი: ინტერნეტ ინფორმაციის სერვერი (IIS) და Windows NT. ASP ძნელად შეიძლება ეწოდოს პირდაპირ ენას, ეს არის პროგრამის ვებ – გვერდზე დამაკავშირებელი ტექნოლოგია. ASP– ის ყველა უპირატესობა არის მარტივი სკრიფტინგის ენა და მესამე მხარის COM ელემენტების გამოყენების შესაძლებლობა.

JavaScript. "Javascript" - ის პრინციპი ოდნავ განსხვავდება სხვა პროგრამირების ენებისგან. მისი მთავარი განსხვავებაა HTML ფაილთან პირდაპირი კავშირი. JavaScript დაფუძნებული სკრიპტის დამუშავება ხდება თარჯიმნის მიერ, რომელიც ჩაშენებულია ბრაუზერში. ეს ენა გამოიყენება ამოცანების ფართო ასორტიმენტისთვის: დინამიური გვერდების შექმნა (მასალის შინაარსი შეიძლება შეიცვალოს დოკუმენტის ჩატვირთვისას);
ადგილობრივი პრობლემების მოგვარება; ფორმების შევსების სისწორის შემოწმება სერვერზე გაგზავნამდე.
ენის დიდი შესაძლებლობები აიხსნება მისი პოპულარობით. ასე რომ, JavaScript– ის გამოყენებით შეგიძლიათ:
გვერდის შინაარსის შეცვლა: ტექსტის დამატება ან წაშლა, სტილის და ტეგების შეცვლა;
 
რეაგირება მოახდინოს ზოგიერთ მოვლენაზე (მაგალითად, მაუსის დაჭერით) და შეასრულოს მოცემული ფუნქცია;
 
შეტყობინებების ჩვენება, ქუქი – ფაილების დაყენება და წაკითხვა, შეყვანილი მონაცემების სისწორის შემოწმება;
 
ახალი მონაცემების ჩატვირთვა დოკუმენტის გადატვირთვის გარეშე და ა.შ.
პერლი თავდაპირველად, ამ ენას იყენებდნენ პროგრამების გაერთიანებისთვის, რომლებიც ასრულებდნენ სხვადასხვა დავალებებს ერთ სკრიპტში ამოცანების მთელი რიგის გადასაჭრელად: ტექსტის დამუშავება, ადმინისტრირება და ა.შ. დღეს, Pearl ძირითადად გამოიყენება CGI პროგრამების შესაქმნელად. ეს ეხმარება სერვერების და სხვა სისტემების ადმინისტრირებას. Perl- ში სკრიფტების სიმარტივისა და სისწრაფის გამო, იგი ადაპტირებული იქნა ყველა პოპულარულ პლატფორმაზე, მათ შორის Mac და Windows. Perl არის ღია წყარო, სრულიად უფასო.
გჭირდებათ ბევრი ცოდნა?
პროგრამირების საბაზისო ცოდნას ყველა იძენს სკოლაში კომპიუტერულ მეცნიერებათა გაკვეთილებზე. პრაქტიკულად ყველას ჰქონდა საწყის დონეზე მუშაობა პასკალთან და დელფოსთან. მაგრამ სხვა, უფრო რთული პროგრამირების ენები მოითხოვს განსხვავებულ, უფრო რთულ და სერიოზულ მიდგომას. პირველი, რაც წარმატებული პროგრამისტისთვის არის მათემატიკური, ლოგიკური აზროვნება და მათი ბიზნესის გაუმჯობესების სურვილი. ამასთან, არ უნდა შეეცადოთ ერთდროულად ისწავლოთ ყველა ენა. სჯობს დაეუფლო ერთს კარგად, ვიდრე გაქვს ფრაგმენტული ცოდნა ხუთი ენის შესახებ. ყველა ენას აქვს მსგავსი პრინციპები, ყველა მათგანი ემყარება მოქმედებათა ლოგიკას, ამიტომ დროთა განმავლობაში, ყოველი ახალი ენის საშუალებით, მისი შესწავლა უფრო ადვილი ხდება. ბევრს შეუძლია სხვისი კოდის კოპირება ან შეცვლა, მაგრამ ყველას არ შეუძლია დაწეროს საკუთარი კოდი და გახდეს ნამდვილი "მხატვარი".
ვებ-გვერდი შეიძლება შეიცავდეს ტექსტს, გრაფიკას და ჰიპერბმულებს სხვადასხვა ინტერნეტ რესურსებისკენ. ყველა ამ შესაძლებლობის გასაგებად შეიქმნა სპეციალური ენა, სახელწოდებით Hyper Text Markup Language (HTML), ანუ ჰიპერტექსტის მარკირების ენა. HTML- ით დაწერილი დოკუმენტი არის ტექსტური ფაილი, რომელიც შეიცავს რეალურ ტექსტს, რომელიც ინფორმაციას აწვდის მკითხველს და აჩვენებს დროშებს. ეს უკანასკნელი პერსონაჟის სპეციფიკური მიმდევრობაა, რომელიც ინსტრუქციაა მაყურებლისთვის; ამ ინსტრუქციის შესაბამისად, პროგრამა აწყობს ტექსტს ეკრანზე, მოიცავს სურათებს, რომლებიც ინახება ცალკეულ გრაფიკულ ფაილებში და ქმნის ჰიპერბმულებს სხვა დოკუმენტებთან ან ინტერნეტ რესურსებთან. ამრიგად, HTML ფაილი ხდება WWW დოკუმენტი მხოლოდ მაშინ, როდესაც ის ინტერპრეტირდება მნახველის მიერ.
მას შემდეგ, რაც HTML დოკუმენტები დაწერილია ASCII ფორმატით, მისი შესაქმნელად შეიძლება გამოყენებულ იქნას ნებისმიერი ტექსტური რედაქტორი.
როგორც წესი, HTML დოკუმენტი არის ფაილი .html ან. გაფართოებით. htm, რომელშიც ტექსტი მონიშნულია HTML ტეგებით. HTML გამოიყენება სინტაქსისა და თეგების განლაგების დასადგენად, რომლის მიხედვითაც ბრაუზერი აჩვენებს ვებ დოკუმენტის შინაარსს. თვითონ თეგების ტექსტი არ ჩანს ვებ-ბრაუზერის მიერ.
ყველა ნიშანი იწყება "<" и заканчиваются символом ">". როგორც წესი, არსებობს წყვილი ნიშანი - საწყისი (გახსნა) და დასასრული (დახურვა) ნიშანი, რომელთა შორის განთავსებულია მონიშვნის ინფორმაცია:
HTML არის სტანდარტული მარკირების ენა ჰიპერტექსტური დოკუმენტებისათვის

აქ დაწყების ნიშანი არის ნიშანი 
და საბოლოო -
... დამთავრებული ნიშანი განსხვავდება საწყისი თეგისგან მხოლოდ იმით, რომ მას აქვს ტექსტის წინ ფრჩხილებში<> არსებობს "/" (ხაზი).

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




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

 
 
 
 

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

 
 
 
  ...
 
 
 
 
 .


 

ზემოაღნიშნულიდან გამომდინარე, ჩვენ შეგვიძლია დავწეროთ HTML გვერდის კოდი:

 
 
 
 
 შინაარსი ჩემი სტანიცა 
 

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

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

სტილის აღწერა თეგებშია და მოთავსებულია ტეგებს შორის .
თუ სტილებს ცალკე ფაილში ათავსებთ, შემდეგ თეგებს შორის  თითოეულ HTML დოკუმენტს სჭირდება CSS ფაილის ბმულის დამატება:

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