در این مطلب، ویدئو پایتون قسمت 15 – خراش دادن وب سایت ها با زیرنویس فارسی را برای دانلود قرار داده ام. شما میتوانید با پرداخت 15 هزار تومان ، این ویدیو به علاوه تمامی فیلم های سایت را دانلود کنید.اکثر فیلم های سایت به زبان انگلیسی می باشند. این ویدئو دارای زیرنویس فارسی ترجمه شده توسط هوش مصنوعی می باشد که میتوانید نمونه ای از آن را در قسمت پایانی این مطلب مشاهده کنید.
مدت زمان فیلم: 00:50:02
تصاویر این ویدئو:
قسمتی از زیرنویس این فیلم:
00:00:00,160 –> 00:00:02,240
بنابراین به این آموزش
2
00:00:02,240 –> 00:00:05,120
خراش دادن وب سایت ها با استفاده از پایتون خوش آمدید، در
3
00:00:05,120 –> 00:00:06,319
اینجا چیزی است که در طول آموزش یاد خواهید گرفت،
4
00:00:06,319 –> 00:00:07,839
5
00:00:07,839 –> 00:00:09,120
بنابراین ما با بررسی برخی از
6
00:00:09,120 –> 00:00:11,120
مشکلاتی که ممکن است با آن مواجه
7
00:00:11,120 –> 00:00:12,799
شوید شروع
8
00:00:12,799 –> 00:00:14,480
می کنیم. و آنچه را که
9
00:00:14,480 –> 00:00:16,160
میخواهید و نمیتوانید به دست آورید
10
00:00:16,160 –> 00:00:17,520
و همچنین به
11
00:00:17,520 –> 00:00:19,920
ابزارهای مختلف خراش دادن در این بخش
12
00:00:19,920 –> 00:00:21,600
نگاه میکنیم، سپس به نمونه
13
00:00:21,600 –> 00:00:23,279
html خود برای مطالعه موردی که در طول آموزش انجام میدهیم نگاه میکنیم
14
00:00:23,279 –> 00:00:25,199
15
00:00:25,199 –> 00:00:26,400
و سپس ما به
16
00:00:26,400 –> 00:00:28,880
مدل شیء سند نگاه می کنیم که چگونه یک صفحه html
17
00:00:28,880 –> 00:00:31,760
در بخش های مختلف ساخته می شود
18
00:00:31,760 –> 00:00:34,399
، به تگ ها و ویژگی های html نگاه می کنیم،
19
00:00:34,399 –> 00:00:36,960
بنابراین تگ ها چیزهایی مانند img image p برای
20
00:00:36,960 –> 00:00:39,200
پاراگراف div برای بخش div هستند
21
00:00:39,200 –> 00:00:40,800
و سپس می رویم. برای بررسی
22
00:00:40,800 –> 00:00:42,800
شناسه عناصر و نام کلاس ها و نحوه
23
00:00:42,800 –> 00:00:45,039
استفاده از شیوه نامه های آبشاری از آنها برای تحمیل
24
00:00:45,039 –> 00:00:47,039
قالب بندی
25
00:00:47,039 –> 00:00:49,039
، سپس به بررسی دریافت html
26
00:00:49,039 –> 00:00:51,680
از یک وب سایت با استفاده از ماژول درخواست
27
00:00:51,680 –> 00:00:53,039
در پایتون می
28
00:00:53,039 –> 00:00:54,239
پردازیم و سپس دریافت
29
00:00:54,239 –> 00:00:56,079
html از آن را بررسی می کنیم. یک فایل برای r که
30
00:00:56,079 –> 00:00:58,000
به ماژول درخواست نیازی ندارید و
31
00:00:58,000 –> 00:01:00,399
به ما امکان می دهد مطالعه موردی خود را انجام دهیم
32
00:01:00,399 –> 00:01:02,239
و در نهایت ما به بررسی
33
00:01:02,239 –> 00:01:04,159
واقعی یک وب سایت با استفاده از
34
00:01:04,159 –> 00:01:07,439
ماژول فوق العاده زیبا با این نام فوق العاده
35
00:01:07,439 –> 00:01:08,880
خواهیم پرداخت و سپس عناصر زیبا را بررسی خواهیم کرد.
36
00:01:08,880 –> 00:01:10,479
سوپ، بنابراین ما به عناصر زنجیرهای
37
00:01:10,479 –> 00:01:11,600
با هم
38
00:01:11,600 –> 00:01:13,360
نگاه میکنیم، به این خواهیم پرداخت که چگونه میتوانید رشتههای قابل پیمایش را دریافت کنید
39
00:01:13,360 –> 00:01:15,439
که اساساً متنی قابل خواندن
40
00:01:15,439 –> 00:01:17,119
از یک وبسایت است.
41
00:01:17,119 –> 00:01:18,720
42
00:01:18,720 –> 00:01:20,799
43
00:01:20,799 –> 00:01:22,720
بچه ها و
44
00:01:22,720 –> 00:01:24,880
خواهر و برادرها و غیره
45
00:01:24,880 –> 00:01:26,320
و سپس به این خواهیم پرداخت که چگونه می توانید
46
00:01:26,320 –> 00:01:28,320
عناصر را با نام تگ
47
00:01:28,320 –> 00:01:30,400
یا شناسه یا کلاس آنها یا هر چیز دیگری پیدا
48
00:01:30,400 –> 00:01:31,840
کنید
49
00:01:31,840 –> 00:01:33,119
و در نهایت به انجام همان
50
00:01:33,119 –> 00:01:35,680
کارها با استفاده از سبک جی کوئری یا انتخابگرهای سبک css
51
00:01:35,680 –> 00:01:36,960
52
00:01:36,960 –> 00:01:39,280
بنابراین موارد زیادی برای پوشاندن
53
00:01:39,280 –> 00:01:40,640
در بالای سمت راست صفحه شما وجود دارد که
54
00:01:40,640 –> 00:01:42,799
اکنون باید یک پیوند ظاهر شود و میتوانید
55
00:01:42,799 –> 00:01:44,880
روی آن کلیک کنید تا فایلها و
56
00:01:44,880 –> 00:01:47,920
تمرینهای زیادی را که باید با این آموزش انجام دهید مشاهده کنید،
57
00:01:47,920 –> 00:01:49,360
اگر ظاهر نشد، میتوانید روی آن کلیک
58
00:01:49,360 –> 00:01:51,520
کنید. همان لینک در صفحه یوتیوب برای
59
00:01:51,520 –> 00:01:53,280
این آموزش،
60
00:01:53,280 –> 00:01:54,960
اما این برای من کافی است،
61
00:01:54,960 –> 00:01:56,240
اکنون ناپدید می شوم
62
00:01:56,240 –> 00:01:58,000
و sven شما را از طریق
63
00:01:58,000 –> 00:02:00,399
بقیه آموزش ها
64
00:02:00,399 –> 00:02:03,439
65
00:02:05,759 –> 00:02:07,840
راهنمایی می کند، بنابراین بیایید شروع کنیم، بنابراین قبل از اینکه ببینیم چگونه می توانید
66
00:02:07,840 –> 00:02:10,000
یک وب سایت را در پایتون خراش دهید، بیایید نگاه کنیم برخی از
67
00:02:10,000 –> 00:02:11,200
مشکلاتی که قرار است با
68
00:02:11,200 –> 00:02:12,480
69
00:02:12,480 –> 00:02:14,239
آن روبرو شوید ممکن است با شروع اینگونه کمی تاریک به نظر برسد،
70
00:02:14,239 –> 00:02:16,080
اما باید در زندگی واقع بین
71
00:02:16,080 –> 00:02:17,520
باشید
72
00:02:17,520 –> 00:02:19,360
تا بتوانم به هفت مورد فکر کنم، باور کنید یا
73
00:02:19,360 –> 00:02:20,560
نه،
74
00:02:20,560 –> 00:02:22,720
اولاً ممکن است دلایل قانونی و اخلاقی داشته
75
00:02:22,720 –> 00:02:24,160
باشید که چرا باید این کار را انجام دهید. یک
76
00:02:24,160 –> 00:02:25,840
وبسایت را خراش
77
00:02:25,840 –> 00:02:27,120
دهید، باید بتوانید html را درک کنید
78
00:02:27,120 –> 00:02:30,560
که همیشه آسان
79
00:02:30,560 –> 00:02:32,879
نخواهد بود، باید بتوانید با صفحات
80
00:02:32,879 –> 00:02:34,560
یا وبسایتهایی که بسیار
81
00:02:34,560 –> 00:02:36,560
با جاوا اسکریپت نوشته شدهاند کنار بیایید، بنابراین
82
00:02:36,560 –> 00:02:38,319
لزوماً نمیتوانید زیربنای آن را ببینید.
83
00:02:38,319 –> 00:02:40,239
84
00:02:40,239 –> 00:02:41,440
html باید حفاظت از رمز عبور را دور بزنید
85
00:02:41,440 –> 00:02:43,280
تا بتوانید یک صفحه وب را خراش دهید
86
00:02:43,280 –> 00:02:44,239
87
00:02:44,239 –> 00:02:46,480
و به همین ترتیب باید
88
00:02:46,480 –> 00:02:47,920
عکس هایی را که برای فیلتر
89
00:02:47,920 –> 00:02:51,040
کردن ربات هایی مانند شما طراحی شده اند دور بزنید،
90
00:02:51,040 –> 00:02:52,400
احتمالاً باید مطمئن
91
00:02:52,400 –> 00:02:53,920
شوید که به صفحه وب نگاه می کنید. نسخه صحیح
92
00:02:53,920 –> 00:02:56,480
یک صفحه وب، بنابراین اگر من و شما هر دو به یک
93
00:02:56,480 –> 00:02:58,159
صفحه وب برویم که میخواهیم بگوییم که ما حتی به
94
00:02:58,159 –> 00:03:00,000
یک مورد نگاه میکنیم
95
00:03:00,000 –> 00:03:02,560
و در نهایت باید تصمیم بگیرید که از کدام
96
00:03:02,560 –> 00:03:04,480
اسکراپر وب استفاده میکنید، بنابراین اجازه دهید به
97
00:03:04,480 –> 00:03:06,239
هر یک از آنها نگاه کنیم. آنهایی که به نوبه خود
98
00:03:06,239 –> 00:03:08,080
با مسائل حقوقی و اخلاقی شروع میشوند،
99
00:03:08,080 –> 00:03:10,239
بنابراین من در زمان صحبت کردن،
100
00:03:10,239 –> 00:03:12,239
بازی انحصاری و
101
00:03:12,239 –> 00:03:14,080
وبسایت مکدونالد را کم و بیش بهطور تصادفی انتخاب کردهام
102
00:03:14,080 –> 00:03:15,280
103
00:03:15,280 –> 00:03:16,640
و اگر دوست داشتید میتوانید وبسایت آنها را پاک
104
00:03:16,640 –> 00:03:18,159
کنید و اگر میتوانید به کد زیربنایی برسید.
105
00:03:18,159 –> 00:03:19,840
شما می توانید آن
106
00:03:19,840 –> 00:03:21,280
را به تنهایی منتشر کنید،
107
00:03:21,280 –> 00:03:22,480
جدای از این واقعیت که فکر نمی کنم
108
00:03:22,480 –> 00:03:24,959
بتوانید به کد اساسی دسترسی
109
00:03:24,959 –> 00:03:27,200
پیدا کنید، مشکلات قانونی و اخلاقی با
110
00:03:27,200 –> 00:03:29,040
این
111
00:03:29,040 –> 00:03:31,040
قانون وجود دارد، زیرا فکر می کنم مک دونالد
112
00:03:31,040 –> 00:03:32,560
برای شما نامه توقف و انصراف را
113
00:03:32,560 –> 00:03:34,159
در یک زوج ارسال می کند. ساعتها
114
00:03:34,159 –> 00:03:35,440
غیراخلاقی است زیرا شما
115
00:03:35,440 –> 00:03:37,360
اموال شخص دیگری را میدزدید،
116
00:03:37,360 –> 00:03:39,760
بسیاری از افراد وبسایت ما را مرور
117
00:03:39,760 –> 00:03:42,000
118
00:03:42,000 –> 00:03:44,959
میکنند و ویدیوهای ما را میگیرند و همیشه دردناک است، ما سعی میکنیم
119
00:03:44,959 –> 00:03:47,040
تا جایی که ممکن است آن را پیگیری کنیم، لطفاً این کار را
120
00:03:47,040 –> 00:03:48,640
نکنید، این کار خوبی نیست بنابراین s را بسازید
121
00:03:48,640 –> 00:03:50,400
اگر شما فقط
122
00:03:50,400 –> 00:03:53,200
اطلاعات در دسترس عموم را دریافت می کنید،
123
00:03:53,200 –> 00:03:55,040
بنابراین مسئله دوم این است که آیا می خواهید
124
00:03:55,040 –> 00:03:58,000
html را بفهمید این وب سایت لیگ برتر است،
125
00:03:58,000 –> 00:03:59,760
من آن را کم و بیش
126
00:03:59,760 –> 00:04:01,280
دوباره به صورت تصادفی برداشتم
127
00:04:01,280 –> 00:04:03,280
و آنچه روی صفحه می بینید قطعا
128
00:04:03,280 –> 00:04:04,159
به
129
00:04:04,159 –> 00:04:07,040
راحتی به آن ترجمه نمی شود. html، بنابراین برای
130
00:04:07,040 –> 00:04:10,560
غلبه بر آن چیز بزرگی خواهد بود.
131
00:04:10,560 –> 00:04:12,000
سومین چیزی که باید از آن عبور
132
00:04:12,000 –> 00:04:14,400
کنید، اسکریپت مشتری است، این یک
133
00:04:14,400 –> 00:04:15,760
مشکل بزرگ است.
134
00:04:15,760 –> 00:04:18,798
135
00:04:18,798 –> 00:04:22,160
136
00:04:22,160 –> 00:04:23,759
من می توانم
137
00:04:23,759 –> 00:04:25,360
آن را خراش دهم زیرا همه چیز
138
00:04:25,360 –> 00:04:27,120
با فراخوانی توابع جاوا اسکریپت و
139
00:04:27,120 –> 00:04:28,479
مواردی از این قبیل پنهان است،
140
00:04:28,479 –> 00:04:30,000
بنابراین
141
00:04:30,000 –> 00:04:32,080
مرور این وب سایت تقریبا غیرممکن خواهد بود مگر اینکه از
142
00:04:32,080 –> 00:04:34,080
ابزار تخصصی مانند سلنیوم بیشتر در مورد
143
00:04:34,080 –> 00:04:36,639
آن استفاده کنم که در یک
144
00:04:36,639 –> 00:04:38,400
دوم و چهارمین مشکل ممکن است
145
00:04:38,400 –> 00:04:40,800
رمز عبور باشد. سایت های محافظت شده من
146
00:04:40,800 –> 00:04:42,320
سایت american express را انتخاب کرده ام اما می توانستم
147
00:04:42,320 –> 00:04:44,320
هر چیزی را انتخاب
148
00:04:44,320 –> 00:04:45,360
کنم که واقعاً نمی توانید
149
00:04:45,360 –> 00:04:47,199
در html زیربنایی به دست آورید مگر اینکه
150
00:04:47,199 –> 00:04:49,120
از سد امنیتی آن عبور کنید. می توان
151
00:04:49,120 –> 00:04:52,240
این کار را انجام داد، اما مشکل دیگری است
152
00:04:52,240 –> 00:04:54,960
که پنجمین مشکلی که ممکن است داشته باشید، گرفتن
153
00:04:54,960 –> 00:04:57,520
عکس هایی است که برای
154
00:04:57,520 –> 00:05:00,560
فیلتر کردن روبات هایی مانند خودتان طراحی شده اند،
155
00:05:00,560 –> 00:05:02,400
بنابراین چند تصویر در آنجا وجود دارد،
156
00:05:02,400 –> 00:05:04,160
مطمئنم که همه کسانی که این ویدیو را
157
00:05:04,160 –> 00:05:06,560
تماشا می کنند قبلاً در وب سایت های مختلف دیده اند.
158
00:05:06,560 –> 00:05:08,720
مانع بر سر
159
00:05:08,720 –> 00:05:10,960
راه شما
160
00:05:10,960 –> 00:05:12,800
مشکل ششم این است که
161
00:05:12,800 –> 00:05:15,039
وقتی من به یک صفحه وب می روم کدام نسخه را می بینید
162
00:05:15,039 –> 00:05:17,039
آیا شبیه شما
163
00:05:17,039 –> 00:05:18,800
هستم در اینجا چهار دلیل وجود دارد که ممکن است اینطور نباشد
164
00:05:18,800 –> 00:05:20,240
165
00:05:20,240 –> 00:05:22,320
ما ممکن است از پلتفرم های مختلفی استفاده
166
00:05:22,320 –> 00:05:24,160
کنیم که در تلفن همراه خود می بینید.
167
00:05:24,160 –> 00:05:27,199
با آنچه در لپ تاپ خود
168
00:05:27,199 –> 00:05:29,440
می بینم بسیار متفاوت است، شاید جاوا اسکریپت را خاموش کرده
169
00:05:29,440 –> 00:05:32,240
باشم، چیز بسیار متفاوتی را می بینم
170
00:05:32,240 –> 00:05:34,080
سپس ممکن است از آن استفاده کنیم یا وب سایت ممکن
171
00:05:34,080 –> 00:05:36,240
است از چیزی به نام آزمایش b استفاده کند
172
00:05:36,240 –> 00:05:38,479
افرادی مانند آمازون این کار را همیشه انجام
173
00:05:38,479 –> 00:05:39,919
می دهند که متفاوت هستند. نسخه های
174
00:05:39,919 –> 00:05:42,160
وب سایت را اندازه گیری کنید و از واکنش
175
00:05:42,160 –> 00:05:44,800
آنها به مرورگرهای خود بسنجید که کدام یک را حفظ کنند، بنابراین
176
00:05:44,800 –> 00:05:46,479
کاملاً ممکن است که بتوانید
177
00:05:46,479 –> 00:05:48,160
دو بار متوالی وارد صفحه وب شوید و چیزهای مختلف را ببینید
178
00:05:48,160 –> 00:05:49,600
179
00:05:49,600 –> 00:05:52,000
و چهارم کوکیهایی که من در
180
00:05:52,000 –> 00:05:54,000
صفحه وب خود در رایانهام دریافت میکنم بیشتر
181
00:05:54,000 –> 00:05:56,240
تعیین میکنند که من چه چیزی را میبینم،
182
00:05:56,240 –> 00:05:58,240
بنابراین دوباره ممکن است ما لزوماً
183
00:05:58,240 –> 00:06:01,120
چیزی مشابه یکدیگر را نبینیم،
184
00:06:01,120 –> 00:06:03,199
بنابراین با توجه به اینکه کدام وباسکراپر را
185
00:06:03,199 –> 00:06:04,800
باید به
186
00:06:04,800 –> 00:06:07,039
خوبی انتخاب کنید، سه گزینه اصلی را انتخاب کنید.
187
00:06:07,039 –> 00:06:08,800
به نظر می رسد سوپ زیبایی به دست می آید
188
00:06:08,800 –> 00:06:09,919
که من قصد دارم در این
189
00:06:09,919 –> 00:06:12,240
آموزش به آن بپردازم که انتخاب خوبی به نظر می رسد
190
00:06:12,240 –> 00:06:13,360
191
00:06:13,360 –> 00:06:15,680
و سلنیوم که فکر می
192
00:06:15,680 –> 00:06:17,120
کنم یادگیری آن دشوارتر است اما
193
00:06:17,120 –> 00:06:18,800
194
00:06:18,800 –> 00:06:21,039
از همه تحقیقاتی که
195
00:06:21,039 –> 00:06:22,800
انجام داده ام قدرتمندتر است. فکر کنید صحنه سوپ زیبا
196
00:06:22,800 –> 00:06:24,479
انتخاب بسیار خوبی است، خوب و آسان است،
197
00:06:24,479 –> 00:06:27,120
بسیار مستند و بسیار قدرتمند است،
198
00:06:27,120 –> 00:06:29,039
اما اگر می خواهید برخی
199
00:06:29,039 –> 00:06:31,039
از مشکلاتی را که در این مورد توضیح دادم برطرف کنید، مانند
200
00:06:31,039 –> 00:06:33,840
محافظت از رمز عبور روبات ها و
201
00:06:33,840 –> 00:06:36,400
غیره، ممکن است این اتفاق بیفتد. شما می خواهید کاری
202
00:06:36,400 –> 00:06:38,479
کنید که اسکراپر وب شما بیشتر شبیه یک انسان رفتار کند
203
00:06:38,479 –> 00:06:40,720
و برای آن سلنیوم
204
00:06:40,720 –> 00:06:42,240
احتمالا بهترین انتخاب است،
205
00:06:42,240 –> 00:06:43,680
اما کاری که من احتمالاً
206
00:06:43,680 –> 00:06:45,919
انجام آن را توصیه می کنم این است که با سوپ زیبا شروع کنید که
207
00:06:45,919 –> 00:06:47,520
بر اصول اولیه اسکراپین تسلط دارد. یک
208
00:06:47,520 –> 00:06:49,120
وبسایت داشته باشید و سپس به سراغ
209
00:06:49,120 –> 00:06:52,639
چیزی قدرتمندتر بروید،
210
00:06:55,520 –> 00:06:57,039
بنابراین برای اینکه بتوانم مطمئن شوم که
211
00:06:57,039 –> 00:06:58,800
همه افرادی که این آموزش
212
00:06:58,800 –> 00:07:00,880
را تماشا میکنند، دقیقاً همان چیزی را تجربه میکنند،
213
00:07:00,880 –> 00:07:02,800
نه اینکه به یک وبسایت عمومی تکیه کنند
214
00:07:02,800 –> 00:07:05,360
، فایلی به نام windham.htm ایجاد
215
00:07:05,360 –> 00:07:06,960
کردم که یکی از آنهاست. فایلهای پیوست شده به این
216
00:07:06,960 –> 00:07:08,319
آموزش
217
00:07:08,319 –> 00:07:10,000
و اگر به آن بروید، ممکن است
218
00:07:10,000 –> 00:07:12,080
بتوانید ببینید که فیلمهای
219
00:07:12,080 –> 00:07:13,759
کتابهای متاسفم را به جای یکی از نویسندگان مورد علاقه من،
220
00:07:13,759 –> 00:07:14,840
جان
221
00:07:14,840 –> 00:07:17,039
ویندهام فهرست میکند، به فایلی به نام
222
00:07:17,039 –> 00:07:20,319
wiser logo.png اشاره میکند که یک تصویر است،
223
00:07:20,319 –> 00:07:21,680
بنابراین. خوب است که بتوانید
224
00:07:21,680 –> 00:07:23,520
روی آن کلیک راست کنید و آن را مرور کنید،
225
00:07:23,520 –> 00:07:25,039
اما متأسفانه در نسخه پیشفرض کد ویژوال استودیو نمیتوانید این کار را انجام دهید،
226
00:07:25,039 –> 00:07:27,520
بنابراین
227
00:07:27,520 –> 00:07:28,800
کاری که من میخواهم انجام دهم این است که فقط به این
228
00:07:28,800 –> 00:07:31,440
نماد در نوار فعالیت در پایین
229
00:07:31,440 –> 00:07:34,400
و ما یک مرورگر را نصب می کنیم، بنابراین
230
00:07:34,400 –> 00:07:36,240
اگر تایپ
231
00:07:36,240 –> 00:07:38,160
کنم مرورگر نیست، توانایی رفتن
232
00:07:38,160 –> 00:07:39,520
به مرورگر
233
00:07:39,520 –> 00:07:41,120
با تایپ مرورگر وب در نوار جستجو،
234
00:07:41,120 –> 00:07:43,120
می توانید ببینید که پسوند باز شده مرورگر
235
00:07:43,120 –> 00:07:44,720
اولین موردی است که ظاهر می
236
00:07:44,720 –> 00:07:47,440
شود. با 4.5 میلیون بازدید که g
237
00:07:47,440 –> 00:07:49,199
مطمئناً قابل اعتماد است،
238
00:07:49,199 –> 00:07:51,039
بنابراین اگر نصب کنم در حال حاضر فقط یک
239
00:07:51,039 –> 00:07:52,319
یا دو ثانیه در دستگاه
240
00:07:52,319 –> 00:07:53,759
من طول می کشد، زیرا این
241
00:07:53,759 –> 00:07:55,360
اولین بار نیست که این کار را انجام می دهم
242
00:07:55,360 –> 00:07:57,199
و اگر به لیست
243
00:07:57,199 –> 00:08:00,000
فایل های خود برگردم و اگر بروم در فایل Windom خود
244
00:08:00,000 –> 00:08:01,919
میتوانم روی هر جایی که دوست دارم کلیک راست کنم
245
00:08:01,919 –> 00:08:03,759
و آن را در
246
00:08:03,759 –> 00:08:06,479
مرورگر پیشفرضم یا هر مرورگر دیگری باز کنم
247
00:08:06,479 –> 00:08:07,680
و کاری که انجام میدهد این است که نشان دهد به
248
00:08:07,680 –> 00:08:09,759
نظر میرسد شما میتوانید ببینید که من
249
00:08:09,759 –> 00:08:12,000
قبلاً انجام دادهام این قبل و کاری که انجام
250
00:08:12,000 –> 00:08:14,800
می دهد فهرستی از شش کتاب از شش کتاب جان
251
00:08:14,800 –> 00:08:16,160
ویندهام است
252
00:08:16,160 –> 00:08:17,759
و این چیزی است که ما برای
253
00:08:17,759 –> 00:08:20,960
نمونه های خراشیدن خود استفاده خواهیم کرد،
254
00:08:22,800 –> 00:08:24,240
بنابراین اگر می خواهید بتوانید یک
255
00:08:24,240 –> 00:08:26,240
وب سایت یا صفحه را خراش دهید باید
256
00:08:26,240 –> 00:08:28,240
درک کنید. مدل شیء سند در
257
00:08:28,240 –> 00:08:30,879
html، پس بیایید نگاهی بیندازیم که
258
00:08:30,879 –> 00:08:32,719
اگر روی صفحهای مانند صفحهای
259
00:08:32,719 –> 00:08:34,200
که در مورد فایل windham.html به شما گفتهام راست کلیک کنید
260
00:08:34,200 –> 00:08:36,240
261
00:08:36,240 –> 00:08:37,679
و اگر آن را در مرورگر باز کنید،
262
00:08:37,679 –> 00:08:40,958
این همان چیزی است که uh html
263
00:08:40,958 –> 00:08:43,200
در مرورگر شما به این معنی است که
264
00:08:43,200 –> 00:08:45,440
مرورگر علامت گذاری ابرمتن زیرین
265
00:08:45,440 –> 00:08:47,440
la را می گیرد زبان این همان چیزی است که html
266
00:08:47,440 –> 00:08:49,519
مخفف آن است و آن را تفسیر می کند و به
267
00:08:49,519 –> 00:08:51,519
این صورت روی صفحه نمایش داده می شود
268
00:08:51,519 –> 00:08:52,959
اگر می خواهید کد منبع
269
00:08:52,959 –> 00:08:54,959
اصلی هر صفحه وب را ببینید، می توانید
270
00:08:54,959 –> 00:08:57,440
برای مشاهده منبع صفحه کلیک راست کرده و انتخاب کنید و
271
00:08:57,440 –> 00:08:59,760
معمولاً می توانید برای انجام همین کار، ctrl u را فشار دهید.
272
00:08:59,760 –> 00:09:01,279
273
00:09:01,279 –> 00:09:02,880
و کاری که انجام می دهد این است که فایل دیگری را باز
274
00:09:02,880 –> 00:09:05,200
کنید که html را فهرست می کند که می توانید این کار را
275
00:09:05,200 –> 00:09:07,760
برای هر صفحه وب انجام دهید
276
00:09:07,760 –> 00:09:09,920
هر صفحه وب که به آن نگاه می کنید به
277
00:09:09,920 –> 00:09:12,800
طور معمول با دستورالعمل html شروع می شود
278
00:09:12,800 –> 00:09:15,040
و سپس به دنبال آن قسمت سرصفحه است
279
00:09:15,040 –> 00:09:16,320
280
00:09:16,320 –> 00:09:17,920
بنابراین بخش هدر مقداری در
281
00:09:17,920 –> 00:09:20,160
بالای صفحه که به شما میگوید چگونه
282
00:09:20,160 –> 00:09:22,240
صفحه کار میکند، اما در واقع
283
00:09:22,240 –> 00:09:24,000
حاوی چیزی نیست که بتوانید
284
00:09:24,000 –> 00:09:26,080
روی صفحه ببینید، بنابراین وقتی
285
00:09:26,080 –> 00:09:29,360
صفحه وب را خراش میدهید، معمولاً میتوانید این
286
00:09:29,360 –> 00:09:31,600
موارد زیر را نادیده بگیرید. بخش بدن است و
287
00:09:31,600 –> 00:09:33,519
بخش بدن قلب و روح
288
00:09:33,519 –> 00:09:36,720
صفحه وب است و
289
00:09:36,720 –> 00:09:39,040
تقریباً در بقیه صفحه
290
00:09:39,040 –> 00:09:40,240
ادامه می یابد، بنابراین این همان چیزی است که ما در واقع می
291
00:09:40,240 –> 00:09:41,760
خریم
292
00:09:41,760 –> 00:09:44,320
و درست در پایان
293
00:09:44,320 –> 00:09:46,080
یک دستورالعمل است. که می گوید t کلاه
294
00:09:46,080 –> 00:09:48,160
پایان تمام html است،
295
00:09:48,160 –> 00:09:49,839
بنابراین این یکی از راههای نگاه کردن به آن است، اما
296
00:09:49,839 –> 00:09:51,760
اگر آن را ببندیم و به صفحه وب خود بازگردیم،
297
00:09:51,760 –> 00:09:54,480
همچنین میتوانید در اکثر مرورگرها
298
00:09:54,480 –> 00:09:57,040
کلید f12 را فشار دهید، اکنون این کار را انجام میدهم.
299
00:09:57,040 –> 00:09:58,000
300
00:09:58,000 –> 00:09:59,360
do این است که
301
00:09:59,360 –> 00:10:01,760
چیزی به نام ابزارهای توسعه دهنده را باز کنید
302
00:10:01,760 –> 00:10:04,240
و اگر روی آن کلیک کنید تگ عناصر
303
00:10:04,240 –> 00:10:05,200
در اینجا،
304
00:10:05,200 –> 00:10:08,000
به طور معمول می توانید
305
00:10:08,000 –> 00:10:11,279
ببینید که چگونه مدل شی مدل سند
306
00:10:11,279 –> 00:10:13,519
ساختار
307
00:10:13,519 –> 00:10:15,680
یافته است که در لبه است، فقط می خواهم به
308
00:10:15,680 –> 00:10:17,839
شما نشان دهم که برای مثال در کروم 2 کار می کند.
309
00:10:17,839 –> 00:10:19,600
اگر همین کار را در کروم انجام دهم
310
00:10:19,600 –> 00:10:21,600
و کلید f12 را فشار دهم،
311
00:10:21,600 –> 00:10:22,800
تقریباً همان
312
00:10:22,800 –> 00:10:24,480
شماتیک را در اینجا دارم،
313
00:10:24,480 –> 00:10:26,160
بنابراین بیایید آن را ببندیم و به لبه برگردیم
314
00:10:26,160 –> 00:10:27,600
315
00:10:27,600 –> 00:10:29,120
تا کاری که میتوانید انجام دهید این است که
316
00:10:29,120 –> 00:10:30,560
بخشهای اصلی بخش هدر
317
00:10:30,560 –> 00:10:32,399
بدنه را ببینید. بخش و سپس تمام بخشهای div
318
00:10:32,399 –> 00:10:33,680
319
00:10:33,680 –> 00:10:35,360
میتوانید ببینید که آیا به هر بخش div
320
00:10:35,360 –> 00:10:38,000
که مربوط به بلوکی در فایل html است نگاه میکنم
321
00:10:38,000 –> 00:10:40,240
که ممکن است یک بخش div دیگری
322
00:10:40,240 –> 00:10:42,959
در داخل آن یا پاراگراف داشته باشد
323
00:10:42,959 –> 00:10:44,880
و اگر به این بخش div بروم
324
00:10:44,880 –> 00:10:47,040
میتوانید ببینید این شامل یک جدول و
325
00:10:47,040 –> 00:10:49,360
جدول است شامل بدنه جدول است و بدنه آن
326
00:10:49,360 –> 00:10:52,000
شامل ردیفهای جدول است و هر ردیف جدول
327
00:10:52,000 –> 00:10:54,480
حاوی سرصفحههای جدول یا دادههای جدول است
328
00:10:54,480 –> 00:10:55,360
329
00:10:55,360 –> 00:10:57,760
و ممکن است حاوی پیوندهایی نیز باشد،
330
00:10:57,760 –> 00:10:59,519
بنابراین این ساختار سلسله مراتبی
331
00:10:59,519 –> 00:11:02,399
از نحوه پیوند برچسبها به یکدیگر وجود دارد
332
00:11:02,399 –> 00:11:04,160
و برچسبها و ویژگیهایی است که میخواهم به آنها نگاه کنم.
333
00:11:04,160 –> 00:11:07,920
در بخش بعدی این
334
00:11:10,480 –> 00:11:12,160
آموزش و همچنین درک مدل شی سند،
335
00:11:12,160 –> 00:11:14,320
شما نیاز به درک
336
00:11:14,320 –> 00:11:16,480
برچسب ها و ویژگی ها دارید تا بتوانید
337
00:11:16,480 –> 00:11:18,640
یک صفحه وب را خراش دهید، بنابراین بیایید به آنها نگاه
338
00:11:18,640 –> 00:11:20,560
339
00:11:20,560 –> 00:11:22,240
کنیم که مثال ما در بالا شامل یک
340
00:11:22,240 –> 00:11:24,079
تصویر از یک عاقل است. لوگوی جغد
341
00:11:24,079 –> 00:11:26,399
و نام جان ویندهام که توسط این html ایجاد شده است،
342
00:11:26,399 –> 00:11:28,640
پس بیایید با جزئیات بیشتر به آن نگاه کنیم،
343
00:11:28,640 –> 00:11:30,320
344
00:11:30,320 –> 00:11:31,760
اگر به ابتدا نگاه کنید یک
345
00:11:31,760 –> 00:11:34,000
تگ div وجود دارد و یک تگ div به این معنی است که یک
346
00:11:34,000 –> 00:11:35,680
بلوک از متن وجود دارد، حدس میزنم که مخفف
347
00:11:35,680 –> 00:11:37,200
تقسیم ممکن است
348
00:11:37,200 –> 00:11:38,959
هر زمان که داشته باشید. برچسبی که
349
00:11:38,959 –> 00:11:41,680
چیزی را شروع می کند باید یک نقطه پایان داشته باشد
350
00:11:41,680 –> 00:11:43,839
و نقطه پایان دقیقاً یکسان است،
351
00:11:43,839 –> 00:11:45,200
با این استثنا که
352
00:11:45,200 –> 00:11:47,680
جلوی نام تگ یک اسلش
353
00:11:47,680 –> 00:11:50,160
رو به جلو دارید تا مثال دیگری بزنید t در اینجا
354
00:11:50,160 –> 00:11:51,920
یک برچسب نشان دهنده آغاز یک
355
00:11:51,920 –> 00:11:54,160
لینک است که در آن تصویر
356
00:11:54,160 –> 00:11:55,519
قابل کلیک کردن است
357
00:11:55,519 –> 00:11:58,320
و برچسب روز پایانی در آنجا وجود دارد،
358
00:11:58,320 –> 00:12:00,000
بنابراین متوجه خواهید
359
00:12:00,000 –> 00:12:02,639
شد که هر تگ دارای ویژگی هایی است، بنابراین
360
00:12:02,639 –> 00:12:04,639
بیایید نگاهی به آنها بیندازیم
361
00:12:04,639 –> 00:12:06,800
که این زمان را در نظر می گیریم. نمونه ای از
362
00:12:06,800 –> 00:12:09,360
تگ تصویر اکنون تگ تصویر
363
00:12:09,360 –> 00:12:10,800
قوانینی را که به شما توضیح دادم نقض می کند
364
00:12:10,800 –> 00:12:13,120
زیرا قسمت پایانی ندارد و برخی از
365
00:12:13,120 –> 00:12:15,040
تگ ها به این صورت هستند که متأسفانه به
366
00:12:15,040 –> 00:12:17,279
آنها بسته شدن خودکار می گویند. فکر می کنم
367
00:12:17,279 –> 00:12:20,560
این تگ تصویر چهار ویژگی دارد.
368
00:12:20,560 –> 00:12:23,680
src alt و width
369
00:12:23,680 –> 00:12:26,240
را سبک کنید و در پایین لیست شدهاند،
370
00:12:26,240 –> 00:12:28,160
بنابراین استایلهایی که میگویند چگونه به نظر میرسد
371
00:12:28,160 –> 00:12:29,360
منبع میگوید که عکس از کجا آمده است، نشان میدهد
372
00:12:29,360 –> 00:12:31,760
373
00:12:31,760 –> 00:12:33,440
که وقتی ماوس خود را روی آن نگه دارید، چه چیزی در نوک ابزار ظاهر میشود.
374
00:12:33,440 –> 00:12:35,760
و عرض
375
00:12:35,760 –> 00:12:38,639
میگوید که تصویر چقدر عریض ظاهر میشود
376
00:12:38,639 –> 00:12:40,000
و اگر به همه تگهای دیگر در آن html نگاه کنید،
377
00:12:40,000 –> 00:12:41,839
همه آنها ویژگیهای متفاوتی دارند
378
00:12:41,839 –> 00:12:43,760
،
379
00:12:43,760 –> 00:12:45,440
بنابراین با نگاهی به آن،
380
00:12:45,440 –> 00:12:48,880
اکنون به کلاسها و شناسهها در html نگاهی بیندازیم تا تصویر را
381
00:12:48,880 –> 00:12:52,360
کامل کنیم.
382
00:12:55,200 –> 00:12:57,920
بنابراین، آخرین قطعه از اره منبت کاری اره مویی html ما
383
00:12:57,920 –> 00:13:00,880
به کلاس های برچسب ها و عناصر یا
384
00:13:00,880 –> 00:13:03,600
شناسه ها نگاه می کند تا ببیند چگونه چیزها با
385
00:13:03,600 –> 00:13:05,760
چیزی به نام css یا شیوه نامه های آبشاری استایل دهی می
386
00:13:05,760 –> 00:13:07,040
387
00:13:07,040 –> 00:13:08,560
شوند، بنابراین کاری که من انجام داده ام این است که یک کپی
388
00:13:08,560 –> 00:13:10,639
از این فایل را به Windom برده ام. چون من
389
00:13:10,639 –> 00:13:12,000
قصد دارم تغییراتی در آن ایجاد کنم
390
00:13:12,000 –> 00:13:13,760
که واقعاً نمیخواهم آن را حفظ کنم و میخواهم این
391
00:13:13,760 –> 00:13:15,760
را مرور کنم
392
00:13:15,760 –> 00:13:17,279
آنچه میخواهم انجام دهم این است که توضیح دهم چرا سه
393
00:13:17,279 –> 00:13:19,440
بیت قالببندی ظاهر میشود
394
00:13:19,440 –> 00:13:22,000
، اولی به این دلیل است که کلمات جان
395
00:13:22,000 –> 00:13:24,639
ویندهام با فونت بزرگتر ظاهر می شود،
396
00:13:24,639 –> 00:13:27,760
مورد دوم به این دلیل است که این کادر
397
00:13:27,760 –> 00:13:29,920
با یک خط نازک در اطراف آن ظاهر می شود
398
00:13:29,920 –> 00:13:32,240
و مورد سوم این است که چرا هر یک از این
399
00:13:32,240 –> 00:13:34,480
پیوندها به رنگ آبی ظاهر می شوند
400
00:13:34,480 –> 00:13:35,839
و معلوم می شود که دلیل هر کدام
401
00:13:35,839 –> 00:13:38,000
متفاوت است،
402
00:13:38,000 –> 00:13:40,160
بنابراین من می روم. به html برگردیم،
403
00:13:40,160 –> 00:13:41,920
اجازه دهید با
404
00:13:41,920 –> 00:13:44,000
فونت عنوان شروع کنیم،
405
00:13:44,000 –> 00:13:46,240
بنابراین عنوان اینجا است، اجازه دهید فقط
406
00:13:46,240 –> 00:13:49,600
آن را برجسته کنیم و بگوییم h1 john wyndham بنابراین
407
00:13:49,600 –> 00:13:51,199
هر کدام یک برچسب است که به این معنی است که
408
00:13:51,199 –> 00:13:53,279
مهم ترین عنوانی است که می توانید h1
409
00:13:53,279 –> 00:13:54,959
تا 89 داشته باشید، فکر می کنم
410
00:13:54,959 –> 00:13:56,560
پس چرا چنین است. که با فونت دیگری ظاهر می شود
411
00:13:56,560 –> 00:13:57,680
412
00:13:57,680 –> 00:13:59,199
، هیچ قالب بندی اعمال نمی شود d به آن
413
00:13:59,199 –> 00:14:01,519
تگ، اما اگر به بالای
414
00:14:01,519 –> 00:14:04,160
صفحه بروید، میتوانید ببینید که اکنون بخشی در سبکها وجود دارد که به
415
00:14:04,160 –> 00:14:05,920
416
00:14:05,920 –> 00:14:09,199
آن سبکهای آبشاری گفته میشود و
417
00:14:09,199 –> 00:14:10,639
معمولاً در یک
418
00:14:10,639 –> 00:14:12,800
فایل جداگانه به نام شیوه نامه آبشاری
419
00:14:12,800 –> 00:14:15,199
وجود دارد که css مخفف
420
00:14:15,199 –> 00:14:16,959
آن است و شامل مجموعهای از دستورالعملها است
421
00:14:16,959 –> 00:14:19,600
که میخواهیم به آنها نگاهی بیندازیم،
422
00:14:19,600 –> 00:14:21,040
بنابراین اولین مجموعه دستورالعملی که
423
00:14:21,040 –> 00:14:24,399
شامل آن میشود این است که هر چیزی که
424
00:14:24,399 –> 00:14:27,199
در آن تگ h1 ظاهر میشود
425
00:14:27,199 –> 00:14:29,680
با اندازه فونت 20 پیکسل فرمت میشود و به همین دلیل است
426
00:14:29,680 –> 00:14:31,519
که فونت بزرگتر
427
00:14:31,519 –> 00:14:33,120
به نظر میرسد. اگر باور نمی کنید،
428
00:14:33,120 –> 00:14:34,959
اجازه دهید کمی تغییر در آن ایجاد کنیم،
429
00:14:34,959 –> 00:14:37,040
بیایید یک ویژگی تزئین متن برای
430
00:14:37,040 –> 00:14:38,240
زیر خط اضافه کنیم
431
00:14:38,240 –> 00:14:40,079
تا به طور خودکار زیر متن خط بکشد
432
00:14:40,079 –> 00:14:41,839
و کاری که من انجام دادم این است که فقط ذخیره کنید
433
00:14:41,839 –> 00:14:43,279
که به همین دلیل نماد آنجا
434
00:14:43,279 –> 00:14:45,120
ناپدید شده است و اگر من به مرورگر خود برمی گردم
435
00:14:45,120 –> 00:14:47,199
و با فشردن f5 مرورگر خود را تازه می کنم،
436
00:14:47,199 –> 00:14:49,120
می توانید ببینید
437
00:14:49,120 –> 00:14:51,680
که اکنون زیر کلمات جان ویندهام خط کشیده شده است،
438
00:14:51,680 –> 00:14:55,199
بنابراین ایده پشت css این است
439
00:14:55,199 –> 00:14:56,800
که ارائه تاریخ در صفحه خود را
440
00:14:56,800 –> 00:15:00,160
از نحوه قالب بندی
441
00:15:00,160 –> 00:15:02,720
آن جدا کنید. انجام این کار تقریباً یک روش خوب جهانی است که اکنون
442
00:15:02,720 –> 00:15:04,000
انجام آن به این شکل
443
00:15:04,000 –> 00:15:06,160
است
444
00:15:06,160 –> 00:15:07,920
445
00:15:07,920 –> 00:15:09,199
446
00:15:09,199 –> 00:15:11,199
447
00:15:11,199 –> 00:15:12,880
. یک تگ div که در آن من نیز آن را استایل داده ام،
448
00:15:12,880 –> 00:15:14,160
449
00:15:14,160 –> 00:15:16,240
اما به طور کلی این روش بدی است و
450
00:15:16,240 –> 00:15:18,160
در صفحه وب باید
451
00:15:18,160 –> 00:15:21,040
محتوا و قالب بندی خود را از هم جدا کنید،
452
00:15:21,040 –> 00:15:22,480
بنابراین بیایید به مثال دوم از
453
00:15:22,480 –> 00:15:24,560
نحوه انجام این کار نگاه کنیم، کاری که می خواهیم انجام دهیم.
454
00:15:24,560 –> 00:15:26,639
این است که به کادر اطراف
455
00:15:26,639 –> 00:15:28,399
این لیست از
456
00:15:28,399 –> 00:15:30,240
کتاب ها نگاهی بیندازید،
457
00:15:30,240 –> 00:15:31,040
بنابراین
458
00:15:31,040 –> 00:15:33,839
این از
459
00:15:33,839 –> 00:15:35,920
این دستورالعمل می آید، اجازه دهید دوباره آن را برجسته کنیم
460
00:15:35,920 –> 00:15:37,920
461
00:15:37,920 –> 00:15:39,920
که همان جعبه است، پس چرا یک تخته
462
00:15:39,920 –> 00:15:41,199
در اطراف آن وجود دارد، چیزی در آن
463
00:15:41,199 –> 00:15:43,920
برچسب div وجود ندارد که بگوید باید دوباره اینطور
464
00:15:43,920 –> 00:15:45,839
باشد. پاسخ در سبک های ما
465
00:15:45,839 –> 00:15:48,320
در بالا است، اگر به بالا برگردم،
466
00:15:48,320 –> 00:15:51,040
می بینید که این
467
00:15:51,040 –> 00:15:52,560
دستورالعمل
468
00:15:52,560 –> 00:15:55,040
با یک هش در جلوی آن وجود دارد
469
00:15:55,040 –> 00:15:56,720
که معنی آن هش این
470
00:15:56,720 –> 00:15:58,399
است که
471
00:15:58,399 –> 00:16:01,759
اگر مرورگر عنصری را پیدا کند
472
00:16:01,759 –> 00:16:05,120
که دارای یک ویژگی id از خط تیره جدول است.
473
00:16:05,120 –> 00:16:06,399
جعبه
474
00:16:06,399 –> 00:16:08,240
سپس باید آن را با فرمت a
475
00:16:08,240 –> 00:16:12,800
حاشیه جامد را خط بکشید و آن را 600 پیکسل عرض
476
00:16:12,800 –> 00:16:14,399
کنید و دوباره فکر می کنم
477
00:16:14,399 –> 00:16:15,920
تا به حال به من اعتماد کرده اید، اما من هنوز آن را
478
00:16:15,920 –> 00:16:17,759
نشان می دهم، بیایید آن را به 5 پیکسل تغییر دهیم،
479
00:16:17,759 –> 00:16:19,440
480
00:16:19,440 –> 00:16:21,519
اگر به آن برگردم خیلی خوب به نظر نمی رسد. صفحه وب
481
00:16:21,519 –> 00:16:23,519
را بازخوانی کنید، میتوانید ببینید که من یک حاشیه بسیار ضخیمتر دریافت میکنم،
482
00:16:23,519 –> 00:16:25,680
483
00:16:25,680 –> 00:16:28,639
بنابراین اگر به پایین برگردیم
484
00:16:28,639 –> 00:16:30,160
فقط برای یادآوری
485
00:16:30,160 –> 00:16:31,920
486
00:16:31,920 –> 00:16:33,920
ویژگی id وجود دارد،
487
00:16:33,920 –> 00:16:35,920
اکنون این امکان وجود دارد که من بتوانم
488
00:16:35,920 –> 00:16:38,000
ویژگی id را برای بیش از یک تگ
489
00:16:38,000 –> 00:16:39,839
اعمال کنم. تمرین وحشتناک html
490
00:16:39,839 –> 00:16:41,440
زیرا کل ایده
491
00:16:41,440 –> 00:16:44,399
پشت شناسه این است که باید در صفحه منحصر به فرد باشد
492
00:16:44,399 –> 00:16:46,480
و ثانیا مرورگرها ممکن است با آن رفتار
493
00:16:46,480 –> 00:16:48,560
متفاوتی داشته باشند اکثر مرورگرها
494
00:16:48,560 –> 00:16:50,240
اولین عنصر را با تگ id انتخاب می کنند و
495
00:16:50,240 –> 00:16:52,480
بقیه را نادیده می گیرند اما نمی توانید مطمئن باشید
496
00:16:52,480 –> 00:16:54,480
که ایده کلی تگ id این است که شما
497
00:16:54,480 –> 00:16:57,120
باید در صفحه منحصر به
498
00:16:57,120 –> 00:17:00,320
فرد باشید تا کلاس ها و شناسه ها یا عناصر
499
00:17:00,320 –> 00:17:02,480
متأسفم تگ ها یا شناسه ها یا عناصر
500
00:17:02,480 –> 00:17:05,359
آخرین بیت تصویر کلاس هایی هستند
501
00:17:05,359 –> 00:17:06,959
که متوجه خواهید شد که هر پیوند
502
00:17:06,959 –> 00:17:08,880
به رنگ آبی ظاهر می شود
503
00:17:08,880 –> 00:17:11,199
و دلیل آن برای آن است
504
00:17:11,199 –> 00:17:14,319
هر پیوندی دارای این
505
00:17:14,319 –> 00:17:16,839
ویژگی است که به آن اختصاص داده شده است کلاس برابر با
506
00:17:16,839 –> 00:17:19,280
پیوند است، بنابراین زمانی از کلاس استفاده میکنید که
507
00:17:19,280 –> 00:17:20,959
نمیخواهید فقط یک
508
00:17:20,959 –> 00:17:22,559
تگ به روشی خاص ظاهر شود و میخواهید
509
00:17:22,559 –> 00:17:25,359
هر چیزی متعلق به آن گروه باشد
510
00:17:25,359 –> 00:17:27,280
و همانطور که احتمالاً تا به حال انتظار دارید
511
00:17:27,280 –> 00:17:28,720
. تا بالا و نگاهی به
512
00:17:28,720 –> 00:17:30,400
استایل هایمان بیندازیم، استایل مربوطه را برای آن پیدا خواهیم کرد،
513
00:17:30,400 –> 00:17:34,000
در واقع
514
00:17:34,000 –> 00:17:36,000
آن چیزی است که می گوید
515
00:17:36,000 –> 00:17:39,520
هر برچسبی که یک کلاس پیوند
516
00:17:39,520 –> 00:17:43,120
برای آن دارد به طور خودکار به رنگ آبی ظاهر می شود
517
00:17:43,120 –> 00:17:47,440
. می توانم اگر دوست داشتم این
518
00:17:47,440 –> 00:17:49,600
را تغییر دهم، اجازه دهید این را به رنگ قرمز تغییر دهیم
519
00:17:49,600 –> 00:17:51,360
و وقتی صفحه را بازخوانی
520
00:17:51,360 –> 00:17:53,919
کردم و به مرورگرم برمی گردم و برای بازخوانی آن، f5 را فشار
521
00:17:53,919 –> 00:17:55,200
می دهم، می توانید تمام رنگ پیوندهای من را
522
00:17:55,200 –> 00:17:56,400
تغییر دهید،
523
00:17:56,400 –> 00:17:58,960
بنابراین کلاس ها یک راه عالی برای
524
00:17:58,960 –> 00:18:01,200
تنظیم تغییرات کلی برای همه
525
00:18:01,200 –> 00:18:02,720
عناصر یک نوع خاص
526
00:18:02,720 –> 00:18:04,559
و آنها عبارتند از سه بلوک ساختمانی
527
00:18:04,559 –> 00:18:06,559
برچسبهای عناصر و کلاسها
528
00:18:06,559 –> 00:18:09,440
و کل وب در سراسر جهان، من میتوانم بگویم که
529
00:18:09,440 –> 00:18:11,280
کمی اغراقآمیز بر اساس این
530
00:18:11,280 –> 00:18:13,200
اصل استایلنگار جداگانه است
531
00:18:13,200 –> 00:18:14,559
که معمولاً شما نمیتوانید
532
00:18:14,559 –> 00:18:16,480
آن را ببینید. حاوی دستورالعملهایی برای
533
00:18:16,480 –> 00:18:19,039
نحوه قالببندی عناصر در صفحه
534
00:18:19,039 –> 00:18:20,080
و
535
00:18:20,080 –> 00:18:22,320
سپس خود عناصری است که یا
536
00:18:22,320 –> 00:18:24,880
یک شناسه را
537
00:18:24,880 –> 00:18:27,760
فراخوانی میکنند یا کلاسی را فراخوانی میکنند
538
00:18:27,760 –> 00:18:30,640
یا فقط به دلیل
539
00:18:30,640 –> 00:18:33,360
داشتن یک برچسب خاص فرمتبندی شدهاند،
540
00:18:33,360 –> 00:18:36,799
بنابراین html چگونه کار میکند،
541
00:18:39,679 –> 00:18:42,000
بنابراین میتوانید html را دریافت کنید. از یک
542
00:18:42,000 –> 00:18:45,200
آدرس وبسایت یا از یک فایل، بنابراین در
543
00:18:45,200 –> 00:18:46,960
این بخش از آموزش به
544
00:18:46,960 –> 00:18:49,200
دریافت آن از آدرس وبسایت یا url
545
00:18:49,200 –> 00:18:51,120
یا مکان یاب منبع یکنواخت که در
546
00:18:51,120 –> 00:18:52,720
واقع نامیده میشوند و موردی که ما از
547
00:18:52,720 –> 00:18:54,840
آن استفاده میکنیم، pythonscraping نامیده میشود،
548
00:18:54,840 –> 00:18:56,720
میپردازیم. .com که فکر
549
00:18:56,720 –> 00:18:58,480
میکنم برای استفاده در دسترس همه باشد، فکر
550
00:18:58,480 –> 00:19:00,880
میکنم این ایده پشت آن است، بنابراین
551
00:19:00,880 –> 00:19:02,799
اگر وارد کد ویژوال استودیو شویم
552
00:19:02,799 –> 00:19:04,480
، پنجره ترمینال را باز کنیم
553
00:19:04,480 –> 00:19:06,799
و سپس در این ابتدا
554
00:19:06,799 –> 00:19:10,160
ببینیم که آیا ماژول درخواست را نصب کردهایم یا نه.
555
00:19:10,160 –> 00:19:12,000
ماژولی است که میتوانید از آن
556
00:19:12,000 –> 00:19:13,679
برای رفتن به وبسایت و دریافت html زیرین استفاده کنید،
557
00:19:13,679 –> 00:19:16,559
بنابراین من میخواهم لیست فاصلهای را تایپ
558
00:19:16,559 –> 00:19:18,240
کنم تا ماژولهایم را فهرست کنم و میتوانید ببینید
559
00:19:18,240 –> 00:19:20,240
درخواست وجود ندارد،
560
00:19:20,240 –> 00:19:21,600
بنابراین اولین کاری که باید انجام دهم این است
561
00:19:21,600 –> 00:19:23,440
که آن را نصب کنم. تایپ می کنم pip
562
00:19:23,440 –> 00:19:25,280
563
00:19:25,280 –> 00:19:28,880
space درخواست های فضای نصب را فشار می دهم و وقتی بازگشت را فشار می
564
00:19:28,880 –> 00:19:30,080
دهم باید
565
00:19:30,080 –> 00:19:31,919
آن ماژول را نصب کند
566
00:19:31,919 –> 00:19:34,320
تا این خبر خوبی است من اکنون می توانم به فایل بروم
567
00:19:34,320 –> 00:19:35,919
من یکی به نام ماژول درخواست نقطه ایجاد کرده ام
568
00:19:35,919 –> 00:19:37,840
569
00:19:37,840 –> 00:19:40,160
و در آن اکنون باید
570
00:19:40,160 –> 00:19:43,120
بتوانم ماژول درخواست خود را وارد
571
00:19:43,120 –> 00:19:44,559
کنم. خوب است زیرا به این معنی است که من می توانم
572
00:19:44,559 –> 00:19:46,000
به یک وب سایت بروم،
573
00:19:46,000 –> 00:19:48,640
بنابراین بیایید دقیقاً همین کار را انجام دهیم، اجازه دهید
574
00:19:48,640 –> 00:19:50,720
به یک وب سایت برویم
575
00:19:50,720 –> 00:19:52,640
و برای انجام این کار، می توانید یک متغیر ایجاد کنید
576
00:19:52,640 –> 00:19:54,320
تا پاسخ را نگه دارد که
577
00:19:54,320 –> 00:19:56,400
معمولاً به نام r یا پاسخ
578
00:19:56,400 –> 00:19:57,360
من برای مدت طولانی تری می گویند.
579
00:19:57,360 –> 00:19:59,280
پاسخ تشریحی بیشتر را
580
00:19:59,280 –> 00:20:01,600
می توانم در نام ماژول خود قرار دهم و از
581
00:20:01,600 –> 00:20:04,000
روش دریافت استفاده کنم و سپس در
582
00:20:04,000 –> 00:20:07,120
گیومه می توانم آدرس وب سایت
583
00:20:07,120 –> 00:20:08,559
584
00:20:08,559 –> 00:20:10,559
585
00:20:10,559 –> 00:20:12,080
را قرار دهم که می خواهم به آن بروم فکر می کنم آن را در آنجا فهرست کرده ام که باید این کار را
586
00:20:12,080 –> 00:20:14,559
اکنون انجام دهم. باید
587
00:20:14,559 –> 00:20:17,039
وضعیت برگشتی را تست
588
00:20:17,039 –> 00:20:20,640
کنم تا این کار را انجام دهم تا بتوانم بگویم که آیا پاسخ
589
00:20:20,640 –> 00:20:23,679
و یک ویژگی کد وضعیت وجود دارد
590
00:20:23,679 –> 00:20:25,120
و اگر به ماوس اجازه دهید روی آن بماند،
591
00:20:25,120 –> 00:20:26,880
خواهید دید که یک عدد صحیح است،
592
00:20:26,880 –> 00:20:28,799
بنابراین کاری که می توانم انجام دهم ابتدا من است.
593
00:20:28,799 –> 00:20:31,120
آنچه را که خطای 404 نامیده می شود و آن چیزی که می گویند، آزمایش
594
00:20:31,120 –> 00:20:33,200
خواهم کرد ns که فایل مربوط به صفحه وب
595
00:20:33,200 –> 00:20:34,799
بود، در واقع پیدا نشد
596
00:20:34,799 –> 00:20:36,880
و اگر اینطور باشد، من فقط میگویم
597
00:20:36,880 –> 00:20:39,200
یافت نشد
598
00:20:40,960 –> 00:20:43,360
، میتوانم بگویم که
599
00:20:43,360 –> 00:20:44,799
اگر پیدا شد و همه چیز بهخوبی پیش رفت،
600
00:20:44,799 –> 00:20:46,159
چطور است
601
00:20:46,159 –> 00:20:49,520
و برای انجام این کار میتوانم کد 200 را تست
602
00:20:49,520 –> 00:20:51,360
کنم. جام مقدس از رفتن به یک صفحه وب به این
603
00:20:51,360 –> 00:20:53,360
معنی است که همه چیز به خوبی کار می کند
604
00:20:53,360 –> 00:20:55,200
و در این صورت کاری که من می خواهم انجام دهم این است
605
00:20:55,200 –> 00:20:58,080
که یک متغیر به نام html returned
606
00:20:58,080 –> 00:21:02,159
ایجاد کنم و تنظیم کنم که متن بازگشتی
607
00:21:02,159 –> 00:21:03,760
نگه داشته شود تا کل
608
00:21:03,760 –> 00:21:05,280
محتوای فایل باشد
609
00:21:05,280 –> 00:21:07,200
و سپس فقط برای اینکه ثابت کنم این کار کرده است
610
00:21:07,200 –> 00:21:10,400
، فقط آن را چاپ می کنم و همچنین
611
00:21:11,039 –> 00:21:13,280
همه احتمالات دیگر
612
00:21:13,280 –> 00:21:14,880
بسیاری از کدهای وضعیت ممکن دیگر
613
00:21:14,880 –> 00:21:17,200
وجود دارد، فقط با گفتن یک کد وضعیت پیام پوشش می دهم
614
00:21:17,200 –> 00:21:18,640
615
00:21:18,640 –> 00:21:20,480
616
00:21:20,480 –> 00:21:22,000
و سپس نام کد وضعیت را در آن قرار می دهم.
617
00:21:22,000 –> 00:21:25,679
یک مکان نگهدار
618
00:21:25,679 –> 00:21:28,159
و یک تابع تشکیل دهید
619
00:21:28,159 –> 00:21:30,880
و آن را جایگزین آن در
620
00:21:30,880 –> 00:21:34,080
کد وضعیت دریافتی کنید،
621
00:21:34,080 –> 00:21:36,159
بنابراین اگر آن را اجرا کنم باید به
622
00:21:36,159 –> 00:21:37,679
من موفقیت بدهد، امیدوارم
623
00:21:37,679 –> 00:21:39,360
و بعد از مدت کوتاهی در حالی که
624
00:21:39,360 –> 00:21:41,679
به وب سایت می رود، html برگردانده شده
625
00:21:41,679 –> 00:21:44,000
از آن است، اگر تغییر دهم همه چیز خوب است
626
00:21:44,000 –> 00:21:46,000
این کمی در حال حاضر یا به
627
00:21:46,000 –> 00:21:47,440
طور کامل
628
00:21:47,440 –> 00:21:50,000
به یک صفحه وب که وجود ندارد، بنابراین
629
00:21:50,000 –> 00:21:52,159
کاری که من می خواهم انجام دهم این است که این صفحه را انتخاب
630
00:21:52,159 –> 00:21:54,000
کنم، باید ویدیوهای پایتون باشد نه کبرا
631
00:21:54,000 –> 00:21:56,240
که نمی تواند درست باشد، بنابراین اگر این را اجرا کنم
632
00:21:56,240 –> 00:21:59,360
باید خطای 404 دریافت کنم. به این
633
00:21:59,360 –> 00:22:01,679
بخش از دستور if رفته
634
00:22:01,679 –> 00:22:03,120
و اگر به آنچه قبلا داشتم برگردم
635
00:22:03,120 –> 00:22:04,880
اما
636
00:22:04,880 –> 00:22:06,960
شاید یک q خاموش را در وسط قرار
637
00:22:06,960 –> 00:22:08,960
دهم که دامنه در واقع وجود ندارد و
638
00:22:08,960 –> 00:22:10,720
این بار وقتی آن را اجرا می کنم با خطا مواجه می شوم
639
00:22:10,720 –> 00:22:12,640
بنابراین نیاز دارم برای ایجاد به دام انداختن خطا
640
00:22:12,640 –> 00:22:13,919
در اطراف این برای بررسی اینکه آیا واقعاً
641
00:22:13,919 –> 00:22:15,679
کار می کند،
642
00:22:15,679 –> 00:22:17,840
بنابراین به این ترتیب می توانید یک
643
00:22:17,840 –> 00:22:19,840
متن را از یک وب سایت دریافت کنید،
644
00:22:19,840 –> 00:22:21,039
کاری که اکنون انجام می دهیم این است که چگونه می
645
00:22:21,039 –> 00:22:23,039
توانید متن را از یک فایل دریافت کنید و سپس
646
00:22:23,039 –> 00:22:26,919
به انجام برخی کارها ادامه می دهیم. scraping
647
00:22:29,200 –> 00:22:30,799
بنابراین آنچه که من میخواهم انجام دهم
648
00:22:30,799 –> 00:22:32,799
649
00:22:32,799 –> 00:22:34,880
این است که ببینم چگونه میتوان html را از فایلی مانند این wyndham.htm دریافت کرد
650
00:22:34,880 –> 00:22:36,880
و این در واقع بسیار سادهتر است،
651
00:22:36,880 –> 00:22:38,960
بنابراین من برنامهای به نام html
652
00:22:38,960 –> 00:22:40,720
از file.py ایجاد
653
00:22:40,720 –> 00:22:43,679
کردم و میرویم. برای دریافت html از فایل ما
654
00:22:43,679 –> 00:22:45,360
655
00:22:45,360 –> 00:22:47,600
برای انجام این کار، من فقط می توانم از یک
656
00:22:47,600 –> 00:22:49,919
دستور باز استاندارد استفاده کنم، بنابراین می توانم بگویم با
657
00:22:49,919 –> 00:22:52,320
open یک r کوچک وحشی در t قرار دهید. در اینجا
658
00:22:52,320 –> 00:22:54,240
محتویات کلیپ بورد را جایگذاری کنید
659
00:22:54,240 –> 00:22:56,559
که مکان فایل من را به من می دهد
660
00:22:56,559 –> 00:22:58,400
و کاری که من انجام می دهم این است که آن
661
00:22:58,400 –> 00:22:59,840
662
00:22:59,840 –> 00:23:01,360
663
00:23:01,360 –> 00:23:03,760
664
00:23:03,760 –> 00:23:06,799
665
00:23:06,799 –> 00:23:08,559
فایل Windom را صدا زد. فقط از آن برای
666
00:23:08,559 –> 00:23:11,280
رفتن به آدرس وب سایت استفاده کنید،
667
00:23:11,280 –> 00:23:13,760
بنابراین کاری که اکنون می توانم انجام دهم این است که پاسخ را ذخیره کنم
668
00:23:13,760 –> 00:23:15,600
669
00:23:15,600 –> 00:23:17,120
و برای انجام آن، متغیری
670
00:23:17,120 –> 00:23:19,039
به نام متن html ایجاد می
671
00:23:19,039 –> 00:23:21,200
کنم و آن را برابر با
672
00:23:21,200 –> 00:23:23,280
فایل windham قرار می دهم و سپس از روش خواندن استفاده می کنم.
673
00:23:23,280 –> 00:23:25,120
برای برگرداندن کل محتویات
674
00:23:25,120 –> 00:23:26,720
675
00:23:26,720 –> 00:23:28,240
فایل، اکنون تنها کاری که باید انجام دهم این است که بررسی کنم که
676
00:23:28,240 –> 00:23:31,200
کار می کند تا بتوانم متن html را چاپ کنم
677
00:23:31,200 –> 00:23:32,960
و اگر سعی کنم این برنامه را اجرا کنم، می
678
00:23:32,960 –> 00:23:34,559
بینید که باید محتویات
679
00:23:34,559 –> 00:23:35,760
فایل خود را با
680
00:23:35,760 –> 00:23:37,520
موضوع یکی به من بدهد. شخصیت نسبتاً عجیب
681
00:23:37,520 –> 00:23:38,559
در ابتدا همه چیز کاملاً کار می کرد
682
00:23:38,559 –> 00:23:40,240
683
00:23:40,240 –> 00:23:42,400
و اکنون در نهایت فکر می کنم ما آماده هستیم تا
684
00:23:42,400 –> 00:23:45,200
یک
685
00:23:47,840 –> 00:23:49,120
686
00:23:49,120 –> 00:23:51,039
سوپ زیبا را نصب کنیم. من یک فایل
687
00:23:51,039 –> 00:23:52,039
به نام
688
00:23:52,039 –> 00:23:54,400
helpsite.txt را با این آموزش قرار داده ام و
689
00:23:54,400 –> 00:23:55,840
اگر کلیک کنید در پیوندی که برای رفتن
690
00:23:55,840 –> 00:23:58,400
به سوپ زیبا کمک کنید ge می
691
00:23:58,400 –> 00:24:00,559
توانید مستندات روی آن را ببینید
692
00:24:00,559 –> 00:24:02,400
که به زیبایی نوشته شده است
693
00:24:02,400 –> 00:24:04,960
و به عنوان یک مثال ساده دوست داشتنی استفاده می شود،
694
00:24:04,960 –> 00:24:06,480
بنابراین همراه با این آموزش من واقعا
695
00:24:06,480 –> 00:24:07,679
فکر می کنم این تنها چیزی است که
696
00:24:07,679 –> 00:24:10,880
برای شروع به آن نیاز دارید، آن را کاملاً توصیه می کنم،
697
00:24:10,880 –> 00:24:12,640
بنابراین ابتدا باید بفهمم که آیا
698
00:24:12,640 –> 00:24:14,559
من سوپ زیبایی نصب کرده ام، بنابراین
699
00:24:14,559 –> 00:24:17,039
به یک پنجره ترمینال می روم و
700
00:24:17,039 –> 00:24:20,159
ماژول های خود را لیست می کنم لیست فضای پیپ
701
00:24:20,159 –> 00:24:21,840
سوپ زیبا آنجا نیست، فکر نمی
702
00:24:21,840 –> 00:24:24,080
کردم اینطور باشد، پس بیایید آن را اضافه
703
00:24:24,080 –> 00:24:25,760
کنیم تا پیپ را نصب کنم
704
00:24:25,760 –> 00:24:28,480
و سوپ زیبا به جز اینکه شما باید
705
00:24:28,480 –> 00:24:30,799
خیلی مراقب باشید که یک نسخه قدیمی را نصب
706
00:24:30,799 –> 00:24:33,279
می کند شما باید c4 زیبا را انجام دهید تا
707
00:24:33,279 –> 00:24:35,200
آخرین نسخه را دریافت کنید
708
00:24:35,200 –> 00:24:36,880
بنابراین حالا اگر آن کد را اجرا کنم
709
00:24:36,880 –> 00:24:38,559
سوپ زیبا و همچنین
710
00:24:38,559 –> 00:24:40,720
چیزی به نام سوپ الک 2 نصب می شود که فکر می
711
00:24:40,720 –> 00:24:43,440
کنم یک ماژول وابسته
712
00:24:43,440 –> 00:24:45,679
که عالی است، اکنون می توانم از آن استفاده کنم، بنابراین کاری که
71