ისწავლეთ html css-ის დაპროგრამება ნულიდან. html-ის საფუძვლები დასაწყისისთვის ჩემი გაგებით. თქვენი ბოლო პრაქტიკა

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

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

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

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

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

მე ამ პრაქტიკას დავარქმევდი უბრალოდ თამაშს ქვიშის ყუთში. თქვენ უბრალოდ წერთ სხვადასხვა ტეგებს, გსურთ დაუბრუნდეთ ყველაფერს დეტალურად, მაგრამ ყველაფერი რისთვის? დააბრალე ბუტი იაკას მეტა. დააყენეთ html და css, რათა შემდეგ შექმნათ თქვენი საკუთარი ვებ გვერდები და სხვა საიტები.

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

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

როგორ ვისწავლოთ ენა და ვივარჯიშოთ სწორად?

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

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

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

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

თქვენი ბოლო პრაქტიკა

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

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

Წავედით! კობოსთვის გასაგებია,
HTML- (Ინგლისური ვერსია) H ypert ext Markup L ენა) tse mova მარკირება ჰიპერტექსტისთვის. ის პირველად აღმოაჩინა ბრიტანელმა მეცნიერმა ტიმ ბერნერს-ლიმ 1991-1992 წლებში. HTML ასოები გამოიყენება მხოლოდ ვებ გვერდებზე ტექსტის, სურათების და ცხრილების განლაგებისთვის. ახლა HTML დოკუმენტის ჩასმა შესაძლებელია დამატებით და სხვა პროგრამებში, როგორიცაა JavaScript, VBScript.

HTML არ არის ჩემი პროგრამირება; ის ძირითადად განკუთვნილია ტექსტური დოკუმენტების მარკირებისთვის.

HTML რენდერისთვისთქვენ გჭირდებათ მხოლოდ ბრაუზერი და სტანდარტული ჩასაწერი ბლოკი თქვენს კომპიუტერში.
Standard Notepad-ის გასახსნელად, თქვენს კომპიუტერში შეიყვანეთ შემდეგი: "Start" => "Programs" => "Standards" => "Notepad" .

თუ გსმენიათ პროგრამების შესახებ, რომლებიც ამარტივებს HTML კოდის დაწერას (Microsoft FrontPage, Adobe Dreamweaver), მაშინ არ მინდა მათი გამოყენება სწავლის ამ ეტაპზე. კომფორტულად იგრძნოთ სტანდარტული ბლოკნოტი ან ტექსტური რედაქტორი Notepad++ და თუ დაასრულებთ ამ კურსს, შეძლებთ პროგრამების გამოყენებას პროცესის დასაჩქარებლად. გამოიწერეთ უახლესი ბლოგი და წაიკითხეთ როგორ გამოიყენოთ Microsoft FrontPage და Adobe Dreamweaver პროგრამები.

უფრო სწრაფად გასაგებად, კონდახი მოვამზადე. კარგად დააკვირდით პატარებს:

როუზი ნათელია.

1). ნებისმიერი HTML დოკუმენტი იწყება შემდეგი თანმიმდევრობით:


"https://www.w3.org/TR/html4/loose.dtd">

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

2). і- ეს არის დოკუმენტის დასაწყისი და დასასრული.

3). і- საბუთის ხელმძღვანელი. აქ ხშირად არის ჩასმული დამატებითი სერვისის ტეგები, ერთ-ერთი ასეთია . სხვა სერვისის ტეგების შესახებ შეიტყობთ მომდევნო გაკვეთილებზე; ამ ეტაპზე ეს ინფორმაცია საკმარისია.

4). і- დოკუმენტის სათაური.
ეს სათაური გამოჩნდება ბრაუზერში:

ვეძებ ინდექსს ან გუგლს.

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

Შენიშვნა:

