CSS საუკეთესო საშუალებაა ვებ-გვერდის დიზაინის შესაქმნელად
Learning to write CSS layouts შეიძლება იყოს სახიფათო, განსაკუთრებით თუ თქვენ იცნობს გამოყენებით მაგიდები შექმნათ ლამაზი ვებ გვერდი ფორმატისთვის. მაგრამ მაშინ, როდესაც HTML5 საშუალებას აძლევს ცხრილებს განლაგებას, ეს არ არის კარგი იდეა.
მაგიდები არ არის ხელმისაწვდომი
საძიებო სისტემების მსგავსად, საუკეთესო ეკრანის მკითხველი წაიკითხავს ვებ გვერდებს იმისათვის, რომ ისინი HTML- ში არიან ნაჩვენები. და მაგიდები შეიძლება იყოს ძალიან რთული ეკრანზე მკითხველს parse. ეს იმიტომ, რომ შინაარსი მაგიდა განლაგება, ხოლო ხაზოვანი, ყოველთვის არ აზრი, როდესაც წაიკითხა მარცხენა- to- უფლება და ზედა- to- ქვედა. Plus, წყობილი მაგიდები და სხვადასხვა spans მაგიდაზე უჯრედების შეუძლია გვერდზე ძალიან რთულია გაერკვნენ.
ეს არის მიზეზი, რომ HTML5 სპეციფიკაცია რეკომენდაციას აძლევს ცხრილების განლაგებას და რატომ არის HTML 4.01. ხელმისაწვდომი ვებ გვერდები საშუალებას მისცემს უფრო მეტი ადამიანი გამოიყენოს ისინი და არის პროფესიონალი დიზაინერის ნიშანი.
CSS- ის საშუალებით შეგიძლიათ განისაზღვროს სექცია, რომელიც ეკუთვნის გვერდის მარცხენა მხარეს, მაგრამ განათავსეთ იგი HTML- ში. შემდეგ ეკრანის მკითხველს და საძიებო სისტემებს წაიკითხავს მნიშვნელოვანი ნაწილები (შინაარსი) პირველი და ნაკლებად მნიშვნელოვანი ნაწილები (სანავიგაციო) ბოლო.
მაგიდები არის სახიფათო
მაშინაც კი, თუ თქვენ შექმნით მაგიდას ვებ-რედაქტორთან ერთად, თქვენი ვებ-გვერდები კვლავ ძალიან რთული და რთულია. გარდა მარტივი ვებ გვერდი დიზაინისა, ყველაზე განლაგება მაგიდები მოითხოვს გამოყენების ბევრი და ატრიბუტები და წყობილი მაგიდები.
მაგიდის შექმნა შეიძლება მარტივად გამოიყურებოდეს, ხოლო ამას აკეთებთ, მაგრამ ამის შემდეგ უნდა შეინარჩუნოთ. ექვსი თვე ქვემოთ ხაზი არ შეიძლება იყოს ადვილი ადვილად გვახსოვდეს, რატომ თქვენ წყობილი მაგიდები ან რამდენი საკნები იყო ზედიზედ და ასე შემდეგ. გარდა ამისა, თუ შეინარჩუნებთ ვებ-გვერდს, როგორც გუნდის წევრს, თქვენ უნდა ახსნას ყველა იმ ადამიანს, თუ როგორ მუშაობს მაგიდები ან ელოდა მათ დამატებითი დრო დასჭირდეს, როდესაც მათ ცვლილებების მოხდენა სჭირდებათ.
CSS ასევე შეიძლება გართულდეს, მაგრამ ის ინახავს პრეზენტაციას HTML- დან და გრძელვადიან პერსპექტივაში იცავს. Plus, CSS განლაგება შეგიძლიათ ჩაწეროთ ერთი CSS ფაილი, და სტილი ყველა თქვენს გვერდებზე გამოიყურება, რომ გზა. და როდესაც გსურთ შეცვალოთ განლაგება თქვენს საიტზე, უბრალოდ შეცვალეთ ერთი CSS ფაილი, და მთელი საიტი chnges- აღარ გადის ყველა გვერდზე ერთი დროს განახლება მაგიდა განახლება განლაგებას.
მაგიდები არ არის მოქნილი
მიუხედავად იმისა, რომ შესაძლებელია მაგიდის ფორმატის შექმნა პროცენტული სიგანეებით, ისინი ხშირად ნელა იტვირთება და შეიძლება მკვეთრად შეიცვალოს თქვენი განლაგება. მაგრამ თუ თქვენ გამოიყენებთ მითითებულ სიგანეს თქვენი მაგიდისთვის, თქვენ დასრულდება ძალიან მკაცრი განლაგება, რომელიც არ გამოიყურება კარგი მონიტორებით, რომლებიც განსხვავდება თქვენი საკუთარი.
მოქნილი სქემების შექმნა, რომელიც ბევრ მონიტორზე, ბრაუზერთან და რეზოლუციებთან კარგია, შედარებით ადვილია. სინამდვილეში, CSS- ის მედიის კითხვებით, შეგიძლიათ შექმნათ ცალკეული დიზაინები სხვადასხვა ზომა ეკრანებისთვის.
წყობილი მაგიდები დატვირთვა უფრო ნელა, ვიდრე CSS იგივე დიზაინი
ყველაზე გავრცელებული გზა, რათა შეიქმნას ლამაზი ფორმატისთვის მაგიდები არის "ბუდე" მაგიდები. ეს ნიშნავს, რომ ერთი (ან მეტი) მაგიდა მოთავსებულია მეორეში. მეტი მაგიდები, რომლებიც წყობილია, აღარ მიიღებს ვებ-ბრაუზერს გვერდის შესაქმნელად.
უმეტეს შემთხვევაში, მაგიდის განლაგება იყენებს უფრო მეტ სიმბოლოს, ვიდრე CSS- ის დიზაინს. და ნაკლები სიმბოლოები ნიშნავს ნაკლებად ჩამოტვირთოთ.
მაგიდები შეიძლება დაზიანდეს საძიებო ოპტიმიზაცია
განლაგებულია ყველაზე გავრცელებული მაგიდა განლაგებულია გვერდის მარცხენა მხარეს ნავიგაციის ბარი და ძირითადი შინაარსი მარჯვენა. მაგიდების გამოყენებისას, ეს (ზოგადად) მოითხოვს, რომ HTML- ში ნაჩვენები პირველი შინაარსი არის მარცხენა ხელის ნავიგაციის ბარი. საძიებო სისტემებს კონტენტის მიხედვით დაემატება გვერდები, და ბევრი ძრავა განსაზღვრავს, რომ გვერდის ზედა ნაწილში ნაჩვენები კონტენტი უფრო მნიშვნელოვანია, ვიდრე სხვა შინაარსი. ასე რომ, გვერდი მარცხნივ ნავიგაციის საშუალებით პირველ გვერდზე გამოჩნდება, რაც ნავიგაციაზე ნაკლებად მნიშვნელოვანია.
გამოყენებით CSS, შეგიძლიათ დააყენა მნიშვნელოვანი შინაარსის პირველი თქვენი HTML და შემდეგ გამოიყენოთ CSS რათა დადგინდეს, სადაც უნდა განთავსდეს დიზაინი. ეს იმას ნიშნავს, რომ საძიებო სისტემებს დაინახავთ მნიშვნელოვან შინაარსს, მაშინაც კი, თუ დიზაინი განათავსებს მას ქვედა ქვემოთ გვერდზე.
მაგიდები დონა ყოველთვის ბეჭდვა კარგად
ბევრი მაგიდა დიზაინის არ ბეჭდვა კარგად, რადგან ისინი უბრალოდ ძალიან ფართო ამისთვის პრინტერი. ასე რომ, მათ შეესაბამება, ბრაუზერები გაჭრა მაგიდები off და ბეჭდვითი სექციები ქვემოთ რის შედეგადაც ძალიან disjointed გვერდებზე. ხანდახან დასრულდება გვერდებზე, რომელიც კარგად გამოიყურება, მაგრამ მთელი მარჯვენა მხარე აკლია. სხვა გვერდები სხვადასხვა ფურცლებზე გამოყოფენ სექციებს.
CSS- ით შეგიძლიათ შექმნათ ცალკე სტილის ფურცელი მხოლოდ ბეჭდვისთვის.
განლაგების ცხრილები არასწორია HTML 4.01
HTML 4 სპეციფიკა აღნიშნავს: "ცხრილები არ უნდა იქნეს გამოყენებული მხოლოდ როგორც განლაგების დოკუმენტის შინაარსის საშუალებით, რადგან ეს შეიძლება წარმოადგენდეს პრობლემებს, რომლებიც არათანმიმდევრულად ხორციელდება".
ასე რომ, თუ გსურთ წვდომის სწორი HTML 4.01, თქვენ შეგიძლიათ გამოიყენოთ ცხრილები განლაგებისთვის. თქვენ უნდა გამოიყენოთ ცხრილები ცხრილისთვის. და tabular მონაცემების ზოგადად ჰგავს რაღაც თქვენ შეიძლება ცარიელია ცხრილების ან შესაძლოა მონაცემთა ბაზაში.
მაგრამ HTML5 შეიცვალა წესები და ახლა მაგიდები განლაგება, ხოლო არ არის რეკომენდირებული, არის სწორი HTML. HTML5 სპეციფიკა აღნიშნავს: "ცხრილები არ უნდა იქნას გამოყენებული, როგორც განლაგების ხელსაწყოებად."
იმის გამო, რომ მაგიდის განლაგება რთულია ეკრანის მკითხველებისთვის, როგორც ზემოთ აღვნიშნავ.
CSS- ის გამოყენება პოზიციებისა და განლაგებისათვის თქვენს გვერდებზე არის მხოლოდ სწორი HTML 4.01 გზა, რათა მიიღოთ დიზაინები, რომლებიც იყენებდით ცხრილებს. და HTML5 ამ რეკომენდაციებს მკაცრად ურჩევს.
ცხრილების განლაგება შეიძლება გავლენა იქონიოს თქვენს სამუშაოს პერსპექტივებზე
როგორც უფრო და უფრო ახალი დიზაინერები სწავლობენ HTML და CSS, თქვენი უნარები მაგიდის ფორმატის შესაქმნელად იქნება ნაკლები და ნაკლები მოთხოვნა. დიახ, მართალია, მომხმარებელს, როგორც წესი, არ გითხრათ ზუსტი ტექნოლოგია, რომელიც უნდა გამოიყენოთ მათი ვებ გვერდების შესაქმნელად. მაგრამ ისინი გეკითხებით რამეზე:
- ხელმისაწვდომი ვებ-გვერდები: დიზაინები, რომლებიც ეკრანის მკითხველებს შეუძლიათ დაათვალიერონ მრავალი ქვეყანა და კორპორაციები ყოველდღიურად უფრო ხელმისაწვდომი და ხელმისაწვდომობის პოვნას პოულობენ.
- დაცული ვებ-გვერდები: დიზაინები მათ შეუძლიათ მიიღონ მათთან ერთად, თუ არ აპირებთ მათ მომავალში შენარჩუნებას.
- მოქნილი დიზაინები: დიზაინები, რომლებიც მუშაობენ ბევრ ბრაუზერში, რეზოლუციებსა და მოწყობილობებზე.
- სწრაფი ჩამოტვირთვის გვერდები: სიჩქარე უფრო და უფრო მნიშვნელოვანია, თუნდაც SEO.
- ამოსაბეჭდი დიზაინები: გვერდები, რომლებიც ბეჭდვის გარეშე სპეციალური სკრიპტების ან დამატებითი გვერდების გარეშე.
თუ ვერ მოგცემთ რა კლიენტებს ითხოვენ, ისინი შეჩერდებიან თქვენთვის დაგეგმილი დიზაინებისთვის, ალბათ არა დღეს, მაგრამ მომავალ წელს ან წლის შემდეგ. შეგიძლიათ მართოთ თქვენი ბიზნესი, რადგან არ გინდა, რომ 1990-იანი წლების შემდეგ გამოიყენოთ ტექნიკა?
მორალური: ისწავლეთ CSS- ის გამოყენება
CSS შეიძლება იყოს რთული სწავლა, მაგრამ არაფერი ღირს ღირს ძალისხმევა. არ შეინახოთ თქვენი უნარები სტაგნაციისგან. ისწავლეთ CSS და ავაშენოთ თქვენი ვებ გვერდები ისე, რომ ისინი იმას ნიშნავდნენ, რომ აშენდა-ს CSS განლაგებას.