IT აკადემია STEP! ჩვენ 1999 წლიდან ვსწავლობთ. მაღალი ხარისხის კომპიუტერულ განათლებას მოზრდილებში და ბავშვებში.

Your browser is out of date!

You are using an outdated browser Internet Explorer. This version of the browser does not support many modern technologies, that's why many pages of the website are not displayed correctly, and may not work some of functions . We recommend viewing the website using the latest versions of the browsers Google Chrome, Safari, Mozilla Firefox, Opera, Microsoft Edge

phone_validation_text
Х ХХХ ХХХ-ХХ-ХХ

HTML-ის 30 საუკეთესო პრაქტიკა დამწყებთათვის

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

 

თქვენ ასევე მოისურვებთ გაეცნოთ HTML შემქმნელებს Envato Market- ზე, როგორიცაა პოპულარული Architect HTML და CSS საიტის შემქმნელის ინსტრუმენტი, ეს საშუალებას მოგცემთ შექმნათ HTML და CSS თქვენი ვებსაიტების ავტომატურად შესაქმნელად შესანიშნავი გარეგნული შაბლონებით და ჩამოსაშლელი ინტერფეისით.

 

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

 

ისწავლეთ CSS: სრული სახელმძღვანელო

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

 

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

 

1: ყოველთვის დახურეთ თქვენი თეგები

ადრე იშვიათი არ იყო მსგავსი რამის დანახვა:

დააკვირდით, როგორ გამოტოვეს შეფუთული UL / OL თეგი. გარდა ამისა, ბევრმა აირჩია შეეწყვიტა LI თეგების დახურვაც. დღევანდელი სტანდარტებით, ეს უბრალოდ ცუდი პრაქტიკაა და თავიდან უნდა იქნას აცილებული 100%-ით. ყოველთვის, ყოველთვის დახურეთ თქვენი თეგები. წინააღმდეგ შემთხვევაში, თქვენ ყოველ ჯერზე წააწყდებით ვალიდაციისა და მოულოდნელი დაბრკოლებების პრობლემებს.

უკეთესია

2 მილიონი + WordPress თემა და პროგრამული გაფართოება, ვებისა და ელ.ფოსტის შაბლონები, UI კომპლექტები და სხვა

ჩამოტვირთეთ ათასობით WordPress თემა და პროგრამული გაფართოება, ვებ შაბლონები, UI ელემენტები და მრავალი სხვა რამ Envato Elements-ში გაწევრიანებით. მიიღეთ შეუზღუდავი წვდომა მზარდ ბიბლიოთეკაზე მილიონობით კრეატიული და კოდის აქტივებისთვის.

 

 

2: გამოაცხადეთ სწორი DocType-ი

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

 

1 შეემოწმებინათ CSS ფაილი. შეესწორებინათ ყველა საჭირო შეცდომა.

2 დაემატებინათ DocType-ი

 

"DOCTYPE მუჯშაობს html ტეგის გახსნამდე გვერდის ზედა ნაწილში და ეუბნება ბრაუზერს, შეიცავს თუ არა ეს გვერდი HTML, XHTML ან ორივეს ნაზავს, რომ მას შეეძლოს მარკირების სწორად ინტერპრეტაცია."

უმეტესობა ჩვენგანი ახალი ვებ – გვერდების შექმნისას ოთხი განსხვავებული DocType-დან ირჩევს.

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

 

3: არასდროს გამოიყენოთ ხაზისშიდა სტილები

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

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

 

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

ეს უბრალოდ არ არის კარგი იდეა. - Chris Coyier (ისეთ რამეზე მითითებით, რაც სრულიად არ არის დაკავშირებული.)

 

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

უკეთესია

 

4: განათავსეთ ყველა გარე CSS ფაილი Head Tag- ში

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

 

Yahoo- ს მუშაობის შესწავლისას!, ჩვენ აღმოვაჩინეთ, რომ HEAD დოკუმენტზე სტილის ფურცლების გადატანა გვერდების უფრო სწრაფად ჩამოტვირთვას გამოიწვევს. ეს იმიტომ ხდება, რომ HEAD- ში სტილის ფურცლების განთავსება საშუალებას აძლევს გვერდს თანდათანობით გამოჩნდეს. – ySlow Team

 