ხშირად კითხულობთ და ძლივს კითხულობთ სიტყვას "ტეგი".
ტეგი - ყველა ის, რაც განლაგებულია მკლავებს შორის< >. Მაგალითად: , , <html> , <head> , <br> , <p> </i> ta in - ყველა ეს ტეგი. <br>ტეგები არ ჩანს ბრაუზერში გვერდის დათვალიერებისას და ყველაფერი, რაც სახელურში არ არის, გამოჩნდება ბრაუზერში, როცა დაათვალიერებთ.</p> <p>უხვად მონიშნეთ ხოცვა-ჟლეტის სუნი აღსარებაზე.</p> <p>იპოვეთ ტეგები, რომლებიც უნდა დაიხუროს. Მაგალითად, <br>ჩვენ ვხსნით ტეგს <i><p> </i> <br>და ტეგი მჭიდროდ არის დახურული <i></p> </i> </p> <p>და ტეგები იგივეა, მაგალითად, ღერძი <i><br> </i> .</p> <p>ტეგი არის ერთგვარი კონტეინერი, რომელიც შეიძლება შეიცავდეს ტექსტს, სურათებს და სხვა ტეგებს.</p> <p>○ დაუბრუნდით თეგების სწორ თანმიმდევრობას, რომლებიც იხსნება და იხურება:</p> <p><тэг1> <тэг2> <тэг3> ... </тэг3> </тэг2> </тэг1> <i> </i></p> <p>ტეგი, რომელიც ჯერ გავხსენით, იხურება დარჩენილთან ერთად, შემდეგ გადადის მეორე.</p> <p>○ და ღერძი აჩვენებს თეგების არასწორ თანმიმდევრობას, რომლებიც იხსნება და იხურება. ასეთი ცუდი ენის გამო თქვენ შეიძლება დაისჯოთ საიტზე:</p> <p><тэг1> <тэг2> <тэг3> ... </тэг3> </тэг1> </тэг2> </p> <p>პომილკა იყო<тэг1>і<тэг2> .<br>იყავით პატივისცემით კოდის დაწერისას.</p> <p><img src='https://i2.wp.com/bloggood.ru/wp-content/uploads/2013/05/osnovi-html-100.jpg' align="center" width="100%" loading=lazy loading=lazy loading=lazy></p> <p><b>მზა კოდი.</b><br>ასე გამოიყურება ვებსაიტის მზა სტანდარტული ენის HTML კოდი.</p><p> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "https://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>გვერდის სათაური ტექსტური გვერდები, ცხრილები, პატარები, მუსიკა და ვიდეო.

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

განაგრძეთ შემდეგ გაკვეთილზე

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

როგორც ჩანს, ახლა ადამიანებმა უნდა იცოდნენ მეტი, ჰქონდეთ ინტელექტის უფრო მაღალი დონე და განავითარონ ახალი უნარები. სამწუხაროდ, სამწუხაროა, მაგრამ ეს ასე არ არის. რამდენად ხშირად გიცდიათ რაიმე ახალი და შემდეგ მიატოვეთ საქმიანობა რეალური შედეგის მიღწევის გარეშე?

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

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

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

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

თუ გსურთ გახდეთ ვებ დეველოპერი, ხელახლა უნდა წაიკითხოთ.

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

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

ივარჯიშე, ივარჯიშე და ისევ ივარჯიშე

ჩემი აზრით, ყველა ადამიანი შეიძლება დაიყოს ორ ტიპად:

  1. Აყალიბებენ
  2. ჩინი

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

ეს იწვევს ორ პრობლემას:

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

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

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

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

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

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

როგორ შეიძლება დაიწყოს ასეთი პრაქტიკული ამოცანების ცოდნა?


თუ ფიქრობთ იმაზე, თუ როგორ ივარჯიშოთ საუკეთესოდ...

აქ არაერთი ვარიანტია.

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

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

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

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

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

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

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

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

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

ახლა მოდით შევხედოთ კიდევ რა არის საჭირო იმისათვის, რომ გახდეთ შესანიშნავი ვებ ჰაკერი.

ნუ გაჭრი თავს

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

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


Multitasking თქვენი ხელმისაწვდომობის ფარგლებშია

რამდენჯერ გაგიკვირდათ თქვენი გაჯეტი და შეამოწმეთ ფოსტა და დოკუმენტები სტატიის ამ ნაწილს არ მიუღწევია? თუ გინდა, შემიძლია ხელი მოგხვიო. ადამიანების უმეტესობა 5-10 წუთზე მეტხანს ვერაფერზე კონცენტრირდება.

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

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

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

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

დაიწყეთ საფუძვლებით

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

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

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

დედის ცოდნის გამეორება

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

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

არ გადააგდოთ გზაზე მარჯვნივ

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

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

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

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

ინფორმაციის შიმშილი

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

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

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

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

მესამე, თქვენ ვერ შეხვალთ არასაჭირო წყალმომარაგებაში, შეთანხმებულ და სუპერ მდინარეებში მარნაზე.

მეოთხე, საიდუმლო არ არის, რომ PMI-ს მიერ მოწოდებული ინფორმაცია ყოველთვის არ არის სანდო.


შერლოკი გთხოვ: ნუ შეაწუხებ შენს თავს nіsenіtnitsa

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

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

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

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

მაშ, რა არის HTML?

თავად აბრევიატურა გაშიფრულია როგორც ნრეგიტი თგარე მარკიპი ლაპგუაჟი ( ჰიპერტექსტის განლაგების ენა).

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

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

გვერდითი სათაური

ერთი დღე ჩემს ცხოვრებაში

