1
00:00:00,000 --> 00:00:00,290

2
00:00:00,290 --> 00:00:03,310
>> დინამიკები: თურმე HTML არ არის
ერთადერთი ენა თქვენ შეგიძლიათ გამოიყენოთ შიგნით

3
00:00:03,310 --> 00:00:03,895
ვებ გვერდზე.

4
00:00:03,895 --> 00:00:08,100
თქვენ შეგიძლიათ გამოიყენოთ რაღაც მოუწოდა CSS, ან
სტილების კასკადური ცხრილები, ასევე.

5
00:00:08,100 --> 00:00:12,120
CSS გაძლევთ საშუალებას გაცილებით უფრო
ზუსტად ესთეტიკის ვებ

6
00:00:12,120 --> 00:00:16,930
გვერდი, მათ განლაგებას და ზომის და
ფერები და შრიფტები და მრავალი სხვა.

7
00:00:16,930 --> 00:00:20,820
მაგალითად, მოდით შევქმნათ ვებ გვერდი
აქ მოუწოდა CSS0, რომელიც წარმოადგენს

8
00:00:20,820 --> 00:00:22,740
მთავარი გვერდი, ვთქვათ, ჯონ ჰარვარდის.

9
00:00:22,740 --> 00:00:25,480
>> ამ გვერდზე, ჩვენ გვექნება ჯონ ჰარვარდის
სახელი, ქვეშ, რომელიც იქნება

10
00:00:25,480 --> 00:00:28,500
ლამაზი გაგზავნა თავისი სია, ქვეშ
რომელიც იქნება footer, ერთად

11
00:00:28,500 --> 00:00:30,590
ვთქვათ, გარკვეული ინფორმაცია საავტორო უფლებების შესახებ.

12
00:00:30,590 --> 00:00:34,650
ამისათვის მოდით განვსაზღვროთ სამი დივიზია
განთავსების გვერდზე გამოყენებით tag

13
00:00:34,650 --> 00:00:35,670
მოუწოდა div.

14
00:00:35,670 --> 00:00:43,880
ღია bracket div ჯონ ჰარვარდის, ახლო
bracket div კიდევ ერთი ღია bracket div,

15
00:00:43,880 --> 00:00:48,330
და ახლა ჩვენ დააკონკრეტა რაღაც
როგორიცაა, მივესალმებით ჩემი მთავარი გვერდი!

16
00:00:48,330 --> 00:00:50,420
და მოდით დახურვა div, ისევე.

17
00:00:50,420 --> 00:00:53,700
>> და ახლა მესამე და საბოლოო
div, საავტორო.

18
00:00:53,700 --> 00:00:58,250
უბრალოდ უნდა იყოს ლამაზი, ნება მომეცით გამოიყენოთ ახლა HTML
პირი, სიმბოლო, რომელიც წარმოადგენს

19
00:00:58,250 --> 00:01:01,140
ხასიათი, რომ თქვენ შეიძლება სხვა რამ არ არის
ჩაწერეთ თქვენს კლავიატურაზე.

20
00:01:01,140 --> 00:01:07,490
კერძოდ, მე ვაპირებ ამის გაკეთებას
ampersand, ფუნტი, 169, მძიმით.

21
00:01:07,490 --> 00:01:10,620
გამოდის, რომ არის რიცხვითი კოდი
განთავსების საავტორო სიმბოლო.

22
00:01:10,620 --> 00:01:14,260
მაშინ მოდით მიუთითოთ John Harvard
აქ ბოლოში.

23
00:01:14,260 --> 00:01:17,180
მოდით დახურვა div და შეინახოთ ფაილი.

24
00:01:17,180 --> 00:01:18,910
>> ახლა, რა არის ეს div tag?

25
00:01:18,910 --> 00:01:21,970
Div tag უბრალოდ განსაზღვრავს განყოფილება
გვერდზე, რომელიც არსებითად

26
00:01:21,970 --> 00:01:23,310
მართკუთხა რეგიონში.

27
00:01:23,310 --> 00:01:26,850
ასე რომ, ამ ეტაპზე, მე მყავს სამი
მართკუთხა რეგიონებში, ერთ თავზე

28
00:01:26,850 --> 00:01:27,620
სხვა.

