1
00:00:00,000 --> 00:00:00,260

2
00:00:00,260 --> 00:00:01,900
>> DAVID מלאן: אז אני כבר עושה
מנוע החיפוש שלי.

3
00:00:01,900 --> 00:00:04,100
וכרגע, זה נראה כך.

4
00:00:04,100 --> 00:00:05,265
יש לי כאן את הכותרת של הדף.

5
00:00:05,265 --> 00:00:06,580
זה חיפוש CS50.

6
00:00:06,580 --> 00:00:10,380
יש לי טופס HTML בתוכה
נראה כי קלט שסוגיו הוא

7
00:00:10,380 --> 00:00:13,650
טקסט וקלט אחר
סוגיו הוא שליחה.

8
00:00:13,650 --> 00:00:17,180
>> אם אנחנו עכשיו נסתכל על המקור
בדף זה, שים לב כי, אכן, אנחנו

9
00:00:17,180 --> 00:00:20,260
יש לי h1 ותג כותרת ש
הם מעבירים, כי זה

10
00:00:20,260 --> 00:00:22,020
אכן CS50 חיפוש.

11
00:00:22,020 --> 00:00:25,940
יש לנו תג טופס שמפרט
כי את הטופס יש להגיש

12
00:00:25,940 --> 00:00:27,140
החברים שלנו בגוגל.

13
00:00:27,140 --> 00:00:30,430
ובתוך טופס זה, יש לנו
אלה שני סוגי הקלט.

14
00:00:30,430 --> 00:00:33,770
>> אבל שים לב כעת לכיוון החלק העליון של
דף, בתוך ראשו של העמוד,

15
00:00:33,770 --> 00:00:36,750
יש תג סגנון, בתוך
שהוא רכוש CSS עבור

16
00:00:36,750 --> 00:00:38,570
הגוף של הדף.

17
00:00:38,570 --> 00:00:41,580
מה אם, לעומת זאת, אנחנו רוצים
להפוך את כל הטקסט מיושר

18
00:00:41,580 --> 00:00:43,050
על פני מספר עמודים?

19
00:00:43,050 --> 00:00:46,640
במילים אחרות, אני רוצה לעשות שימוש חוזר זה
רכוש CSS שוב ושוב ושוב

20
00:00:46,640 --> 00:00:50,030
בדפי אינטרנט שונים, כל
מהם יש תג גוף?

21
00:00:50,030 --> 00:00:53,660
ובכן, אני בהחלט יכול להעתיק ולהדביק
CSS לכל אחד מהדפים האלה, אבל

22
00:00:53,660 --> 00:00:57,730
זה יהיה עיצוב טוב יותר לגורם זה
אל כמה קבצים מרכזיים ולאחר מכן

23
00:00:57,730 --> 00:01:01,100
איכשהו כולל קובץ שבכל
דפים אלו, כך שאם אני אי פעם רוצה

24
00:01:01,100 --> 00:01:04,840
לעשות שינוי וליישר את הטקסט שלי על
שמאלה או ליישר את הטקסט שלי בצד הימין, אני

25
00:01:04,840 --> 00:01:07,220
יכול לעשות את זה הרבה יותר בקלות.

26
00:01:07,220 --> 00:01:08,860
בואו ננסה לעשות את זה.

27
00:01:08,860 --> 00:01:12,520
>> ראשית, בואו נחתוך את זה
תג סגנון לגמרי.

28
00:01:12,520 --> 00:01:16,820
ועכשיו בואו לפתוח קובץ שנקרא,
למשל, חיפוש 3.css ולשים את זה

29
00:01:16,820 --> 00:01:18,970
אותו CSS בקובץ זה.

30
00:01:18,970 --> 00:01:23,500
גוף הולך להיות
יישור טקסט: מרכז;.

31
00:01:23,500 --> 00:01:24,760
בואו להציל את הקובץ הזה.

32
00:01:24,760 --> 00:01:30,950
>> עכשיו בואו נחזור לחיפוש-3.html ו,
בראשו שוב, להוסיף קישור תג

33
00:01:30,950 --> 00:01:33,630
ציון Hyper-התייחסות
של חיפוש 3.css.

34
00:01:33,630 --> 00:01:38,650
CSS ובואו לציין כי הקשר
כי בקובץ זה יש עם

35
00:01:38,650 --> 00:01:41,880
דף הוא לשמש גיליון הסגנון שלו.

36
00:01:41,880 --> 00:01:44,840
בואו עכשיו לסגור את התג הזה, לשמור
את הקובץ, ורענן

37
00:01:44,840 --> 00:01:46,910
דף זה בדפדפן.

38
00:01:46,910 --> 00:01:49,700
>> זה כיוון בטקסט על
עזב כאילו CSS

39
00:01:49,700 --> 00:01:50,905
רכוש אפילו לא יושם.

40
00:01:50,905 --> 00:01:53,020
עכשיו למה שעשוי להיות?

41
00:01:53,020 --> 00:01:54,590
בואו נסתכל על
ההרשאות של קובץ -

42
00:01:54,590 --> 00:01:58,630
לא הרשאות של קובץ HTML,
אבל ההרשאות של קובץ CSS.

43
00:01:58,630 --> 00:02:02,740
>> חזור לכאן בgedit, בואו נלך אל
חלון המסוף והקלד ls-l

44
00:02:02,740 --> 00:02:04,720
חיפוש 3.css.

45
00:02:04,720 --> 00:02:09,810
אה, אכן, למרות שאני, את הקובץ של
בעלים, יכולים לקרוא ולכתוב בקובץ זה,

46
00:02:09,810 --> 00:02:11,110
אף אחד אחר לא יכול לקרוא אותו.

47
00:02:11,110 --> 00:02:17,570
אבל אנחנו יכולים לתקן את זה עם chmod + r
חיפוש 3.css, ועכשיו בוא מחדש לבצע

48
00:02:17,570 --> 00:02:20,970
ls-l חיפוש 3.css--

49
00:02:20,970 --> 00:02:21,910
והרבה יותר טוב.

50
00:02:21,910 --> 00:02:24,380
עכשיו כל העולם יכול
לקרוא קובץ זה.

51
00:02:24,380 --> 00:02:26,950
>> בואו נחזור לדפדפן, לטעון מחדש.

52
00:02:26,950 --> 00:02:29,220
וואלה, אנחנו חוזרים למרכז
מנוע חיפוש.

53
00:02:29,220 --> 00:02:32,450
כמובן, זה מקום שבו התחלנו
סיפור, עם הטקסט שלנו כבר במרכז.

54
00:02:32,450 --> 00:02:36,000
אבל מה עיצוב טוב יותר עכשיו כי
יש לנו בחשבון את CSS שלתוך

55
00:02:36,000 --> 00:02:39,690
קבצים מרכזיים, מקום שאז אנו יכולים
לכלול בדפי אינטרנט אחרים ה

56
00:02:39,690 --> 00:02:41,580
אנו עלולים לקרות כדי לגרום בעתיד.

57
00:02:41,580 --> 00:02:45,430
אז אם אי פעם אנחנו רוצים recenter או
restylize יותר בדרך כלל הדפים שלנו, אנחנו

58
00:02:45,430 --> 00:02:48,570
יכול לעשות את זה מאוד פשוט ב
מקום מרכזי אחד.

59
00:02:48,570 --> 00:02:50,902