მომზადება კონცერტამდე

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

რეპეტიცია

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

კონცერტი

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

დასაწყებად, თქვენ უნდა აკრიფოთ ეს ტექსტი ნებისმიერ ტექსტურ რედაქტორში (მე პატივს ვცემ ყველაზე სახელმძღვანელოს Notepad ++) და შეინახეთ ფაილი სახელწოდებით .html თქვენს დისკზე. როდესაც დააწკაპუნებთ შენახულ ფაილზე, ნახავთ გვერდს, რომელიც დაახლოებით ასე გამოიყურება.

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

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

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

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

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

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

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

მონიშნეთ htmlნიშნავს, რომ HTML კოდი იწყებს ჩვენებას.

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

სხეული- იწყება დოკუმენტის ძირითადი ნაწილი.

სთ 1- მიემართება.

სთ 2- სუბტიტრები.

გვ- აბზაცი.

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

  • < Назад

კომენტარისთვის საჭიროა დარეგისტრირება.

Sandbox

ახალი მოთამაშე 2015 წლის 26 მაისი 11:18 საათზე

ნავიგაცია HTML/CSS/JS

  • CSS,
  • HTML,
  • JavaScript
Youtube
  • www.youtube.com/user/agragregra- ძალიან სასარგებლო არხი, რომელიც დაგეხმარებათ უკეთესად შექმნათ სხვადასხვა სირთულის ვებსაიტები ნულიდან;
  • www.youtube.com/user/ArtSorax- უამრავი ქერქის მასალა კოჭებისთვის. აქცენტი CSS-ზე და JS-ზე;
  • www.youtube.com/user/WebMagistersRu- განსაკუთრებით დავიწყე ამ არხის, ვებ განვითარების ცენტრის გაცნობა. ყველაფერი ხელმისაწვდომი და ჭკვიანურად არის ახსნილი, საფუძვლების საფუძველი, ასე იყოს.
  • www.youtube.com/user/loftblog- LoftBlog-ის გუნდი ინტერვიუებს იღებს ადამიანებს, IT პროფესიონალებსა და დისტრიბუტორებს, ასევე ატარებს ვიდეოებს;
  • www.youtube.com/user/TheSWAT727- ვიდეო არხი შეიცავს ინფორმაციას და ძირითად მასალებს ზოგადად ვებ-განვითარებიდან, მათ შორის Front-end, Back-end, ტექსტური რედაქტორები და სხვა სასარგებლო ინფორმაცია დეველოპერებისთვის და ადრეული ეტაპის დიზაინერებისთვის.
ინტერნეტ რესურსები
  • htmlbook.ru - სალოცავი საწყისებისთვის. ეს რესურსი შეიცავს უამრავ ინფორმაციას ხელმისაწვდომი და გონივრული ფორმით + ფორუმი. ამიტომ მინდა დავიწყო HTML/CSS-ის სწავლა;
  • webdesign-master.ru - საგანმანათლებლო საიტი ვებ დიზაინისა და განლაგების მეტი ცოდნისთვის;
  • Learn.javascript.ru - საიტის სახელი თავისთავად მეტყველებს. რაჯუმ საფუძვლების სწავლა დაიწყო HTML5/CSS3-ის საფუძვლების გააზრების შემდეგ.
სერვისები
  • www.codecademy.com არის ინგლისურენოვანი სერვისი, სადაც შეგიძლიათ გამოცადოთ თქვენი ცოდნა პრაქტიკაში. ყველაფერი ინტუიციურია, არ არის საჭირო ინგლისური ენის ღრმა ცოდნა;
  • htmlacademy.ru არის რუსული სერვისი, რომელიც აქცენტს აკეთებს პრაქტიკაზე + პატარა თეორიაზე. ძალიან სასარგებლო რესურსი, კურსები და ინსტრუქციები;
  • jsfiddle.net – ასე ეძახით „ქვიშის ყუთს“ ვებ დეველოპერებისთვის. აქ შეგიძლიათ შეიყვანოთ კოდი ონლაინში და ნახოთ შედეგი. სერვისი დაგეხმარება შესწორებების უზრუნველყოფაში;
  • validator.w3.org - აქ შეგიძლიათ შეამოწმოთ თქვენი კოდი მართებულად, რათა გამოასწოროთ თქვენი შეცდომები ან ხარვეზები HTML კოდში;
  • jigsaw.w3.org/css-validator – მსგავსი სერვისი CSS კოდის მოქმედების შესამოწმებლად.

Ჩანთა

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

ტეგები: მეცნიერება, მასალა, ვებსაიტები, ვებსაიტების შემუშავება

აპლიკაცია © 2023 მობილური და კომპიუტერული გაჯეტები