ახლა ჩვენ შეგვიძლია განვათავსოთ ტექსტი სხვადასხვა გასწორებით ჩვენს ვებ გვერდზე:

ჩემი პირადი გვერდები აქ იქნება!

მათზე შეგიძლიათ იპოვოთ: - ამბავი ჩემზე და ჩემს ჰობიზე; - ჩემი ფოტოები.

ჩემი ერთ-ერთი გვერდიდან ეს შესაძლებელი იქნება
გამომიგზავნე ელექტრონული წერილი.

3. ინსტრუმენტები ვებ გვერდების შესაქმნელად

3.1 HTML რედაქტორები

ყველა ირჩევს საკუთარ ხელსაწყოს ვებ გვერდების შესაქმნელად. ეს შეიძლება იყოს MS FrontPage ან Macromedia DreamWeaver, Allaire HomeSite ან 1st Page. და ვიღაც იყენებს მარტივს ტექსტის რედაქტორიმაგალითად, Notepad.

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

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

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

DreamWeaver 3.0

მაგრამ DreamWeaver რამდენიმე ნაბიჯით უსწრებს სხვა WYSIWYG რედაქტორებს, პირველ რიგში იმიტომ, რომ ის ქმნის ძალიან სუფთა HTML კოდს. DreamWeaver გაძლევთ საშუალებას გამორიცხოთ განმეორებითი სამუშაო გვერდების შექმნისას (მაგალითად, ტექსტის განლაგება) გამოყენებით პარამეტრები "ჩაწერის ბრძანების თანმიმდევრობა" (ჩაწერთ თქვენს მიერ წარმოებული ბრძანებების თანმიმდევრობას, შემდეგ დააჭირეთ, მაგალითად, CTRL+P და DreamWeaver უკრავს ყველაფერს იმავე თანმიმდევრობით.

მთავარი საიტი 4.0

შემდეგი რედაქტორია HomeSite 4 - გვერდების ხელით შესაქმნელად, ე.ი. HTML მცოდნეებისთვის. თქვენ იღებთ სრულ კონტროლს HTML კოდზე და შესაძლებელია თქვენი გვერდის ოპტიმიზაცია სამი პოპულარული ბრაუზერიდან ერთ-ერთისთვის (MSIE, Google Phrome, Opera).

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

Სხვა გამორჩეული თვისება HomeSite არის მისი "წებო" Dreamweaver-თან ერთად. HomeSite-ს აქვს "Dreamweaver" ღილაკი და ასევე შედის სტანდარტულად. თუმცა, DreamWeaver-ს ასევე აქვს შესაძლებლობა დააკავშიროს HomeSite როგორც რედაქტორი HTML კოდის რედაქტირებისთვის.

ერთ-ერთი უახლესი HTML რედაქტორი არის EVR Soft 1st Page v2.

მისი სლოგანია "შექმენით პირველი კლასის ვებსაიტები!" ("შექმენით დიდი ვებსაიტები!"). რედაქტორი შეიცავს რამდენიმე რეჟიმს - Normal, Easy, Advanced/Expert და Hardcore, ანუ შეგიძლიათ აირჩიოთ თქვენი დონე და საბოლოოდ გადახვიდეთ უფრო მაღალზე. კიდევ ერთი ფუნქცია არის სკრიპტების საკმაოდ დიდი კოლექცია JavaScript-ში და DHTML-ში. ეს ყველაფერი საკმაოდ მოხერხებულად იყოფა კატეგორიებად.

3.2 გრაფიკული რედაქტორები

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

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

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

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

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

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

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

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

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

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

ა) რასტერული გრაფიკის რედაქტორები

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

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

პაკეტი გთავაზობთ, მაგალითად, დაზიანებული სურათების აღდგენის, ფოტოების რეტუშის ან ყველაზე ფანტასტიკური კოლაჟების შესაქმნელად ინსტრუმენტებს, რაც ჩვენს წარმოსახვას შეუძლია. საერთო ჯამში, ამ პაკეტის პოტენციალი მართლაც უზარმაზარია. 5.5 ვერსიიდან დაწყებული, პაკეტში შედის პროგრამა Adobe ImageReady WEB-ისთვის გრაფიკის დამუშავების უზარმაზარ შესაძლებლობებს (სურათების ოპტიმიზაცია, შექმნა ანიმაციური გიფები, სურათების „დაჭრა“ პატარაებად და ა.შ.). Adobe Photoshop-ის დეველოპერების დევიზი - "თქვენი გონების კამერა" - გულისხმობს არა მხოლოდ ტექნიკურ სრულყოფილებას, არამედ შემოქმედების სრულ თავისუფლებას, რისთვისაც ამ პროგრამით მომუშავე ადამიანი უბრალოდ განწირულია.

