როგორ შევქმნათ საიტი სულ რამდენიმე საათში

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

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

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

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

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

მინი-მოიცავს სიის შექმნა

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

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

html-ის გამოყენებით>-ტეგი

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

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

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

html-ის გამოყენებით>-მონიშნეთ ტექსტის ხაზგასასმელად

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

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

ფონის ფერის სტილის გარდა, შეგიძლიათ გამოიყენოთ 'highlightme’ კლასი თქვენს HTML დოკუმენტში ტექსტის ხაზგასასმელად. ფონის ფერის სტილი მხარდაჭერილია ყველა ბრაუზერის მიერ. თქვენ ასევე შეგიძლიათ გამოიყენოთ სიტყვა "ყვითელი".’ ფერის კოდის ნაცვლად. თქვენ შეგიძლიათ გამოიყენოთ იგივე კოდი ტექსტის აბზაცის ან მონაკვეთის ხაზგასასმელად. თქვენ ასევე შეგიძლიათ გამოიყენოთ CSS კლასები ტექსტის ხაზგასასმელად.

html-ის გამოყენებით>-ტეგი მინი-მოიცავს სიის შესაქმნელად

html>-ტეგი გამოიყენება მინი-შეიცავს სიის შესაქმნელად. იგი შეიცავს შესაბამის დახურვის ტეგს და ელემენტის სახელი არის პატარა. HTML დოკუმენტები დაშიფრულია UTF-8 სიმბოლოების კოდირების გამოყენებით, რომელიც მხარს უჭერს Unicode სიმბოლოების ჩართვას. html-ის გამოყენებისას>-ტეგი, აუცილებლად აირჩიეთ UTF-8 “შენახვა-როგორც” დიალოგური ფანჯარა.

html-ის გამოყენებით>-ტეგი, რომ დაამატოთ მინი-მოიცავს სია HTML გვერდზე, მარტივია. თქვენ შეგიძლიათ გამოიყენოთ ეს ტეგი ნებისმიერი ელემენტისთვის, რომელიც მხარს უჭერს შეუკვეთებელ სიას. თქვენ შეგიძლიათ გამოიყენოთ შეუკვეთავი სია ნავიგაციის მენიუსთვის. dl ელემენტი თან ერთვის წყვილი ტერმინებისა და აღწერილობების ჩამონათვალს. შეკვეთილი სიის ელემენტები ნაჩვენებია მარცხნივ მრიცხველით. თქვენ ასევე შეგიძლიათ გამოტოვოთ dl ელემენტი, თუ სიის ელემენტს დაუყოვნებლივ მოჰყვება სხვა ელემენტი.

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

html-ის გამოყენებით>-ტეგი ცალკეული ტექსტური ბლოკების ხაზგასასმელად

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

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

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