მომზადება შემდეგი გაკვეთილისათვის – JS

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

1) სატესტო ვებ-გვერდი

შეგიძლიათ გადმოწეროთ ამ მისამართიდან: გადმოწერა (ალტერნატიული ბმული)

2) ლოკალური ვებ-სერვერი

ის შეგიძლიათ გადმოიწეროთ ამ ვებ-გვერდიდან: usbwebserver.net

მომზადება შემდეგი გაკვეთილისათვის - JS

შეიძლება გარკვეული დროის შემდეგ, USBWebserver -ის ვერსია V8.6 განახლდეს, ეს ჩვენთვის კარგია, ნუ მიაქცევთ

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

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

XAMPP – ოფიციალური ვებ-გვერდი

VertrigoServ – ოფიციალური ვებ-გვერდი

და ა.შ. სხვა მრავალი.

როცა გადმოვიწერთ USBWebserver -ს,  არქივში მოთავსებული ფაილები ამოვაარქივოთ ჩვენთვის სასურველ ფოლდერში, მაგალითად ფოლდერში სახელით: mylocalwebserver :

მომზადება შემდეგი გაკვეთილისათვის - JS

ამოარქივების შემდეგ, გავხსნათ usbwebserver.exe ფაილი:

მომზადება შემდეგი გაკვეთილისათვის - JS

დავეთანხმოთ Windows Firewall -ის ორივე შეტყობინებას, ღილაკით: Allow access:

მომზადება შემდეგი გაკვეთილისათვის - JS

მომზადება შემდეგი გაკვეთილისათვის - JS

ავირჩიოთ ჩვენთვის სასურველი ენა:

მომზადება შემდეგი გაკვეთილისათვის - JS

დაველოდოთ პროგრამის წარმატებით ჩართვას:

მომზადება შემდეგი გაკვეთილისათვის - JS

ჩართვის შედეგად, დავაჭიროთ ღილაკს Root dir:

მომზადება შემდეგი გაკვეთილისათვის - JS

რომლის შედეგადაც გაიხსნება root ფოლდერი, წავშალოთ მასში მოთავსებული ყველა ფაილი:

მომზადება შემდეგი გაკვეთილისათვის - JS

წაშლის შედეგად, შევქმნათ ახალი ფოლდერი სახელით: 1800flowers.com

და მასში მოვათავსოთ, ჩვენი სატესტო ვებ-გვერდის ყველა ფაილი:

მომზადება შემდეგი გაკვეთილისათვის - JS

შემდეგ დავაჭიროთ ღილაკს Localhost:

მომზადება შემდეგი გაკვეთილისათვის - JS

ან ბრაუზერის მისამართის ველში ჩავწეროთ: localhost:8080, ორივე შემთხვევაში მოვხვდებით შემდეგ გვერდზე:

მომზადება შემდეგი გაკვეთილისათვის - JS

იმისათვის რომ გავხსნათ ჩვენი სატესტო საიტი, საჭიროა დავაჭიროთ, ბმულს: 1800flowers.com

მომზადება შემდეგი გაკვეთილისათვის - JS

მომზადება შემდეგი გაკვეთილისათვის - JS

ყველაფერი მზადაა!

ამის შედეგად თუ ჩვენ ჩავკეცავთ USBWebserver პროგრამის ფანჯარას:

მომზადება შემდეგი გაკვეთილისათვის - JS

ის ჩაიკეცება systray ში, ანუ იქ სადაც საათია:

მომზადება შემდეგი გაკვეთილისათვის - JS

მისი გამორთვა ხდება, ფანჯარაზე X ღილაკზე დაჭერით:

მომზადება შემდეგი გაკვეთილისათვის - JS

რის შედეგადაც, მისამართი: localhost:8080 აღარ იმუშავებს იმიტომ რომ, ჩვენ ლოკალური ვებ-სერვერი გამოვრთეთ:

მომზადება შემდეგი გაკვეთილისათვის - JS

საჭირო მინიშნება ჩემგან:

usbwebserver.exe -ისა და ფოლდერი root -ის shortcuts მოათავსეთ თქვენს სამუშაო მაგიდაზე, რათა ხშირად მოგიწევთ მათთან მუშაობა.

სატესტო ვებ-გვერდთან: 1800flowers.com მუშაობის დასაწყებად, გახსენით root ფოლდერში მოთავსებული index.html ფაილი, თქვენს რედაქტორში:

მომზადება შემდეგი გაკვეთილისათვის - JS

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

აქ არის სურათები, ბმულები, ფორმა და ასევე ცხრილიც:

სურათები:

მომზადება შემდეგი გაკვეთილისათვის - JS

ბმულები:

მომზადება შემდეგი გაკვეთილისათვის - JS

ფორმა:

მომზადება შემდეგი გაკვეთილისათვის - JS

ცხრილი:

მომზადება შემდეგი გაკვეთილისათვის - JS

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

Advertisements

კომენტარის დატოვება

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / შეცვლა )

Twitter picture

You are commenting using your Twitter account. Log Out / შეცვლა )

Facebook photo

You are commenting using your Facebook account. Log Out / შეცვლა )

Google+ photo

You are commenting using your Google+ account. Log Out / შეცვლა )

Connecting to %s