1
00:00:00,000 --> 00:00:00,310

2
00:00:00,310 --> 00:00:02,400
>> DAVID مالان: پس من ساخت شده است من
موتور جستجوی خود، اما من فقط اس ام اس

3
00:00:02,400 --> 00:00:04,720
تصمیم به بازسازی همه چیز
در زیر هود.

4
00:00:04,720 --> 00:00:06,480
بیایید نگاهی به.

5
00:00:06,480 --> 00:00:11,240
در اینجا در HTML به این صفحه، اطلاع
که من در حال حاضر در بالای صفحه

6
00:00:11,240 --> 00:00:15,390
به نظر می رسد آرم، logo.gif، و
من آن را یک متن از داده ام

7
00:00:15,390 --> 00:00:18,620
CS50 جستجو، تنها در مورد کسی
است قادر به دیدن آن تصویر نیست.

8
00:00:18,620 --> 00:00:22,340
>> اما توجه کنید که من که تصویر قرار داده ام
داخل یک div، و من آن را اختصاص داده ام

9
00:00:22,340 --> 00:00:27,060
ID منحصر به فرد از نقل قول، نقل قول را تمام کردن، "بالا."
در زیر آن، من DIV دیگری که باید

10
00:00:27,060 --> 00:00:31,020
ID منحصر به فرد من تصمیم گرفتم به "متوسط"
اما من می تواند به شناسایی این divs

11
00:00:31,020 --> 00:00:32,360
به عنوان هر چیزی من می خواهم.

12
00:00:32,360 --> 00:00:35,340
و در داخل این DIV "متوسط"،
توجه کنید که من یک فرم است.

13
00:00:35,340 --> 00:00:40,080
این فرم به ظاهر رفتن به ارسال
از طریق HTTP را به سرورهای گوگل

14
00:00:40,080 --> 00:00:45,150
ورودی زیر، یک ورودی که
نوع متن و که نام درخواست شده است.

15
00:00:45,150 --> 00:00:48,520
و که به محض آن که اتفاق خواهد افتاد
بازدید کاربر را وارد کنید و یا کلیک روی یک دکمه

16
00:00:48,520 --> 00:00:50,410
برچسب CS50 جستجو.

17
00:00:50,410 --> 00:00:53,750
>> حالا در پایین صفحه، من
یک div سوم و نهایی که منحصر به فرد

18
00:00:53,750 --> 00:00:57,670
شناسه "پایین" است. در داخل آن،
من اشاره ای به کپی رایت،

19
00:00:57,670 --> 00:00:59,750
از جمله یک نهاد HTML.

20
00:00:59,750 --> 00:01:06,230
به نظر می رسد که © HTML غیر فعال است
نهاد است که نشان دهنده کپی رایت

21
00:01:06,230 --> 00:01:08,410
نماد، که به احتمال زیاد
شما نمی ندارد

22
00:01:08,410 --> 00:01:10,210
کلید واقعی بر روی صفحه کلید خود را.

23
00:01:10,210 --> 00:01:12,560
پس از آن، من اشاره
که این را CS50.

24
00:01:12,560 --> 00:01:17,090
>> در حال حاضر بالا، متوسط ​​و پایین وجود داشته باشد تا
که من منحصر به فرد می تواند به بالا،

25
00:01:17,090 --> 00:01:20,400
وسط و پایین این صفحه
به طوری که من می توانید آنها را در هر سبک خاصی دراوردن

26
00:01:20,400 --> 00:01:21,370
کمی متفاوت است.

27
00:01:21,370 --> 00:01:23,320
و من در حال حاضر گرفته شده
آزادی از انجام این کار.

28
00:01:23,320 --> 00:01:27,030
در صفحه من بالاتر است، من یک سبک
برچسب که در داخل آن برخی از CSS

29
00:01:27,030 --> 00:01:27,880
خواص.

30
00:01:27,880 --> 00:01:28,980
بیایید نگاهی به.

31
00:01:28,980 --> 00:01:33,450
>> توجه کنید که در بالای این صفحه، من
مشخص شده که هر چه HTML تگ می

32
00:01:33,450 --> 00:01:37,350
با شناسه منحصر به فرد از بالا به عنوان
نشان داده شده است که علامت های تیز قبل

33
00:01:37,350 --> 00:01:41,320
آن، باید تراز متن را داشته باشد:
مرکز، به عنوان اموال.

34
00:01:41,320 --> 00:01:45,000
در همین حال، وسط صفحه باید
به طور مشابه متمرکز شده است، اما هر

35
00:01:45,000 --> 00:01:48,870
ورودی در وسط صفحه باید
5 پیکسل از فضای سفید

36
00:01:48,870 --> 00:01:51,860
در اطراف آنها، به سادگی به
چیزهایی اتاق کمی بیشتر.

37
00:01:51,860 --> 00:01:55,630
در همین حال، در پایین صفحه،
I مشخص کرده ام که هر متنی باید باشد

38
00:01:55,630 --> 00:01:59,620
در یک فونت کوچکتر، که وزن
گفت: فونت باید پررنگ باشد، که

39
00:01:59,620 --> 00:02:03,800
حاشیه در اطراف پایین صفحه
باید 20 پیکسل باشد، فقط به آن را

40
00:02:03,800 --> 00:02:06,270
کمی از فضای تنفس
به عنوان خوب، و آن است که هر متن

41
00:02:06,270 --> 00:02:08,190
در آن باید متمرکز شود.

42
00:02:08,190 --> 00:02:09,580
>> چه خبر است به اثر خالص؟

43
00:02:09,580 --> 00:02:11,620
خوب، اجازه دهید یک نگاهی از در یک مرورگر.

44
00:02:11,620 --> 00:02:14,160
اگر من در اینجا به کروم، هورا.

45
00:02:14,160 --> 00:02:16,140
حالا که به دنبال خوب است
موتور جستجو.

46
00:02:16,140 --> 00:02:18,539