როგორ შევქმნათ მარტივი ვებ გვერდი Div- ში: 4 ნაბიჯი (სურათებით)

Სარჩევი:

როგორ შევქმნათ მარტივი ვებ გვერდი Div- ში: 4 ნაბიჯი (სურათებით)
როგორ შევქმნათ მარტივი ვებ გვერდი Div- ში: 4 ნაბიჯი (სურათებით)

ვიდეო: როგორ შევქმნათ მარტივი ვებ გვერდი Div- ში: 4 ნაბიჯი (სურათებით)

ვიდეო: როგორ შევქმნათ მარტივი ვებ გვერდი Div- ში: 4 ნაბიჯი (სურათებით)
ვიდეო: როგორ მოვიმატოთ ინსტაგრამზე Followერები და ლაიქები 2024, მაისი
Anonim

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

ნაბიჯები

ნაბიჯი 1. იცოდეთ, რომ 'div' ტეგი ძირითადად გამოიყენება ვებ გვერდის ცალკეული უბნების ან განყოფილებების შესაქმნელად

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

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

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

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

ნაბიჯი 3. დააკავშირეთ სტილის ფურცელი - შეგიძლიათ დააკავშიროთ სტილის ფურცელი ბმულის ტეგით

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

შეიმუშავეთ მარტივი ვებ გვერდი Div 1 -ში
შეიმუშავეთ მარტივი ვებ გვერდი Div 1 -ში
შექმენით მარტივი ვებ გვერდი Div 2 -ში
შექმენით მარტივი ვებ გვერდი Div 2 -ში
შექმენით მარტივი ვებ გვერდი Div 3 -ში
შექმენით მარტივი ვებ გვერდი Div 3 -ში

ნაბიჯი 1. გაეცანით div ტეგების ან ცხრილის გარეშე სარგებლობის სარგებელს:

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

გირჩევთ: