იმისათვის, რომ სია არ დაიკარგოს საიტზე და ნებისმიერი გვერდიდან შეძლონ რესურსის სასურველ მონაკვეთზე წვდომა, საჭიროა ნავიგაციის მენიუს შედგენა. მითითების ელემენტები ვებგვერდებზე უნდა განთავსდეს ისე, რომ ისინი ხელს არ შეუშლიან ტექსტის კითხვას და ამავე დროს მათი ნახვა ადვილად შეიძლება. სტუმრებს შეუძლიათ რესურსის საჭირო ნაწილებზე მისვლა შესაბამის სიტყვებზე ან სურათებზე დაჭერით. რესურსის ამგვარი მენიუს მომარაგებისთვის საკმარისია შეიტანოთ მარტივი კოდი საიტის საჭირო ნაწილებში.
აუცილებელია
- - თქვენს საიტზე რამდენიმე გვერდის ან განყოფილების არსებობა
- - რამდენიმე პატარა ხატი საიტზე
- - იცოდეთ როგორ ატვირთოთ სურათები საიტზე
ინსტრუქციები
Ნაბიჯი 1
იმისათვის, რომ მენიუს ზოლი გახდეს ბმული, დაწერეთ ეს შემდეგნაირად:
ᲛᲗᲐᲕᲐᲠᲘ ᲒᲕᲔᲠᲓᲘ
ამ ჩანაწერში შეცვალეთ http: ⁄website.ru თქვენთვის სასურველი გვერდის URL– ით.
ნაბიჯი 2
ტექსტური ბმულებისგან შემდგარი ჰორიზონტალური მენიუს კოდი იწერება შემდეგნაირად:
ᲛᲗᲐᲕᲐᲠᲘ ᲒᲕᲔᲠᲓᲘ
|
გალერეა
|
ფორუმი
|
სტუმრების წიგნი
ნაბიჯი 3
ვერტიკალური დარტყმები ხაზის მენიუს ერთეულებს შორის გამყოფია. სიმბოლოს დასაყენებლად "|" კლავიშიდან უნდა დააჭიროთ და გამართოთ Shift კლავიში ერთი თითით ინგლისურ განლაგებაზე, ხოლო მეორეზე - აირჩიეთ "| / " ღილაკი, რომელიც მდებარეობს "b" ასოს მარჯვნივ. ინსულტის დაწყებამდე და შემდეგ განათავსეთ სივრცე ისე, რომ მენიუს ელემენტები ერთმანეთისგან დაშორდეს.
ნაბიჯი 4
შეგიძლიათ შექმნათ ვერტიკალური მენიუ ბმულებიდან შემდეგი ჩანაწერის გამოყენებით:
ᲛᲗᲐᲕᲐᲠᲘ ᲒᲕᲔᲠᲓᲘ
გალერეა
ფორუმი
სტუმრების წიგნი
ნაბიჯი 5
ამ შემთხვევაში, მენიუს ნაწილების გამყოფი არის ტეგი, რომელიც მის შემდეგ ტექსტს ახალ სტრიქონამდე ახვევს.
ნაბიჯი 6
თუ გსურთ მენიუს ელემენტების გაკეთება არა სიტყვების ან ფრაზების, არამედ სურათების სახით, რომლებიც ბმულების როლს შეასრულებენ, ჯერ საიტი შეავსეთ ყველა იმ სურათებით, რომლებიც გამოყენებული იქნება რესურსის ნავიგაციაში.
ნაბიჯი 7
სურათის განთავსება ვებგვერდზე, თქვენ უნდა განათავსოთ ეს კოდი სწორ ადგილას: განათავსეთ საკუთარი სურათი, და არა http: ⁄ ⁄website / images / 1.png. საიტი
ნაბიჯი 8
გრაფიკული მენიუს თითოეული ელემენტი ასე დაწერეთ:
ამ კოდში შეცვალეთ http: ⁄website.ru სასურველი მისამართით და სასურველი სურათის კოდით.
ნაბიჯი 9
ამ გზით შეგიძლიათ შექმნათ ჰორიზონტალური მენიუ, რომელიც შედგება სურათებისგან:
ნაბიჯი 10
ამ კოდში, უჯრედების ყველა სურათი განლაგებულია ცხრილის ერთ რიგში. ცხრილის სიგანე, რომელიც დაყენებულია არა პიქსელებში, არამედ პროცენტულად, საშუალებას იძლევა ცხრილის შინაარსი გადაიტანოს ფანჯრის მთელ სიგანეზე, ეკრანის გარჩევადობის მიუხედავად. ტეგები:
ცხრილის მწკრივის შექმნა და
- ერთ-ერთი უჯრედი.
ნაბიჯი 11
ამ გრაფიკული მენიუს განთავსება საიტზე, შეცვალეთ კოდით ბმულები, სურათების ბილიკები და რესურსების განყოფილებების სახელები.
