[Powered by Google Translate] [סמינר] [הכנת האתר שלך לאינטרנט]
[Yuechen זאו] [אוניברסיטת הרווארד]
[זה CS50.] [CS50.TV]
>> אוקיי. הנה עוד שעה של התפתחות אינטרנט, אם אתם מעלים על זה.
היום אני הולך לדבר על הכנת האתר שלך לאינטרנט.
כל היום - וכנראה עבור 2 השבועות האחרונים -
אנחנו כבר מדברים על איך ליצור אתר אינטרנט,
כיצד להשתמש ב-HTML, כיצד להשתמש PHP, כיצד להשתמש מסגרות,
איך לוודא שאתה יכול לתקשר עם מסד הנתונים - דברים כאלה.
אבל היום, אנחנו הולכים לדבר על האתר שלך שבו הולך לחיות אחרי CS50.
כי אחרי הכל, CS50 לא קורה בעבר בדצמבר.
אנחנו הולכים לדבר על שמות דומיין, אירוח.
אנחנו הולכים לדבר על מה שתאימות לדפדפנים
ותאימות בין הפלטפורמה הן, ואיך אתה יכול לוודא שהאתר שלך
הוא הולך לפעול בכל התנאים.
נדבר על טיפול בשגיאות וקסם שרת אחר.
על אופטימיזציה של ביצועים, קידום במנועי חיפוש, אנחנו מדברים
ואיך לגרום לאנשים לבקר דווקא אתרי האינטרנט שלך.
ולבסוף, במרחק של כמה משאבים טובים כדי לוודא שיש לכם מספיק מאלה
ללכת עם פרויקט הגמר שלך, ואני מקווה שאחרי.
>> הדבר הראשון שאנחנו הולכים לדבר עליו הוא שמות דומיין.
נכון לעכשיו אתה מתכנת במכשיר שלך, אתה הולך למארח מקומי
שהוא לא ממש שם תחום.
זה פשוט סוג של כינוי או בשם בדוי להתקנה של לינוקס שלך בפועל
בתוך או על VMware Player או VMware במחשב אישי.
שמות דומיין מאפשרים לך לשים את אתר על גבי אינטרנט ולאחר מכן ללכת למשהו כמו
www.google.com ולקבל באתר האינטרנט.
איך הם עובדים?
בואו נגיד שאתה רק שרת אינטרנט ממוצע -
ממוצע גולש אינטרנט ויש לך מחשב נייד, ואתה הולך לwww.howstuffworks.com.
כנראה שאתה יכול לראות בו גנבתי את זה ממנו.
איך עובד דברים - המחשב שלך ואז לשאול את שרת ה-DNS מקומי,
"האם אתה יודע היכן אתר זה הוא?"
"האם אתה יודע את כתובת ה-IP של www.howstuffworks.com?"
שרת ה-DNS שלך עשויה לומר: "כן, אני עושה".
במקרה זה, אתה מקבל את כתובת ה-IP, וגישה למחשב שלך שכתובת ה-IP.
אם זה לא קורה, זה "היי! האם אתה יודע מה הוא www.howstuffworks.com?" שואל שרת DNS אחר,
שרת שאפשר לומר, "כן, אני עושה".
אז, זה אומר אחד אחר מה זה, ולבסוף, מידע שמקבל העביר למחשב שלך,
ואתה יכול לגשת howstuffworks.com.
>> איך אתה יכול לקבל אחד מהדברים הקסומים האלה?
איך אתה יכול לקבל אולי www.yourname.com או www.ilovecats.com?
אתה יכול להירשם לאחד,
ויש הרבה אתרים שם בחוץ, כי יאפשר לך לעשות זאת.
אתה חייב - ברוב המקרים אתה חייב לשלם עבורם.
ישנם שמות מתחם מסוימים, כי הם ללא תשלום.
אם אתה הולך לtkdomainnames www.co.cc או., אלה הם ללא תשלום.
אבל, הם באים עם הגבלות מסוימות, ולמעשה חלק מהם אפילו לא יכול להיות
שמות אמיתיים, ברמה העליונה תחומים כמו. com או. נטו.
בדרך כלל אני הייתי מציע ללכת על אחד מהם
כי המשתמשים הם פשוט יותר נוחים עם אלה.
אתה כבר ראית הרבה. Coms. אתה כבר ראית הרבה. רשתות.
אתה כנראה לא ראית הרבה של. Co.cc, ולכן הם קשים יותר לזכור.
אתרי אינטרנט שונים כמו Godaddy או NameCheap או - הייתי אחד זה
סוג של רפרף - activedomain.com נקרא.
זה נראה ממש גס, אבל זה עבד ממש טוב בשבילי.
>> ולבסוף, יש לך אחרים שאולי לעשות יותר פרסום כמו פתרונות רשת.
אבל אם אתה הולך על NetworkSolutions.com ומסתכל על התמחור שלהם
זה באמת יקר. אני מסתכל עליהם אתמול בלילה.
לשנה אחת של שם הדומיין, זה כנראה לא שווה כל כך הרבה כסף.
למעשה, אם אתה מקבל. Com או. Org או. נטו
המחיר הרגיל הוא כ -10 דולרים לשנה.
אז אם אתה משלם הרבה יותר מזה, זה כנראה לא כל כך שווה את זה
כי אחרי הכל, אתרים אלה לא עושים שום דבר עם שם הדומיין ש.
הם פשוט נותנים לך את זה, ואז אם אתה יכול לקבל את זה לזול, למה לא?
>> הדבר השני הוא ברגע שיש לך את שם הדומיין שלך, אז אתה בטח רוצה
להמשיך או Godaddy.com או בכל מקום שקנית את שם הדומיין שלך
ולהגדיר את שרתי שמות לשם תחום זה.
מה פירוש הדבר הוא ברגע שמשתמש נכנס לwww.howstuffworks.com,
אלה כתובות IP שרת השמות הן את כתובות ה-IP שהם יהיו מסוגלים להסתכל למעלה.
הם יוכלו לגשת לאתר האינטרנט שלך באמצעות אלה שרתים שם.
אם תחיל עבור אירוח במקום
אז המארח שלך קרוב לוודאי ייתן לך את שרתי השמות להשתמש בו.
>> ולבסוף, יש את הדבר הזה שנקרא WHOIS.
מסד הנתונים WHOIS הוא מסד נתונים שבה אתה יכול קלט שם תחום
וזה יהיה לירוק קצת מידע על הבעלים של מידע ליצירת קשר באתר אחר וש.
עכשיו, אתה יכול לומר, "אני לא באמת רוצה את כתובת הבית שלי או שאני לא באמת רוצה את כתובת הדואר האלקטרוני שלי
באתר האינטרנט לכל אחד לראות או באינטרנט כדי שכולם יראו ".
אז אולי כדאי לך להשתמש במשהו שהרבה של שירותי אירוח לספק -
כמו מנהל WHOIS.
מנהל WHOIS הוא פשוט עוד שירות שהרבה מהם קובעים כי
מסתיר ממנו את המידע הזה ופשוט מכניס במי מנהל לשם -
לכתובת שזה בדרך כלל פשוט כי שם החברה שנתנה לך שם תחום זה -
וכן אז המידע האישי שלך לא להיות דלף באינטרנט,
שהיא בדרך כלל די טובה.
אני בעצמי משתמש באחד מהשירותים הללו.
אם לא אכפת לך על הפרטיות שלך אז זה לא ממש משנה.
>> שרת DNS עומד על מערכת שמות מתחם, ומה שהוא -
זה כמו סוג של שולחן חשיש איפשהו שאומר,
"כתובת אתר זה היא הולכת למיפוי לכתובת ה-IP הזה". וזה כל מה שזה.
אז ברגע ששאילתא שרת ה-DNS את זה, אז אתה יכול לקבל את כתובות ה-IP
בשביל זה שם דומיין מתאים ולאחר מכן לבקר באתר אינטרנט זה.
(חבר בקהל שואל את שאלה - לא נשמע)
הראשון? הרמה הראשונה היא למעשה בדרך כלל רק זכרון המטמון של המחשב עצמו.
הסוג של המחשב שלך זוכר את הפעם האחרונה שהלכת לwww.google.com
זה היה בכתובת ה-IP, ואז אחרי זמן מה, מטמון שיפוג,
וזה ישאל כמו DNS Comcast,
"היי, מה www.google.com?"
בדרך כלל, כאשר אתה קונה שם תחום ואתה נרשם אחד, ואתה הקים אתר אינטרנט,
אתה לא יכול ללכת לאתר האינטרנט כי מייד עם שם הדומיין שבגלל שרתים שם
על פני הגלובוס לא יודע על שם הדומיין שלך עדיין. יש בו כדי לאכלס.
בדרך כלל זה לוקח בערך 24-48 שעות.
בסדר. אז, זה קצת על שמות דומיין. הם מאוד מגניבים.
אני חושב שאתה צריך לקבל אחד אם אתה רציני לגבי הפרויקט
ואם אתה באמת רוצה לעשות את הפרויקט שלך ידוע ברחבי קמפוס,
יש שם תחום עושה את זה נראה ממש מקצועי.
>> אז הצעד הבא, כמובן, הוא שיש איזה אירוח.
אם אתה רק לארח אותו במחשב שלך, אף אחד אף פעם הולך להיות מסוגל ללכת אליו.
אתה עלול להקים שרת במחשב שלך ולשמור על המחשב שלך לנצח,
אבל זה לא מומלץ.
ישנם סוגים שונים של אירוח זמין באינטרנט שונים.
יש אירוח משותף. יש VPN (לא ברור) שהם מארחים וירטואליים.
יש חצי ייעודי ומסור.
של 3 שעבר, VPN, חצי ייעודי, ומסור הם בדרך כלל יקרים יותר.
הם בדרך כלל משמשים לאתרים הדורשים יותר משאבים.
אם אתה רק מתחיל עם אתר,
זה יכול להיות רק יותר חסכוני ללכת עם האירוח המשותף.
ומה חלק אמצעי הוא פשוט חבורה של אתרים כולם יחד
כאילו בשרת אחד באתר זה על שרת מארח זה, ואתה יכול לגשת לאתר האינטרנט שלך
באמצעות שם תחום.
>> יש הרבה של מארחים פופולריים בחוץ.
HostGator ו DreamHost - אלה הם מאוד, מאוד גדולים ומאוד מאוד פופולריים
ומאוד מאוד מוצלח.
אני אישית משתמש בMDDHosting נקרא אחד.
אם אתה הולך לwww.mddhosting.com, זה שורה של בחירה שלי.
אני חושב שהם טובים מאוד.
הם תמיד הייתם מאוד אמינים, ומעולם לא היו לי שום בעיות איתם.
יש להם גם תמחור תחרותי מאוד.
שתיים שאני לא ממש אוהב אותם GoDaddy - שגם מארח מאוד פופולרי,
אבל היו לי חוויות קשות איתם,
והרבה אנשים שאני מכיר יש לו חוויות ממש נוראות איתם.
הם סוג של ללכת אחרי אנשים שלא יודעים מה הם עושים -
אולי אתה עושה באתר בפעם הראשונה,
וכך הם כאילו להונות אותם לרכישת חבילת האירוח שלהם.
אל תעשה את זה. אל תתייחסו לזה. לכו לחפש חבילות אירוח אחרות שבאמת יתאימו לצרכים שלך.
והשני הוא - יש מארחים חינם בחוץ.
ישנם אתרי אינטרנט שיארח את האתר שלך בחינם -
לפעמים על ידי הצבת מודעות באתר שלך,
לפעמים על ידי שהופך אותך להשתתף בפורומים שלהם,
אבל לפעמים פשוט גם בחינם.
אבל, להיות זהיר עם מארחים חינם, כי הרבה מהם באמת פשוט לצאת מהעסק
אחרי כמה חודשים. אתה פשוט לא יכול לשמור על קשר עם את העלויות.
אחרים הם פשוט מאוד לא אמינים, והאתר שלך תמיד יהיה למטה,
ואתה לא רוצה שזה יקרה.
>> כל מארח יציע לוח הבקרה שלהם.
שים לב שעבור המכשיר שלך, באמת אין לוח בקרה כשלעצמה.
אתה צריך להשתמש במסוף ללכת ולערוך את הקבצים.
יש לך לchmod דברים בעצמך.
אם אתה רוצה ללכת לphpMyAdmin,
אתה צריך ללכת לlocalhost @ / phpmyadmin ודברים כאלה.
אבל עם לוח בקרה שאתה יכול להיכנס ולערוך את הקבצים בשרת שלך
עם Windows Explorer או יישום Finder-סוג.
או שאתה יכול לעבור ולהסתכל על מסדי הנתונים שלך עם הכלי שלהם
במקום phpMyAdmin.
לכן, אין הרבה ברירה כאן, וחלק מלוחות הבקרה הפופולריים יותר הם שם למעלה.
אבל אם אתם מחפשים מארח,
אז אולי כדאי לך להסתכל על מה מיני התאמות ואופציות
הם מציעים לי כדי להתאים אישית את השרת שלי ולהפוך את אתר האינטרנט שלי לרוץ טוב יותר.
כן, אז אתה יכול לשאול, "נו, איך אני בוחר אירוח?"
אם אתה הולך על כל אתר אינטרנט מארח יש הרבה ז'רגון, ויש הרבה אפשרויות.
יש הרבה של מחירים שונים גם.
בדרך כלל אני הולך על אלה זולים יותר רק בגלל שאתרים שאולי אתה ואני עושים -
ובמיוחד עכשיו, במיוחד כהתחלה - ייתכן שהם לא זקוקים למשאבים רבים
כפי שאולי אתר כמו Microsoft.com.
>> ראשון שאתה רוצה להסתכל על מערכת ההפעלה אם אתם ממש סקרנים אם
האתר שלך הולך יתארח על לינוקס, ב-Windows, או ב-Mac.
בדרך כלל אנחנו פשוט ללכת עם לינוקס כי זה בדרך כלל הזול ביותר,
וגם אחד שאולי אתם מכירים טובים יותר בגלל המכשיר.
ולאחר מכן, אולי הם ישימו כמה הגבלות על כמות רוחב הפס שאתה מקבל -
כמו כמה מגה בייט או ג'יגה בייט של נתונים משתמשים יכולים להוריד
מאתר האינטרנט שלך לחודש? או שטח דיסק.
כמה מקום אתה מקבל? האם זה 500 MB? האם זה 2 GB? האם זה ללא הגבלה?
כיום, הרבה שרתי אינטרנט נותנים לך שטח דיסק בלתי מוגבל כדרך עבורם
כדי לפתות אותך כדי לקבל חבילת האירוח שלהם.
אבל אם אתה באמת חושב על זה, כשהם אי פעם יזדקקו לשטח דיסק בלתי מוגבל?
אם יש לך כמה קבצי HTML, זוג של PHP, כמה תמונות -
זה רק כמה מגה בייט, וכל כך
בדרך כלל אני פשוט הולך לשווה אולי כמה 'ג' יגה של מרחב,
ושעשוי להיות מספיק כדי להתחיל אותי עד שאני זקוק ליותר.
>> לבסוף, הם עלולים לשים מגבלות על איזה סוג של - כמה מאגרי מידע שאתה יכול לקבל.
אולי אתה יכול לקבל אתר 1 בלבד. אולי אתה יכול להיות 2. אולי אתה יכול להיות 10.
האם זה באמת חשוב לך כמה אתה מקבל?
דברים שיש לשאול את עצמך.
ולבסוף, רק דברים כמו שפות.
האם הם תומכים PHP? האם הם תומכים MySQL?
רוב אתרי אירוח אין לתמוך האלה כי הם חופשיים. הם בקוד פתוח.
זה לא עולה להם כלום כדי לספק אלה עבורך.
אבל אם ברצונך להשתמש, למשל, רובי או פייתון או כמה שפות אחרות אלה -
הם לא יכולים לתמוך בו על השרת שלהם, ולכן חשוב לחפש דברים כאלה.
>> ולבסוף, האם הם יאפשר לך לעשות כמה דברים מתקדמים יותר, כמו עבודות SSL או cron?
SSL הוא אופציה שבו אתה יכול להפוך את אתר האינטרנט שלך מאובטח יותר בכך שהוא HTTPS
ולהצפין את הקשרים שלך.
ועבודות cron הן רק אולי תסריטים שברצונך להפעיל
כל 5 דקות, כל 10 דקות, כל 15.
הרבה אתרי אירוח משותפים שמים את ההגבלות
במספר עבודות cron שאתה יכול לרוץ בגלל שלוקח יותר משאבים.
>> ולבסוף, רק כל דבר אחר שאתה רוצה להסתכל על - לוודא בדיוק מה קורה
לפני שאתה קונה חבילת האירוח שלך.
ולבסוף, ביצועים. ביצועים הוא עצום.
כמה מהר הוא אתר האינטרנט שלי הולך לרוץ?
רוב המשתמשים לא הולכים לחכות אפילו שניות לאתר האינטרנט שלך לרוץ
לפני שהם פשוט משתעממים, והם הולכים על MeanBase ולהתחיל להסתכל בתמונות
חתולים - אתה יודע שזה קורה, ואתה רוצה לוודא שאתה מקבל את משתמש שעל הלוח
וכי יש לך זמן פעולה טוב שרק אומר כי
אתר האינטרנט שלך הולך להיות נגיש בכל העת.
הרבה צבאות יש uptime ממש רע וזה רק אומר שהאתר שלך לא הולך להיות
נגיש, ואתה לא רוצה שזה יקרה, כי אתה עלול להיות עצוב.
ואתה יכול גם לעקוב אחר ביצועים של המארח שלך עם אתרים כמו
Pingdom.com או מארחי tracker.com, והם רק אומרים לך כמה פעמים הוא למטה באתר שלך.
>> ולבסוף, אתה רוצה לראות על תמיכתם.
אם יש לך בעיה הם הולכים להגיב לך תוך 24 שעות?
האם הם מתכוונים להגיב אליך תוך 48 שעות?
שירות האירוח שאני משתמש בדרך כלל מגיב אליי תוך דקות
וזה ממש נחמד.
אוף! בסדר! הגענו הזמן להפסקה. אבל אני לא הולך לתת לך את זה.
אנחנו פשוט מסתכלים על תמונות של חתולים חמודים מדי פעם.
>> עוד דבר ממש, ממש גדול הוא תאימות לדפדפנים.
מה אני מתכוון בתאימות לדפדפנים?
אתה יודע, בימינו זה לא רק Microsoft Internet Explorer.
זה לא רק מוזילה פיירפוקס או ספארי.
עכשיו יש לנו כרום. יש לנו אופרה. יש לנו דולפין. יש לנו קמינו.
יש לנו כובש. יש כל דפדפנים שונים אלה אנחנו.
דברים שיוצאים עכשיו - RockMelt - אם כי אלו כולם מבוססים על כרום.
אבל העובדה הפשוטה היא, שיש לא רק דפדפן אחד יותר.
אתה לא רק צופה אלה דפי אינטרנט עם יישום אחד.
וכך, דפדפנים שונים יגיבו ל-HTML שונה, CSS שונה, ו
JavaScript שונה באופן שונה, ואיך אתם מתמודדים עם זה?
ובכן, במקרים מסוימים, אתה באמת לא יכול.
אתר האינטרנט שלך - אם זה עובד בדפדפן אחד, את הקוד שכתבת לא יעבוד
בדפדפן אחר, וזה התפקיד שלך כדי לוודא שהקוד שאתה כותב
הוא אוניברסלי, כי זה עובד בכל מקום.
אז, זה באמת מסוכן.
אם אתה אומר, "טוב, זה עובד על המחשב שלי. נהדר! בואו נעבור הלאה."
ובכן, זה כנראה לא הולך לעבוד עליי, וכשאני הולך לאתר שלך
אני הולך להיות עצוב מאוד, ואני הולך לעזוב מייד.
אז בואו לראות איך אתה יכול למנוע את זה.
>> הדבר הראשון, כמובן, הוא להשתמש רק תקן ה-HTML, CSS, ו-JavaScript.
מה שאני מתכוון לעשות את זה?
ובכן, יש הרבה דברים לא רגילים בחוץ.
לדוגמה, ב-CSS יש גירסאות רבות.
אם אתה רואה את כל כללי CSS עם-Moz-או-WebKit-, כללים אלה הם ספציפיים
לשני הדפדפנים Mozilla ודפדפני Webkit,
ואז אתה רוצה לוודא שאולי אתה רוצה למנוע את הדברים האלה
כי אם אתה משתמש-Moz-שהכלל הוא רק הולך לעבודה בפיירפוקס.
ואם אתה באמת רוצה שזה נראה טוב בדפדפן Internet Explorer גם,
אתה הולך להיות מחוץ מזל.
לHTML כמו כן, אתה יכול לעשות דברים ב-HTML עבודה כי בדפדפן אחד
אבל זה שובר באחר, ואתה רוצה למנוע את זה ככל האפשר.
ולבסוף אפילו עבור JavaScript - יש גירסאות רבות של JavaScript,
והקיץ הזה נתקלנו בבעיה שבי Document.getElementsByClassName--
שהיא בדרך כלל פונקציה שהוגדרה כחלק מהסטנדרט של JavaScript -
לא היה למצוא ב-Internet Explorer 8.
אז, בקיץ אני עובד במעבדה וניסויים שאנחנו בונים באינטרנט.
וחשבנו שזה היה עובד ממש טוב עד שהבנו משתמשים שהשתמשו
Internet Explorer 8 לא יוכל להגיש את התוצאות שלהם.
היינו פסיחה על הרבה נתונים. שגרם לנו מאוד עצוב.
אז, אתה תמיד רוצה לוודא שהתסריטים שלך הולכים לעבוד בכל מקום.
>> ולבסוף, השתמש validator.w3.org
וזה מה שאנחנו אומרים לך לעשות בpset 7.
ודא שהדפים שלך אומתו.
זה חשוב כי שלפחות הוא בדיקת שפיות צעד ראשונה.
האם הקוד שלי ממש תואם סטנדרטים?
דרך נוספת למיון של לעזור לך לוודא שהאתר שלך הולך לעבודה
ברוב הנסיבות היא אולי להשתמש בכמה ספריות ומסגרות
משום שהמפתחים באמת חכמים האלה לא חשבו על נושאים אלה עבורך.
הם כבר עברו והם כתבו פונקציות שונות שפועלות בכל דפדפנים.
לדוגמה, אנו משתמשים בjQuery Pset 7.
למרות שייתכן שלא ראה את זה, jQuery מספק הרבה פונקציות
שאחרת היית צריכים לכתוב בעצמך.
אבל מפתחים אלה כתבו אותו, והם דאגו לכך שזה עובד בכל הדפדפנים.
ומגף - שהוא מסגרת CSS אחרת שהראינו לך בPset 7 -
זה באמת לוקח ממך הרבה כאבי הראש עם עיצוב אתרי אינטרנט שנראים טוב.
בכל הדפדפנים.
>> ולבסוף, אם אתה יכול להימנע מכך, אני בדרך כלל להימנע מקידוד מחדש.
אם אתה רק יצירת אתר אינטרנט עבור המועדון של בית הספר שלך, למשל,
וכל מה שאתה צריך לעשות הוא להציג כמה עמודים ואולי יש לך ללכת בנשיא
ולשנות כמה דברים פה ושם - באמת אין צורך בקוד שאת עצמך.
זה לוקח הרבה הזמן שלך.
זה לוקח הרבה האנרגיה שלך, ואתה צריך לעבור ואתה צריך לברר,
ובכן, זה הולך להיראות טוב בדפדפן הזה, זה הולך להיראות טוב בדפדפן זה.
אולי להשתמש בחלק מתיקונים אלה שאחרים כבר כתבו לך, כמו
וורדפרס או ג'ומלה או דרופל.
אלה נקראים תוכן - אלה נקראים CMSs אשר בעצם הם רק חבילות ה
כבר באתי עשינו בשבילך, ואתה יכול להוריד אותם, לשים אותם על השרת שלך,
ולהתאים אותם איך שאתה רוצה, וכבר יש לך אתר אינטרנט פועל.
אלה חבילות הקוד הן משהו להסתכל ל.
דברים אלה הם בקוד פתוח, אלא אם אתה הולך על משהו כמו -
אם אתה מחפש חבילת טופס, יש דברים שהם לא חופשיים כמו
VBulletin או IP.Board.
אם אתה לא צריך כמה תכונות מתקדמות אלה,
אתה תמיד יכול לבחור את אפשרות תשלום.
>> ולבסוף, אין להימנע ממנה.
עליך לבדוק, בדיקה, בדיקה.
עליך לבדוק את הקוד שלך בכל הדפדפנים הללו ועל כל פלטפורמות אלה.
ואתם יודעים, IE6 - אנשי תודה לאל החלו מתרחקים IE6
בגלל בחזרה באותו היום, אולי לפני כמה שנים, היו למפתחי האינטרנט תמיד, תמיד,
תמיד להתחנף לחולשות של IE6 בבעקבות את הסטנדרטים.
אתרי אינטרנט פשוט נראים סוג של 1990 על חוסר דרך טובה יותר להתמודד עם זה.
ניתן גם להשתמש בצילומי מסך של דפדפן כדי לבדוק-CSS שלך.
אתר ממש מגניב אחת הוא browserlab.adobe.com.
זהה שירות חינם לכבות על ידי אדובי.
ומה שהם עושים הוא שהם יכולים לקחת את צילומי מסך של האתר שלך
ריצה בתנאים שונים - כמו פועל תחת דפדפנים שונים,
פועל תחת פלטפורמות שונות - ולהראות לך איך הם נראים.
רק כדי להראות לך למה אני מתכוון כאן, אני יצרתי את אתר בשנה שעברה בשם חיים ברווארד,
ומה שאני ניסיתי לעשות - ניסיתי להפוך my.harvard טוב יותר.
כי אם היית כאן בשנה שעברה, my.harvard לא נראה כמו שזה נראה עכשיו.
זה נראה סוג של גועל נפש.
אבל עכשיו זה נראה הרבה יותר טוב.
היישום שלי לא היה זה יותר שימושי, אבל כולם אותו הדבר,
אתה יודע, אני ניסיתי להוסיף - (לא ברור) מה רבים -
וזה נראה - זה נראה טוב מאוד על המחשב שלי.
ולאחר מכן, אולי אם היה לי יותר זמן הייתי הולך למעבדת דפדפן,
ואני היה מסתכל על, ובכן, איך זה נראה בכרום 18 ב-Windows.
הייתי לגלול למטה והייתי רואה - אוי לא! הסתכל על המנוע ההכרזות.
הטקסט שלי היה עולה על גדותיו. אז, זה רע, נכון?
אם משתמש הוא באמצעות Chrome ב-Windows, ומגיע לאתר שלי,
שמייד נראה מאוד לא מקצועי.
לכן, אני צריך ללכת לCSS שלי ולגלות מה חלק של CSS שלי הוא לשבור כאן.
למה זה לא מוצג כראוי, ולתקן אותו כך שכל המשתמשים יוכלו לראות את אותו אתר
ולהיות מאושר באותה מידה.
>> וסוף סוף, טוב, צילומי מסך של דפדפן הם נחמדים לבדיקה-CSS שלך,
אבל מה לגבי JavaScript שלך?
מה אם יש לך איזה תסריט מסובך שפועל?
ובכן, אתה תמיד יכול לעשות וירטואליזציה.
אם יש לך מק אתה יכול להשתמש Bootcamp או VMware לוירטואליזציה אולי עותק של
Windows ו-Internet Explorer שימוש שם.
או, אתה יכול ללכת על משהו כמו Spoon.net, שלמרבה הצער עובד רק על מחשבים אישיים.
אבל מה שהם עושים זה מאוד מגניב.
הם ירטואליזציה תוכנה בשבילך, כך שתוכל להפעיל גירסאות שונות של IE, למשל.
אתה יכול להריץ גירסאות שונות של פיירפוקס.
אתה יכול להריץ גירסאות של ספארי שונים ולבדוק את כל האתרים שלך שם.
למרבה הצער, הם לא חופשיים.
זה שירות בתשלום, ולכן תמיד יש סוג של זה -
תמיד יש סוג של פשרה בין זה, טוב, אני הולך להפוך את אתר האינטרנט שלי נראה טוב.
אם כך, ייתכן שאצטרך לשלם עבור שירותים מסוימים שיעזרו לי לעשות את זה.
על כל שאלה בשלב זה על כל דבר שדיברנו עליו?
מדהים. אוקיי.
>> עכשיו יש לנו עוד על מה לדבר.
מה דעתך על טעויות?
איך אתה לוודא שהאתר שלך הולך לפעול גם כאשר
משהו רע קורה?
אולי אין לך דף בשם food.php.
אבל לי, אני הולך לאתר שלך ואני מנסה להיכנס לfood.php.
האם אתה פשוט הולך להראות לי שדף שאומר לבן 404 - קובץ לא נמצא?
או שאתה הולך להגיד, "טוב, אני מצטער שאני לא יכול למצוא את זה בשבילך,
אבל אולי הנה כמה משאבים אחרים שיעזרו לך לחפש את מה שאתה צריך ".
טעויות אחרות - כך, זה נקרא שגיאות HTTP שהם רק חלק קודי שגיאה
שהשרת שלך אולי היה נשלח בחזרה לדפדפן במקרה של התרחשות משהו רעה.
400 - בקשה שגויה. 401 - לא מורשה.
403 הוא סוג של נפוצה כאשר יש לך מדריך שלא אמור להיות נגיש
על ידי המשתמש, אבל המשתמש מנסה בכל מקרה.
ו500 - שגיאת שרת פנימית - שקורה בדרך כלל כאשר יש לך משהו
ממש רע קורה עם קוד PHP שלך.
אבל בכל מקרה, אלו סוגים של דפדפנים - מיני השגיאות האלה קורים.
>> אז, איך אתה לוודא שאתה בחן לטפל בשגיאות האלה
ולוודא שהמשתמש הוא לא רק סוג של תלוי שם?
הנה בא. Htaccess.
עכשיו, htaccess. הוא משהו שעובד על שרתי האפצ'י,
משהו שעובד ועובד על כמה שרתים אחרים גם כן.
זוהי רק דרך בשבילך כדי לקבוע את תצורת השרת כך ש
אתה יכול לעשות את זה לעשות מה שאתה רוצה לעשות את זה.
יש דברים שאתה יכול לעשות. אתה יכול לשלוט בהגדרות המטמון שלך.
אולי יש לדף מסוים באתר האינטרנט שלך, כי אתה לוודא שהמשתמש
להוריד מחדש בכל פעם שהמשתמש מגיע ומבקר באתר האינטרנט שלך.
או שאולי יש לך איזה כתובת אתר זה כמו / דפים / hello.html yoursite.com / בדיקה / html
ואתה רק רוצה שזה יהיה yourname.com / שלום -. כן, אתה יכול להשתמש htaccess
כדי לנתב מחדש דף אינטרנט אחד למשנו.
אתה יכול גם להשתמש בו כדי לעשות את האימות.
אולי יש כמה חלקים מאתר האינטרנט שלך, כי אתה צריך להשתמש בסיסמא אחרת.
אתה יכול לחסום כתובות IP מסוימות, לחסום תחומים מסוימים.
אולי אתה פשוט ממש לא אוהב את תלמידי הרווארד באמצעות אתר האינטרנט שלך.
ובכן, יש לך את האפשרות של חסימת כל כתובות ה-IP הרווארד.
>> לבסוף, אתה יכול לטפל בדברים - אתה יכול לכתוב קוד מסוים כדי להפוך את השרת שלך
טיפול דומה. זאו או. את שמך או. דפי שלום כמו קוד PHP.
אולי זה אהיה שימושי. אולי זה לא יהיה.
ולבסוף, אתה יכול להשתמש בו כדי להתמודד עם תגובות של שגיאה.
מה שאני מתכוון לעשות את זה?
אם אתה פשוט להוסיף קוד כזה - 404 ErrorDocument ולאחר מכן להפנות אותם לחלק
דף שגיאה, אתה יכול לוודא שהמשתמש לא רק לראות את ממש ממש מכוער
404 ולהראות להם משהו נחמד.
>> בואו באמת נסתכל על איך אנחנו יכולים לעשות את זה עם Pset שלך 7.
הנה, אני במכשיר שלי.
אני הולך לפתוח את כרום, ולאחר מכן אני הולך לנסות לגשת לדף
שאינו קיימים באוצר CS50.
אז, מארח מקומי - cats.php-כל כך, שים לב שאני יצרתי מסמך שגיאה
שאומר: "לא תמצא את דף Canz z!"
יש לו חתול עצוב מאוד על זה.
אם אתה הולך בטוויטר, אם אתה הולך על כל אחד מאתרים האחרים אלה,
אתה לא יכול למצוא בדף, הם מנסים בדרך כלל להראות לך תמונה חמודה
כך שאתה לא מאוכזב מדי.
גם אתה יכול להיות משהו שהוא יותר מקצועיים שאומר,
כן, אני מצטער שלא יכולתי למצוא את הדף, אבל אולי הנה תיבת חיפוש.
או שאולי הנה כמה קישורים שיעזרו לך למצוא את הקישור שאתה רוצה.
אז, איך אני עושה את זה? איך זה בכלל אפשרי?
אם אנחנו נכנסים למסוף שלנו כאן -
אני רק הולך כדי להתקרב קצת -
שם לב שיש לי דף חדש.
בתוך ספריית ה-HTML שלי שקורא לזה - אתה לא יכול לראות את זה -
זה נקרא error.php.
וerror.php הוא רק קובץ שאני עשיתי
זה מראה לך שדף עצמו.
אני יכול להראות לך מה הוא error.php.
זה בדיוק דף זה.
הוא אומר, "אוי, לא! Canz לא למצוא את הדף של Z!"
וגם, אם אתה רוצה לראות - ולכן, שים לב כי זה סוג של htaccess הוא שם מוזר..
זה מתחיל בנקודה שאומרת שזה קובץ מערכת.
זהו קובץ נסתר אשר בדרך כלל לא מוצג.
אם אתה עושה את LS-, אתה יכול לראות את כל הקבצים המוסתרים בספרייה מסוימת,
ואכן, אתה מבין. htaccess הוא אחד מהם.
בואו נלך קדימה ולפתוח htaccess. -
עם gedit -
בום! כל מה שיש לי הוא בשורה אחת שם - מסמך שגיאה לשגיאות 404
אשר ידועים גם בשם שגיאות קובץ לא נמצאו-.
בואו להפנות אותם למשהו שנקרא error.php.
אתה יכול לקבל דברים שכיף כמו canz לא למצוא את הדף של Z!
ויש גם דברים מאוד מגניבים שאתה יכול לעשות עם htaccess..
אם אתה רוצה לראות יותר. Htaccess קסם,
מדובר באתר מאוד מגניב ללכת ל-- זה נקרא javascriptkit.com/howto/htaccess.shtml--
אם אתה רוצה לבצע שרת קסם יותר. וזה יכול להיות מאוד כיף.
>> אוף! בסדר! עוד תמונות חמודות.
זה בחור שעושה שכיבות סמיכה, והחתול שלו הוא מנסה לעזור. אני חושב שזה מאוד חמוד.
למרבה הצער, אין לי חתול כזה.
בסדר. אז, שדיברנו עליו. Htaccess.
דברנו על טיפול בשגיאות.
דברנו על אירוח, שמות דומיין.
דברנו על תאימות לדפדפנים.
עכשיו איך אנחנו לוודא כי האתר שלך למעשה מבצע?
איך אפשר לוודא שאם אני הולך לאתר שלך
אני יכול לראות את הדף שלך תוך כמה שניות?
אחד הדברים שאני חושב שאנשים פשוט סוג של לשכוח
תמונה היא אופטימיזציה.
נניח שאתה רוצה לשים את תמונה באתר שלך
וזה 2 MG גדול.
זה יכול להיות בסדר בשבילנו כי אנחנו בהרווארד,
ויש לנו חיבור אינטרנט מהיר מאוד.
אבל לדמיין מישהו בסין. תארו לעצמכם שמישהו בהודו.
לדמיין מישהו שאולי באזורים הכפריים של קנזס שאולי אין לו את אותו הסוג של
אינטרנט בפס רחב שיש לנו.
אם יש לך MB תמונה 2 באתר שלך, והמשתמש מנסה לגשת אליו,
זה הולך לקחת אותם הרבה מאוד זמן להוריד.
לכן, אם אתה לא צריך את זה סוג של החלטה,
אז אתה יכול לשנות את גודל התמונה שלך עם משהו כמו חנות צילום Adobe.
בדרך כלל יש אפשרות בשם בטוח לאינטרנט והתקנים,
ומה שהיא עושה זה מסיר את כל המידע המיותר
וסוג של מחזק את הקובץ שלך לתוך גודל תמונה קטן, כך שאתה יכול
לשים אותו על האתר שלך, וכל משתמש שמנסה להוריד אותו הדף
הולך להוריד גרסה קטנה יותר של התמונה שלך.
אם אין לך Adobe חנות צילום
webresizer.com הוא גם משאב אחר שבו אתה יכול להזין את התמונה שלך
וזה יהיה לירוק את אותה תמונה בדיוק,
אבל זה יהיה משהו כמו 3 פעמים קטנות יותר.
אז זה מאוד שימושי עבור המשתמשים שלך.
>> דבר נוסף שאתה יכול לעשות הוא minify קוד.
אם נסתכל על Google.com,
אתה תראה שזה לא סוג של אותו HTML ו-CSS שאנחנו רגילים אליו.
פשוט הולך להסתכל על קוד המקור כאן.
אם אני פשוט לגלול למטה - וואו, זה נראה די מגעיל.
זה היית מקבל אפס על סגנון.
אם אתה מקודד את זה בשבילך Pset, תקבל אפס על הסגנון שלך.
אין לכך שום מרווח. השמות נראים ממש סתומים.
כל זה באמת מגעיל.
ואת התסריט כדי לסגור בגוף - HTML הסגירה -
הם כולם ביחד - כולי לחוצה יחד.
למה הם עושים את זה?
הם minified הקוד שלהם.
שים לב שהמסמך הזה הולך להיות הרבה יותר קטן
בשבילי להוריד ממשהו עם שטח לבן,
יותר ממשהו עם שמות משתנים באמת ארוכים.
אם אתה minify הקוד שלך אתה מפשיט את כל החלל הלבן.
כמובן, לא אכפת הדפדפן שלך אם יש לך שטח לבן בקוד שלך.
אתה מפשיט אותו, עכשיו אני יכול להוריד קובץ קטן יותר -
עכשיו את הקובץ - המסמכים שאנחנו הולכים להוריד יש גודל קובץ קטן יותר,
זה יהיה מהיר יותר בשבילי כדי להוריד, וזה שימושי.
אם אתה עובד עם אתרי אינטרנט ואתה משיק אתר אינטרנט,
זה כמעט תמיד טוב minify הקוד שלך.
סיבה נוספת לכך שזה יכול להיות טוב היא אולי אתה לא רוצה שאחרים ישתמשו בקוד שלך.
אולי אתה לא רוצה שאחרים להשתמש ב-CSS שלך.
אתה יודע שאם אתה באמת רוצה להיות קמצן עם זה,
אז אתה יכול גם minify הקוד שלך, וזה יהיה יותר קשה לי לגנוב אותו
כי אין לי מושג מה קורה.
אתה יכול גם ללכת לאתרים כמו minify.avivo.si.
שירותים כמו זה באינטרנט לעזור לך minify הקוד שלך כך שאתה לא צריך לעשות את זה ביד.
בהחלט לא עושה את זה ביד.
>> אוקיי. עכשיו מדבר על תסריטים.
אולי בקוד PHP שלך יש משהו שאתה לא צריך לעשות.
אולי יש לולאות ות שם.
דיברנו על עיצוב קוד בCS50.
גם אם אתה קידוד ב-C, אם יש לך - אם אתה עושה את עבודה נוספת
כי אתה לא צריך לעשות, ובכן, זה הולך להאט את התסריטים שלך באתר האינטרנט שלך,
וזה חשוב במיוחד עבור אתרי אינטרנט, כי משתמשים כיום הם מאוד חסרי סבלנות.
אם אתה עושה עבודה מיותרת, זה הולך לקחת להם יותר זמן
כדי להגיע למידע שהם רוצים, והם הולכים להיות מאוד לא מרוצים.
לבסוף, ייתכן שתרצה כדי לייעל את טבלאות מסד הנתונים שלך.
זוכרים שדברנו על מדדים.
הם לא טובים בשביל לוודא שיש לך שורה שייחודית רק.
הם טובים ללוודא שמסד הנתונים שלך עובד מהר גם.
אם אתה רוצה לקרוא על שהולך לתיעוד MySQL,
או שאתה יכול להסתכל על - ובכן, איך אני יכול לייעל את הטבלה באתר שלי?
כיצד אוכל לוודא שיש לי מדדים שיסייעו לי להגיע למידע מהר יותר?
>> ישנם גם טריקים קטנים שאתה יכול להשתמש כמו במטמון.
אם יש לך PHP - אם יש לך בלוג, למשל,
ויש לך - וזה מופעל על ידי PHP או בכל שפה אחרת -
אתה יכול מטמון הבלוג שלך ביניח מרווחים 50 דקות, כך שאתה יכול לשרת את הדפים סטטיים
או HTML סטטי למבקרים באתר שלך.
אופן שבו המשתמשים לא צריכים להפעיל סקריפט PHP שלך בכל פעם,
ואולי זה יהיה מהיר יותר עבורם כדי לגשת למידע זה.
>> ולבסוף, אתה יכול להשתמש במשהו כמו CDN.
שים לב כי בכל פעם שאתה מוריד Pset,
אתה תמיד הולך לCDN.CS50.net. מדוע זה כך?
CS50 משתמש גם כמו סוג של CDN - רשת הפצת תוכן -
שרק אומר שזה חבורה של שרתים אולי במקום ברחבי העולם
עזרה שישמש את הדפים שלך למבקרים שלך.
אם המבקר שלך הוא מקבל דף משרת שקרוב אליהם גיאוגרפית,
אז סביר להניח שהמבקר שלך הוא הולך לקבל קובץ שהרבה יותר מהר.
ישנם גם מקורות באינטרנט שיעזרו לך לעשות את זה.
אחד מהם הוא CloudFlare. הם מציעים שירות CDN ללא תשלום.
אם יש לך קבצים גדולים שמשרתים שלך למשתמשים שלך,
אז אולי עדיף לשים על CDN, כך שהם יכולים להגיע אליהם מהר יותר.
>> הנושא האחרון להיום הוא אופטימיזציה למנועי חיפוש.
מהי אופטימיזציה של מנועי חיפוש?
זה לוודא כי מנועי חיפוש כמו גוגל או בינג או יאהו
יכול ללכת לאתר שלך ולסרוק את האתר שלך ואינדקס את האתר שלך ומתי
אני, למשל, ללכת על מנת Google.com ואני מנסה לחפש משהו,
אז האתר שלך יופיע.
איך אתה לוודא שהאתר שלך הוא אחד 10 בראש?
כי כפי שכולנו יודעים, אם אתה מחפש משהו ב-Google
וזה לא על 10 בראש סביר להניח שאתה לא הולך ביותר להסתכל ב10 הבאים.
זה סוג של נושא זה לוט בערפל.
יש הרבה hype שם בחוץ באינטרנט.
יש הרבה אמונות תפלות על אם X אז גוגל יאהב אותך טוב יותר.
אם Y אז גוגל יאהב אותך טוב יותר.
זה כנראה טוב יותר כדי לבדוק את מסמכיו של ענק החיפוש עצמו.
>> זהו אחד המסמכים ב-Google כי לספר לך בדיוק איך לייעל את האתר שלך
כך שגוגל יכולה לגשת ומדד זה יפה מאוד.
אתה לא צריך להעתיק את כתובת האתר הזה, כי הצגה זו היא הולכת
להיות באינטרנט בכל מקרה.
אם אתה מסתכל על זה ואתה קורא את זה יש כמה רמזים מועילים מאוד לשם.
גוגל אומרת לך - אם אתה באמת רוצה את האתר שלך כדי להיות צמוד גם
אז אתה צריך לעשות את כל הדברים האלה.
>> דבר נוסף שמנועי חיפוש הוא באמת אוהבים את התוכן טרי.
אם יש לך תוכן שמתעדכן באופן שוטף מאוד
אז מנועי חיפוש אומרים, אוו, אני אוהב את האתר שלך.
אני מתכוון ללכת לאתר שלך לעתים קרובות מאוד.
אני הולך למדד הרבה הדפים שלך.
אם יש לך תוכן טרי ואז אתה צפוי להופיע -
אתה צפוי להיות רלוונטי יותר.
אתם נוטים יותר להיות יותר מעודכנים,
ומנועי חיפוש נוטים יותר לשים את האתר שלך מעל אחרים.
>> קישורים עמוקים הם גם חשובים.
אם אתה באמת רוצה את האתר שלך כדי להיראות טוב בעיניים של מנוע חיפוש
יש הרבה אתרי אינטרנט אחרים מקושר אליו וקשור עמוק לתוך אתר האינטרנט שלך.
לא רק קישור לדף הבית שלך.
קישור אולי yourname.com / משהו / משהו / something.php ל.
כי - למנועי חיפוש - אמצעי, וואו, יש להם תוכן מעניין באמת
שמישהו אחר הוא קישור כל כך עמוק לתוך האתר שלהם שאני צריך באמת, באמת
לשים יותר חשיבות על גבי דפיו של אתר זה.
>> אם יש לך כותרות עמודים מדויקות, אם אין לך טעויות זה טוב, כי
אם מנוע חיפוש מנסה לבקר באתר שלך, וזה מתחיל להיות שגיאה,
זה כנראה הולך לוותר מאוד, בקרוב מאוד.
ולבסוף, אתה רוצה שיהיה לי זמן טעינה מהיר, כי מנועי חיפוש -
בדיוק כמו בני אדם - לא מבינים יש לי הרבה סבלנות לאתרי אינטרנט איטי.
זוהי דרך בשבילך כדי לוודא שאתה להופיע גבוה יותר ב
שאילתות חיפוש במנועי ובתקווה ובכך תקבל יותר תנועה.
כי אחרי הכל, אתה כבר בילה כל כך הרבה זמן בפיתוח אתר האינטרנט שלך.
אתה בילה את כל הזמן הזה משיק אתר אינטרנט זה אינטרנט.
אתה רוצה לוודא שיש לך הרבה משתמשים שבאמת רואים את התוכן שלך.
>> משאבים טובים אחרים לשימוש.
כלי מנהלי אתרים של גוגל הוא משהו להסתכל ל.
זה רק עוזר לך לראות - גוגל לא אינדקס את האתר שלי.
מה מיני שגיאות שלו הוא נתקל?
כמה דפים זה באינדקס?
מה זה הוא חושב את התוכן החשוב ביותר בדף שלי?
אולי זה לא מה שאני רוצה שזה יהיה.
אולי אני צריך לשנות את אתר האינטרנט שלי קצת כזה שזה בא לידי ביטוי טוב יותר
מה שהאתר שלי הוא באמת עליו.
Google Analytics הוא כלי ממש מגניב אחר.
אתה יכול להוסיף קצת JavaScript לדפים שלך.
ואחר כך אתה יכול ללכת ל-Google Analytics, וזה יהיה לעקוב אחר
הדמוגרפיה המבקר שלך וצמיחת האתר שלך.
הוא יגיד לך בדיוק כמה מבקרים לבקר באתר שלך
בתוך יום מסוים, בשעה מסוימת, בשבוע מסוים.
כמה מבקרים מסין? כמה מבקרים מאנטארקטיקה -
אתה מקבל לאתר האינטרנט שלך.
זה יכול להיות משהו מגניב לראות או שזה יכול להיות אפילו שימושי
בגלל שאתה מנסה למקד קבוצה מסוימת.
אולי אתה מנסה לכוון בני נוער עם אתר האינטרנט שלך, ואתה רואה את זה
רוב המבקרים באתר האינטרנט שלך הם אולי 30 - לגילאי 40 שנים,
אז אולי גם יש לך בעיה או שאתה יכול פשוט לומר,
טוב, אז אולי אני צריך פשוט לשנות את המיקוד של האתר שלי, כך ש
אני מתמקד יותר בקבוצת הגיל זו.
>> Google Apps - אם אתה רוצה להיות סוג של הודעות דוא"ל עם שם הדומיין שלך -
אולי משהו כמו yourname@yourname.com--
אתה יכול להשתמש בכתובות Gmail - אתה יכול להשתמש בשירות Gmail
וGoogle Apps הוא דרך אחת לעשות את זה.
באפשרותך להגדיר כתובות דואר אלקטרוני ספציפיות שהם ספציפיים לשם הדומיין שלך
במקום of@gmail.com.
>> ולבסוף, יש הרחבות מפתח אינטרנט ותוספות - לכרום,
עבור Firefox, לדפדפנים אחרים - המאפשרים לך להיכנס ולבדוק
CSS, JavaScript לבדוק, לראות בדיוק מה לא בסדר עם תסריט JavaScript שלך,
ואולי זה אהיה שימושי למטרות דה ההאזנה שלך, בשבילך לגלות -
ובכן, מדוע זה לא האתר שלי מוצג כראוי בדפדפן זה?
>> ולבסוף, אם אתה רוצה ללמוד יותר על כל הנושאים האלה -
אם אתה רוצה ללמוד עוד על HTML ו-CSS ו-JavaScript -
כי אחרי הכל, אנחנו לימד אותך רק קצת -
אתה יכול ללכת לאתרים כמו W3Schools.com לחפש יותר משאבים.
יש להם הדרכות נחמדות מאוד על איך אני עושה את X, Y או מה זה אומר?
אם אתם רוצים ללמוד עוד על השפות האלה אתה יכול פשוט ללכת לכאן.
>> בסדר. אני חושב שאני רוצה לעזוב את זה כמה דקות של דקות האחרונות לשאלות,
אז האם יש שאלות על כל דבר שדיברנו עליו?
[חבר קהל] אילו סוגים של דברים הם בW3Schools וכיצד הוא מכוסה?
[Yuechen זאו] אילו סוגים של דברים?
לכן, אחד הדברים שמאוד הגדולים שאני משתמש הרבה הוא ההפניות שלהם.
פירוט ההפניות שלהם, למשל עבור CSS -
מה זה אומר, או אם אתה רוצה לשנות את הרקע של דף -
איך אתה עושה את זה?
איזה דפדפנים תומכים בפקודה הזאת? דברים כאלה.
ואז הם גם צריכים רק הדרכות נחמדות מאוד ב-HTML, ב-PHP, על JavaScript,
על MySQL, בכל מיני נושאים שונים.
יש להם הדרכות נחמדות. הם מלמדים אותך איך לעשות את הדברים.
זה נחמד להיות מסוגל ללכת וללמוד עוד על נושאים אלה.
>> [חבר קהל] HTML 5 עדיין אינו תואם עם כל הדפדפנים בחוץ.
היית ממליץ פשוט להתרחק ממנו בגלל בעיות תאימות?
איך היית מתמודד עם זה?
[Yuechen זאו] כן, כן, השאלה היא HTML5 הוא עדיין תקן תינוק.
זה לא ממש נתמך על ידי הרבה דפדפנים, ולכן אנחנו צריכים להימנע מכך?
אני חושב ששנה שעברה הייתי חסיד גדול מאוד של, בואו למנוע HTML5
כי זה עדיין - זה עדיין הרבה מאוד חדשים למעשה, תקן HTML5
לא סגור עדיין.
וכך, באמת אין שום תקן HTML5.
אבל אני חושב שבמיוחד אם אתה עיצוב אתר החברה,
זה יכול להיות יותר טוב אם אתה פשוט ללכת עם HTML5 כי זה סוג של הולך להיות בעתיד,
ואם אתה רוצה את האתר שלך כדי להיות בעתיד הוכחה ואתה רוצה את האתר שלך לעבודה
בדפדפנים בעתיד, זה יכול להיות טוב יותר כדי להתחיל לבנות משהו לעתיד
מאשר בעבר, וגם רק בגלל העובדה שHTML5 באמת לא כל כך שונה
מHTML4 או XHTML.
אם אתה משתמש ב-HTML5, זה בדרך כלל יעבוד ברוב הדפדפנים.
אתה פשוט צריך למיין של להיכנס ולוודא עם צילומי מסך אלה
ולוודא עם קורה לאתרים האלה בעצמך.
אבל קרוב לוודאי שזה יעבוד אלא אם אתה משתמש בתכונות מאוד ספציפיות ל-HTML5.
שימו לב גם כי לCS50 - למשל, עבור נגן וידאו שאנו משתמשים -
הוא משתמש בוידאו HTML5 ו-HTML5 כדי להציג את ההרצאות.
אבל אם יש לך דפדפן ממש זקן, ואז היא תיפול בחזרה על פלאש.
אז, זה גם משהו אחר -
יש מערכת גיבוי לכאשר אתה פשוט יודע שהדפדפן לא הולך להתמודד עם
מה שאתה רוצה זה לטפל.
>> שאלות אחרות?
כל דבר שדיברנו עליו.
בסדר. ואז אני חושב שזה על זה בשבילי.
אני חושב שזה זה.
(מחיאות כפיים)
מגניב.
[CS50.TV]