5: გაითვალისწინეთ Javascript ფაილების ძირზე განთავსება

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

 

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

უკეთესია

 

6: არასოდეს გამოიყენოთ Inline Javascript. 1996 წელი არ არის!

წლების წინ კიდევ ერთი ჩვეულებრივი პრაქტიკა იყო Javascript ბრძანებების განთავსება პირდაპირ თეგებში. ეს ძალიან გავრცელებული იყო მარტივი სურათების გალერეებში. ამ ნიშანს, ძირითადად დაემატა "onclick" ატრიბუტი. მნიშვნელობა მაშინ ზოგიერთი Javascript პროცედურის ტოლი იქნება. ზედმეტია იმის თქმა, რომ ეს არასდროს არ უნდა გააკეთოთ. ამის ნაცვლად, გადაიტანეთ ეს კოდი გარე Javascript ფაილზე და გამოიყენეთ "addEventListener / attachEvent" თქვენი სასურველი მოვლენის "მოსასმენად". ან, თუ იყენებთ framework-ს, როგორიცაა jQuery, უბრალოდ გამოიყენეთ "დაწკაპუნების" მეთოდი.

 

7: ვალიდაცია მუდმივად გააკეთეთ

 

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

 

ამასთან, განსაკუთრებით მაშინ, როცა პირველად იწყებთ, გირჩევთ ჩამოტვირთოთ Web Developer Toolbar და განუწყვეტლივ გამოიყენოთ "Validate HTML" და "Validate CSS" პარამეტრები. მიუხედავად იმისა, რომ CSS ენის გარკვევა გარკვეულწილად ადვილია, მას ასევე შეუძლია ძალიან დიდი პრობლემები შეგიქმნათ. თქვენ ბევრჯერ ნახავთ, რომ ეს არის თქვენი სუსტი მარკირება, რომელიც იწვევს თეთრი, ცარიელი სივრცის ამ უცნაურ პრობლემას. აკეთეთ ვალიდაცია.

 

8: ჩამოტვირთეთ Firebug-ი

 

მე დიდად ვერ გირჩევთ ამას. ეჭვგარეშეა, რომ Firebug-ი არის საუკეთესო plugin-ი, რომელსაც ოდესმე გამოიყენებთ ვებსაიტების შექმნისას. ის არა მხოლოდ გთავაზობთ Javascript– ის წარმოუდგენელ დებაგირებას, არამედ ასევე შეისწავლით თუ როგორ განსაზღვროთ რომელი ელემენტები მიიღებენ მემკვიდრეობით იმ დამატებით მასალას, რომლის შესახებაც თქვენ არ იცოდით. ჩამოტვირთეთ ის!

 

9: გამოიყენეთ Firebug-ი!

 

ჩემი გამოცდილებიდან გამომდინარე, ბევრი მომხმარებელი მხოლოდ Firebug– ის შესაძლებლობების დაახლოებით 20%-ით სარგებლობს. ამით თქვენ ნამდვილად ზიანს აყენებთ საკუთარ თავს. დაუთმეთ რამდენიმე საათი და მოიძიეთ ინტერნეტში ყველა ღირსეული სახელმძღვანელო, რომელიც შეგიძლიათ იხილოთ ამ თემაზე.

 

10: შეინახეთ საკვანძო სახელები პატარა ასოებით

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

ზემოთ თქმულის შემდეგ, გთხოვთ ამას ნუ გააკეთებთ. ის არავითარ მიზანს არ ემსახურება და თვალებს გატკენთ - რომ აღარაფერი ვთქვათ იმ ფაქტზე, რომ ეს Microsoft Word– ის html ფუნქციას მახსენებს!

უკეთესია

 

11: გამოიყენეთ H1 - H6 თეგები

ვაღიარებ და ვიტყვი, რომ ეს არის ის, რისი გაკეთებაც მსურს. საუკეთესო პრაქტიკაა ამ ექვსივე თეგის გამოყენება. თუ გულწრფელად ვიტყვი, მე ჩვეულებრივ მხოლოდ პირველ ოთხეულს ვასრულებ; მაგრამ ამაზე ვმუშაობ! :) სემანტიკური და SEO მიზეზების გამო, აიძულეთ საკუთარი თავი შეცვალოთ ეს P თეგი H6– ით, საჭიროების შემთხვევაში.

 

