1 00:00:00,000 --> 00:00:02,000 [Powered by Google Translate] [סמינר] [הכנת האתר שלך לאינטרנט] 2 00:00:02,000 --> 00:00:05,000 [Yuechen זאו] [אוניברסיטת הרווארד] 3 00:00:05,000 --> 00:00:07,000 [זה CS50.] [CS50.TV] 4 00:00:07,000 --> 00:00:11,660 >> אוקיי. הנה עוד שעה של התפתחות אינטרנט, אם אתם מעלים על זה. 5 00:00:11,660 --> 00:00:16,290 היום אני הולך לדבר על הכנת האתר שלך לאינטרנט. 6 00:00:16,290 --> 00:00:20,260 כל היום - וכנראה עבור 2 השבועות האחרונים - 7 00:00:20,260 --> 00:00:22,240 אנחנו כבר מדברים על איך ליצור אתר אינטרנט, 8 00:00:22,240 --> 00:00:24,880 כיצד להשתמש ב-HTML, כיצד להשתמש PHP, כיצד להשתמש מסגרות, 9 00:00:24,880 --> 00:00:29,420 איך לוודא שאתה יכול לתקשר עם מסד הנתונים - דברים כאלה. 10 00:00:29,420 --> 00:00:34,830 אבל היום, אנחנו הולכים לדבר על האתר שלך שבו הולך לחיות אחרי CS50. 11 00:00:34,830 --> 00:00:40,010 כי אחרי הכל, CS50 לא קורה בעבר בדצמבר. 12 00:00:40,010 --> 00:00:42,090 אנחנו הולכים לדבר על שמות דומיין, אירוח. 13 00:00:42,090 --> 00:00:44,790 אנחנו הולכים לדבר על מה שתאימות לדפדפנים 14 00:00:44,790 --> 00:00:49,540 ותאימות בין הפלטפורמה הן, ואיך אתה יכול לוודא שהאתר שלך 15 00:00:49,540 --> 00:00:51,610 הוא הולך לפעול בכל התנאים. 16 00:00:51,610 --> 00:00:54,330 נדבר על טיפול בשגיאות וקסם שרת אחר. 17 00:00:54,330 --> 00:00:57,890 על אופטימיזציה של ביצועים, קידום במנועי חיפוש, אנחנו מדברים 18 00:00:57,890 --> 00:01:00,310 ואיך לגרום לאנשים לבקר דווקא אתרי האינטרנט שלך. 19 00:01:00,310 --> 00:01:05,960 ולבסוף, במרחק של כמה משאבים טובים כדי לוודא שיש לכם מספיק מאלה 20 00:01:05,960 --> 00:01:09,680 ללכת עם פרויקט הגמר שלך, ואני מקווה שאחרי. 21 00:01:09,680 --> 00:01:13,120 >> הדבר הראשון שאנחנו הולכים לדבר עליו הוא שמות דומיין. 22 00:01:13,120 --> 00:01:18,020 נכון לעכשיו אתה מתכנת במכשיר שלך, אתה הולך למארח מקומי 23 00:01:18,020 --> 00:01:20,360 שהוא לא ממש שם תחום. 24 00:01:20,360 --> 00:01:26,370 זה פשוט סוג של כינוי או בשם בדוי להתקנה של לינוקס שלך בפועל 25 00:01:26,370 --> 00:01:31,150 בתוך או על VMware Player או VMware במחשב אישי. 26 00:01:31,150 --> 00:01:36,510 שמות דומיין מאפשרים לך לשים את אתר על גבי אינטרנט ולאחר מכן ללכת למשהו כמו 27 00:01:36,510 --> 00:01:39,400 www.google.com ולקבל באתר האינטרנט. 28 00:01:39,400 --> 00:01:41,500 איך הם עובדים? 29 00:01:41,500 --> 00:01:43,390 בואו נגיד שאתה רק שרת אינטרנט ממוצע - 30 00:01:43,390 --> 00:01:50,080 ממוצע גולש אינטרנט ויש לך מחשב נייד, ואתה הולך לwww.howstuffworks.com. 31 00:01:50,080 --> 00:01:52,570 כנראה שאתה יכול לראות בו גנבתי את זה ממנו. 32 00:01:52,570 --> 00:01:57,300 איך עובד דברים - המחשב שלך ואז לשאול את שרת ה-DNS מקומי, 33 00:01:57,300 --> 00:01:59,300 "האם אתה יודע היכן אתר זה הוא?" 34 00:01:59,300 --> 00:02:02,200 "האם אתה יודע את כתובת ה-IP של www.howstuffworks.com?" 35 00:02:02,200 --> 00:02:05,580 שרת ה-DNS שלך עשויה לומר: "כן, אני עושה". 36 00:02:05,580 --> 00:02:09,139 במקרה זה, אתה מקבל את כתובת ה-IP, וגישה למחשב שלך שכתובת ה-IP. 37 00:02:09,139 --> 00:02:15,050 אם זה לא קורה, זה "היי! האם אתה יודע מה הוא www.howstuffworks.com?" שואל שרת DNS אחר, 38 00:02:15,050 --> 00:02:17,670 שרת שאפשר לומר, "כן, אני עושה". 39 00:02:17,670 --> 00:02:22,500 אז, זה אומר אחד אחר מה זה, ולבסוף, מידע שמקבל העביר למחשב שלך, 40 00:02:22,500 --> 00:02:24,680 ואתה יכול לגשת howstuffworks.com. 41 00:02:24,680 --> 00:02:27,540 >> איך אתה יכול לקבל אחד מהדברים הקסומים האלה? 42 00:02:27,540 --> 00:02:32,940 איך אתה יכול לקבל אולי www.yourname.com או www.ilovecats.com? 43 00:02:32,940 --> 00:02:35,350 אתה יכול להירשם לאחד, 44 00:02:35,350 --> 00:02:38,280 ויש הרבה אתרים שם בחוץ, כי יאפשר לך לעשות זאת. 45 00:02:38,280 --> 00:02:41,420 אתה חייב - ברוב המקרים אתה חייב לשלם עבורם. 46 00:02:41,420 --> 00:02:43,890 ישנם שמות מתחם מסוימים, כי הם ללא תשלום. 47 00:02:43,890 --> 00:02:50,900 אם אתה הולך לtkdomainnames www.co.cc או., אלה הם ללא תשלום. 48 00:02:50,900 --> 00:02:56,500 אבל, הם באים עם הגבלות מסוימות, ולמעשה חלק מהם אפילו לא יכול להיות 49 00:02:56,500 --> 00:03:00,540 שמות אמיתיים, ברמה העליונה תחומים כמו. com או. נטו. 50 00:03:00,540 --> 00:03:03,300 בדרך כלל אני הייתי מציע ללכת על אחד מהם 51 00:03:03,300 --> 00:03:07,060 כי המשתמשים הם פשוט יותר נוחים עם אלה. 52 00:03:07,060 --> 00:03:10,070 אתה כבר ראית הרבה. Coms. אתה כבר ראית הרבה. רשתות. 53 00:03:10,070 --> 00:03:13,790 אתה כנראה לא ראית הרבה של. Co.cc, ולכן הם קשים יותר לזכור. 54 00:03:13,790 --> 00:03:18,900 אתרי אינטרנט שונים כמו Godaddy או NameCheap או - הייתי אחד זה 55 00:03:18,900 --> 00:03:21,550 סוג של רפרף - activedomain.com נקרא. 56 00:03:21,550 --> 00:03:24,160 זה נראה ממש גס, אבל זה עבד ממש טוב בשבילי. 57 00:03:24,160 --> 00:03:27,810 >> ולבסוף, יש לך אחרים שאולי לעשות יותר פרסום כמו פתרונות רשת. 58 00:03:27,810 --> 00:03:31,140 אבל אם אתה הולך על NetworkSolutions.com ומסתכל על התמחור שלהם 59 00:03:31,140 --> 00:03:34,070 זה באמת יקר. אני מסתכל עליהם אתמול בלילה. 60 00:03:34,070 --> 00:03:37,400 לשנה אחת של שם הדומיין, זה כנראה לא שווה כל כך הרבה כסף. 61 00:03:37,400 --> 00:03:40,210 למעשה, אם אתה מקבל. Com או. Org או. נטו 62 00:03:40,210 --> 00:03:43,430 המחיר הרגיל הוא כ -10 דולרים לשנה. 63 00:03:43,430 --> 00:03:48,710 אז אם אתה משלם הרבה יותר מזה, זה כנראה לא כל כך שווה את זה 64 00:03:48,710 --> 00:03:52,440 כי אחרי הכל, אתרים אלה לא עושים שום דבר עם שם הדומיין ש. 65 00:03:52,440 --> 00:03:58,270 הם פשוט נותנים לך את זה, ואז אם אתה יכול לקבל את זה לזול, למה לא? 66 00:03:58,270 --> 00:04:02,540 >> הדבר השני הוא ברגע שיש לך את שם הדומיין שלך, אז אתה בטח רוצה 67 00:04:02,540 --> 00:04:08,610 להמשיך או Godaddy.com או בכל מקום שקנית את שם הדומיין שלך 68 00:04:08,610 --> 00:04:11,220 ולהגדיר את שרתי שמות לשם תחום זה. 69 00:04:11,220 --> 00:04:15,560 מה פירוש הדבר הוא ברגע שמשתמש נכנס לwww.howstuffworks.com, 70 00:04:15,560 --> 00:04:20,839 אלה כתובות IP שרת השמות הן את כתובות ה-IP שהם יהיו מסוגלים להסתכל למעלה. 71 00:04:20,839 --> 00:04:24,680 הם יוכלו לגשת לאתר האינטרנט שלך באמצעות אלה שרתים שם. 72 00:04:24,680 --> 00:04:26,830 אם תחיל עבור אירוח במקום 73 00:04:26,830 --> 00:04:31,210 אז המארח שלך קרוב לוודאי ייתן לך את שרתי השמות להשתמש בו. 74 00:04:31,210 --> 00:04:34,210 >> ולבסוף, יש את הדבר הזה שנקרא WHOIS. 75 00:04:34,210 --> 00:04:38,890 מסד הנתונים WHOIS הוא מסד נתונים שבה אתה יכול קלט שם תחום 76 00:04:38,890 --> 00:04:44,170 וזה יהיה לירוק קצת מידע על הבעלים של מידע ליצירת קשר באתר אחר וש. 77 00:04:44,170 --> 00:04:49,080 עכשיו, אתה יכול לומר, "אני לא באמת רוצה את כתובת הבית שלי או שאני לא באמת רוצה את כתובת הדואר האלקטרוני שלי 78 00:04:49,080 --> 00:04:54,010 באתר האינטרנט לכל אחד לראות או באינטרנט כדי שכולם יראו ". 79 00:04:54,010 --> 00:04:57,740 אז אולי כדאי לך להשתמש במשהו שהרבה של שירותי אירוח לספק - 80 00:04:57,740 --> 00:04:59,740 כמו מנהל WHOIS. 81 00:04:59,740 --> 00:05:03,550 מנהל WHOIS הוא פשוט עוד שירות שהרבה מהם קובעים כי 82 00:05:03,550 --> 00:05:07,700 מסתיר ממנו את המידע הזה ופשוט מכניס במי מנהל לשם - 83 00:05:07,700 --> 00:05:13,070 לכתובת שזה בדרך כלל פשוט כי שם החברה שנתנה לך שם תחום זה - 84 00:05:13,070 --> 00:05:17,350 וכן אז המידע האישי שלך לא להיות דלף באינטרנט, 85 00:05:17,350 --> 00:05:19,350 שהיא בדרך כלל די טובה. 86 00:05:19,350 --> 00:05:21,350 אני בעצמי משתמש באחד מהשירותים הללו. 87 00:05:21,350 --> 00:05:25,630 אם לא אכפת לך על הפרטיות שלך אז זה לא ממש משנה. 88 00:05:25,630 --> 00:05:32,490 >> שרת DNS עומד על מערכת שמות מתחם, ומה שהוא - 89 00:05:32,490 --> 00:05:36,560 זה כמו סוג של שולחן חשיש איפשהו שאומר, 90 00:05:36,560 --> 00:05:42,320  "כתובת אתר זה היא הולכת למיפוי לכתובת ה-IP הזה". וזה כל מה שזה. 91 00:05:42,320 --> 00:05:48,180 אז ברגע ששאילתא שרת ה-DNS את זה, אז אתה יכול לקבל את כתובות ה-IP 92 00:05:48,180 --> 00:05:51,930 בשביל זה שם דומיין מתאים ולאחר מכן לבקר באתר אינטרנט זה. 93 00:05:51,930 --> 00:05:59,820 (חבר בקהל שואל את שאלה - לא נשמע) 94 00:05:59,820 --> 00:06:07,910 הראשון? הרמה הראשונה היא למעשה בדרך כלל רק זכרון המטמון של המחשב עצמו. 95 00:06:07,910 --> 00:06:12,570 הסוג של המחשב שלך זוכר את הפעם האחרונה שהלכת לwww.google.com 96 00:06:12,570 --> 00:06:18,090 זה היה בכתובת ה-IP, ואז אחרי זמן מה, מטמון שיפוג, 97 00:06:18,090 --> 00:06:23,560 וזה ישאל כמו DNS Comcast, 98 00:06:23,560 --> 00:06:26,400 "היי, מה www.google.com?" 99 00:06:26,400 --> 00:06:31,040 בדרך כלל, כאשר אתה קונה שם תחום ואתה נרשם אחד, ואתה הקים אתר אינטרנט, 100 00:06:31,040 --> 00:06:35,670 אתה לא יכול ללכת לאתר האינטרנט כי מייד עם שם הדומיין שבגלל שרתים שם 101 00:06:35,670 --> 00:06:40,180 על פני הגלובוס לא יודע על שם הדומיין שלך עדיין. יש בו כדי לאכלס. 102 00:06:40,180 --> 00:06:43,220 בדרך כלל זה לוקח בערך 24-48 שעות. 103 00:06:43,220 --> 00:06:48,460 בסדר. אז, זה קצת על שמות דומיין. הם מאוד מגניבים. 104 00:06:48,460 --> 00:06:51,540 אני חושב שאתה צריך לקבל אחד אם אתה רציני לגבי הפרויקט 105 00:06:51,540 --> 00:06:55,300 ואם אתה באמת רוצה לעשות את הפרויקט שלך ידוע ברחבי קמפוס, 106 00:06:55,300 --> 00:06:58,050 יש שם תחום עושה את זה נראה ממש מקצועי. 107 00:06:58,050 --> 00:07:01,510 >> אז הצעד הבא, כמובן, הוא שיש איזה אירוח. 108 00:07:01,510 --> 00:07:05,540 אם אתה רק לארח אותו במחשב שלך, אף אחד אף פעם הולך להיות מסוגל ללכת אליו. 109 00:07:05,540 --> 00:07:09,110 אתה עלול להקים שרת במחשב שלך ולשמור על המחשב שלך לנצח, 110 00:07:09,110 --> 00:07:11,160 אבל זה לא מומלץ. 111 00:07:11,160 --> 00:07:14,000 ישנם סוגים שונים של אירוח זמין באינטרנט שונים. 112 00:07:14,000 --> 00:07:21,870 יש אירוח משותף. יש VPN (לא ברור) שהם מארחים וירטואליים. 113 00:07:21,870 --> 00:07:23,870 יש חצי ייעודי ומסור. 114 00:07:23,870 --> 00:07:29,030 של 3 שעבר, VPN, חצי ייעודי, ומסור הם בדרך כלל יקרים יותר. 115 00:07:29,030 --> 00:07:32,660 הם בדרך כלל משמשים לאתרים הדורשים יותר משאבים. 116 00:07:32,660 --> 00:07:34,680 אם אתה רק מתחיל עם אתר, 117 00:07:34,680 --> 00:07:40,670 זה יכול להיות רק יותר חסכוני ללכת עם האירוח המשותף. 118 00:07:40,670 --> 00:07:43,430 ומה חלק אמצעי הוא פשוט חבורה של אתרים כולם יחד 119 00:07:43,430 --> 00:07:51,560 כאילו בשרת אחד באתר זה על שרת מארח זה, ואתה יכול לגשת לאתר האינטרנט שלך 120 00:07:51,560 --> 00:07:53,660 באמצעות שם תחום. 121 00:07:53,660 --> 00:07:55,980 >> יש הרבה של מארחים פופולריים בחוץ. 122 00:07:55,980 --> 00:08:01,160 HostGator ו DreamHost - אלה הם מאוד, מאוד גדולים ומאוד מאוד פופולריים 123 00:08:01,160 --> 00:08:03,160 ומאוד מאוד מוצלח. 124 00:08:03,160 --> 00:08:05,160 אני אישית משתמש בMDDHosting נקרא אחד. 125 00:08:05,160 --> 00:08:08,240 אם אתה הולך לwww.mddhosting.com, זה שורה של בחירה שלי. 126 00:08:08,240 --> 00:08:10,240 אני חושב שהם טובים מאוד. 127 00:08:10,240 --> 00:08:14,550 הם תמיד הייתם מאוד אמינים, ומעולם לא היו לי שום בעיות איתם. 128 00:08:14,550 --> 00:08:18,610 יש להם גם תמחור תחרותי מאוד. 129 00:08:18,610 --> 00:08:24,400 שתיים שאני לא ממש אוהב אותם GoDaddy - שגם מארח מאוד פופולרי, 130 00:08:24,400 --> 00:08:26,400 אבל היו לי חוויות קשות איתם, 131 00:08:26,400 --> 00:08:29,430 והרבה אנשים שאני מכיר יש לו חוויות ממש נוראות איתם. 132 00:08:29,430 --> 00:08:32,150 הם סוג של ללכת אחרי אנשים שלא יודעים מה הם עושים - 133 00:08:32,150 --> 00:08:34,150 אולי אתה עושה באתר בפעם הראשונה, 134 00:08:34,150 --> 00:08:37,150 וכך הם כאילו להונות אותם לרכישת חבילת האירוח שלהם. 135 00:08:37,150 --> 00:08:42,570 אל תעשה את זה. אל תתייחסו לזה. לכו לחפש חבילות אירוח אחרות שבאמת יתאימו לצרכים שלך. 136 00:08:42,570 --> 00:08:44,880 והשני הוא - יש מארחים חינם בחוץ. 137 00:08:44,880 --> 00:08:47,350 ישנם אתרי אינטרנט שיארח את האתר שלך בחינם - 138 00:08:47,350 --> 00:08:49,350 לפעמים על ידי הצבת מודעות באתר שלך, 139 00:08:49,350 --> 00:08:52,290 לפעמים על ידי שהופך אותך להשתתף בפורומים שלהם, 140 00:08:52,290 --> 00:08:54,340 אבל לפעמים פשוט גם בחינם. 141 00:08:54,340 --> 00:09:00,000 אבל, להיות זהיר עם מארחים חינם, כי הרבה מהם באמת פשוט לצאת מהעסק 142 00:09:00,000 --> 00:09:03,480 אחרי כמה חודשים. אתה פשוט לא יכול לשמור על קשר עם את העלויות. 143 00:09:03,480 --> 00:09:07,460 אחרים הם פשוט מאוד לא אמינים, והאתר שלך תמיד יהיה למטה, 144 00:09:07,460 --> 00:09:09,700 ואתה לא רוצה שזה יקרה. 145 00:09:09,700 --> 00:09:12,330 >> כל מארח יציע לוח הבקרה שלהם. 146 00:09:12,330 --> 00:09:16,520 שים לב שעבור המכשיר שלך, באמת אין לוח בקרה כשלעצמה. 147 00:09:16,520 --> 00:09:19,230 אתה צריך להשתמש במסוף ללכת ולערוך את הקבצים. 148 00:09:19,230 --> 00:09:21,230 יש לך לchmod דברים בעצמך. 149 00:09:21,230 --> 00:09:24,770 אם אתה רוצה ללכת לphpMyAdmin, 150 00:09:24,770 --> 00:09:29,560 אתה צריך ללכת לlocalhost @ / phpmyadmin ודברים כאלה. 151 00:09:29,560 --> 00:09:36,660 אבל עם לוח בקרה שאתה יכול להיכנס ולערוך את הקבצים בשרת שלך 152 00:09:36,660 --> 00:09:40,350 עם Windows Explorer או יישום Finder-סוג. 153 00:09:40,350 --> 00:09:44,810 או שאתה יכול לעבור ולהסתכל על מסדי הנתונים שלך עם הכלי שלהם 154 00:09:44,810 --> 00:09:47,280 במקום phpMyAdmin. 155 00:09:47,280 --> 00:09:52,240 לכן, אין הרבה ברירה כאן, וחלק מלוחות הבקרה הפופולריים יותר הם שם למעלה. 156 00:09:52,240 --> 00:09:54,240 אבל אם אתם מחפשים מארח, 157 00:09:54,240 --> 00:09:57,090 אז אולי כדאי לך להסתכל על מה מיני התאמות ואופציות 158 00:09:57,090 --> 00:10:02,810 הם מציעים לי כדי להתאים אישית את השרת שלי ולהפוך את אתר האינטרנט שלי לרוץ טוב יותר. 159 00:10:02,810 --> 00:10:07,110 כן, אז אתה יכול לשאול, "נו, איך אני בוחר אירוח?" 160 00:10:07,110 --> 00:10:11,460 אם אתה הולך על כל אתר אינטרנט מארח יש הרבה ז'רגון, ויש הרבה אפשרויות. 161 00:10:11,460 --> 00:10:14,470 יש הרבה של מחירים שונים גם. 162 00:10:14,470 --> 00:10:19,690 בדרך כלל אני הולך על אלה זולים יותר רק בגלל שאתרים שאולי אתה ואני עושים - 163 00:10:19,690 --> 00:10:23,520 ובמיוחד עכשיו, במיוחד כהתחלה - ייתכן שהם לא זקוקים למשאבים רבים 164 00:10:23,520 --> 00:10:26,770 כפי שאולי אתר כמו Microsoft.com. 165 00:10:26,770 --> 00:10:32,090 >> ראשון שאתה רוצה להסתכל על מערכת ההפעלה אם אתם ממש סקרנים אם 166 00:10:32,090 --> 00:10:35,090 האתר שלך הולך יתארח על לינוקס, ב-Windows, או ב-Mac. 167 00:10:35,090 --> 00:10:39,790 בדרך כלל אנחנו פשוט ללכת עם לינוקס כי זה בדרך כלל הזול ביותר, 168 00:10:39,790 --> 00:10:43,730 וגם אחד שאולי אתם מכירים טובים יותר בגלל המכשיר. 169 00:10:43,730 --> 00:10:48,040 ולאחר מכן, אולי הם ישימו כמה הגבלות על כמות רוחב הפס שאתה מקבל - 170 00:10:48,040 --> 00:10:53,030 כמו כמה מגה בייט או ג'יגה בייט של נתונים משתמשים יכולים להוריד 171 00:10:53,030 --> 00:10:55,470 מאתר האינטרנט שלך לחודש? או שטח דיסק. 172 00:10:55,470 --> 00:11:00,640 כמה מקום אתה מקבל? האם זה 500 MB? האם זה 2 GB? האם זה ללא הגבלה? 173 00:11:00,640 --> 00:11:05,920 כיום, הרבה שרתי אינטרנט נותנים לך שטח דיסק בלתי מוגבל כדרך עבורם 174 00:11:05,920 --> 00:11:08,560 כדי לפתות אותך כדי לקבל חבילת האירוח שלהם. 175 00:11:08,560 --> 00:11:11,850 אבל אם אתה באמת חושב על זה, כשהם אי פעם יזדקקו לשטח דיסק בלתי מוגבל? 176 00:11:11,850 --> 00:11:18,060 אם יש לך כמה קבצי HTML, זוג של PHP, כמה תמונות - 177 00:11:18,060 --> 00:11:20,060 זה רק כמה מגה בייט, וכל כך 178 00:11:20,060 --> 00:11:23,110 בדרך כלל אני פשוט הולך לשווה אולי כמה 'ג' יגה של מרחב, 179 00:11:23,110 --> 00:11:27,990 ושעשוי להיות מספיק כדי להתחיל אותי עד שאני זקוק ליותר. 180 00:11:27,990 --> 00:11:31,480 >> לבסוף, הם עלולים לשים מגבלות על איזה סוג של - כמה מאגרי מידע שאתה יכול לקבל. 181 00:11:31,480 --> 00:11:34,760 אולי אתה יכול לקבל אתר 1 בלבד. אולי אתה יכול להיות 2. אולי אתה יכול להיות 10. 182 00:11:34,760 --> 00:11:38,330 האם זה באמת חשוב לך כמה אתה מקבל? 183 00:11:38,330 --> 00:11:40,330 דברים שיש לשאול את עצמך. 184 00:11:40,330 --> 00:11:42,330 ולבסוף, רק דברים כמו שפות. 185 00:11:42,330 --> 00:11:44,330 האם הם תומכים PHP? האם הם תומכים MySQL? 186 00:11:44,330 --> 00:11:49,010 רוב אתרי אירוח אין לתמוך האלה כי הם חופשיים. הם בקוד פתוח. 187 00:11:49,010 --> 00:11:51,190 זה לא עולה להם כלום כדי לספק אלה עבורך. 188 00:11:51,190 --> 00:11:55,680 אבל אם ברצונך להשתמש, למשל, רובי או פייתון או כמה שפות אחרות אלה - 189 00:11:55,680 --> 00:11:59,490 הם לא יכולים לתמוך בו על השרת שלהם, ולכן חשוב לחפש דברים כאלה. 190 00:11:59,490 --> 00:12:05,620 >> ולבסוף, האם הם יאפשר לך לעשות כמה דברים מתקדמים יותר, כמו עבודות SSL או cron? 191 00:12:05,620 --> 00:12:12,060 SSL הוא אופציה שבו אתה יכול להפוך את אתר האינטרנט שלך מאובטח יותר בכך שהוא HTTPS 192 00:12:12,060 --> 00:12:14,060 ולהצפין את הקשרים שלך. 193 00:12:14,060 --> 00:12:17,230 ועבודות cron הן רק אולי תסריטים שברצונך להפעיל 194 00:12:17,230 --> 00:12:19,510 כל 5 דקות, כל 10 דקות, כל 15. 195 00:12:19,510 --> 00:12:22,030 הרבה אתרי אירוח משותפים שמים את ההגבלות 196 00:12:22,030 --> 00:12:26,310 במספר עבודות cron שאתה יכול לרוץ בגלל שלוקח יותר משאבים. 197 00:12:26,310 --> 00:12:31,800 >> ולבסוף, רק כל דבר אחר שאתה רוצה להסתכל על - לוודא בדיוק מה קורה 198 00:12:31,800 --> 00:12:35,180 לפני שאתה קונה חבילת האירוח שלך. 199 00:12:35,180 --> 00:12:37,720 ולבסוף, ביצועים. ביצועים הוא עצום. 200 00:12:37,720 --> 00:12:39,740 כמה מהר הוא אתר האינטרנט שלי הולך לרוץ? 201 00:12:39,740 --> 00:12:42,950 רוב המשתמשים לא הולכים לחכות אפילו שניות לאתר האינטרנט שלך לרוץ 202 00:12:42,950 --> 00:12:47,640 לפני שהם פשוט משתעממים, והם הולכים על MeanBase ולהתחיל להסתכל בתמונות 203 00:12:47,640 --> 00:12:52,240 חתולים - אתה יודע שזה קורה, ואתה רוצה לוודא שאתה מקבל את משתמש שעל הלוח 204 00:12:52,240 --> 00:12:54,300 וכי יש לך זמן פעולה טוב שרק אומר כי 205 00:12:54,300 --> 00:12:56,300 אתר האינטרנט שלך הולך להיות נגיש בכל העת. 206 00:12:56,300 --> 00:13:01,880 הרבה צבאות יש uptime ממש רע וזה רק אומר שהאתר שלך לא הולך להיות 207 00:13:01,880 --> 00:13:06,500 נגיש, ואתה לא רוצה שזה יקרה, כי אתה עלול להיות עצוב. 208 00:13:06,500 --> 00:13:10,360 ואתה יכול גם לעקוב אחר ביצועים של המארח שלך עם אתרים כמו 209 00:13:10,360 --> 00:13:16,440 Pingdom.com או מארחי tracker.com, והם רק אומרים לך כמה פעמים הוא למטה באתר שלך. 210 00:13:16,440 --> 00:13:18,490 >> ולבסוף, אתה רוצה לראות על תמיכתם. 211 00:13:18,490 --> 00:13:21,890 אם יש לך בעיה הם הולכים להגיב לך תוך 24 שעות? 212 00:13:21,890 --> 00:13:23,890 האם הם מתכוונים להגיב אליך תוך 48 שעות? 213 00:13:23,890 --> 00:13:26,500 שירות האירוח שאני משתמש בדרך כלל מגיב אליי תוך דקות 214 00:13:26,500 --> 00:13:29,760 וזה ממש נחמד. 215 00:13:29,760 --> 00:13:33,990 אוף! בסדר! הגענו הזמן להפסקה. אבל אני לא הולך לתת לך את זה. 216 00:13:33,990 --> 00:13:38,200 אנחנו פשוט מסתכלים על תמונות של חתולים חמודים מדי פעם. 217 00:13:38,200 --> 00:13:42,740 >> עוד דבר ממש, ממש גדול הוא תאימות לדפדפנים. 218 00:13:42,740 --> 00:13:45,890 מה אני מתכוון בתאימות לדפדפנים? 219 00:13:45,890 --> 00:13:50,970 אתה יודע, בימינו זה לא רק Microsoft Internet Explorer. 220 00:13:50,970 --> 00:13:53,970 זה לא רק מוזילה פיירפוקס או ספארי. 221 00:13:53,970 --> 00:13:58,190 עכשיו יש לנו כרום. יש לנו אופרה. יש לנו דולפין. יש לנו קמינו. 222 00:13:58,190 --> 00:14:00,540 יש לנו כובש. יש כל דפדפנים שונים אלה אנחנו. 223 00:14:00,540 --> 00:14:05,950 דברים שיוצאים עכשיו - RockMelt - אם כי אלו כולם מבוססים על כרום. 224 00:14:05,950 --> 00:14:10,990 אבל העובדה הפשוטה היא, שיש לא רק דפדפן אחד יותר. 225 00:14:10,990 --> 00:14:13,860 אתה לא רק צופה אלה דפי אינטרנט עם יישום אחד. 226 00:14:13,860 --> 00:14:17,660 וכך, דפדפנים שונים יגיבו ל-HTML שונה, CSS שונה, ו 227 00:14:17,660 --> 00:14:21,210 JavaScript שונה באופן שונה, ואיך אתם מתמודדים עם זה? 228 00:14:21,210 --> 00:14:24,370 ובכן, במקרים מסוימים, אתה באמת לא יכול. 229 00:14:24,370 --> 00:14:29,160 אתר האינטרנט שלך - אם זה עובד בדפדפן אחד, את הקוד שכתבת לא יעבוד 230 00:14:29,290 --> 00:14:32,910 בדפדפן אחר, וזה התפקיד שלך כדי לוודא שהקוד שאתה כותב 231 00:14:32,910 --> 00:14:36,000 הוא אוניברסלי, כי זה עובד בכל מקום. 232 00:14:36,000 --> 00:14:38,000 אז, זה באמת מסוכן. 233 00:14:38,000 --> 00:14:42,450 אם אתה אומר, "טוב, זה עובד על המחשב שלי. נהדר! בואו נעבור הלאה." 234 00:14:42,450 --> 00:14:46,040 ובכן, זה כנראה לא הולך לעבוד עליי, וכשאני הולך לאתר שלך 235 00:14:46,040 --> 00:14:49,210 אני הולך להיות עצוב מאוד, ואני הולך לעזוב מייד. 236 00:14:49,210 --> 00:14:51,570 אז בואו לראות איך אתה יכול למנוע את זה. 237 00:14:51,570 --> 00:14:55,520 >> הדבר הראשון, כמובן, הוא להשתמש רק תקן ה-HTML, CSS, ו-JavaScript. 238 00:14:55,520 --> 00:14:57,520 מה שאני מתכוון לעשות את זה? 239 00:14:57,520 --> 00:15:00,180 ובכן, יש הרבה דברים לא רגילים בחוץ. 240 00:15:00,180 --> 00:15:03,490 לדוגמה, ב-CSS יש גירסאות רבות. 241 00:15:03,490 --> 00:15:10,830 אם אתה רואה את כל כללי CSS עם-Moz-או-WebKit-, כללים אלה הם ספציפיים 242 00:15:10,830 --> 00:15:15,720 לשני הדפדפנים Mozilla ודפדפני Webkit, 243 00:15:15,720 --> 00:15:20,590 ואז אתה רוצה לוודא שאולי אתה רוצה למנוע את הדברים האלה 244 00:15:20,590 --> 00:15:25,150 כי אם אתה משתמש-Moz-שהכלל הוא רק הולך לעבודה בפיירפוקס. 245 00:15:25,150 --> 00:15:29,640 ואם אתה באמת רוצה שזה נראה טוב בדפדפן Internet Explorer גם, 246 00:15:29,640 --> 00:15:31,640 אתה הולך להיות מחוץ מזל. 247 00:15:31,640 --> 00:15:37,910 לHTML כמו כן, אתה יכול לעשות דברים ב-HTML עבודה כי בדפדפן אחד 248 00:15:37,910 --> 00:15:41,830 אבל זה שובר באחר, ואתה רוצה למנוע את זה ככל האפשר. 249 00:15:41,830 --> 00:15:44,830 ולבסוף אפילו עבור JavaScript - יש גירסאות רבות של JavaScript, 250 00:15:44,830 --> 00:15:50,570 והקיץ הזה נתקלנו בבעיה שבי Document.getElementsByClassName-- 251 00:15:50,570 --> 00:15:54,500 שהיא בדרך כלל פונקציה שהוגדרה כחלק מהסטנדרט של JavaScript - 252 00:15:54,500 --> 00:15:58,120 לא היה למצוא ב-Internet Explorer 8. 253 00:15:58,120 --> 00:16:01,900 אז, בקיץ אני עובד במעבדה וניסויים שאנחנו בונים באינטרנט. 254 00:16:01,900 --> 00:16:06,210 וחשבנו שזה היה עובד ממש טוב עד שהבנו משתמשים שהשתמשו 255 00:16:06,210 --> 00:16:09,780 Internet Explorer 8 לא יוכל להגיש את התוצאות שלהם. 256 00:16:09,780 --> 00:16:13,200 היינו פסיחה על הרבה נתונים. שגרם לנו מאוד עצוב. 257 00:16:13,200 --> 00:16:17,790 אז, אתה תמיד רוצה לוודא שהתסריטים שלך הולכים לעבוד בכל מקום. 258 00:16:17,790 --> 00:16:20,500 >> ולבסוף, השתמש validator.w3.org 259 00:16:20,500 --> 00:16:22,770 וזה מה שאנחנו אומרים לך לעשות בpset 7. 260 00:16:22,770 --> 00:16:24,530 ודא שהדפים שלך אומתו. 261 00:16:24,530 --> 00:16:28,310 זה חשוב כי שלפחות הוא בדיקת שפיות צעד ראשונה. 262 00:16:28,310 --> 00:16:31,870 האם הקוד שלי ממש תואם סטנדרטים? 263 00:16:34,930 --> 00:16:39,320 דרך נוספת למיון של לעזור לך לוודא שהאתר שלך הולך לעבודה 264 00:16:39,320 --> 00:16:42,610 ברוב הנסיבות היא אולי להשתמש בכמה ספריות ומסגרות 265 00:16:42,610 --> 00:16:46,210 משום שהמפתחים באמת חכמים האלה לא חשבו על נושאים אלה עבורך. 266 00:16:46,210 --> 00:16:49,850 הם כבר עברו והם כתבו פונקציות שונות שפועלות בכל דפדפנים. 267 00:16:49,850 --> 00:16:53,560 לדוגמה, אנו משתמשים בjQuery Pset 7. 268 00:16:53,560 --> 00:16:58,030 למרות שייתכן שלא ראה את זה, jQuery מספק הרבה פונקציות 269 00:16:58,030 --> 00:17:00,280 שאחרת היית צריכים לכתוב בעצמך. 270 00:17:00,280 --> 00:17:05,310 אבל מפתחים אלה כתבו אותו, והם דאגו לכך שזה עובד בכל הדפדפנים. 271 00:17:05,310 --> 00:17:10,280 ומגף - שהוא מסגרת CSS אחרת שהראינו לך בPset 7 - 272 00:17:10,280 --> 00:17:17,000 זה באמת לוקח ממך הרבה כאבי הראש עם עיצוב אתרי אינטרנט שנראים טוב. 273 00:17:17,000 --> 00:17:19,000 בכל הדפדפנים. 274 00:17:19,000 --> 00:17:23,660 >> ולבסוף, אם אתה יכול להימנע מכך, אני בדרך כלל להימנע מקידוד מחדש. 275 00:17:23,660 --> 00:17:28,079 אם אתה רק יצירת אתר אינטרנט עבור המועדון של בית הספר שלך, למשל, 276 00:17:28,079 --> 00:17:33,920 וכל מה שאתה צריך לעשות הוא להציג כמה עמודים ואולי יש לך ללכת בנשיא 277 00:17:33,920 --> 00:17:38,910 ולשנות כמה דברים פה ושם - באמת אין צורך בקוד שאת עצמך. 278 00:17:38,910 --> 00:17:40,910 זה לוקח הרבה הזמן שלך. 279 00:17:40,910 --> 00:17:42,660 זה לוקח הרבה האנרגיה שלך, ואתה צריך לעבור ואתה צריך לברר, 280 00:17:42,660 --> 00:17:45,930 ובכן, זה הולך להיראות טוב בדפדפן הזה, זה הולך להיראות טוב בדפדפן זה. 281 00:17:45,930 --> 00:17:50,610 אולי להשתמש בחלק מתיקונים אלה שאחרים כבר כתבו לך, כמו 282 00:17:50,610 --> 00:17:52,610 וורדפרס או ג'ומלה או דרופל. 283 00:17:52,610 --> 00:17:59,400 אלה נקראים תוכן - אלה נקראים CMSs אשר בעצם הם רק חבילות ה 284 00:17:59,400 --> 00:18:03,020 כבר באתי עשינו בשבילך, ואתה יכול להוריד אותם, לשים אותם על השרת שלך, 285 00:18:03,020 --> 00:18:07,510 ולהתאים אותם איך שאתה רוצה, וכבר יש לך אתר אינטרנט פועל. 286 00:18:07,510 --> 00:18:11,680 אלה חבילות הקוד הן משהו להסתכל ל. 287 00:18:11,680 --> 00:18:15,400 דברים אלה הם בקוד פתוח, אלא אם אתה הולך על משהו כמו - 288 00:18:15,400 --> 00:18:19,390 אם אתה מחפש חבילת טופס, יש דברים שהם לא חופשיים כמו 289 00:18:19,390 --> 00:18:21,570 VBulletin או IP.Board. 290 00:18:21,570 --> 00:18:23,790 אם אתה לא צריך כמה תכונות מתקדמות אלה, 291 00:18:23,790 --> 00:18:27,530 אתה תמיד יכול לבחור את אפשרות תשלום. 292 00:18:27,530 --> 00:18:31,300 >> ולבסוף, אין להימנע ממנה. 293 00:18:31,300 --> 00:18:33,300 עליך לבדוק, בדיקה, בדיקה. 294 00:18:33,300 --> 00:18:37,690 עליך לבדוק את הקוד שלך בכל הדפדפנים הללו ועל כל פלטפורמות אלה. 295 00:18:37,690 --> 00:18:44,110 ואתם יודעים, IE6 - אנשי תודה לאל החלו מתרחקים IE6 296 00:18:44,110 --> 00:18:49,190 בגלל בחזרה באותו היום, אולי לפני כמה שנים, היו למפתחי האינטרנט תמיד, תמיד, 297 00:18:49,190 --> 00:18:55,280 תמיד להתחנף לחולשות של IE6 בבעקבות את הסטנדרטים. 298 00:18:55,280 --> 00:19:00,860 אתרי אינטרנט פשוט נראים סוג של 1990 על חוסר דרך טובה יותר להתמודד עם זה. 299 00:19:00,860 --> 00:19:04,380 ניתן גם להשתמש בצילומי מסך של דפדפן כדי לבדוק-CSS שלך. 300 00:19:04,380 --> 00:19:08,100 אתר ממש מגניב אחת הוא browserlab.adobe.com. 301 00:19:08,100 --> 00:19:11,070 זהה שירות חינם לכבות על ידי אדובי. 302 00:19:11,070 --> 00:19:15,160 ומה שהם עושים הוא שהם יכולים לקחת את צילומי מסך של האתר שלך 303 00:19:15,160 --> 00:19:18,890 ריצה בתנאים שונים - כמו פועל תחת דפדפנים שונים, 304 00:19:18,890 --> 00:19:22,660 פועל תחת פלטפורמות שונות - ולהראות לך איך הם נראים. 305 00:19:22,660 --> 00:19:33,260 רק כדי להראות לך למה אני מתכוון כאן, אני יצרתי את אתר בשנה שעברה בשם חיים ברווארד, 306 00:19:33,260 --> 00:19:39,150 ומה שאני ניסיתי לעשות - ניסיתי להפוך my.harvard טוב יותר. 307 00:19:39,150 --> 00:19:43,840 כי אם היית כאן בשנה שעברה, my.harvard לא נראה כמו שזה נראה עכשיו. 308 00:19:43,840 --> 00:19:46,640 זה נראה סוג של גועל נפש. 309 00:19:46,640 --> 00:19:50,470 אבל עכשיו זה נראה הרבה יותר טוב. 310 00:19:50,470 --> 00:19:57,070 היישום שלי לא היה זה יותר שימושי, אבל כולם אותו הדבר, 311 00:19:57,070 --> 00:20:01,310 אתה יודע, אני ניסיתי להוסיף - (לא ברור) מה רבים - 312 00:20:01,310 --> 00:20:04,680 וזה נראה - זה נראה טוב מאוד על המחשב שלי. 313 00:20:04,680 --> 00:20:08,560 ולאחר מכן, אולי אם היה לי יותר זמן הייתי הולך למעבדת דפדפן, 314 00:20:08,560 --> 00:20:13,020 ואני היה מסתכל על, ובכן, איך זה נראה בכרום 18 ב-Windows. 315 00:20:13,020 --> 00:20:17,060 הייתי לגלול למטה והייתי רואה - אוי לא! הסתכל על המנוע ההכרזות. 316 00:20:17,060 --> 00:20:20,200 הטקסט שלי היה עולה על גדותיו. אז, זה רע, נכון? 317 00:20:20,200 --> 00:20:23,700 אם משתמש הוא באמצעות Chrome ב-Windows, ומגיע לאתר שלי, 318 00:20:23,700 --> 00:20:26,730 שמייד נראה מאוד לא מקצועי. 319 00:20:26,730 --> 00:20:30,760 לכן, אני צריך ללכת לCSS שלי ולגלות מה חלק של CSS שלי הוא לשבור כאן. 320 00:20:30,760 --> 00:20:35,090 למה זה לא מוצג כראוי, ולתקן אותו כך שכל המשתמשים יוכלו לראות את אותו אתר 321 00:20:35,090 --> 00:20:37,770 ולהיות מאושר באותה מידה. 322 00:20:37,770 --> 00:20:44,280 >> וסוף סוף, טוב, צילומי מסך של דפדפן הם נחמדים לבדיקה-CSS שלך, 323 00:20:44,280 --> 00:20:46,020 אבל מה לגבי JavaScript שלך? 324 00:20:46,020 --> 00:20:48,660 מה אם יש לך איזה תסריט מסובך שפועל? 325 00:20:48,660 --> 00:20:50,460 ובכן, אתה תמיד יכול לעשות וירטואליזציה. 326 00:20:50,460 --> 00:20:56,360 אם יש לך מק אתה יכול להשתמש Bootcamp או VMware לוירטואליזציה אולי עותק של 327 00:20:56,360 --> 00:20:59,540 Windows ו-Internet Explorer שימוש שם. 328 00:20:59,540 --> 00:21:03,400 או, אתה יכול ללכת על משהו כמו Spoon.net, שלמרבה הצער עובד רק על מחשבים אישיים. 329 00:21:03,400 --> 00:21:05,290 אבל מה שהם עושים זה מאוד מגניב. 330 00:21:05,290 --> 00:21:10,080 הם ירטואליזציה תוכנה בשבילך, כך שתוכל להפעיל גירסאות שונות של IE, למשל. 331 00:21:10,080 --> 00:21:12,080 אתה יכול להריץ גירסאות שונות של פיירפוקס. 332 00:21:12,080 --> 00:21:15,720 אתה יכול להריץ גירסאות של ספארי שונים ולבדוק את כל האתרים שלך שם. 333 00:21:15,720 --> 00:21:18,360 למרבה הצער, הם לא חופשיים. 334 00:21:18,360 --> 00:21:20,860 זה שירות בתשלום, ולכן תמיד יש סוג של זה - 335 00:21:20,860 --> 00:21:26,070 תמיד יש סוג של פשרה בין זה, טוב, אני הולך להפוך את אתר האינטרנט שלי נראה טוב. 336 00:21:26,070 --> 00:21:31,970 אם כך, ייתכן שאצטרך לשלם עבור שירותים מסוימים שיעזרו לי לעשות את זה. 337 00:21:31,970 --> 00:21:35,890 על כל שאלה בשלב זה על כל דבר שדיברנו עליו? 338 00:21:38,500 --> 00:21:41,210 מדהים. אוקיי. 339 00:21:41,210 --> 00:21:43,870 >> עכשיו יש לנו עוד על מה לדבר. 340 00:21:43,870 --> 00:21:45,820 מה דעתך על טעויות? 341 00:21:45,820 --> 00:21:48,670 איך אתה לוודא שהאתר שלך הולך לפעול גם כאשר 342 00:21:48,670 --> 00:21:50,150 משהו רע קורה? 343 00:21:50,150 --> 00:21:53,940 אולי אין לך דף בשם food.php. 344 00:21:53,940 --> 00:21:57,000 אבל לי, אני הולך לאתר שלך ואני מנסה להיכנס לfood.php. 345 00:21:57,000 --> 00:22:00,770 האם אתה פשוט הולך להראות לי שדף שאומר לבן 404 - קובץ לא נמצא? 346 00:22:00,770 --> 00:22:04,400 או שאתה הולך להגיד, "טוב, אני מצטער שאני לא יכול למצוא את זה בשבילך, 347 00:22:04,400 --> 00:22:08,520 אבל אולי הנה כמה משאבים אחרים שיעזרו לך לחפש את מה שאתה צריך ". 348 00:22:08,520 --> 00:22:13,180 טעויות אחרות - כך, זה נקרא שגיאות HTTP שהם רק חלק קודי שגיאה 349 00:22:13,180 --> 00:22:17,130 שהשרת שלך אולי היה נשלח בחזרה לדפדפן במקרה של התרחשות משהו רעה. 350 00:22:17,130 --> 00:22:20,160 400 - בקשה שגויה. 401 - לא מורשה. 351 00:22:20,160 --> 00:22:25,560 403 הוא סוג של נפוצה כאשר יש לך מדריך שלא אמור להיות נגיש 352 00:22:25,560 --> 00:22:27,310 על ידי המשתמש, אבל המשתמש מנסה בכל מקרה. 353 00:22:27,310 --> 00:22:30,840 ו500 - שגיאת שרת פנימית - שקורה בדרך כלל כאשר יש לך משהו 354 00:22:30,840 --> 00:22:33,070 ממש רע קורה עם קוד PHP שלך. 355 00:22:33,070 --> 00:22:36,140 אבל בכל מקרה, אלו סוגים של דפדפנים - מיני השגיאות האלה קורים. 356 00:22:36,140 --> 00:22:40,550 >> אז, איך אתה לוודא שאתה בחן לטפל בשגיאות האלה 357 00:22:40,550 --> 00:22:43,230 ולוודא שהמשתמש הוא לא רק סוג של תלוי שם? 358 00:22:46,850 --> 00:22:48,850 הנה בא. Htaccess. 359 00:22:48,850 --> 00:22:51,300 עכשיו, htaccess. הוא משהו שעובד על שרתי האפצ'י, 360 00:22:51,300 --> 00:22:55,550 משהו שעובד ועובד על כמה שרתים אחרים גם כן. 361 00:22:55,550 --> 00:23:01,350 זוהי רק דרך בשבילך כדי לקבוע את תצורת השרת כך ש 362 00:23:01,350 --> 00:23:04,470 אתה יכול לעשות את זה לעשות מה שאתה רוצה לעשות את זה. 363 00:23:04,470 --> 00:23:06,790 יש דברים שאתה יכול לעשות. אתה יכול לשלוט בהגדרות המטמון שלך. 364 00:23:06,790 --> 00:23:11,290 אולי יש לדף מסוים באתר האינטרנט שלך, כי אתה לוודא שהמשתמש 365 00:23:11,290 --> 00:23:14,740 להוריד מחדש בכל פעם שהמשתמש מגיע ומבקר באתר האינטרנט שלך. 366 00:23:14,740 --> 00:23:26,980 או שאולי יש לך איזה כתובת אתר זה כמו / דפים / hello.html yoursite.com / בדיקה / html 367 00:23:26,980 --> 00:23:31,270 ואתה רק רוצה שזה יהיה yourname.com / שלום -. כן, אתה יכול להשתמש htaccess 368 00:23:31,270 --> 00:23:34,760 כדי לנתב מחדש דף אינטרנט אחד למשנו. 369 00:23:34,760 --> 00:23:36,600 אתה יכול גם להשתמש בו כדי לעשות את האימות. 370 00:23:36,600 --> 00:23:39,890 אולי יש כמה חלקים מאתר האינטרנט שלך, כי אתה צריך להשתמש בסיסמא אחרת. 371 00:23:39,890 --> 00:23:42,620 אתה יכול לחסום כתובות IP מסוימות, לחסום תחומים מסוימים. 372 00:23:42,620 --> 00:23:46,770 אולי אתה פשוט ממש לא אוהב את תלמידי הרווארד באמצעות אתר האינטרנט שלך. 373 00:23:46,770 --> 00:23:49,910 ובכן, יש לך את האפשרות של חסימת כל כתובות ה-IP הרווארד. 374 00:23:49,910 --> 00:23:56,370 >> לבסוף, אתה יכול לטפל בדברים - אתה יכול לכתוב קוד מסוים כדי להפוך את השרת שלך 375 00:23:56,370 --> 00:24:03,100 טיפול דומה. זאו או. את שמך או. דפי שלום כמו קוד PHP. 376 00:24:03,100 --> 00:24:05,170 אולי זה אהיה שימושי. אולי זה לא יהיה. 377 00:24:05,170 --> 00:24:07,980 ולבסוף, אתה יכול להשתמש בו כדי להתמודד עם תגובות של שגיאה. 378 00:24:07,980 --> 00:24:10,300 מה שאני מתכוון לעשות את זה? 379 00:24:10,300 --> 00:24:16,030 אם אתה פשוט להוסיף קוד כזה - 404 ErrorDocument ולאחר מכן להפנות אותם לחלק 380 00:24:16,030 --> 00:24:20,440 דף שגיאה, אתה יכול לוודא שהמשתמש לא רק לראות את ממש ממש מכוער 381 00:24:20,440 --> 00:24:23,550 404 ולהראות להם משהו נחמד. 382 00:24:23,550 --> 00:24:29,000 >> בואו באמת נסתכל על איך אנחנו יכולים לעשות את זה עם Pset שלך 7. 383 00:24:29,000 --> 00:24:34,190 הנה, אני במכשיר שלי. 384 00:24:34,190 --> 00:24:38,440 אני הולך לפתוח את כרום, ולאחר מכן אני הולך לנסות לגשת לדף 385 00:24:38,440 --> 00:24:43,350 שאינו קיימים באוצר CS50. 386 00:24:43,350 --> 00:24:52,710 אז, מארח מקומי - cats.php-כל כך, שים לב שאני יצרתי מסמך שגיאה 387 00:24:52,710 --> 00:24:54,770 שאומר: "לא תמצא את דף Canz z!" 388 00:24:54,770 --> 00:24:56,990 יש לו חתול עצוב מאוד על זה. 389 00:24:56,990 --> 00:24:59,910 אם אתה הולך בטוויטר, אם אתה הולך על כל אחד מאתרים האחרים אלה, 390 00:24:59,910 --> 00:25:02,700 אתה לא יכול למצוא בדף, הם מנסים בדרך כלל להראות לך תמונה חמודה 391 00:25:02,700 --> 00:25:04,850 כך שאתה לא מאוכזב מדי. 392 00:25:04,850 --> 00:25:07,830 גם אתה יכול להיות משהו שהוא יותר מקצועיים שאומר, 393 00:25:07,830 --> 00:25:11,760 כן, אני מצטער שלא יכולתי למצוא את הדף, אבל אולי הנה תיבת חיפוש. 394 00:25:11,760 --> 00:25:16,750 או שאולי הנה כמה קישורים שיעזרו לך למצוא את הקישור שאתה רוצה. 395 00:25:16,750 --> 00:25:21,410 אז, איך אני עושה את זה? איך זה בכלל אפשרי? 396 00:25:21,410 --> 00:25:23,500 אם אנחנו נכנסים למסוף שלנו כאן - 397 00:25:23,500 --> 00:25:26,300 אני רק הולך כדי להתקרב קצת - 398 00:25:26,300 --> 00:25:30,110 שם לב שיש לי דף חדש. 399 00:25:30,110 --> 00:25:34,440 בתוך ספריית ה-HTML שלי שקורא לזה - אתה לא יכול לראות את זה - 400 00:25:34,440 --> 00:25:37,280 זה נקרא error.php. 401 00:25:37,280 --> 00:25:41,010 וerror.php הוא רק קובץ שאני עשיתי 402 00:25:41,010 --> 00:25:43,030 זה מראה לך שדף עצמו. 403 00:25:43,030 --> 00:25:46,710 אני יכול להראות לך מה הוא error.php. 404 00:25:46,710 --> 00:25:48,710 זה בדיוק דף זה. 405 00:25:48,710 --> 00:25:50,710 הוא אומר, "אוי, לא! Canz לא למצוא את הדף של Z!" 406 00:25:50,710 --> 00:25:58,630 וגם, אם אתה רוצה לראות - ולכן, שים לב כי זה סוג של htaccess הוא שם מוזר.. 407 00:25:58,630 --> 00:26:01,040 זה מתחיל בנקודה שאומרת שזה קובץ מערכת. 408 00:26:01,040 --> 00:26:03,360 זהו קובץ נסתר אשר בדרך כלל לא מוצג. 409 00:26:03,360 --> 00:26:09,060 אם אתה עושה את LS-, אתה יכול לראות את כל הקבצים המוסתרים בספרייה מסוימת, 410 00:26:09,060 --> 00:26:12,030 ואכן, אתה מבין. htaccess הוא אחד מהם. 411 00:26:12,030 --> 00:26:15,490 בואו נלך קדימה ולפתוח htaccess. - 412 00:26:15,490 --> 00:26:19,830 עם gedit - 413 00:26:19,830 --> 00:26:26,870 בום! כל מה שיש לי הוא בשורה אחת שם - מסמך שגיאה לשגיאות 404 414 00:26:26,870 --> 00:26:28,760 אשר ידועים גם בשם שגיאות קובץ לא נמצאו-. 415 00:26:28,760 --> 00:26:32,720 בואו להפנות אותם למשהו שנקרא error.php. 416 00:26:36,100 --> 00:26:42,030 אתה יכול לקבל דברים שכיף כמו canz לא למצוא את הדף של Z! 417 00:26:42,030 --> 00:26:46,770 ויש גם דברים מאוד מגניבים שאתה יכול לעשות עם htaccess.. 418 00:26:46,770 --> 00:26:49,520 אם אתה רוצה לראות יותר. Htaccess קסם, 419 00:26:49,520 --> 00:26:56,470 מדובר באתר מאוד מגניב ללכת ל-- זה נקרא javascriptkit.com/howto/htaccess.shtml-- 420 00:26:56,470 --> 00:27:01,880 אם אתה רוצה לבצע שרת קסם יותר. וזה יכול להיות מאוד כיף. 421 00:27:01,880 --> 00:27:05,490 >> אוף! בסדר! עוד תמונות חמודות. 422 00:27:05,490 --> 00:27:10,060 זה בחור שעושה שכיבות סמיכה, והחתול שלו הוא מנסה לעזור. אני חושב שזה מאוד חמוד. 423 00:27:10,060 --> 00:27:14,830 למרבה הצער, אין לי חתול כזה. 424 00:27:14,830 --> 00:27:17,640 בסדר. אז, שדיברנו עליו. Htaccess. 425 00:27:17,640 --> 00:27:19,640 דברנו על טיפול בשגיאות. 426 00:27:19,640 --> 00:27:20,940 דברנו על אירוח, שמות דומיין. 427 00:27:20,940 --> 00:27:23,230 דברנו על תאימות לדפדפנים. 428 00:27:23,230 --> 00:27:25,210 עכשיו איך אנחנו לוודא כי האתר שלך למעשה מבצע? 429 00:27:25,210 --> 00:27:26,950 איך אפשר לוודא שאם אני הולך לאתר שלך 430 00:27:26,950 --> 00:27:29,830 אני יכול לראות את הדף שלך תוך כמה שניות? 431 00:27:29,830 --> 00:27:33,520 אחד הדברים שאני חושב שאנשים פשוט סוג של לשכוח 432 00:27:33,520 --> 00:27:36,160 תמונה היא אופטימיזציה. 433 00:27:36,160 --> 00:27:37,560 נניח שאתה רוצה לשים את תמונה באתר שלך 434 00:27:37,560 --> 00:27:40,330 וזה 2 MG גדול. 435 00:27:40,330 --> 00:27:42,670 זה יכול להיות בסדר בשבילנו כי אנחנו בהרווארד, 436 00:27:42,670 --> 00:27:45,000 ויש לנו חיבור אינטרנט מהיר מאוד. 437 00:27:45,000 --> 00:27:47,470 אבל לדמיין מישהו בסין. תארו לעצמכם שמישהו בהודו. 438 00:27:47,470 --> 00:27:52,440 לדמיין מישהו שאולי באזורים הכפריים של קנזס שאולי אין לו את אותו הסוג של 439 00:27:52,440 --> 00:27:54,690 אינטרנט בפס רחב שיש לנו. 440 00:27:54,690 --> 00:27:57,710 אם יש לך MB תמונה 2 באתר שלך, והמשתמש מנסה לגשת אליו, 441 00:27:57,710 --> 00:28:00,890 זה הולך לקחת אותם הרבה מאוד זמן להוריד. 442 00:28:00,890 --> 00:28:04,160 לכן, אם אתה לא צריך את זה סוג של החלטה, 443 00:28:04,160 --> 00:28:09,220 אז אתה יכול לשנות את גודל התמונה שלך עם משהו כמו חנות צילום Adobe. 444 00:28:09,220 --> 00:28:13,400 בדרך כלל יש אפשרות בשם בטוח לאינטרנט והתקנים, 445 00:28:13,400 --> 00:28:15,850 ומה שהיא עושה זה מסיר את כל המידע המיותר 446 00:28:15,850 --> 00:28:20,160 וסוג של מחזק את הקובץ שלך לתוך גודל תמונה קטן, כך שאתה יכול 447 00:28:20,160 --> 00:28:22,960 לשים אותו על האתר שלך, וכל משתמש שמנסה להוריד אותו הדף 448 00:28:22,960 --> 00:28:26,950 הולך להוריד גרסה קטנה יותר של התמונה שלך. 449 00:28:26,950 --> 00:28:28,230 אם אין לך Adobe חנות צילום 450 00:28:28,230 --> 00:28:32,650 webresizer.com הוא גם משאב אחר שבו אתה יכול להזין את התמונה שלך 451 00:28:32,650 --> 00:28:36,470 וזה יהיה לירוק את אותה תמונה בדיוק, 452 00:28:36,470 --> 00:28:39,970 אבל זה יהיה משהו כמו 3 פעמים קטנות יותר. 453 00:28:39,970 --> 00:28:41,970 אז זה מאוד שימושי עבור המשתמשים שלך. 454 00:28:41,970 --> 00:28:45,930 >> דבר נוסף שאתה יכול לעשות הוא minify קוד. 455 00:28:45,930 --> 00:28:48,460 אם נסתכל על Google.com, 456 00:28:48,460 --> 00:28:56,400 אתה תראה שזה לא סוג של אותו HTML ו-CSS שאנחנו רגילים אליו. 457 00:28:56,400 --> 00:29:02,250 פשוט הולך להסתכל על קוד המקור כאן. 458 00:29:02,250 --> 00:29:07,600 אם אני פשוט לגלול למטה - וואו, זה נראה די מגעיל. 459 00:29:07,600 --> 00:29:09,650 זה היית מקבל אפס על סגנון. 460 00:29:09,650 --> 00:29:13,470 אם אתה מקודד את זה בשבילך Pset, תקבל אפס על הסגנון שלך. 461 00:29:13,470 --> 00:29:16,990 אין לכך שום מרווח. השמות נראים ממש סתומים. 462 00:29:16,990 --> 00:29:19,800 כל זה באמת מגעיל. 463 00:29:19,800 --> 00:29:24,060 ואת התסריט כדי לסגור בגוף - HTML הסגירה - 464 00:29:24,060 --> 00:29:26,280 הם כולם ביחד - כולי לחוצה יחד. 465 00:29:26,280 --> 00:29:28,280 למה הם עושים את זה? 466 00:29:28,280 --> 00:29:30,650 הם minified הקוד שלהם. 467 00:29:30,650 --> 00:29:33,310 שים לב שהמסמך הזה הולך להיות הרבה יותר קטן 468 00:29:33,310 --> 00:29:36,660 בשבילי להוריד ממשהו עם שטח לבן, 469 00:29:36,660 --> 00:29:39,410 יותר ממשהו עם שמות משתנים באמת ארוכים. 470 00:29:39,410 --> 00:29:41,710 אם אתה minify הקוד שלך אתה מפשיט את כל החלל הלבן. 471 00:29:41,710 --> 00:29:45,960 כמובן, לא אכפת הדפדפן שלך אם יש לך שטח לבן בקוד שלך. 472 00:29:45,960 --> 00:29:49,630 אתה מפשיט אותו, עכשיו אני יכול להוריד קובץ קטן יותר - 473 00:29:49,630 --> 00:29:52,770 עכשיו את הקובץ - המסמכים שאנחנו הולכים להוריד יש גודל קובץ קטן יותר, 474 00:29:52,770 --> 00:29:56,180 זה יהיה מהיר יותר בשבילי כדי להוריד, וזה שימושי. 475 00:29:56,180 --> 00:30:01,550 אם אתה עובד עם אתרי אינטרנט ואתה משיק אתר אינטרנט, 476 00:30:01,550 --> 00:30:04,630 זה כמעט תמיד טוב minify הקוד שלך. 477 00:30:04,630 --> 00:30:08,150 סיבה נוספת לכך שזה יכול להיות טוב היא אולי אתה לא רוצה שאחרים ישתמשו בקוד שלך. 478 00:30:08,150 --> 00:30:11,050 אולי אתה לא רוצה שאחרים להשתמש ב-CSS שלך. 479 00:30:11,050 --> 00:30:13,460 אתה יודע שאם אתה באמת רוצה להיות קמצן עם זה, 480 00:30:13,460 --> 00:30:16,670 אז אתה יכול גם minify הקוד שלך, וזה יהיה יותר קשה לי לגנוב אותו 481 00:30:16,670 --> 00:30:19,170 כי אין לי מושג מה קורה. 482 00:30:19,170 --> 00:30:22,990 אתה יכול גם ללכת לאתרים כמו minify.avivo.si. 483 00:30:22,990 --> 00:30:27,900 שירותים כמו זה באינטרנט לעזור לך minify הקוד שלך כך שאתה לא צריך לעשות את זה ביד. 484 00:30:27,900 --> 00:30:30,080 בהחלט לא עושה את זה ביד. 485 00:30:30,080 --> 00:30:32,210 >> אוקיי. עכשיו מדבר על תסריטים. 486 00:30:32,210 --> 00:30:35,040 אולי בקוד PHP שלך יש משהו שאתה לא צריך לעשות. 487 00:30:35,040 --> 00:30:37,910 אולי יש לולאות ות שם. 488 00:30:37,910 --> 00:30:40,850 דיברנו על עיצוב קוד בCS50. 489 00:30:40,850 --> 00:30:44,550 גם אם אתה קידוד ב-C, אם יש לך - אם אתה עושה את עבודה נוספת 490 00:30:44,550 --> 00:30:49,440 כי אתה לא צריך לעשות, ובכן, זה הולך להאט את התסריטים שלך באתר האינטרנט שלך, 491 00:30:49,440 --> 00:30:53,280 וזה חשוב במיוחד עבור אתרי אינטרנט, כי משתמשים כיום הם מאוד חסרי סבלנות. 492 00:30:53,280 --> 00:30:56,110 אם אתה עושה עבודה מיותרת, זה הולך לקחת להם יותר זמן 493 00:30:56,110 --> 00:31:00,080 כדי להגיע למידע שהם רוצים, והם הולכים להיות מאוד לא מרוצים. 494 00:31:00,080 --> 00:31:02,200 לבסוף, ייתכן שתרצה כדי לייעל את טבלאות מסד הנתונים שלך. 495 00:31:02,200 --> 00:31:05,020 זוכרים שדברנו על מדדים. 496 00:31:05,020 --> 00:31:09,420 הם לא טובים בשביל לוודא שיש לך שורה שייחודית רק. 497 00:31:09,420 --> 00:31:12,440 הם טובים ללוודא שמסד הנתונים שלך עובד מהר גם. 498 00:31:12,440 --> 00:31:16,240 אם אתה רוצה לקרוא על שהולך לתיעוד MySQL, 499 00:31:16,240 --> 00:31:18,710 או שאתה יכול להסתכל על - ובכן, איך אני יכול לייעל את הטבלה באתר שלי? 500 00:31:18,710 --> 00:31:23,350 כיצד אוכל לוודא שיש לי מדדים שיסייעו לי להגיע למידע מהר יותר? 501 00:31:23,350 --> 00:31:27,300 >> ישנם גם טריקים קטנים שאתה יכול להשתמש כמו במטמון. 502 00:31:27,300 --> 00:31:28,980 אם יש לך PHP - אם יש לך בלוג, למשל, 503 00:31:28,980 --> 00:31:31,980 ויש לך - וזה מופעל על ידי PHP או בכל שפה אחרת - 504 00:31:31,980 --> 00:31:37,690 אתה יכול מטמון הבלוג שלך ביניח מרווחים 50 דקות, כך שאתה יכול לשרת את הדפים סטטיים 505 00:31:37,690 --> 00:31:40,610 או HTML סטטי למבקרים באתר שלך. 506 00:31:40,610 --> 00:31:43,380 אופן שבו המשתמשים לא צריכים להפעיל סקריפט PHP שלך בכל פעם, 507 00:31:43,380 --> 00:31:47,410 ואולי זה יהיה מהיר יותר עבורם כדי לגשת למידע זה. 508 00:31:47,410 --> 00:31:49,410 >> ולבסוף, אתה יכול להשתמש במשהו כמו CDN. 509 00:31:49,410 --> 00:31:51,900 שים לב כי בכל פעם שאתה מוריד Pset, 510 00:31:51,900 --> 00:31:54,890 אתה תמיד הולך לCDN.CS50.net. מדוע זה כך? 511 00:31:54,890 --> 00:32:01,540 CS50 משתמש גם כמו סוג של CDN - רשת הפצת תוכן - 512 00:32:01,540 --> 00:32:06,120 שרק אומר שזה חבורה של שרתים אולי במקום ברחבי העולם 513 00:32:06,120 --> 00:32:08,120 עזרה שישמש את הדפים שלך למבקרים שלך. 514 00:32:08,120 --> 00:32:13,770 אם המבקר שלך הוא מקבל דף משרת שקרוב אליהם גיאוגרפית, 515 00:32:13,770 --> 00:32:16,770 אז סביר להניח שהמבקר שלך הוא הולך לקבל קובץ שהרבה יותר מהר. 516 00:32:16,770 --> 00:32:20,490 ישנם גם מקורות באינטרנט שיעזרו לך לעשות את זה. 517 00:32:20,490 --> 00:32:24,070 אחד מהם הוא CloudFlare. הם מציעים שירות CDN ללא תשלום. 518 00:32:24,070 --> 00:32:26,020 אם יש לך קבצים גדולים שמשרתים שלך למשתמשים שלך, 519 00:32:26,020 --> 00:32:32,260 אז אולי עדיף לשים על CDN, כך שהם יכולים להגיע אליהם מהר יותר. 520 00:32:32,260 --> 00:32:39,070 >> הנושא האחרון להיום הוא אופטימיזציה למנועי חיפוש. 521 00:32:39,070 --> 00:32:41,070 מהי אופטימיזציה של מנועי חיפוש? 522 00:32:41,070 --> 00:32:44,070 זה לוודא כי מנועי חיפוש כמו גוגל או בינג או יאהו 523 00:32:44,070 --> 00:32:50,740 יכול ללכת לאתר שלך ולסרוק את האתר שלך ואינדקס את האתר שלך ומתי 524 00:32:50,740 --> 00:32:53,040 אני, למשל, ללכת על מנת Google.com ואני מנסה לחפש משהו, 525 00:32:53,040 --> 00:32:55,040 אז האתר שלך יופיע. 526 00:32:55,040 --> 00:32:57,000 איך אתה לוודא שהאתר שלך הוא אחד 10 בראש? 527 00:32:57,000 --> 00:33:00,000 כי כפי שכולנו יודעים, אם אתה מחפש משהו ב-Google 528 00:33:00,000 --> 00:33:02,880 וזה לא על 10 בראש סביר להניח שאתה לא הולך ביותר להסתכל ב10 הבאים. 529 00:33:02,880 --> 00:33:07,160 זה סוג של נושא זה לוט בערפל. 530 00:33:07,160 --> 00:33:09,850 יש הרבה hype שם בחוץ באינטרנט. 531 00:33:09,850 --> 00:33:14,680 יש הרבה אמונות תפלות על אם X אז גוגל יאהב אותך טוב יותר. 532 00:33:14,680 --> 00:33:16,680 אם Y אז גוגל יאהב אותך טוב יותר. 533 00:33:16,680 --> 00:33:19,680 זה כנראה טוב יותר כדי לבדוק את מסמכיו של ענק החיפוש עצמו. 534 00:33:19,680 --> 00:33:27,470 >> זהו אחד המסמכים ב-Google כי לספר לך בדיוק איך לייעל את האתר שלך 535 00:33:27,470 --> 00:33:30,860 כך שגוגל יכולה לגשת ומדד זה יפה מאוד. 536 00:33:30,860 --> 00:33:33,680 אתה לא צריך להעתיק את כתובת האתר הזה, כי הצגה זו היא הולכת 537 00:33:33,680 --> 00:33:36,680 להיות באינטרנט בכל מקרה. 538 00:33:36,680 --> 00:33:38,770 אם אתה מסתכל על זה ואתה קורא את זה יש כמה רמזים מועילים מאוד לשם. 539 00:33:38,770 --> 00:33:42,240 גוגל אומרת לך - אם אתה באמת רוצה את האתר שלך כדי להיות צמוד גם 540 00:33:42,240 --> 00:33:44,610 אז אתה צריך לעשות את כל הדברים האלה. 541 00:33:44,610 --> 00:33:47,570 >> דבר נוסף שמנועי חיפוש הוא באמת אוהבים את התוכן טרי. 542 00:33:47,570 --> 00:33:49,500 אם יש לך תוכן שמתעדכן באופן שוטף מאוד 543 00:33:49,500 --> 00:33:51,950 אז מנועי חיפוש אומרים, אוו, אני אוהב את האתר שלך. 544 00:33:51,950 --> 00:33:53,950 אני מתכוון ללכת לאתר שלך לעתים קרובות מאוד. 545 00:33:53,950 --> 00:33:56,840 אני הולך למדד הרבה הדפים שלך. 546 00:33:56,840 --> 00:33:59,560 אם יש לך תוכן טרי ואז אתה צפוי להופיע - 547 00:33:59,560 --> 00:34:02,540 אתה צפוי להיות רלוונטי יותר. 548 00:34:02,540 --> 00:34:04,630 אתם נוטים יותר להיות יותר מעודכנים, 549 00:34:04,630 --> 00:34:08,860 ומנועי חיפוש נוטים יותר לשים את האתר שלך מעל אחרים. 550 00:34:08,860 --> 00:34:10,860 >> קישורים עמוקים הם גם חשובים. 551 00:34:10,860 --> 00:34:13,530 אם אתה באמת רוצה את האתר שלך כדי להיראות טוב בעיניים של מנוע חיפוש 552 00:34:13,530 --> 00:34:18,090 יש הרבה אתרי אינטרנט אחרים מקושר אליו וקשור עמוק לתוך אתר האינטרנט שלך. 553 00:34:18,090 --> 00:34:20,090 לא רק קישור לדף הבית שלך. 554 00:34:20,090 --> 00:34:26,719 קישור אולי yourname.com / משהו / משהו / something.php ל. 555 00:34:26,719 --> 00:34:29,840 כי - למנועי חיפוש - אמצעי, וואו, יש להם תוכן מעניין באמת 556 00:34:29,840 --> 00:34:35,350 שמישהו אחר הוא קישור כל כך עמוק לתוך האתר שלהם שאני צריך באמת, באמת 557 00:34:35,350 --> 00:34:38,260 לשים יותר חשיבות על גבי דפיו של אתר זה. 558 00:34:38,260 --> 00:34:41,940 >> אם יש לך כותרות עמודים מדויקות, אם אין לך טעויות זה טוב, כי 559 00:34:41,940 --> 00:34:44,670 אם מנוע חיפוש מנסה לבקר באתר שלך, וזה מתחיל להיות שגיאה, 560 00:34:44,670 --> 00:34:46,780 זה כנראה הולך לוותר מאוד, בקרוב מאוד. 561 00:34:46,780 --> 00:34:49,510 ולבסוף, אתה רוצה שיהיה לי זמן טעינה מהיר, כי מנועי חיפוש - 562 00:34:49,510 --> 00:34:53,820 בדיוק כמו בני אדם - לא מבינים יש לי הרבה סבלנות לאתרי אינטרנט איטי. 563 00:34:53,820 --> 00:34:57,070 זוהי דרך בשבילך כדי לוודא שאתה להופיע גבוה יותר ב 564 00:34:57,070 --> 00:35:01,390 שאילתות חיפוש במנועי ובתקווה ובכך תקבל יותר תנועה. 565 00:35:01,390 --> 00:35:04,730 כי אחרי הכל, אתה כבר בילה כל כך הרבה זמן בפיתוח אתר האינטרנט שלך. 566 00:35:04,730 --> 00:35:06,280 אתה בילה את כל הזמן הזה משיק אתר אינטרנט זה אינטרנט. 567 00:35:06,280 --> 00:35:11,780 אתה רוצה לוודא שיש לך הרבה משתמשים שבאמת רואים את התוכן שלך. 568 00:35:13,330 --> 00:35:15,660 >> משאבים טובים אחרים לשימוש. 569 00:35:15,660 --> 00:35:19,210 כלי מנהלי אתרים של גוגל הוא משהו להסתכל ל. 570 00:35:19,210 --> 00:35:21,780 זה רק עוזר לך לראות - גוגל לא אינדקס את האתר שלי. 571 00:35:21,780 --> 00:35:24,490 מה מיני שגיאות שלו הוא נתקל? 572 00:35:24,490 --> 00:35:27,490 כמה דפים זה באינדקס? 573 00:35:27,490 --> 00:35:29,490 מה זה הוא חושב את התוכן החשוב ביותר בדף שלי? 574 00:35:29,490 --> 00:35:31,490 אולי זה לא מה שאני רוצה שזה יהיה. 575 00:35:31,490 --> 00:35:36,880 אולי אני צריך לשנות את אתר האינטרנט שלי קצת כזה שזה בא לידי ביטוי טוב יותר 576 00:35:36,880 --> 00:35:38,880 מה שהאתר שלי הוא באמת עליו. 577 00:35:38,880 --> 00:35:41,000 Google Analytics הוא כלי ממש מגניב אחר. 578 00:35:41,000 --> 00:35:44,120 אתה יכול להוסיף קצת JavaScript לדפים שלך. 579 00:35:44,120 --> 00:35:47,020 ואחר כך אתה יכול ללכת ל-Google Analytics, וזה יהיה לעקוב אחר 580 00:35:47,020 --> 00:35:49,020 הדמוגרפיה המבקר שלך וצמיחת האתר שלך. 581 00:35:49,020 --> 00:35:51,810 הוא יגיד לך בדיוק כמה מבקרים לבקר באתר שלך 582 00:35:51,810 --> 00:35:55,310 בתוך יום מסוים, בשעה מסוימת, בשבוע מסוים. 583 00:35:55,310 --> 00:35:57,310 כמה מבקרים מסין? כמה מבקרים מאנטארקטיקה - 584 00:35:57,310 --> 00:35:59,310 אתה מקבל לאתר האינטרנט שלך. 585 00:35:59,310 --> 00:36:03,470 זה יכול להיות משהו מגניב לראות או שזה יכול להיות אפילו שימושי 586 00:36:03,470 --> 00:36:05,470 בגלל שאתה מנסה למקד קבוצה מסוימת. 587 00:36:05,470 --> 00:36:08,410 אולי אתה מנסה לכוון בני נוער עם אתר האינטרנט שלך, ואתה רואה את זה 588 00:36:08,410 --> 00:36:11,410 רוב המבקרים באתר האינטרנט שלך הם אולי 30 - לגילאי 40 שנים, 589 00:36:11,410 --> 00:36:15,130 אז אולי גם יש לך בעיה או שאתה יכול פשוט לומר, 590 00:36:15,130 --> 00:36:19,590 טוב, אז אולי אני צריך פשוט לשנות את המיקוד של האתר שלי, כך ש 591 00:36:19,590 --> 00:36:22,240 אני מתמקד יותר בקבוצת הגיל זו. 592 00:36:22,240 --> 00:36:28,500 >> Google Apps - אם אתה רוצה להיות סוג של הודעות דוא"ל עם שם הדומיין שלך - 593 00:36:28,500 --> 00:36:31,230 אולי משהו כמו yourname@yourname.com-- 594 00:36:31,230 --> 00:36:35,270 אתה יכול להשתמש בכתובות Gmail - אתה יכול להשתמש בשירות Gmail 595 00:36:35,270 --> 00:36:38,500 וGoogle Apps הוא דרך אחת לעשות את זה. 596 00:36:38,500 --> 00:36:44,050 באפשרותך להגדיר כתובות דואר אלקטרוני ספציפיות שהם ספציפיים לשם הדומיין שלך 597 00:36:44,050 --> 00:36:46,800 במקום of@gmail.com. 598 00:36:46,800 --> 00:36:51,840 >> ולבסוף, יש הרחבות מפתח אינטרנט ותוספות - לכרום, 599 00:36:51,840 --> 00:36:56,380 עבור Firefox, לדפדפנים אחרים - המאפשרים לך להיכנס ולבדוק 600 00:36:56,380 --> 00:37:02,290 CSS, JavaScript לבדוק, לראות בדיוק מה לא בסדר עם תסריט JavaScript שלך, 601 00:37:02,290 --> 00:37:05,290 ואולי זה אהיה שימושי למטרות דה ההאזנה שלך, בשבילך לגלות - 602 00:37:05,290 --> 00:37:08,630 ובכן, מדוע זה לא האתר שלי מוצג כראוי בדפדפן זה? 603 00:37:08,630 --> 00:37:11,800 >> ולבסוף, אם אתה רוצה ללמוד יותר על כל הנושאים האלה - 604 00:37:11,800 --> 00:37:14,410 אם אתה רוצה ללמוד עוד על HTML ו-CSS ו-JavaScript - 605 00:37:14,410 --> 00:37:16,790 כי אחרי הכל, אנחנו לימד אותך רק קצת - 606 00:37:16,790 --> 00:37:21,240 אתה יכול ללכת לאתרים כמו W3Schools.com לחפש יותר משאבים. 607 00:37:21,240 --> 00:37:26,340 יש להם הדרכות נחמדות מאוד על איך אני עושה את X, Y או מה זה אומר? 608 00:37:26,340 --> 00:37:30,400 אם אתם רוצים ללמוד עוד על השפות האלה אתה יכול פשוט ללכת לכאן. 609 00:37:30,400 --> 00:37:37,690 >> בסדר. אני חושב שאני רוצה לעזוב את זה כמה דקות של דקות האחרונות לשאלות, 610 00:37:37,690 --> 00:37:39,810 אז האם יש שאלות על כל דבר שדיברנו עליו? 611 00:37:39,810 --> 00:37:43,500 [חבר קהל] אילו סוגים של דברים הם בW3Schools וכיצד הוא מכוסה? 612 00:37:43,500 --> 00:37:45,500 [Yuechen זאו] אילו סוגים של דברים? 613 00:37:45,500 --> 00:37:50,180 לכן, אחד הדברים שמאוד הגדולים שאני משתמש הרבה הוא ההפניות שלהם. 614 00:37:50,180 --> 00:37:54,430 פירוט ההפניות שלהם, למשל עבור CSS - 615 00:37:54,430 --> 00:37:59,480 מה זה אומר, או אם אתה רוצה לשנות את הרקע של דף - 616 00:37:59,480 --> 00:38:01,480 איך אתה עושה את זה? 617 00:38:01,480 --> 00:38:04,550 איזה דפדפנים תומכים בפקודה הזאת? דברים כאלה. 618 00:38:04,550 --> 00:38:10,870 ואז הם גם צריכים רק הדרכות נחמדות מאוד ב-HTML, ב-PHP, על JavaScript, 619 00:38:10,870 --> 00:38:14,290 על MySQL, בכל מיני נושאים שונים. 620 00:38:14,290 --> 00:38:18,800 יש להם הדרכות נחמדות. הם מלמדים אותך איך לעשות את הדברים. 621 00:38:18,800 --> 00:38:22,590 זה נחמד להיות מסוגל ללכת וללמוד עוד על נושאים אלה. 622 00:38:22,590 --> 00:38:27,180 >> [חבר קהל] HTML 5 עדיין אינו תואם עם כל הדפדפנים בחוץ. 623 00:38:27,180 --> 00:38:30,700 היית ממליץ פשוט להתרחק ממנו בגלל בעיות תאימות? 624 00:38:30,700 --> 00:38:32,700 איך היית מתמודד עם זה? 625 00:38:32,700 --> 00:38:38,640 [Yuechen זאו] כן, כן, השאלה היא HTML5 הוא עדיין תקן תינוק. 626 00:38:38,640 --> 00:38:42,030 זה לא ממש נתמך על ידי הרבה דפדפנים, ולכן אנחנו צריכים להימנע מכך? 627 00:38:42,030 --> 00:38:48,040 אני חושב ששנה שעברה הייתי חסיד גדול מאוד של, בואו למנוע HTML5 628 00:38:48,040 --> 00:38:52,430 כי זה עדיין - זה עדיין הרבה מאוד חדשים למעשה, תקן HTML5 629 00:38:52,430 --> 00:38:55,610 לא סגור עדיין. 630 00:38:55,610 --> 00:38:58,790 וכך, באמת אין שום תקן HTML5. 631 00:38:58,790 --> 00:39:03,840 אבל אני חושב שבמיוחד אם אתה עיצוב אתר החברה, 632 00:39:03,840 --> 00:39:07,450 זה יכול להיות יותר טוב אם אתה פשוט ללכת עם HTML5 כי זה סוג של הולך להיות בעתיד, 633 00:39:07,450 --> 00:39:11,250 ואם אתה רוצה את האתר שלך כדי להיות בעתיד הוכחה ואתה רוצה את האתר שלך לעבודה 634 00:39:11,250 --> 00:39:14,320 בדפדפנים בעתיד, זה יכול להיות טוב יותר כדי להתחיל לבנות משהו לעתיד 635 00:39:14,320 --> 00:39:19,830 מאשר בעבר, וגם רק בגלל העובדה שHTML5 באמת לא כל כך שונה 636 00:39:19,830 --> 00:39:23,080 מHTML4 או XHTML. 637 00:39:23,080 --> 00:39:29,780 אם אתה משתמש ב-HTML5, זה בדרך כלל יעבוד ברוב הדפדפנים. 638 00:39:29,780 --> 00:39:34,660 אתה פשוט צריך למיין של להיכנס ולוודא עם צילומי מסך אלה 639 00:39:34,660 --> 00:39:38,630 ולוודא עם קורה לאתרים האלה בעצמך. 640 00:39:38,630 --> 00:39:44,280 אבל קרוב לוודאי שזה יעבוד אלא אם אתה משתמש בתכונות מאוד ספציפיות ל-HTML5. 641 00:39:44,280 --> 00:39:50,240 שימו לב גם כי לCS50 - למשל, עבור נגן וידאו שאנו משתמשים - 642 00:39:50,240 --> 00:39:56,230 הוא משתמש בוידאו HTML5 ו-HTML5 כדי להציג את ההרצאות. 643 00:39:56,230 --> 00:39:59,420 אבל אם יש לך דפדפן ממש זקן, ואז היא תיפול בחזרה על פלאש. 644 00:39:59,420 --> 00:40:01,420 אז, זה גם משהו אחר - 645 00:40:01,420 --> 00:40:05,190 יש מערכת גיבוי לכאשר אתה פשוט יודע שהדפדפן לא הולך להתמודד עם 646 00:40:05,190 --> 00:40:08,140 מה שאתה רוצה זה לטפל. 647 00:40:08,140 --> 00:40:10,140 >> שאלות אחרות? 648 00:40:10,140 --> 00:40:13,270 כל דבר שדיברנו עליו. 649 00:40:16,910 --> 00:40:20,750 בסדר. ואז אני חושב שזה על זה בשבילי. 650 00:40:20,750 --> 00:40:23,090 אני חושב שזה זה. 651 00:40:23,090 --> 00:40:28,430 (מחיאות כפיים) 652 00:40:28,430 --> 00:40:30,000 מגניב. 653 00:40:30,500 --> 00:40:32,700 [CS50.TV]