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
מזהה ייחודי של הצעת מחיר, סוף ציטוט, "עליון".
מתחת לזה, יש לי div אחר ש

10
00:00:27,060 --> 00:00:31,020
זיהוי ייחודי החלטתי להיות "באמצע",
אבל אני יכול להיות זיהוי אלמנטים מהסוג div אלה

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
הקלט הבא, אשר קלט
סוג הוא טקסט וששם הוא q.

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
בינתיים, בחלק התחתון של הדף,
אני כבר צוין שכל טקסט צריך להיות

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