29
00:01:27,620 --> 00:01:30,610
ასე რომ ახლა, ეფექტი თითქმის როგორც
მიუხედავად იმისა, რომ მე მქონდა სამი პუნქტებში.

30
00:01:30,610 --> 00:01:33,490
მაგრამ ჩვენ ვერ ვხედავთ საკმაოდ იმდენი
თეთრი სივრცის მათ შორის.

31
00:01:33,490 --> 00:01:36,170
>> გადავარჩინოთ ფაილის შეცვლის თავის
უფლებები, და მიიღოს სახე

32
00:01:36,170 --> 00:01:37,990
მომენტი Chrome.

33
00:01:37,990 --> 00:01:43,040
Chmod + r CSS0.html.

34
00:01:43,040 --> 00:01:52,440
მოდით ახლა გახსნა Chrome და შესვლა
http://localhost.CSS0.html.

35
00:01:52,440 --> 00:01:54,630
მართლაც, აქ მთავარი გვერდი
ჯონ ჰარვარდის.

36
00:01:54,630 --> 00:01:59,370
მოდით ახლა stylize ეს ცოტა მეტი
ზუსტად გამოყენებით ზოგიერთი CSS.

37
00:01:59,370 --> 00:02:03,510
>> უკან gedit, მოდით წასვლას ამ
პირველი div tag და დაამატოთ სტილი

38
00:02:03,510 --> 00:02:11,060
მიაკუთვნოს მიუთითებს, რომ მინდა
შრიფტის ზომა, ვთქვათ, 36 pixels, ან px.

39
00:02:11,060 --> 00:02:15,650
და მინდა წონის ამ font
უნდა იყოს გაბედული, ვიდრე ჩვეულებრივ,

40
00:02:15,650 --> 00:02:16,980
რაც ნორმალურია.

41
00:02:16,980 --> 00:02:21,170
მეორე div, მოდით მიუთითოთ
სხვა სტილი ატრიბუტი, რომელსაც აქვს

42
00:02:21,170 --> 00:02:25,550
შრიფტის ზომა 24 pixels, ასე რომ,
ცოტა პატარა.

43
00:02:25,550 --> 00:02:28,410
Close quotes შემდეგ მძიმით.

44
00:02:28,410 --> 00:02:33,255
>> და ბოლოს, მესამე div, მოდით
სტილი შეადგენს გაცემა, შრიფტის ზომა და

45
00:02:33,255 --> 00:02:35,340
ვთქვათ 12 pixels ამ დროს.

46
00:02:35,340 --> 00:02:37,280
Close გაცემა შემდეგ მძიმით.

47
00:02:37,280 --> 00:02:40,200
გაითვალისწინეთ, მაშინ, რომ მე, როგორც ჩანს,
მითითებული ცოტა სტილიზაციასა for

48
00:02:40,200 --> 00:02:43,770
თითოეული ამ სამი divs გამოყენებით,
თურმე, CSS.

49
00:02:43,770 --> 00:02:47,820
ფაქტობრივად, სინტაქსი, რომ ხედავთ
შორის ორმაგი შეთავაზებები არის CSS,

50
00:02:47,820 --> 00:02:50,620
კონკრეტულად CSS თვისებები
ფასეულობებით.

51
00:02:50,620 --> 00:02:53,910
და რომ პირველი tag, სადაც მე მქონდა
ორი ასეთი თვისებები, შრიფტის ზომა და

52
00:02:53,910 --> 00:02:57,290
შრიფტის წონა, მე უბრალოდ გამოეყო
მათ მძიმით.

53
00:02:57,290 --> 00:02:59,940
>> ახლა, უბრალოდ სტილი გულისთვის, მე
ასევე შედის semicolons at

54
00:02:59,940 --> 00:03:00,880
ყოველი ხაზი.

55
00:03:00,880 --> 00:03:04,270
მაგრამ ისინი არ მკაცრად აუცილებელია,
განსაკუთრებით მაშინ, როდესაც თქვენ მხოლოდ ერთი

56
00:03:04,270 --> 00:03:05,580
უძრავი ქონება განსაზღვრული.

57
00:03:05,580 --> 00:03:08,370
მოდით ახლა ფაილის შენახვა და ჩატვირთვა
Chrome, და ვნახოთ რა

