[Script Info]
Title: 
[Events]
Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text
Dialogue: 0,0:00:00.33,0:00:02.08,Default,,0000,0000,0000,,შევხედოთ ჩვენს ვებგვერდს.
Dialogue: 0,0:00:02.28,0:00:04.54,Default,,0000,0000,0000,,მას აქვს ზედა სათაურები,
Dialogue: 0,0:00:04.54,0:00:07.58,Default,,0000,0000,0000,,პარაგრაფი რომელიც აღწერს კურდღლებს,
Dialogue: 0,0:00:07.58,0:00:10.59,Default,,0000,0000,0000,,რეალურად, რამდენიმე პარაგრაფი,
Dialogue: 0,0:00:10.59,0:00:13.42,Default,,0000,0000,0000,,ჩემი საყვარელი სიმღერის\Nტექსტით კურდღლებზე.
Dialogue: 0,0:00:13.54,0:00:17.55,Default,,0000,0000,0000,,ბოლოს პირველი სიმღერის ტექსტის\Nპარაგრაფი id-ს გამოყენებით შევქმენით.
Dialogue: 0,0:00:17.86,0:00:21.02,Default,,0000,0000,0000,,რადგან ახლა ტექსტების\Nრამდენიმე პარაგრაფი გვაქვს,
Dialogue: 0,0:00:21.02,0:00:24.61,Default,,0000,0000,0000,,მინდა ყველა მათგანს\Nმივანიჭოთ ყვითელი ფონი.
Dialogue: 0,0:00:24.61,0:00:28.22,Default,,0000,0000,0000,,როგორ მოვახერხოთ ეს\Nჩვენი ახლანდელი ცოდნით?
Dialogue: 0,0:00:28.22,0:00:33.00,Default,,0000,0000,0000,,პირველი რაც ვისწავლეთ, იყო\Nყველა მსგავსი ტიპის tag-ის მონიშვნა,
Dialogue: 0,0:00:33.00,0:00:34.66,Default,,0000,0000,0000,,როგორც 'p' მომნიშვნელით,
Dialogue: 0,0:00:34.89,0:00:39.12,Default,,0000,0000,0000,,მაგრამ ამით ყველა პარაგრაფი შეიღება და\Nარა მხოლოდ ტექსტიანი პარაგრაფები.
Dialogue: 0,0:00:39.23,0:00:41.29,Default,,0000,0000,0000,,გვჭირდება რამე უფრო კონკრეტული.
Dialogue: 0,0:00:41.51,0:00:44.90,Default,,0000,0000,0000,,შემდეგ, ვისწავლეთ tag-ების\Nკონკრეტული id-ებით მონიშვნა,
Dialogue: 0,0:00:44.90,0:00:48.14,Default,,0000,0000,0000,,მაგალითად, პარაგრაფის არჩევა, რომელშიც\N"სიმღერა კურდღელზე" შედის,
Dialogue: 0,0:00:48.37,0:00:50.92,Default,,0000,0000,0000,,მაგრამ ამან მხოლოდ\Nპირველი პარაგრაფი მონიშნა.
Dialogue: 0,0:00:51.12,0:00:53.72,Default,,0000,0000,0000,,ამ id-ს დამატება არცერთ\Nპარაგრაფზე არ შეგვიძლია,
Dialogue: 0,0:00:53.72,0:00:57.66,Default,,0000,0000,0000,,რადგან უფლება არ გვაქვს ერთი და\Nიმავე id რამდენიმე tag-ზე გამოვიყენოთ.
Dialogue: 0,0:00:57.87,0:01:00.20,Default,,0000,0000,0000,,რომ ვდომებოდა სხვა პარაგრაფის არჩევა,
Dialogue: 0,0:01:00.20,0:01:02.88,Default,,0000,0000,0000,,მოგვიწევდა\Nთითოეულისთვის ახალი ID-ს მიცემა.
Dialogue: 0,0:01:02.88,0:01:05.72,Default,,0000,0000,0000,,(მაგალითად "სიმღერის-ტექსტი2"\Nდა "სიმღერის-ტექსტი3"),
Dialogue: 0,0:01:05.72,0:01:07.46,Default,,0000,0000,0000,,რადგან ყველა ID უნიკალური უნდა იყოს.
Dialogue: 0,0:01:07.46,0:01:09.81,Default,,0000,0000,0000,,შემდეგ კი თითოეულისთვის\Nწესების დამატებაა საჭირო.
Dialogue: 0,0:01:09.81,0:01:12.40,Default,,0000,0000,0000,,შეგვიძლია ეს ვქნათ.\Nმაგრამ ეს ბევრი სამუშაოა!
Dialogue: 0,0:01:12.40,0:01:14.69,Default,,0000,0000,0000,,თან, ყოველ ჯერზე\Nსიმღერისთვის ტაეპის დამატება
Dialogue: 0,0:01:14.69,0:01:17.28,Default,,0000,0000,0000,,ახალი ID-ს და HTML-ს დამატებას ნიშნავს,
Dialogue: 0,0:01:17.28,0:01:19.17,Default,,0000,0000,0000,,ახალი ID-სა და CSS-ის წესების დამატებას
Dialogue: 0,0:01:19.17,0:01:22.83,Default,,0000,0000,0000,,და ასობით ტაეპის დამატება\Nუკვე გადამღლელი გახდება.
Dialogue: 0,0:01:22.98,0:01:24.32,Default,,0000,0000,0000,,გამოიცანით რას ვიზამთ.
Dialogue: 0,0:01:24.49,0:01:27.38,Default,,0000,0000,0000,,არსებობს უკეთესი გზა,\Nრომელსაც "კლასები" ეწოდება.
Dialogue: 0,0:01:27.60,0:01:32.16,Default,,0000,0000,0000,,კლასი ფაქტობრივად კონკრეტული ჯგუფისთვის\Nელემენტის მინიჭებას ნიშნავს.
Dialogue: 0,0:01:32.16,0:01:35.15,Default,,0000,0000,0000,,შეგიძლია ჯგუფს იმდენი ელემენტი\Nმიანიჭო, რამდენიც მოგესურვება.
Dialogue: 0,0:01:35.35,0:01:39.93,Default,,0000,0000,0000,,კლასის დასამატებლად საჭიროა კლასის\Nატრიბუტის დამატება, როგორც ID-ებისთვის.
Dialogue: 0,0:01:40.36,0:01:44.70,Default,,0000,0000,0000,,პირველ რიგში წავშალოთ\Nეს რადგან შეცვლას ვაპირებთ.
Dialogue: 0,0:01:44.70,0:01:47.92,Default,,0000,0000,0000,,ახლა გვაქვს კურსორი საწყის '' tag-ში.
Dialogue: 0,0:01:47.92,0:01:53.18,Default,,0000,0000,0000,,დავამატებ გამოტოვებულ\Nადგილს და დავწერ: class = "
Dialogue: 0,0:01:53.18,0:01:56.93,Default,,0000,0000,0000,,ახლა კლასის სახელი უნდა მოვიფიქრო,\Nრომელიც კლასს კარგად აღწერს.
Dialogue: 0,0:01:56.93,0:01:59.29,Default,,0000,0000,0000,,მოდი დავარქვათ "სიმღერის-ტექსტი".
Dialogue: 0,0:01:59.66,0:02:01.45,Default,,0000,0000,0000,,ესეც ასე.
Dialogue: 0,0:02:01.66,0:02:04.34,Default,,0000,0000,0000,,რა ელემენტები უნდა\Nჰქონდეს ამ კლასის სახელს?
Dialogue: 0,0:02:04.42,0:02:06.42,Default,,0000,0000,0000,,უნდა შედიოდეს ყველა სხვა პარაგრაფი.
Dialogue: 0,0:02:06.51,0:02:13.06,Default,,0000,0000,0000,,ამიტომ ჩავიდეთ ქვემოთ და დავამატოთ\Nატრიბუტი თითოეულ პარაგრაფის კლასს.
Dialogue: 0,0:02:13.06,0:02:14.54,Default,,0000,0000,0000,,("სიმღერის-ტექსტი")
Dialogue: 0,0:02:14.84,0:02:18.00,Default,,0000,0000,0000,,მშვენიერია. ახლა მზად ვართ\NCSS წესის დასამატებლად.
Dialogue: 0,0:02:18.22,0:02:26.16,Default,,0000,0000,0000,,დავუბრუნდეთ '' tag-ს და წავშალოთ\Nid მნიშვნელი რადგან მას ვცვლით.
Dialogue: 0,0:02:26.16,0:02:28.59,Default,,0000,0000,0000,,ახლა კი კლასის მნიშვნელი უნდა მოვიფიქროთ.
Dialogue: 0,0:02:28.93,0:02:34.04,Default,,0000,0000,0000,,კლასის მნიშვნელის\Nდასაწყებად ვიყენებთ წერტილს.
Dialogue: 0,0:02:34.43,0:02:39.03,Default,,0000,0000,0000,,შემდეგ ვწერთ კლასის\Nსახელს: სიმღერის-ტექსტი,
Dialogue: 0,0:02:39.03,0:02:47.82,Default,,0000,0000,0000,,და როგორც ყოველთვის: ფიგურილი ფრჩხილები,\Nთვისება, წერტილმძიმე, მნიშვნელობა.
Dialogue: 0,0:02:47.82,0:02:51.01,Default,,0000,0000,0000,,ახლა ყველა ტექსტს ყვითელი ფონი აქვს.
Dialogue: 0,0:02:51.34,0:02:55.14,Default,,0000,0000,0000,,რა მოხდება აქ თუ s-ს დიდად დავწერთ?
Dialogue: 0,0:02:55.24,0:02:56.40,Default,,0000,0000,0000,,არ მუშაობს.
Dialogue: 0,0:02:56.49,0:02:58.95,Default,,0000,0000,0000,,ეს იმიტომ, რომ კლასის\Nსახელები case-sensitive არის.
Dialogue: 0,0:02:58.97,0:03:01.77,Default,,0000,0000,0000,,მნიშვნელობა აქვს რომელი ასო\Nიქნება დიდი და რომელი პატარა,
Dialogue: 0,0:03:01.77,0:03:03.56,Default,,0000,0000,0000,,როგორც ID-ების შემთხვევაში.
Dialogue: 0,0:03:04.32,0:03:08.30,Default,,0000,0000,0000,,რა მოხდება თუ წერტილის\Nმაგივრად #-ს გამოვიყენებთ?
Dialogue: 0,0:03:08.54,0:03:09.67,Default,,0000,0000,0000,,არ იმუშავებს.
Dialogue: 0,0:03:09.77,0:03:13.08,Default,,0000,0000,0000,,იმიტომ, რომ ბრაუზერი\N"სიმღერის-ტექსტი"-ს ID-იდ აღიქვამს
Dialogue: 0,0:03:13.08,0:03:18.47,Default,,0000,0000,0000,,და ვერაფერს იპოვის სიმღერის\Nტექსტებში ამ id ატრიბუტით.
Dialogue: 0,0:03:18.47,0:03:24.51,Default,,0000,0000,0000,,რა მოხდება თუ კლასის სახელებს შორის\Nგამოტოვებული ადგილები ჩავსვით?
Dialogue: 0,0:03:25.25,0:03:30.19,Default,,0000,0000,0000,,არც ეს იმუშავებს, რადგან თავისუფალი\Nსივრცე არ უნდა გვქონდეს.
Dialogue: 0,0:03:30.19,0:03:31.65,Default,,0000,0000,0000,,ამას მოგვიანებით შევხვდებით.
Dialogue: 0,0:03:31.65,0:03:34.97,Default,,0000,0000,0000,,თავისუფალი სივრცე\NCSS-ში სპეციფიურ რამეს ნიშნავს.
Dialogue: 0,0:03:35.87,0:03:38.78,Default,,0000,0000,0000,,-- დავაბრუნოთ როგორც იყო --
Dialogue: 0,0:03:39.52,0:03:41.11,Default,,0000,0000,0000,,კიდევ ერთხელ:
Dialogue: 0,0:03:41.11,0:03:43.39,Default,,0000,0000,0000,,როცა გვსურს კლასის დამატება,
Dialogue: 0,0:03:43.39,0:03:45.59,Default,,0000,0000,0000,,უნდა მოვიფიქროთ კლასის სახელი,
Dialogue: 0,0:03:45.59,0:03:49.00,Default,,0000,0000,0000,,დავამატოთ HTML-ში კლასის ატრიბუტებში,
Dialogue: 0,0:03:49.25,0:03:51.32,Default,,0000,0000,0000,,შემდეგ ვწერთ სტილის წესს,
Dialogue: 0,0:03:51.32,0:03:54.69,Default,,0000,0000,0000,,ვიწყებთ წერტილით,\Nშემდეგ კი კლასის სახელით.
Dialogue: 0,0:03:55.22,0:03:58.43,Default,,0000,0000,0000,,ახლა შენი CSS\Nგაცილებით უკეთესი სტილისაა!