1
00:00:00,360 --> 00:00:01,140
Tekrar hoşgeldiniz.

2
00:00:01,320 --> 00:00:06,480
Şimdi klasör yapısını kurduk ve dosyalarımızı hazırladık Bu videoda

3
00:00:06,480 --> 00:00:10,020
gerçek ekip yapısını oluşturan biraz zaman harcayacağız.

4
00:00:10,020 --> 00:00:12,590
Yapılacak İşler listemiz için ihtiyacımız olan unsurlar.

5
00:00:12,990 --> 00:00:18,060
İlk önce, bu birim boyunca devam etmekte olduğumuz nihai sürümü

6
00:00:18,090 --> 00:00:19,270
inceleyerek başlayalım.

7
00:00:19,650 --> 00:00:21,400
Yani işte yapılması gereken son nokta.

8
00:00:21,600 --> 00:00:26,490
Ve burada sahip olduğumuz büyük unsurların bir başlığı var.

9
00:00:26,570 --> 00:00:29,200
Burada bir çeşit düğme var.

10
00:00:29,340 --> 00:00:36,510
Burada bir metin girişi var, girdi türü metinle eşittir ve o zaman bu bir iyidir ve bunların her

11
00:00:36,510 --> 00:00:38,580
biri bu UL'deki bir müttefiktir.

12
00:00:39,030 --> 00:00:44,960
Ve buradaki her düğme, gösterdiğimiz ve gizlediğimiz ve üzerinde değişiklik yapmış olduğumuz bir alan.

13
00:00:44,970 --> 00:00:50,000
Ve her şeyi içeren bir çeşit öğeye ihtiyacımız var ve bunu yapmak için sadece bir aygıt kullanacağız.

14
00:00:50,040 --> 00:00:59,070
Bu div'ın içinde bir div'e ihtiyacımız var, bir H-1'e bir grup müttefik içeren bir UL girişi yapacağız ve sonra da

15
00:00:59,070 --> 00:01:01,230
bazı yayınlar da orada olacak.

16
00:01:01,230 --> 00:01:07,110
için işlevleri çirkin bir liste oluşturup geri gidip ekleyerek başlayacağız. C S.'de

17
00:01:07,110 --> 00:01:12,660
Dolayısıyla sadece bazı yaşlı Cs'leri yazmayarak başlayacağız ve sadece bu işe

18
00:01:12,690 --> 00:01:14,590
gideceğimiz yolu size bildirmek

19
00:01:14,640 --> 00:01:20,280
Bu yüzden, J sorgusu olan bu işin etine geçmek ve yeni şeyler yapmak ve bunları silmek mantığına

20
00:01:20,280 --> 00:01:24,380
ulaşmak istiyorum ve sonra geri dönüp güzel şeylerin bir kısmını sonunda ekleyeceğiz.

21
00:01:24,610 --> 00:01:24,860
TAMAM.

22
00:01:24,870 --> 00:01:26,990
Öyleyse HD ile başlayalım.

23
00:01:27,300 --> 00:01:34,380
bir ID konteyneri vereceğim ve her şeyi divun içine koyacağız ve o zaman div

24
00:01:34,380 --> 00:01:44,280
bir H1'e sahip olacak ve sadece liste yapmak için söylenecek ve sonra biz halledeceğiz bir metin girişi var.

25
00:01:44,280 --> 00:01:46,640
Bir div yapacağım ve ona

26
00:01:46,990 --> 00:01:50,580
Dolayısıyla girdi türü metinle eşittir.

27
00:01:50,580 --> 00:01:52,380
Ve bunun nasıl oluştuğunu görelim.

28
00:01:52,680 --> 00:02:00,650
Şu an mor arka plandan kurtulacağım ve buraya gelelim.

29
00:02:01,200 --> 00:02:04,230
Ve ben de bu uyarıdan kurtulacağım.

30
00:02:04,230 --> 00:02:06,270
Şimdi bunu yapalım.

31
00:02:06,270 --> 00:02:07,240
Oraya gidiyoruz.

32
00:02:07,790 --> 00:02:08,140
TAMAM.

33
00:02:08,190 --> 00:02:12,420
Dolayısıyla, giriş bilgilerimize H-1 metnimize sahibiz.

34
00:02:12,600 --> 00:02:15,450
Sanırım bunu liste yapmak için hazırlamalıyız.

35
00:02:15,690 --> 00:02:18,970
Ve sonra yapacağımız bir sonraki şey UL'yi eklemek.

36
00:02:19,080 --> 00:02:24,240
O zaman Dasch do listesinde bu değişiklikleri yapalım.

37
00:02:24,240 --> 00:02:30,660
Ve bundan sonra UL'ye ekleyeceğiz ve yapacaklarımız orada içeride yatıyor.

38
00:02:30,660 --> 00:02:35,130
Ve başlayalım üç dört başlatıcı Tutu ekleyerek başlayalım.

39
00:02:35,430 --> 00:02:38,640
Bu yüzden Potions sınıfı yeni