12: ბლოგის შექმნის შემთხვევაში, შეინახეთ H1-ი სტატიის სათაურისთვის

ამ დილით, Twitter- ზე, ჩვენს მიმდევრებს ვკითხე, ხომ არ ფიქრობდნენ, რომ ყველაზე ჭკვიანური იქნებოდა H1 ნიშნის ლოგოდ განთავსება ან სტატიის სათაურად გამოყენება. დაბრუნებული tweet- ების დაახლოებით 80% ამ მეთოდის მომხრეა.

 

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

 

13: ჩამოტვირთეთ ySlow

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

 

14: გადააადგილეთ ნავიგაცია დაულაგებული ჩამონათვლით

 

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

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

 

რატომ მოვახდენთ ნავიგაციის ბმულების ჩამონათვალის გამოხატვას სხვა არაორგანიზებული სიის გარდა?

UL ნიშანი ნიშნავს ნივთების ჩამონათვალის შენახვას.

უკეთესია

 

15: ისწავლეთ როგორ უნდა დაისახოთ მიზნად IE

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

პირველი ნაბიჯი, რაც ძირითადი CSS ფაილის დასრულებისთანავე უნდა გადადგათ არის ის, რომ შექმნათ უნიკალური "ie.css" ფაილი. ამის შემდეგ შეგიძლიათ მიუთითოთ იგი მხოლოდ IE– სთვის შემდეგი კოდის გამოყენებით.

ამ კოდში ნათქვამია: ”თუ მომხმარებლის ბრაუზერი არის Internet Explorer 6 ან უფრო დაბალი, გააკეთეთ ამ სტილების ცხრილის იმპორტი. წინააღმდეგ შემთხვევაში, არაფერი არ გააკეთოთ. "თუ IE7– ისთვის კომპენსაცია გჭირდებათ, უბრალოდ შეცვალეთ" lt "" lte "- ით (ნაკლები ან ტოლი).

 

16: აირჩიეთ დიდი კოდის რედაქტორი

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

 

17: ვებსაიტის დასრულების შემდეგ, გააკეთეთ კომპრესია!

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

 

18: დაჭერით, დაჭერით, დაჭერით

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

 

მარკირების დასრულების შემდეგ, გადახედეთ მას კიდევ ორჯერ და მოძებნეთ გვერდებზე ელემენტების რაოდენობის შემცირების გზები. მართლა სჭირდება UL-ს საკუთარი შესაფუთი div-ი? Მე ვფიქრობ, რომ არა.

ისევე, როგორც წერის გასაღები არის "გაჭრა, გაჭრა, გაჭრა", იგივე შეიძლება ვთქვათ მარკირებაზეც.

 

19: ყველა გამოსახულება მოითხოვს "Alt" ატრიბუტებს

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

ცუდია

კარგია

 

20: იმუშავეთ გვიანობამდე

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

 

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

 

21: იხილეთ წყარო

რა არის თქვენი გმირების კოპირებაზე უკეთესი HTML-ის შესწავლის უკეთესი გზა? თავდაპირველად, ჩვენ ყველანი მიმბაძველები ვართ! შემდეგ ნელა ვიწყებთ საკუთარი სტილის / მეთოდების შემუშავებას. ასე რომ, ეწვიეთ ვებსაიტებს, რომლებსაც პატივს სცემთ. როგორ გააკეთეს მათ ამა თუ იმ სექციის კოდირება? ისწავლეთ და დააკოპირეთ მათგან. ჩვენ ყველამ გავაკეთეთ და თქვენც უნდა გააკეთოთ ეს. (ნუ მოიპარავთ დიზაინს; უბრალოდ ისწავლეთ კოდირების სტილიდან.)

 

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

 

22: ყველა ელემენტის სტილი გააკეთეთ

