در این مطلب، ویدئو استایل با CSS – توسعه وب جنگو با پایتون p.5 با زیرنویس فارسی را برای دانلود قرار داده ام. شما میتوانید با پرداخت 15 هزار تومان ، این ویدیو به علاوه تمامی فیلم های سایت را دانلود کنید.اکثر فیلم های سایت به زبان انگلیسی می باشند. این ویدئو دارای زیرنویس فارسی ترجمه شده توسط هوش مصنوعی می باشد که میتوانید نمونه ای از آن را در قسمت پایانی این مطلب مشاهده کنید.
مدت زمان فیلم: 00:28:02
تصاویر این ویدئو:
قسمتی از زیرنویس این فیلم:
00:00:00,860 –> 00:00:03,629
چه خبر همه به قسمت پنجم
2
00:00:03,629 –> 00:00:05,819
توسعه وب با
3
00:00:05,819 –> 00:00:07,710
سری آموزش پایتون و جنگو در این ویدیو خوش آمدید
4
00:00:07,710 –> 00:00:09,389
ما کمی روی
5
00:00:09,389 –> 00:00:12,570
طراحی کار خواهیم کرد من طراح نیستم بنابراین در
6
00:00:12,570 –> 00:00:14,790
واقع از یک چارچوب CSS استفاده خواهیم کرد
7
00:00:14,790 –> 00:00:17,580
زیرا اگر شما تا به حال سعی کردهاید که
8
00:00:17,580 –> 00:00:21,000
CSS را به
9
00:00:21,000 –> 00:00:23,220
تنهایی انجام دهید، کارهای زیادی وجود دارد که
10
00:00:23,220 –> 00:00:26,130
باید انجام دهید تا یک وبسایت با ظاهری مناسب داشته باشید،
11
00:00:26,130 –> 00:00:28,470
بنابراین کاری که یک فریمورک CSS
12
00:00:28,470 –> 00:00:31,170
برای شما انجام میدهد به نوعی به شما یک
13
00:00:31,170 –> 00:00:33,719
شروع عالی میدهد. یا تقریباً می
14
00:00:33,719 –> 00:00:35,640
تواند همه کارها را برای شما انجام دهد، بنابراین چیزی که
15
00:00:35,640 –> 00:00:38,360
ما از آن استفاده می کنیم CSS متریال شده نامیده می شود
16
00:00:38,360 –> 00:00:44,700
، بنابراین من
17
00:00:44,700 –> 00:00:46,920
فقط جلو می روم و روی آن کلیک می کنم و
18
00:00:46,920 –> 00:00:49,170
این اساساً از آنچه به
19
00:00:49,170 –> 00:00:52,140
عنوان طراحی متریال نامیده می شود استفاده می کند که مهربان است.
20
00:00:52,140 –> 00:00:55,829
منظور از چیزهای خاص مانند بلند شدن
21
00:00:55,829 –> 00:00:57,750
از روی چیزها است و بیشتر شبیه به
22
00:00:57,750 –> 00:00:59,879
تکههای کاغذ تقریباً یا چیزی شبیه به
23
00:00:59,879 –> 00:01:01,920
24
00:01:01,920 –> 00:01:04,170
آن است.
25
00:01:04,170 –> 00:01:06,420
26
00:01:06,420 –> 00:01:12,270
طراحی مواد اگر بخواهیم تصاویر را دوست داشته
27
00:01:12,270 –> 00:01:16,380
باشیم، شاید بله، منظورم این است
28
00:01:16,380 –> 00:01:18,180
که این احساس به نوعی شبیه به این است که
29
00:01:18,180 –> 00:01:20,549
چیزهای خاصی در بالای چیزها قرار گرفته اند،
30
00:01:20,549 –> 00:01:22,710
یک مفهوم کلی است، صرف نظر از
31
00:01:22,710 –> 00:01:24,840
این که گفتم من یک طراح نیستم، بیایید
32
00:01:24,840 –> 00:01:27,180
به چیزی که برایمان اهمیت دارد برسیم. در مورد بنابراین اول از
33
00:01:27,180 –> 00:01:30,210
همه برای استفاده از یک چارچوب CSS، تقریباً
34
00:01:30,210 –> 00:01:31,530
همان
35
00:01:31,530 –> 00:01:32,939
کاری را انجام خواهید داد که اگر CSS خود را بسازید
36
00:01:32,939 –> 00:01:34,770
، همان کاری است که ما قبلاً
37
00:01:34,770 –> 00:01:37,829
با هم انجام داده ایم، بنابراین اول
38
00:01:37,829 –> 00:01:39,720
از همه اجازه دهید من اجازه دهید ادامه دهم و
39
00:01:39,720 –> 00:01:42,600
بالا بیاورم، من حتی وبسایت را اجرا
40
00:01:42,600 –> 00:01:49,590
نمیکنم، خدای من این سرور معلم کیست و
41
00:01:49,590 –> 00:01:51,590
بعد ما فقط به اینجا میآییم،
42
00:01:51,590 –> 00:01:54,540
امیدوارم اجرا شود.
43
00:01:54,540 –> 00:01:58,799
44
00:01:58,799 –> 00:02:00,860
حدس می زنم به هر حال آهسته شروع به
45
00:02:00,860 –> 00:02:04,799
کار کردیم، مثل ما برای اینکه CSS اینجا درست کار کند
46
00:02:04,799 –> 00:02:07,619
و جاوا اسکریپت در واقع
47
00:02:07,619 –> 00:02:10,378
باید هر دوی این کارها را انجام می دادیم و فکر
48
00:02:10,378 –> 00:02:11,730
می کردم باید این را دوباره باز کنم و بنابراین
49
00:02:11,730 –> 00:02:12,810
برای
50
00:02:12,810 –> 00:02:16,470
لحظه ای ترسیدم، بنابراین اگر ما به خانه مانند اینجا می رویم،
51
00:02:16,470 –> 00:02:18,989
می توانیم ببینیم که این CSS را بارگذاری کرده ایم تا y آه،
52
00:02:18,989 –> 00:02:21,599
ما در واقع می توانیم CSS های زیادی را بارگذاری کنیم، من
53
00:02:21,599 –> 00:02:23,610
همیشه می خواهم او را برگه های CSS صدا کنم، اما
54
00:02:23,610 –> 00:02:25,470
CSS به معنای واقعی کلمه مخفف
55
00:02:25,470 –> 00:02:28,170
شیوه نامه های آبشاری است، بنابراین بله، شما نباید
56
00:02:28,170 –> 00:02:29,880
آن را برگه های CSS بنامید، اما من احتمالا این کار
57
00:02:29,880 –> 00:02:32,489
را انجام خواهم داد، به هر حال پیشاپیش عذرخواهی می کنم.
58
00:02:32,489 –> 00:02:35,819
ما میخواهیم یکی دیگر را اضافه کنیم، پس
59
00:02:35,819 –> 00:02:38,849
بیایید بیایم و از
60
00:02:38,849 –> 00:02:41,130
هر دوی اینها استفاده میکنیم، بنابراین من واقعاً
61
00:02:41,130 –> 00:02:46,260
میخواهم استفاده کنم، فکر میکنم فعلاً ادامه میدهیم و فقط
62
00:02:46,260 –> 00:02:51,000
هر دوی آنها را میگیریم و فقط
63
00:02:51,000 –> 00:02:55,709
آنها را در موقعیت مکانی قرار میدهیم. بالا من در واقع نمی دانم که آیا
64
00:02:55,709 –> 00:02:57,420
می توانیم
65
00:02:57,420 –> 00:03:00,959
جاوا اسکریپت را در پایین قرار دهیم یا نه، در این مورد،
66
00:03:00,959 –> 00:03:03,450
احتمالاً نمی توانیم، احتمالاً
67
00:03:03,450 –> 00:03:05,040
مواردی در آن جاوا اسکریپت وجود دارد که
68
00:03:05,040 –> 00:03:07,319
لازم است اولیه باشند، در صورت
69
00:03:07,319 –> 00:03:10,739
تمایل در زیر نظر دهید. اشتباه می کنم شما
70
00:03:10,739 –> 00:03:12,480
نمی توانید آن را در پایین قرار دهید که به هر حال خوب است،
71
00:03:12,480 –> 00:03:14,580
بنابراین بیایید boom را تازه کنیم، باید
72
00:03:14,580 –> 00:03:16,470
بلافاصله ببینیم که واقعاً تنها چیزی
73
00:03:16,470 –> 00:03:19,230
که تغییر کرده است متن ما است که به وضوح
74
00:03:19,230 –> 00:03:21,930
از فونت دیگری غیر از پیش فرض استفاده می کنیم،
75
00:03:21,930 –> 00:03:24,840
اما غیر از آن بسیار زیباست. خیلی شبیه به نظر می رسد
76
00:03:24,840 –> 00:03:27,060
، اما چیزی که وجود دارد این است که شما می توانید تمام کارها را انجام
77
00:03:27,060 –> 00:03:29,760
دهید چیزهای زیادی در این زمینه وجود دارد، بنابراین من
78
00:03:29,760 –> 00:03:31,230
فقط چند مثال سریع نشان می دهم،
79
00:03:31,230 –> 00:03:33,269
اما اگر به
80
00:03:33,269 –> 00:03:35,459
برنامه نویسی پایتون برویم Dannette، خواهید دید که این
81
00:03:35,459 –> 00:03:37,560
نیز طراحی متریال است، این CSS نیز متریال شده است
82
00:03:37,560 –> 00:03:39,989
، بنابراین
83
00:03:39,989 –> 00:03:41,670
دقیقاً همان چارچوب است. من در اینجا از
84
00:03:41,670 –> 00:03:43,650
همه این موارد استفاده میکنم که موادی مانند
85
00:03:43,650 –> 00:03:45,420
این کارتها طراحی شدهاند و این تصور را ایجاد
86
00:03:45,420 –> 00:03:48,120
میکنند که آنها مانند بالای طراحی متریال هستند،
87
00:03:48,120 –> 00:03:49,980
حتی نوار ناوبری که
88
00:03:49,980 –> 00:03:51,959
مانند آن یک لایه در بالای صفحه است که
89
00:03:51,959 –> 00:03:54,030
طراحی متریال است، در مقابل
90
00:03:54,030 –> 00:03:56,310
تفاوت مانند آن این پاورقی را که من خیلیها
91
00:03:56,310 –> 00:03:57,959
واقعاً آن را متریال نمینامم، زیرا
92
00:03:57,959 –> 00:03:59,400
شبیه پاورقیهای بالا یا
93
00:03:59,400 –> 00:04:00,569
چیزی شبیه به آن نیست، اما به هر حال این تمام چیزی است
94
00:04:00,569 –> 00:04:03,450
که واقعاً معنی دارد، اما به هر حال من
95
00:04:03,450 –> 00:04:05,130
طراحی را دوست دارم، فکر میکنم خوب به نظر میرسد.
96
00:04:05,130 –> 00:04:06,810
کمی قدیمی بود، این جدید بود و
97
00:04:06,810 –> 00:04:08,940
من برنامه نویسی پایتون را در شبکه ساختم،
98
00:04:08,940 –> 00:04:11,190
در واقع هیچ سرنخی ندارم که در حال حاضر
99
00:04:11,190 –> 00:04:17,700
در استایل چیست، اما به هر حال، بنابراین
100
00:04:17,700 –> 00:04:19,350
ما اساساً جاوا اسکریپت و سپس
101
00:04:19,350 –> 00:04:21,209
اساساً همه را از اینجا یا CSS
102
00:04:21,209 –> 00:04:23,610
و جاوا اسکریپت از h داریم. من پیشنهاد می
103
00:04:23,610 –> 00:04:25,050
کنم اگر از چارچوبی
104
00:04:25,050 –> 00:04:26,470
مانند این استفاده می
105
00:04:26,470 –> 00:04:28,120
کنید روی همه چیزها کلیک کنید و سپس
106
00:04:28,120 –> 00:04:30,220
همه چیزها را مرور کنید، به خصوص مانند
107
00:04:30,220 –> 00:04:32,860
اینجا، شبکه کمکی شبکه رنگی بسیار
108
00:04:32,860 –> 00:04:36,820
مفید است، که اساساً
109
00:04:36,820 –> 00:04:38,350
در اینجا فقط در مورد این موضوع صحبت خواهیم کرد.
110
00:04:38,350 –> 00:04:41,080
فقط یک شبکه را درک کنید که فکر می کند
111
00:04:41,080 –> 00:04:44,770
12 ستون در هر ردیف دارد، بنابراین می توانید
112
00:04:44,770 –> 00:04:46,480
چیزهایی را اختصاص دهید و سپس اگر به
113
00:04:46,480 –> 00:04:48,520
پایین اینجا بروید، می توانید ببینید که چگونه
114
00:04:48,520 –> 00:04:50,230
کد را می نویسید تا شبیه چیزی شود
115
00:04:50,230 –> 00:04:51,790
که همه ستون ها را می گیرد و سپس
116
00:04:51,790 –> 00:04:53,740
چیزی را می گیرد. این نصفه و نیمه است و بعد
117
00:04:53,740 –> 00:04:55,300
چیزی که تا آخر اینجا می نشیند
118
00:04:55,300 –> 00:04:57,700
و بعد مثل این است که چیزی نصف و
119
00:04:57,700 –> 00:04:59,170
نیمه نیست پنج چیزی
120
00:04:59,170 –> 00:05:01,570
به عنوان هفت و غیره دارد و شما می توانید
121
00:05:01,570 –> 00:05:03,610
تمام ترکیباتی را که احتمالاً
122
00:05:03,610 –> 00:05:06,600
فکر می کنید با استفاده از این نوع طرحبندی شبکهای
123
00:05:06,600 –> 00:05:08,830
بنابراین از آن استفاده خواهید کرد که من سعی
124
00:05:08,830 –> 00:05:10,390
میکنم در اینجا فکر کنم هیچ چیز دیگری واقعاً
125
00:05:10,390 –> 00:05:12,460
واضح است که جداول بسیار مفید هستند،
126
00:05:12,460 –> 00:05:13,480
بنابراین ممکن است بخواهید آن را بررسی کنید،
127
00:05:13,480 –> 00:05:15,130
اما نکته مهم بعدی اجزایی
128
00:05:15,130 –> 00:05:18,850
است مانند پاورقی دکمهها و نوار v ما به
129
00:05:18,850 –> 00:05:20,710
نوعی علاقه مند هستیم که احتمالاً دوست
130
00:05:20,710 –> 00:05:24,070
داریم یک نوار ناوبری داشته باشیم. صفحه بندی نوار ناو به نوعی
131
00:05:24,070 –> 00:05:25,330
خوب است که هنوز باید کد صفحه بندی را بسازید،
132
00:05:25,330 –> 00:05:26,770
بنابراین ممکن است به نوعی
133
00:05:26,770 –> 00:05:28,630
دردسرساز باشد و سپس به جاوا اسکریپت می رویم.
134
00:05:28,630 –> 00:05:30,610
چه چیز دیگری در اینجا
135
00:05:30,610 –> 00:05:32,650
داریم ما تاشوها داریم که به همین دلیل است که من
136
00:05:32,650 –> 00:05:36,610
به نوارهای کناری علاقه دارم احتمالاً چیز دیگری نیست
137
00:05:36,610 –> 00:05:38,260
که بخواهم در مورد آن صحبت کنم به غیر از نان تست
138
00:05:38,260 –> 00:05:40,930
که بعداً برای دریافت پیام های پاپ آپ روی آنها ضربه می زنیم،
139
00:05:40,930 –> 00:05:44,380
بنابراین اولین چیزی که می خواهم
140
00:05:44,380 –> 00:05:48,340
برویم پیش از این در مورد ردیفها صحبت میکنیم، بنابراین
141
00:05:48,340 –> 00:05:52,240
اجازه دهید اساساً در اینجا به این
142
00:05:52,240 –> 00:05:55,690
موضوع بپردازیم که چگونه این آموزشها را انجام میدهیم، بنابراین
143
00:05:55,690 –> 00:05:58,330
برای دو مورد از آموزشها و
144
00:05:58,330 –> 00:06:00,729
آموزشها، اساساً روی آنها تکرار
145
00:06:00,729 –> 00:06:02,620
میکنیم، اما ممکن است به جای اینکه دوست داشته باشیم آنها
146
00:06:02,620 –> 00:06:04,840
را روی هم قرار دهیم، ممکن است میخواهم
147
00:06:04,840 –> 00:06:06,280
آنها را کنار هم بگذارم، مثل
148
00:06:06,280 –> 00:06:08,260
ما که اینجا انجام میدهیم، اینها
149
00:06:08,260 –> 00:06:10,990
در کنار هم هستند، اما با توجه به اندازه صخرههای این
150
00:06:10,990 –> 00:06:12,850
پنجره، میتوانید ببینید که بعضی چیزها
151
00:06:12,850 –> 00:06:15,310
پایین میآیند یا میدانید که جابهجا میشوند و
152
00:06:15,310 –> 00:06:17,860
همه چیزهایی مانند آن و بنابراین من ممکن
153
00:06:17,860 –> 00:06:19,540
است ندانم چه نوع دستگاهی vie هستند
154
00:06:19,540 –> 00:06:22,870
تجربه مشاهده شما تغییر می کند، بنابراین
155
00:06:22,870 –> 00:06:25,630
ما می توانیم از این ردیف ها برای آن استفاده کنیم، بنابراین
156
00:06:25,630 –> 00:06:27,460
اول از همه با
157
00:06:27,460 –> 00:06:31,120
کلاس div برابر با ردیف شروع می کنیم و سپس
158
00:06:31,120 –> 00:06:36,160
تگ div را می بندیم.
159
00:06:36,160 –> 00:06:38,260
تقریباً در
160
00:06:38,260 –> 00:06:39,820
مورد اینکه divs چیست و همه
161
00:06:39,820 –> 00:06:41,170
این چیزهای دیگر چیست، اما این دقیقاً به
162
00:06:41,170 –> 00:06:45,910
نوعی شبیه به روشی است که برچسب div
163
00:06:45,910 –> 00:06:48,130
نوع محتوایی را که در این بین وجود دارد توضیح
164
00:06:48,130 –> 00:06:50,250
می دهد، حدس می زنم فعلاً با آن کار خواهم کرد،
165
00:06:50,250 –> 00:06:52,870
بنابراین ما چه هستیم gonna do این است که مشخص کنید
166
00:06:52,870 –> 00:06:55,630
تا این rose باشد، به عنوان مثال اگر
167
00:06:55,630 –> 00:06:57,880
ما واقعاً چنین کنیم چه میشود، من برخی چیزها
168
00:06:57,880 –> 00:06:59,410
را در مدت کمی جابهجا میکنم، فکر
169
00:06:59,410 –> 00:07:02,170
میکنم فعلاً با آن شروع میکنیم، بنابراین اگر ما در واقع
170
00:07:02,170 –> 00:07:05,130
ردیف کلاس div را برای آموزش در آموزشها بگوییم.
171
00:07:05,130 –> 00:07:07,660
میدانی چه کاری میخواهم انجام دهم
172
00:07:07,660 –> 00:07:09,190
، میخواهم بیایم.
173
00:07:09,190 –> 00:07:12,760
174
00:07:12,760 –> 00:07:15,850
175
00:07:15,850 –> 00:07:19,060
176
00:07:19,060 –> 00:07:19,690
177
00:07:19,690 –> 00:07:21,370
178
00:07:21,370 –> 00:07:24,670
همه چیز را انجام می دهیم و سپس ما فقط این را قطع می کنیم و
179
00:07:24,670 –> 00:07:28,450
این به اینجا
180
00:07:28,450 –> 00:07:31,590
می رسد که یک خمیر عالی به او می رسد تراز را در اینجا اصلاح کنید
181
00:07:31,590 –> 00:07:35,410
واقعاً خوب است، حدس میزنم این کار را درست انجام میدهم، بنابراین
182
00:07:35,410 –> 00:07:38,350
واقعاً این یک ردیف خواهد بود و سپس در
183
00:07:38,350 –> 00:07:42,550
اینجا احتمالاً جایی است که میخواهید
184
00:07:42,550 –> 00:07:47,530
حلقه for خود را قرار دهید، بنابراین در اینجا
185
00:07:47,530 –> 00:07:50,830
برای آموزش Boop میگوییم و سپس
186
00:07:50,830 –> 00:07:56,110
برای پایان میدهیم. در پایان این اینجا،
187
00:07:56,110 –> 00:08:02,140
این را انجام دهید، می گوید که ما به
188
00:08:02,140 –> 00:08:03,310
اینجا خواهیم آمد، بدیهی است که این فقط مانند یک
189
00:08:03,310 –> 00:08:04,870
کارت نمونه خواهد بود، درست است، بنابراین فقط
190
00:08:04,870 –> 00:08:08,380
آموزش هایی است که این روش کار می کند، این
191
00:08:08,380 –> 00:08:10,630
می گوید که در یک صفحه کوچک همه 12 ستون را اشغال می کند.
192
00:08:10,630 –> 00:08:13,750
در یک صفحه متوسط 6 را می گیرد و سپ
193
00:08:13,750 –> 00:08:16,360
می توانید روی یک L بزرگ بر
194
00:08:16,360 –> 00:08:21,640
ی اشغال بزرگ برای مثال و به ای
195
00:08:21,640 –> 00:08:23,710
ترتیب تعیین کنید تا بتوانید مانند سه چی
196
00:08:23,710 –> 00:08:25,780
در یک صفحه تمام 2 چیز مانند یک
197
00:08:25,780 –> 00:08:28,000
ایانه لوحی و سپس فقط یک چیز را در صورتی که
198
00:08:28,000 –> 00:08:29,710
شما در حال مشاهده آن هستید و میدانید که در تلفن
199
00:08:29,710 –> 00:08:33,669
همراه به صورت عمودی میدانید، بنابراین و احتمالاً به
200
00:08:33,669 –> 00:08:37,360
صورت افقی این کار را انجام دهید، بنابراین ما در حال
201
00:08:37,360 –> 00:08:39,610
تکرار روی عنوان کارت آموزشی خود
202
00:08:39,610 –> 00:08:41,140
هستیم و میتوانیم آن را با
203
00:08:41,140 –> 00:08:44,890
عنوان آموزشی جایگزین کنیم یا در واقع
204
00:08:44,890 –> 00:08:51,460
دو عنوان آموزشی خواهد بود و در اینجا
205
00:08:51,460 –> 00:08:53,320
ما احتمالا بگو
206
00:08:53,320 –> 00:08:54,340
متأسفانه ما محتوای زیادی
207
00:08:54,340 –> 00:08:56,320
208
00:08:56,320 –> 00:08:58,060
دریافت کردیم، اما اشکالی ندارد، کمی بعد به آنجا میرسیم تا صحبت کنیم
209
00:08:58,060 –> 00:09:02,140
آموزش نقطههای آموزشی محتوای زیرخط،
210
00:09:02,140 –> 00:09:04,390
ما در واقع نیازی به عملکرد کارت نداریم، بنابراین
211
00:09:04,390 –> 00:09:06,370
من فقط میخواهم آن را حذف کنم که فعلاً بعداً
212
00:09:06,370 –> 00:09:07,660
ممکن است واقعاً یک عمل کارت
213
00:09:07,660 –> 00:09:17,110
مانند شما می دانید بروید پس بازدید کنید یا چیزی
214
00:09:17,110 –> 00:09:18,100
شبیه به آن
215
00:09:18,100 –> 00:09:20,860
و سپس اجازه دهید من فقط چند مورد
216
00:09:20,860 –> 00:09:23,460
دیگر را وارد کنم و در واقع اجازه دهید من فقط این
217
00:09:23,460 –> 00:09:26,740
پیست را کپی کنم و سپس می گوییم سبک
218
00:09:26,740 –> 00:09:29,560
برابر است و ما آن را روی یک فونت تنظیم می کنیم
219
00:09:29,560 –> 00:09:34,690
اندازه 70٪ و سپس به جای محتوا،
220
00:09:34,690 –> 00:09:38,560
بیایید با آن تماس بگیریم که منتشر شده ذخیره کنید
221
00:09:38,560 –> 00:09:42,580
که اینجا آمده است تازه کردن زیبا،
222
00:09:42,580 –> 00:09:46,030
اوه ما برچسب امن امن خود را فراموش کردیم و پس از
223
00:09:46,030 –> 00:09:47,980
آن، شما بچه ها اساساً مانند یک فراخوان برای اقدام بازدید کنید،
224
00:09:47,980 –> 00:09:51,190
بنابراین اجازه دهید یک محتوای آموزشی اضافه
225
00:09:51,190 –> 00:09:54,760
کنم پرچم امن حدس می زنم واقعاً یک
226
00:09:54,760 –> 00:09:58,470
تگ بوم نیست، خب، اکنون ما قطعه زیبای خود را
227
00:09:58,470 –> 00:10:05,170
خوب دریافت کردیم، بنابراین ما در حال انجام
228
00:10:05,170 –> 00:10:07,840
یک شروع خوب
229
00:10:07,840 –> 00:10:11,050
230
00:10:11,050 –> 00:10:14,950
هستیم.
231
00:10:14,950 –> 00:10:21,220
به اینجا بیایید و ما به نوار ناوبری می رویم
232
00:10:21,220 –> 00:10:28,300
و فکر میکنم احتمالاً فکر میکنم ما
233
00:10:28,300 –> 00:10:30,220
فقط اولین مورد را میگیریم، مثلاً
234
00:10:30,220 –> 00:10:31,870
تعداد زیادی نوار و نوارهای ناوبری وجود دارد که میتوانیم
235
00:10:31,870 –> 00:10:33,910
از بین آنها انتخاب کنیم، خوب من با
236
00:10:33,910 –> 00:10:35,380
این یکی میروم، بنابراین من فقط به معنای واقعی کلمه کپی میکنم
237
00:10:35,380 –> 00:10:40,150
اینجا زیر بدنه به
238
00:10:40,150 –> 00:10:42,370
طور کلی
239
00:10:42,370 –> 00:10:44,470
هر چیزی را که به مرورگر رندر میشود بچسبانید
240
00:10:44,470 –> 00:10:46,870
، من
241
00:10:46,870 –> 00:10:48,730
فکر میکنم بهترین کار برای قرار دادن دوباره در بدنه است.
242
00:10:48,730 –> 00:10:52,990
243
00:10:52,990 –> 00:10:54,520
244
00:10:54,520 –> 00:10:55,600
245
00:10:55,600 –> 00:10:59,590
ارائه شده توسط مرورگر که
246
00:10:59,590 –> 00:11:02,260
امروزه باید به داخل بدنه برود ممکن است
247
00:11:02,260 –> 00:11:04,960
اشتباه باشد، به هر حال آموزش ها و سپس
248
00:11:04,960 –> 00:11:06,460
شاید بتوانیم برخی از این موارد را جایگزین کنیم
249
00:11:06,460 –> 00:11:07,180
،
250
00:11:07,180 –> 00:11:10,750
به عنوان مثال، شاید این خانه باشد
251
00:11:10,750 –> 00:11:13,830
، مثل اینکه اوه خانه آنها نیست، خانه آنها
252
00:11:13,830 –> 00:11:17,589
نیز این را به پیوند می دهد خانه و
253
00:11:17,589 –> 00:11:21,400
همچنین بنابراین ما به این خانه می گوییم و سپس
254
00:11:21,400 –> 00:11:26,560
بیایید یک ثبت نام اسلش انجام دهیم و سپس
255
00:11:26,560 –> 00:11:30,990
این یک اسلش را وارد کنیم تا این
256
00:11:30,990 –> 00:11:36,220
ثبت نام را طولانی صدا بزنیم و ذخیره کنیم که به
257
00:11:36,220 –> 00:11:39,520
اینجا برگرد رفرش بوم ما خودمان
258
00:11:39,520 –> 00:11:42,580
یک زیبایی داریم که نمی توانی کاملا آن را در
259
00:11:42,580 –> 00:11:44,230
همه زیباییهای آن وجود دارد ما میرویم، ما
260
00:11:44,230 –> 00:11:47,529
خودمان یک نوار ناوبری زیبا داریم، ما به مسابقات میرویم،
261
00:11:47,529 –> 00:11:50,170
بنابراین مطمئناً همه این
262
00:11:50,170 –> 00:11:51,820
موارد را میتوانید تغییر دهید، مثلاً اگر میخواهید
263
00:11:51,820 –> 00:11:54,730
میتوانید سبک و چیزهایی مانند آن را به این
264
00:11:54,730 –> 00:11:56,830
نوار ناوبری اضافه کنید و مانند
265
00:11:56,830 –> 00:11:58,450
رنگهای پسزمینه و مشابه آن را تغییر دهید. چیزی
266
00:11:58,450 –> 00:12:00,550
مانند کارت همه این است که ما میتوانیم همه آن رنگها را تغییر دهیم،
267
00:12:00,550 –> 00:12:02,020
زیرا واضح است که این
268
00:12:02,020 –> 00:12:05,860
رنگها یا نه این رنگها، بنابراین من
269
00:12:05,860 –> 00:12:08,110
در پایان صحبت میکنم که چگونه میتوانیم آن را تغییر دهیم،
270
00:12:08,110 –> 00:12:10,180
اما SMO را به طور خاص
271
00:12:10,180 –> 00:12:11,770
با CSS متریالشده تغییر دهیم، اما من آن را ترک میکنم.
272
00:12:11,770 –> 00:12:13,930
در نهایت، زیرا شاید
273
00:12:13,930 –> 00:12:15,880
همه اهمیتی ندهند، شاید همه نمی
274
00:12:15,880 –> 00:12:17,440
خواهند که بخواهند
275
00:12:17,440 –> 00:12:20,650
به جنگو برگردند، بنابراین فعلاً تمرکزم را روی
276
00:12:20,650 –> 00:12:23,020
آن متوقف می کنم و واقعاً این تمام
277
00:12:23,020 –> 00:12:25,260
CSS است که در حال حاضر انجام می دهیم.
278
00:12:25,260 –> 00:12:28,420
بنابراین نکته بعدی که باید در نظر بگیریم
279
00:12:28,420 –> 00:12:30,400
این است که بله، این صفحه اصلی ماست، اما در نهایت
280
00:12:30,400 –> 00:12:33,339
ما صفحاتی مانند سایر صفحات
281
00:12:33,339 –> 00:12:35,680
خواهیم داشت، بسیار خوب، صفحات آموزشی مشابهی
282
00:12:35,680 –> 00:12:38,950
خواهیم داشت که احتمالاً مانند یک
283
00:12:38,950 –> 00:12:40,990
صفحه درباره ما خواهیم داشت. شاید انجمنی
284
00:12:40,990 –> 00:12:42,700
که در آن ما ممکن است همه این
285
00:12:42,700 –> 00:12:45,370
موارد را درست داشته باشیم و در همه آن صفحات
286
00:12:45,370 –> 00:12:47,170
صفحات HTML متفاوتی باشند،
287
00:12:47,170 –> 00:12:50,980
اما با این حال باید CSS را وارد کنیم و
288
00:12:50,980 –> 00:12:53,860
باید در نوار ناوبری بیاوریم، بنابراین بله، خوب
289
00:12:53,860 –> 00:12:56,140
شما می دانید هر بار که ما می توانیم دوست داشته باشیم.
290
00:12:56,140 –> 00:12:58,270
فایل HTML را کپی و جایگذاری کنید و
291
00:12:58,270 –> 00:13:01,300
سپس محتویات آن را در آخر
292
00:13:01,300 –> 00:13:03,940
دنیا تغییر دهید، بلکه زمانی
293
00:13:03,940 –> 00:13:06,670
که زمانش فرا رسید بسیار چالش برانگیز است و
294
00:13:06,670 –> 00:13:08,130
تصمیم می گیرید که می خواهید نوار ناوبری را تغییر دهید،
295
00:13:08,130 –> 00:13:10,540
سپس باید آن را در همه فایل های خود تغییر دهید.
296
00:13:10,540 –> 00:13:12,370
297
00:13:12,370 –> 00:13:15,070
خیلی زود به هم میریزد، بنابراین این روشی نیست که ما
298
00:13:15,070 –> 00:13:16,420
میخواهیم انجامش دهیم، در عوض آنچه میخواهیم
299
00:13:16,420 –> 00:13:18,910
استفاده کنیم دو چیز است که از آمدن ما
300
00:13:18,910 –> 00:13:20,420
با جنگو
301
00:13:20,420 –> 00:13:23,150
در قالبی که دریافت میکنیم به دست میآید و
302
00:13:23,150 –> 00:13:27,200
آن