PhotoPaint- კიდევ ერთი თანაბრად ცნობილი გრაფიკული რედაქტორი (Corel Draw პაკეტიდან) რასტრული გრაფიკის დასამუშავებლად, რომელიც კონკურენციას უწევს Adobe Photoshop-ს. მას ასევე აქვს ყველა საჭირო ინსტრუმენტი გრაფიკის დამუშავებისთვის, სხვადასხვა ფილტრები, ტექსტურები. ერთადერთი განსხვავება არის გამოყენების სიმარტივე, ინტერფეისი და ფილტრის აპლიკაციის სიჩქარე - აპლიკაცია ოდნავ ნელია.

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

ასევე არის მრავალი რედაქტორი ( Microsoft Photo Editor, Microsoft PhotoDRAW), ასევე იძლევა უმარტივესი ამოცანების განხორციელების საშუალებას, მაგრამ არ აკმაყოფილებს პროფესიონალების საჭიროებებს.

ბ) ვექტორული გრაფიკის რედაქტორები

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

რასტერული რედაქტორი Adobe Photoshop: აქვს მსგავსი ინტერფეისი, საშუალებას გაძლევთ დააკავშიროთ სხვადასხვა ფილტრები და ეფექტები, ესმის მრავალი გრაფიკული ფორმატი, თუნდაც ასეთი. cdr (Corel Draw) და. swf (Flash).

CorelDraw- რა თქმა უნდა, ასეთ ცნობილ გრაფიკულ პაკეტს არ შეეძლო ვექტორული გრაფიკის დამუშავების ხელსაწყოების გარეშე. პაკეტი თითქმის ისეთივე ძლიერია, როგორც გრაფიკული რედაქტორები Adobe Photoshop და Adobe Illustrator. გარდა ვექტორული გრაფიკის დამუშავებისა, ეს პაკეტი შეიცავს რასტრულ გრაფიკულ პროცესორს (Photo Paint), გამოსახულების ტრასერს, შრიფტის რედაქტორს, ტექსტურის მომზადებას და შტრიხკოდების შექმნას, ასევე სურათების უზარმაზარ კოლექციებს (CorelGallery).

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

4. ვებსაიტის შექმნა CMS დახმარებაჯომლა 1.5.7

შეუფერხებლად, მარტივიდან რთულამდე პრინციპის მიხედვით, ჩვენ გადავდივართ სტატიკური WWW გვერდებიდან დინამიურზე. ამის მისაღწევად, ჩვენ გვჭირდება ვებ ენების ცოდნა PHP, Jscript, Perl, jQueryდა მინიმუმ სტრუქტურირებული შეკითხვის ენა MySQL. არა უშავს, სულ რაღაც ორიოდე წელია და შენ ხარ პროფესიონალი, რომელსაც შეუძლია ისეთი მრავალფუნქციური საიტების შექმნა, რომლებშიც გენერირებულია გვერდები, სადაც არის ფორუმის კლიენტების მონაცემთა ბაზა, შესვლა, პაროლები, იდენტიფიკაცია, ავთენტიფიკაცია, ანიმაციების დამაკავშირებელი და უფრო მეტი.

მაგრამ არ არის აუცილებელი ყველა ენის ცოდნა დინამიური მრავალფუნქციური ვებსაიტის შესაქმნელად. მე მქონდა საკმარისი ცოდნა HTML, SCC, PHP, 3Ds Max, Photoshop და SMC Joomla.

Joomla არის შინაარსის მართვის სისტემა დაწერილი PHP და JavaScript, იყენებს MySQL მონაცემთა ბაზას, როგორც შესანახად. ეს არის უფასო პროგრამა, რომელიც განაწილებულია GNU GPL ლიცენზიით.