ეს საუკეთესო პრაქტიკა განსაკუთრებით ეხება კლიენტების დიზაინს. მხოლოდ ის ფაქტი, რომ ბლოკნოტი არ გამოგიყენებიათ, არ ნიშნავს იმას, რომ კლიენტიც არ გამოიყენებს. არასდროს გამოგიყენებიათ დალაგებული სიები? ეს არ ნიშნავს, რომ ის არ გააკეთებს! მოემსახურეთ საკუთარ თავს და შექმენით სპეციალური გვერდი სპეციალურად ყველა ელემენტის სტილის დასანახად: ul, ol, p, h1-h6, blockquotes და ა.შ.

 

23: გამოიყენეთ Twitter-ი

ამ ბოლო დროს ტელევიზორის ჩართვა არ შემიძლია Twitter– ზე რეკომენდაციის მოსმენის გარეშე; ეს მართლაც აუტანელი გახდა. მე არ მაქვს სურვილი, მოვისმინო Larry King- ის რეკლამირება მისი Twitter– ის შესახებ, რომელიც ყველამ ვიცით, რომ მას ხელით არ განუახლებია. დიდი მადლობა თანაშემწეებს! რამდენი დედა დარეგისტრირდა ანგარიშებზე ოპრას დასტურის შემდეგ? მხოლოდ ის დღე შეიძლება მოგვენატროს, როცა მხოლოდ რამდენიმე ჩვენგანი იცნობდა მომსახურებას და მის "წყლის გამაგრილებელ" პოტენციალს.

 

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

 

24: ისწავლეთ ფოტოშოპი

Photoshop 24/7-ზეა გახსნილი ჩემს კომპიუტერში.

 

სინამდვილეში, Photoshop შეიძლება ძალიან მნიშვნელოვანი ინსტრუმენტი გახდეს. მას შემდეგ რაც შეისწავლით HTML-ს და CSS-ს, მე პირადად გირჩევთ გაეცნოთ Photoshop -ის რაც შეიძლება მეტ ტექნიკას.

 

25: ისწავლეთ თითოეული HTML Tag-ი

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

სხვათა შორის, იმ შემთხვევაში თუ თქვენ არ იცნობთ ზემოთ ჩამოთვლილ ორს:

1 abbr საკმაოდ ბევრს აკეთებს, რაც შეიძლება ივარაუდოთ კიდეც. იგი ეხება აბრევიატურას. "Blvd" შეიძლება შეფუთული იყოს ნიშნით, რადგან ეს არის "ბულვარის" აბრევიატურა.

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

 

26: მონაწილეობა მიიღეთ საზოგადოებაში

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

 

27: გამოიყენეთ CSS- ის საწყის მდგომარეობაში დაბრუნება

ეს არის კიდევ ერთი სფეროა, რომელზეც დაუსრულებლად კამათობენ. CSS გადატვირთვა: გამოიყენოთ ან არ გამოიყენოთ; ეს არის შეკითხვა. მე რომ შემოგთავაზოთ ჩემი პირადი რჩევა, 100%-ით გირჩევთ, რომ შექმნათ თქვენი საკუთარი გადატვირთვის ფაილი. დაიწყეთ პოპულარული, ერიკ მეიერის მსგავსი ჩამოტვირთვით და შემდეგ ნელა, როცა თანდათან უფრო მეტს შეიტყობთ, დაიწყეთ მისი თქვენებურად შეცვლა. თუ ამას არ გააკეთებთ, ნამდვილად ვერ გაიგებთ, რატომ იღებენ თქვენი სიის ელემენტები ზედმეტ მოცულობას, როცა ეს არ დაგიკონკრეტებიათ სადმე თქვენს CSS ფაილში. დაზოგეთ საკუთარი თავი, ნუ გაბრაზდებით და აღადგინეთ ყველაფერი! ამით უნდა დაიწყოთ.

 

28: დაალაგეთ ისინი ხაზებად!

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

 

29: დაჭერით PSD-ი

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

 

30: არ გამოიყენოთ ფრეიმვორქი ... თუმცა

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

 

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

 

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

 

IT Academy STEP – მსოფლიო ბრენდი 95 ფილიალით!


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

 

თბილისი,

საბურთალო, ალ.ყაზბეგის 34/34

რეგისტრაცია

ამ საიტზე გამოიყენება Cookies

კონფიდენციალობის პოლიტიკა და იურიდიული ინფორმაცია