40
00:02:42,450 --> 00:02:48,350
cüppelere gitmiş olacağım ve ayrıca Hagrid ziyaretini de ekleyeceğiz.

41
00:02:48,360 --> 00:02:48,630
Tamam.

42
00:02:48,630 --> 00:02:51,740
Yani bunu listemizde yapmak için üçümüz var.

43
00:02:51,750 --> 00:02:59,630
Şimdiye dek çok dikkat çekici bir liste ama bizim H-1'mize metin girişi ve içinde üç müttefikimiz var.

44
00:02:59,680 --> 00:03:06,150
Şimdi de devam edin ve bir sil düğmesi ekleyelim ve daha sonra gelecek

45
00:03:06,150 --> 00:03:09,820
tüm şablonu başlatmak için bu çöp tenekesini silemeyeceğiz.

46
00:03:09,840 --> 00:03:15,030
Daha basit bir butona sahip olacağız ve aslında bir düğme bile olmayacak.

47
00:03:15,180 --> 00:03:16,460
Sadece şu şekilde görünecek.

48
00:03:16,590 --> 00:03:23,400
Yani X harfini tıklayabiliriz ve eğer X üzerine tıklarsak bunu silmek kalır.

49
00:03:23,460 --> 00:03:28,830
Ve bu sadece mektubu yalanın bir parçası olmaktan ziyade başlayacağımız

50
00:03:28,830 --> 00:03:32,840
yol, ancak bir genişliği X harfi ile kullanacağım.

51
00:03:33,330 --> 00:03:38,200
O halde onu kopyalayalım.

52
00:03:38,340 --> 00:03:39,810
Üç spandumuz var.

53
00:03:39,990 --> 00:03:44,080
Her biri, orada bir mektup X var yenileyin.

54
00:03:44,100 --> 00:03:45,160
Hiçbir şey farklı görünmüyor.

55
00:03:45,450 --> 00:03:51,810
Ancak şimdi bu aralığı ayrı olarak seçebiliriz ve hızlı bir dinleyici ekleyeceğiz.

56
00:03:51,840 --> 00:03:56,890
Bu yüzden o yayılma alanına tıklarsak bunu yapmak için silmek veya tüm yalan istemek isteriz.

57
00:03:57,290 --> 00:03:57,530
TAMAM.

58
00:03:57,540 --> 00:03:59,820
İhtiyacımız olan tüm temel biçimlendirme bu kadar.

59
00:04:00,060 --> 00:04:02,750
Birazcık biraz stil yapalım.

60
00:04:02,790 --> 00:04:09,300
Yapacağımız ilk şey, bu div merkezidir. Böylece div, ID konteyneri olur.

61
00:04:09,720 --> 00:04:21,330
Buraya girelim ve CSSA dosyamızda düzenli kap seçerek bunu seçelim ve güzel bir arka plan Grey verelim,

62
00:04:22,020 --> 00:04:26,430
sadece başlangıç ​​ve ne elde ettiğimizi görelim.

63
00:04:26,430 --> 00:04:28,670
Div'in tüm yol boyunca ilerlediğini görebilirsiniz.

64
00:04:28,860 --> 00:04:32,590
Hadi devam edelim ve a ile birleştireceğiz ki böylece tüm yol gitmeyecek.

65
00:04:32,820 --> 00:04:39,900
Ardından genişliği üç yüz altmış altı olacak şekilde ortanın

66
00:04:39,900 --> 00:04:41,840
ortasına getirmeye çalışacağız.

67
00:04:42,120 --> 00:04:48,930
Ve kaydedersek, son versiyonla aynı genişlikte olur.

68
00:04:48,930 --> 00:04:53,870
Yani 360 piksel ve tabii ki bunu yapmak istiyoruz sonraki şey bu merkez.

69
00:04:54,210 --> 00:04:57,000
Ve en kolay yol, o marj hilesini kullanmaktır.

70
00:04:57,150 --> 00:05:02,760
Böylece üst ve alt kenar boşluklarını sıfır olarak, solu ve sağı Ahto olarak belirledik.

71
00:05:03,570 --> 00:05:07,640
Ve şimdi yenilersek, liste yapmak için güzel bir merkezimiz olur.

72
00:05:07,680 --> 00:05:11,650
Bu yüzden tüm zaman aşımı ve burada başlamak için yapabileceğimizi değerlendirin.

73
00:05:11,700 --> 00:05:13,760
Onlara ihtiyacımız olan bazı şeyleri ekleyeceğiz.

74
00:05:13,950 --> 00:05:18,930
Ve sonra bir kez temel işlevleri yerine getirirsek bu güzelliği sağlamaya ve

75
00:05:18,930 --> 00:05:24,780
doğru hale getirmeye odaklanacağız animasyonları ve efektlerin sönüp kaybolduğunu ve şeylerin daha güzel görünüp

76
00:05:24,780 --> 00:05:26,470
daha güzel hissetmesini sağlıyoruz.

77
00:05:27,060 --> 00:05:29,870
Tamam, bir sonraki videoda biraz araştırma yazmaya başlayacağız