Ძირითადი მახასიათებლები:

1. ფუნქციონალობის გაფართოება შესაძლებელია დამატებითი მოდულების გამოყენებით (გაფართოებები, დანამატები).

2. უსაფრთხოების მოდული მომხმარებლებისა და ადმინისტრატორების მრავალ დონის ავთენტიფიკაციისთვის.

3. შაბლონური სისტემა აადვილებს საიტის იერსახის შეცვლას.

4. დააკონფიგურიროთ მოდულის განლაგება, მათ შორის მარცხენა, მარჯვენა და ცენტრალური მენიუს ბლოკები.

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

შეგიძლიათ Joomla-თან მუშაობა ჰოსტინგის სერვერზე ინტერნეტში ( დამატებითი ხარჯები, და ასევე ბევრი რამ არის დამოკიდებული ინტერნეტის სიჩქარეზე). მირჩევნია ლოკალურ სერვერზე მუშაობა. ამისთვის ავირჩიე Apache/2.2.4 (Win32) mod_ssl/2.2.4 OpenSSL/0.9.8d PHP/5.2.4 სერვერი 127.0.0.1 პორტ 80-ზე.

ასე რომ, დაინსტალირებული ლოკალური სერვერი. localhost/home/www/ დირექტორიაში შექმენით საქაღალდე, რომელშიც ვათავსებთ თავად Joomla-ს. მინდა აღვნიშნო, რომ Joomla არ მუშაობს სწორად PHP5.3.1-ში. FireBoard და Kunena ფორუმის კომპონენტები მუდმივად წარმოქმნიან შეცდომებს საიტზე, თქვენ უნდა შეცვალოთ php ფაილი. ini და გამორთეთ შეცდომის შეტყობინებები, რადგან თავად მოქმედება ჰპირდება საიტისთვის გაუთვალისწინებელ გარემოებებს. ამ მიზეზით, გირჩევთ აირჩიოთ PHP ვერსია 5.2.4, მუშაობა სტაბილურია ყველა დანამატისთვის, მოდულისთვის და კომპონენტისთვის. შემდეგ ჯომლას ინსტალაციებიბრაუზერის გამოყენებით ვქმნით ადმინისტრატორს MySQL-ში და ვიყენებთ მის შესვლას და პაროლს ადმინისტრაციულ პანელზე გადასასვლელად. შემდეგი, თქვენ უნდა აირჩიოთ შაბლონი საიტისთვის. ერთი შეხედვით მოგეჩვენებათ, რომ ეს ძალიან მარტივია, მაგრამ ღრმად ჩაღრმავებით დარწმუნდებით, რომ დროის 80% იხარჯება ამ შაბლონის მოდერნიზებაზე. ამიტომ, გირჩევთ აირჩიოთ თქვენი საჭიროებისთვის ყველაზე შესაფერისი შაბლონი, არ დაივიწყოთ გამოსატანი მოდულების შესახებ. შემდეგი, ჩვენ ვაკავშირებთ საიტის ყველა ფუნქციას: რეგისტრაციას, ფორუმს, სლაიდ შოუებს, ბანერებს, ფაილებს რბოლისთვის, ონლაინ ვიდეო, აუდიო, რედაქტირება, ყველა ნაჩვენები გვერდი. ჩვენ ძირითადად Index ფაილთან ვმუშაობთ. php და შაბლონი. css და, რა თქმა უნდა, ჩვენ თვითონ ვაკონფიგურირებთ ყველა დაკავშირებულ გაფართოებას, რომელთაგან დაახლოებით 6000 არის Joomla-სთვის. შემდეგი მოდის საუკეთესო ნაწილი - საიტის დიზაინი. რასტერის გამოყენებით Photoshop პროგრამებიდა 3Ds Max (სრულფასოვანი პროფესიონალი პროგრამული სისტემა Autodesk-ის მიერ შემუშავებული სამგანზომილებიანი გრაფიკისა და ანიმაციის შესაქმნელად და რედაქტირებისთვის, შეიცავს ყველაზე თანამედროვე ხელსაწყოებს მხატვრებისთვის და მულტიმედიური სპეციალისტებისთვის) ჩვენ ვქმნით შაბლონის დიზაინს. შეცვალეთ სათაური და გახადეთ ის ისე, როგორც გსურთ.