58
00:03:08,370 --> 00:03:11,000
წმინდა ეფექტი.

59
00:03:11,000 --> 00:03:13,470
უკან Chrome აქ,
მოდით დააწკაპუნეთ Reload.

60
00:03:13,470 --> 00:03:15,800
>> ახლა ჩვენ გვაქვს ოდნავ უფრო საინტერესო
მთავარი გვერდი ჯონ

61
00:03:15,800 --> 00:03:19,000
ჰარვარდის, რომლის პირველი ხაზი
მისი სახელი, რომელიც არის შიგნით რომ

62
00:03:19,000 --> 00:03:23,470
პირველი div, 36 pixels სიმაღლის და ასევე
მუქი, რომლის მეორე ხაზი,

63
00:03:23,470 --> 00:03:27,340
რომელიც, რომ მეორე div, 24
pixels სიმაღლის, მაგრამ არა მუქი.

64
00:03:27,340 --> 00:03:31,500
და რომლის მესამე ხაზი, რომ მესამე
div 12 pixels სიმაღლის და ასევე

65
00:03:31,500 --> 00:03:32,610
არ მუქი.

66
00:03:32,610 --> 00:03:35,380
მაგრამ ვარაუდობენ, ახლა მინდა გადაეტანა
ყველა ამ ტექსტის მეტი

67
00:03:35,380 --> 00:03:36,650
ისეთი, რომ ის ორიენტირებული.

68
00:03:36,650 --> 00:03:40,480
>> მე ვერ უერთდებიან თითოეული ინდივიდუალური
divs, როგორც ორიენტირებული.

69
00:03:40,480 --> 00:03:45,330
მაგრამ უფრო მარტივად, შეიძლება მე გადაიტანოთ იმ
სამი divs შიგნით მეოთხე div,

70
00:03:45,330 --> 00:03:49,360
მშობელი div, ასე ვთქვათ, და მიუთითოთ
, რომ div და ყველა მისი

71
00:03:49,360 --> 00:03:52,610
შთამომავლები უნდა იყოს
ტექსტი იდეებს ცენტრში?

72
00:03:52,610 --> 00:03:54,120
ავიღოთ სახეს.

73
00:03:54,120 --> 00:03:58,510
>> შიგნით gedit, მოდით დავუბრუნდეთ ჩემს
სხეულის და დაამატოთ ახალი div up დაბრუნება

74
00:03:58,510 --> 00:04:04,460
div, სტილი შეადგენს გაცემა unquote
ტექსტის გასწორება ცენტრი, ახლო

75
00:04:04,460 --> 00:04:06,250
ციტირებას შემდეგ მძიმით.

76
00:04:06,250 --> 00:04:10,280
და ახლა, მოდით წავიდეთ წინ და აბზაცის ყველა
იმ ხაზები, რომ ჩვენ აკრეფილი ადრე.

77
00:04:10,280 --> 00:04:15,040
და ქვემოთ რომ მესამე div, მოდით
დახურვა new div.

78
00:04:15,040 --> 00:04:18,829
>> სხვა სიტყვებით რომ ვთქვათ, იმიტომ, რომ იმ სამი
ორიგინალური divs ახლა ბავშვები, ასე

79
00:04:18,829 --> 00:04:22,110
ვთქვათ, ახალი მშობელი div და მე
მითითებულია, რომ მინდა უერთდებიან

80
00:04:22,110 --> 00:04:26,140
ტექსტი, რომ მშობელი div ცენტრში
გვერდზე, რომ საკუთრება იქნება

81
00:04:26,140 --> 00:04:28,290
მემკვიდრეობით მიღებული ყველა იმ ბავშვებს.

82
00:04:28,290 --> 00:04:32,370
მართლაც, მოდით ფაილის შენახვა და
შეხედეთ ბრაუზერში.

83
00:04:32,370 --> 00:04:34,650
მოდით განაახლეთ in Chrome.

84
00:04:34,650 --> 00:04:37,540
და იქ ჩვენ ეს, კი გავალამაზოთ
მთავარი გვერდი ჯონ ჰარვარდის.

85
00:04:37,540 --> 00:04:39,872