დასკვნა

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

ლიტერატურა

1. კოტორევი დ.ვ., კოსტარევი ა.ფ. "PHP 5 ან უფრო მაღალი სრული სახელმძღვანელოორიგინალში." პეტერბურგი 2005 წ

2. ა.გონჩაროვი „HTML თვითმასწავლებელი“.

3. ა. მატროსოვი, ა. სერგეევი, მ. ჩაუნინი „HTML 4.0 ორიგინალში“

4. Isaacs S. "დინამიური HTML"

5. Bayens J. „ვებ პროგრამირების გაჯეტები“

6. ბურსოვი მ.ვ. და ა.შ. "Dreamweaver HTML რედაქტორთან მუშაობის საფუძვლები. სასწავლო სახელმძღვანელო"

7. ველიხოვი ვ. "HTML 4.0 სახელმძღვანელო"

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

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

ტეგები

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

,

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

ნიშნავს იგივეს, რაც

ტეგები განსაზღვრავენ სად იწყება და მთავრდება HTML ელემენტი.

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

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

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

ასე გამოიყურება გვერდი მარკირების ტეგების გამოყენებით:

სასმელი ჩვენს კაფეში

მულტიფრუტი - 100 რუბლი.

ხილის სასმელი, რომელიც შეიცავს ფორთოხლის და ანანასის წვენებს.

მილკშეიკი - 150 რუბლი.

ნაღების ნაყინი შერეული ხილის რბილობით.

იგივე, მაგრამ ტეგების გამოყენების გარეშე:

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

3. ჰიპერტექსტის ენა HTML

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

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

ზოგადი სტრუქტურა HTML ენაზე დაწერილი ჰიპერტექსტები:

ჰიპერტექსტი::= სათაურის ტექსტი

სათაური::= სათაური

სათაური::= სათაური

body::= ტექსტი

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

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

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

ჰიპერტექსტის მაგალითი და ბრაუზერის მიერ კომპიუტერის ეკრანზე მისი ჩვენების შედეგი:

ჰიპერტექსტი: შედეგი:

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

კომპიუტერის ეკრანის ზომები აქვს შემდეგი დიაპაზონი. ეკრანის მინიმალური ზომაა 640 x 480 პიქსელი. ეკრანის დამატებითი სტანდარტული ზომებია 800 x 600, 1024 x 768 და 1280 x 1024 პიქსელი. ამიტომ, ჰიპერტექსტები შეიძლება განსხვავებულად გამოიყურებოდეს სხვადასხვა ეკრანზე.

ჰიპერტექსტების ზოგადი სტრუქტურა და მათი ჩვენება კომპიუტერის ეკრანზე:

ჰიპერტექსტი: შედეგი:

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

body:: - ტექსტი

text::= სათაური (ტექსტი) |

სია(ტექსტი) |

ცხრილი(ტექსტი) |

ჰიპერტექსტებში სათაურები ჩამოყალიბებულია შემდეგნაირად:

სათაური::=

სახელი

სათაური::=

სახელი

სათაური::=

სახელი

სადაც ტეგები H2, ..., h6 ადგენენ სათაურების ზომას ძირითად ტექსტთან მიმართებაში.

ჰიპერტექსტებში აბზაცები იწყება აღწერით

ჰიპერტექსტი |

Წადი ახალი ხაზიდა აბზაცები მითითებულია აღწერით . p> აბზაცის დასასრული არჩევითია, მაგრამ საჭიროა პარაგრაფების აღმწერში პარამეტრების გამოყენებისას.

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

align=center - ეკრანის ცენტრირება:

align=left- მარცხენა კიდეზე;

align=right - მარჯვენა კიდეზე;

align=justify - სრული ეკრანი.

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

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

ჰიპერტექსტებში სიტყვების ხაზგასასმელად, შეგიძლიათ გამოიყენოთ თამამი ან ხაზგასმული შემდეგი ტეგების გამოყენებით:

დიდი სიმბოლოები

თამამი შრიფტი

დახრილი ი>

ხაზგასმა

გადაკვეთა

პატარა პერსონაჟები

შრიფტის ხაზგასმა ჰიპერტექსტებში მითითებულია ტეგით :fonts::=ტექსტის შრიფტი>

შრიფტის პარამეტრები - მათი ზომა და ტიპი. შრიფტის ზომები მითითებულია პარამეტრის ზომა = ზომა.

ზომა პირდაპირ არის მითითებული 1-დან 6-მდე, ან გაზრდის სახით +1, +2 ან შემცირების - 1, - 2.

შრიფტის ტიპი მითითებულია პარამეტრით

სახე = შრიფტი

აქ შრიფტი არის ერთ-ერთი სტანდარტული შრიფტი: "Times", "Courier" და ა.შ.

შრიფტის ფერი მითითებულია პარამეტრით co1og = ფერი, სადაც ფერი არის შერჩეული ჰიპერტექსტის ფრაგმენტის ფერი. მაგალითად, ტექსტის წითლად მონიშვნა:

ტექსტის შრიფტი >

ფერების სტანდარტული სახელები HTML ენაზე:

წითელი - წითელი, მწვანე - მწვანე, ლურჯი - ლურჯი, შავ-შავი,

თეთრი - თეთრი, ოქრო - ოქროსფერი, ყვითელი - ყვითელი და ა.შ.

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

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

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

გარე ჰიპერბმულების ზოგადი ფორმაა:

სადაც „მისამართი“ არის ჰიპერტექსტის მისამართი საიტზე ან სხვა ინტერნეტ სერვერზე.

გარე ჰიპერბმულების მაგალითები:

ა) ვებსაიტის მისამართი ინტერნეტში:

http://bak2.nagod.gu

ბ) გვერდის მისამართი ვებგვერდზე:

http: // bak2.nagod.gu / inrogl.html.

გ) საიტის საქაღალდეში არსებული გვერდის მისამართი;

http://bak2.nagod.gu/tests/test2.html.

ტესტები 2 ა>

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

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

ოპერატორების ზოგადი ფორმა გრაფიკული ილუსტრაციების ჩატვირთვისთვის:

ილუსტრაციების მდებარეობა კომპიუტერის ეკრანზე განისაზღვრება გასწორების პარამეტრებით: align=left - მარცხენა კიდის გასწვრივ, align=right - ეკრანის მარჯვენა კიდის გასწვრივ. შემდეგ ტექსტი მიედინება ილუსტრაციების გარშემო მარჯვნივ ან ბრმაა.

ილუსტრაციების დაჭერა შესაძლებელია ეკრანის ზედა ან ქვედა კიდეზე, რომელიც დაყენებულია პარამეტრებით: align =ზემო - ზედა კიდეზე, align=ქვემო - ეკრანის ქვედა კიდეზე, ან გასწორება ეკრანის შუაზე. - გასწორება = შუა.

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

სიმაღლე:= სიმაღლე= "სიმაღლე"

სიგანე: = სიგანე = "სიგრძე"

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

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

ჰიპერტექსტური სიები არის სიები ნუმერაციით ან სიის ელემენტების ხაზგასმით. ყველა ელემენტი იწყება ტეგებით

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

ჰიპერტექსტის მარკირების ენა HTML შემოგვთავაზა ტიმ ბერნერს-ლიმ 1989 წელს. შექმნის დროისთვის HTML შექმნაარსებობდა ბეჭდური დოკუმენტების მარკირების ენის სტანდარტი - SGML (Standard Generalized Markup Language), რომელიც HTML-ის საფუძვლად იქნა მიღებული. ითვლებოდა, რომ ასეთი გამოსავალი ხელს შეუწყობს არსებული პროგრამული უზრუნველყოფის გამოყენებას ახალი ენის ინტერპრეტაციისთვის.

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

ამრიგად, ჰიპერტექსტის მონაცემთა ბაზა WWW კონცეფციაში არის HTML-ში დაწერილი ტექსტური ფაილების ნაკრები, რომელიც განსაზღვრავს:

ინფორმაციის წარდგენის ფორმა (markup);

ფაილებს შორის ფაილური კავშირების სტრუქტურა (ჰიპერტექსტური ბმულები). ეს მიდგომა ითვალისწინებს კიდევ ერთი კომპონენტის არსებობას

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

1990 წელს გამოჩნდა HTML 0-ის ნულოვანი ვერსია.

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

პროგნოზირება ნებისმიერის ბირთვია სავაჭრო სისტემა, ასე კარგად დაწერილმა შეიძლება გაამდიდროს.

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

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

მესამე ვერსიამ (HTML 3.0) გაამარტივა ყველა ინოვაცია და გააფორმა ჰიპერტექსტის განაწილებული სისტემის მომხმარებლის ინტერფეისი.

1996 წელს გაათავისუფლეს ახალი ვერსიაენა: HTML 3.2, მათ შორის ინსტრუმენტები ცხრილების შესაქმნელად, Java ენის კონსტრუქციები, გამოსახულების რუქები (მდებარეობს კლიენტის მანქანაზე) და ტექსტის ფორმატირების ახალი ტიპები.

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

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

HTML ტეგები არის სიმბოლოების თანმიმდევრობა, რომელიც იწყება ნაკლები ნიშნით (<) и заканчивающиеся знаком “больше” (>).

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

WWW ბრაუზერები მუშაობენ შემდეგი წესების მიხედვით HTML წინადადებების ანალიზისას:

სივრცეები და სხვა „უხილავი“ პერსონაჟები იგნორირებულია;

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

ფორმატირების ტეგები შეიძლება დაიწეროს მცირე და/ან დიდი ასოებით;

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

დახურვის ტეგის შიგნით ტექსტს ყოველთვის წინ უძღვის უკანა ხაზის სიმბოლო. ძირითად HTML ტეგებს შორის, ამ წესის გამონაკლისი არის:< BASE >(ძირითადი ინფორმაცია),< BR >(ხაზის ბოლოს),< HR >(ჰორიზონტალური მმართველი) და< IMG >(სურათი). ეს ტეგები არსებობს ერთ ეგზემპლარად.

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

ყველა HTML დოკუმენტი შეიცავს დოკუმენტის თავსა და დოკუმენტის სხეულს.

დოკუმენტის სათაური განსაზღვრავს დოკუმენტს. ის დაუყოვნებლივ უნდა მოვიდეს ტეგის შემდეგ< HTML >და დაიწყეთ< HEAD >. სათაური მთავრდება ტეგით.

დოკუმენტის სათაური უნდა შეიცავდეს დოკუმენტის სათაურს და მის საბაზისო URL-ს.

დოკუმენტის სათაური მდებარეობს ტეგებს შორის< TITLE >და. მას იყენებს ბრაუზერი და ვებ სერვერი. სახელის სიგრძე არ უნდა აღემატებოდეს 40 სიმბოლოს. დოკუმენტის სათაური უნდა იყოს ინფორმაციული და ასახავდეს დოკუმენტის შინაარსს, რათა შესაძლებელი იყოს მისი იდენტიფიცირება. სახელი გამოჩნდება Internet Explorer-ის სათაურის ზოლში, ისტორიის სიებში (ისტორია) და „რჩეულები“.

საბაზისო URL უნდა იყოს სრული (აბსოლუტური) და შეიცავდეს პროტოკოლს, ინტერნეტ კომპიუტერის მისამართს და ფაილის სახელს. ეს მითითებულია ტეგში< BASE HREF = “базовый_URL”>. დოკუმენტში ყველა სხვა URL შეიძლება მითითებული იყოს საბაზისო მიმართებით. მაგალითად, თუ საბაზისო URL არის: http://www.microsoft.com/products/office/word/datasheets.htmlდა თქვენ უნდა მიუთითოთ მახასიათებლების ფაილის URL. html, რომელიც მდებარეობს /products/office/excel დირექტორიაში იმავე სერვერზე, შეგიძლიათ მიუთითოთ: ../excel/features. html, ვიდრე სრული მისამართის აკრეფა.

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

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

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

მაგალითი HTML- დოკუმენტი:

< TITLE >დოკუმენტის სახელი

< BASE HREF = “базовый_URL” >

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

აბზაცის დასაწყისი და სტრიქონის დასასრული

სათაურის სტილები

ფიზიკური სტილები - ლოგიკური სტილები

სპეციალური სიმბოლოები.

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

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

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

ინდექსის ფორმატი:

< A HREF = “ URL ”>ინდექსის ტექსტი ,

სად არის ასო A ტეგში< A HREF >ნიშნავს წამყვანს, ხოლო HREF ნიშნავს ჰიპერტექსტის მითითებას. ყველაფერი ტეგებს შორის< A HREF = “ URL ”>დაარის ინდექსის ტექსტი, რომელიც გამოჩნდება ეკრანზე ხაზგასმული ან თამამი შრიფტით.

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

< A HREF = “ URL ”> < I > ან

< I > < A HREF = “ URL ”>გადადით უფრო დეტალებზე

WWW ტექნოლოგია

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

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

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

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

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

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

ლექსიკონი

ბრაუზერი მოძებნის დოკუმენტს ამ სერვერზე მიმდინარე საქაღალდეში

მიდი მუსიკა

ბრაუზერი გადავა საიტზე http://www.midi.ru.

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

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

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

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

· URL და მონაცემთა გადაცემის პროტოკოლები.თუ დოკუმენტის ფრაგმენტები მიმოფანტულია მთელ მსოფლიოში და გსურთ მისი წარდგენა მომხმარებლისთვის მთლიანობაში, თანმიმდევრული ერთიანი სტილიდოკუმენტი" დაგჭირდებათ ძალიან კარგი მისამართის სისტემა. ინტერნეტში არსებულ ყველა ფაილს აქვს მისამართი, რომელსაც ეწოდება URL (Uniform Resource Locator). საინფორმაციო რესურსი). მაგალითად, ევროპის ფედერაციის ვებსაიტის URL ფეხბურთი - http://ru.uefa.com.

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

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

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

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

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

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

· VBScript და ActiveX კონტროლი. VBScript ენა და ActiveX კონტროლი არის სტანდარტული საშუალებებიმხარი დაუჭირა ინტერნეტ ბრაუზერიᲛკვლევარი.

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

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

· XML და სხვა მოწინავე ვებ ენები. XML (Extensible Markup Language) არის ძალიან ძლიერი ენა, რომელიც ჩაანაცვლებს HTML-ს, როგორც ვებ აპლიკაციების შემუშავების ენას. HTML-ისგან განსხვავებით, XML არ შეიცავს მითითებებს იმის შესახებ, თუ როგორ უნდა იყოს ნაჩვენები XML დოკუმენტში აღწერილი მონაცემები. მათი ჩვენების გზა განისაზღვრება სტილის აღწერის ენით, რომელიც დაახლოებით იგივე როლს ასრულებს XML-ისთვის, როგორც კასკადური სტილის ფურცლები HTML-ისთვის. W3C კონსორციუმი მუშაობს სტილის ფურცლის ორი სპეციფიკაციით: XSL (გაფართოებული სტილის ენა) და CSS (კასკადური სტილის ფურცლები). კიდევ ერთი ფუნდამენტური განსხვავება XML-სა და HTML-ს შორის არის ის, რომ ის შეიძლება შეიცავდეს ნებისმიერ ტეგს, რომლის გამოყენებასაც XML ლექსიკონის შემქმნელები საჭიროდ მიიჩნევენ.

HTML-ის უფრო მოწინავე ვერსიაა DHTML ენა (Dynamic HTML), რომელიც მოიცავს სამ კომპონენტს - HTML, JavaScript და CSS.

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

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

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

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

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

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

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

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

<имя_тега [атрибуты]>

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

ტეგის ატრიბუტები იწერება შემდეგ ფორმატში:

სახელი[=მნიშვნელობა"]

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

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

სიმბოლოების თანმიმდევრობა, რომელიც ქმნის ტექსტს, შეიძლება შედგებოდეს სივრცეებისგან, ჩანართებისგან, ახალი ხაზებისგან, აბრუნებისგან, ასოებისგან, პუნქტუაციისგან, რიცხვებისგან და სპეციალური პერსონაჟები(მაგალითად, +, #, $, @), გარდა იმისაშემდეგი ოთხი პერსონაჟი, რომელსაც აქვს HTML სპეციალურიმნიშვნელობა:< (меньше), >(უფრო მეტი), & (აპერსენდი) და " (ორმაგი ციტატა). თუ თქვენ გჭირდებათ რომელიმე ამ სიმბოლოს თქვენს ტექსტში ჩართვა, უნდა დაშიფროთ იგი სიმბოლოების სპეციალური თანმიმდევრობით.