1 00:00:00,000 --> 00:00:02,000 [Powered by Google Translate] [Seminar] [Vorbereitung des Standortes für das Web] 2 00:00:02,000 --> 00:00:05,000 [Yuechen Zhao] [Harvard University] 3 00:00:05,000 --> 00:00:07,000 [Dies ist CS50.] [CS50.TV] 4 00:00:07,000 --> 00:00:11,660 >> Ok. Hier ist eine weitere Stunde der Web-Entwicklung, wenn Sie Jungs sind für sie. 5 00:00:11,660 --> 00:00:16,290 Heute werde ich über die Vorbereitung Ihrer Website für das Web zu sprechen. 6 00:00:16,290 --> 00:00:20,260 Den ganzen Tag - und wahrscheinlich auch für den letzten 2 Wochen - 7 00:00:20,260 --> 00:00:22,240 wir haben darüber, wie man eine Website zu erstellen gesprochen, 8 00:00:22,240 --> 00:00:24,880 wie Sie mit HTML, PHP, wie man verwenden, wie Frameworks, 9 00:00:24,880 --> 00:00:29,420 wie stellen Sie sicher, dass Sie mit der Datenbank interagieren - solche Dinge. 10 00:00:29,420 --> 00:00:34,830 Aber heute werden wir darüber, wo Ihre Website geht nach CS50 leben sprechen. 11 00:00:34,830 --> 00:00:40,010 Denn immerhin hat CS50 nicht in der Vergangenheit Dezember geschehen. 12 00:00:40,010 --> 00:00:42,090 Wir werden über Domain-Namen zu sprechen, Hosting. 13 00:00:42,090 --> 00:00:44,790 Wir werden über das, was Cross-Browser-Kompatibilität sprechen 14 00:00:44,790 --> 00:00:49,540 und Cross-Plattform-Kompatibilität sind, und wie können Sie sicherstellen, dass Ihre Website 15 00:00:49,540 --> 00:00:51,610 wird unter allen Bedingungen funktionieren. 16 00:00:51,610 --> 00:00:54,330 Wir werden über Fehlerbehandlung und andere Server-Magie sprechen. 17 00:00:54,330 --> 00:00:57,890 Wir freuen uns über Performance-Optimierung, Suchmaschinen-Optimierung sprechen, 18 00:00:57,890 --> 00:01:00,310 und wie man die Menschen tatsächlich besuchen Sie Ihre Websites. 19 00:01:00,310 --> 00:01:05,960 Und schließlich, um nur einige guten Ressourcen sicherstellen, dass Sie genug Jungs von denen haben 20 00:01:05,960 --> 00:01:09,680 zu gehen mit Ihrem letzten Projekt, und hoffentlich nach. 21 00:01:09,680 --> 00:01:13,120 >> Das erste, was wir reden gerade ist Domain-Namen. 22 00:01:13,120 --> 00:01:18,020 Moment sind Sie in Ihrem Gerät programmieren, sind Sie auf einem lokalen Host gehen 23 00:01:18,020 --> 00:01:20,360 Das ist nicht wirklich ein Domain-Name. 24 00:01:20,360 --> 00:01:26,370 Das ist nur eine Art von Spitznamen oder Alias ​​für Ihre eigentlichen Linux-Installation 25 00:01:26,370 --> 00:01:31,150 innerhalb von entweder VMware auf einem Mac oder VMware Player auf einem PC. 26 00:01:31,150 --> 00:01:36,510 Domain-Namen können Sie eine Website auf der Web stellen und dann so etwas wie 27 00:01:36,510 --> 00:01:39,400 www.google.com und nutzen Sie die Website. 28 00:01:39,400 --> 00:01:41,500 Wie funktionieren sie? 29 00:01:41,500 --> 00:01:43,390 Lassen Sie uns sagen, dass Sie nur eine durchschnittliche Web-Server sind - 30 00:01:43,390 --> 00:01:50,080 durchschnittliche Web-Surfer und Sie haben einen Laptop, und gehen Sie zu www.howstuffworks.com. 31 00:01:50,080 --> 00:01:52,570 Sie können sich wahrscheinlich sehen, wo ich diese gestohlen. 32 00:01:52,570 --> 00:01:57,300 Wie Zeug funktioniert - Ihr Computer wird dann fragen Sie einen lokalen DNS-Server, 33 00:01:57,300 --> 00:01:59,300 "Weißt du, wo ist diese Website?" 34 00:01:59,300 --> 00:02:02,200 "Kennen Sie die IP-Adresse des www.howstuffworks.com?" 35 00:02:02,200 --> 00:02:05,580 Der DNS-Server könnte man sagen: "Ja, das tue ich." 36 00:02:05,580 --> 00:02:09,139 In diesem Fall erhalten Sie die IP-Adresse und Ihren Computer auf diese IP-Adresse. 37 00:02:09,139 --> 00:02:15,050 Wenn dies nicht der Fall, fragt er einen anderen DNS-Server, "Hey! Weißt du, was www.howstuffworks.com ist?" 38 00:02:15,050 --> 00:02:17,670 Dieser Server könnte man sagen: "Ja, das tue ich." 39 00:02:17,670 --> 00:02:22,500 So erzählt es die anderen, was es ist, und schließlich, dass die Informationen bekommt, um Ihren Computer weitergeleitet, 40 00:02:22,500 --> 00:02:24,680 und Sie können auf howstuffworks.com. 41 00:02:24,680 --> 00:02:27,540 >> Wie kann man eine dieser magischen Dinge? 42 00:02:27,540 --> 00:02:32,940 Wie kann man vielleicht www.yourname.com oder www.ilovecats.com? 43 00:02:32,940 --> 00:02:35,350 Sie können für ein Register, 44 00:02:35,350 --> 00:02:38,280 und es gibt eine Menge von Websites gibt, die Ihnen erlauben, dies zu tun. 45 00:02:38,280 --> 00:02:41,420 Sie müssen - in den meisten Fällen müssen Sie für sie zahlen. 46 00:02:41,420 --> 00:02:43,890 Es gibt bestimmte Domain-Namen, die frei sind. 47 00:02:43,890 --> 00:02:50,900 Wenn Sie oder www.co.cc. Tkdomainnames gehen, sind diejenigen, kostenlos. 48 00:02:50,900 --> 00:02:56,500 Aber, sie mit gewissen Einschränkungen kommen, und in der Tat einige von ihnen vielleicht gar nicht 49 00:02:56,500 --> 00:03:00,540 real, Top-Level-Domain-Namen wie. de oder. net. 50 00:03:00,540 --> 00:03:03,300 Normalerweise würde ich vorschlagen, für eine von ihnen 51 00:03:03,300 --> 00:03:07,060 weil die Benutzer sind nur mehr Komfort mit denen. 52 00:03:07,060 --> 00:03:10,070 Du hast eine Menge. Coms gesehen. Du hast eine Menge. Netze gesehen. 53 00:03:10,070 --> 00:03:13,790 Sie haben wahrscheinlich nicht viel. Co.cc 's gesehen, so dass sie schwieriger zu merken. 54 00:03:13,790 --> 00:03:18,900 Verschiedene Websites wie GoDaddy oder NameCheap oder - Ich habe eine, die ist 55 00:03:18,900 --> 00:03:21,550 Art von skizzenhaften - sogenannte activedomain.com. 56 00:03:21,550 --> 00:03:24,160 Es sieht wirklich lückenhaft, aber es ist wirklich gut für mich gearbeitet. 57 00:03:24,160 --> 00:03:27,810 >> Und schließlich haben Sie andere, die vielleicht mehr Werbung wie Network Solutions. 58 00:03:27,810 --> 00:03:31,140 Aber wenn Sie auf NetworkSolutions.com gehen und schauen auf ihre Preisgestaltung 59 00:03:31,140 --> 00:03:34,070 es ist wirklich teuer. Ich war bei ihnen suchen letzte Nacht. 60 00:03:34,070 --> 00:03:37,400 Seit einem Jahr eines Domain-Namens, ist es wahrscheinlich nicht wert, so viel Geld. 61 00:03:37,400 --> 00:03:40,210 In der Tat, wenn Sie bekommen eine. Com oder. Org oder. Net 62 00:03:40,210 --> 00:03:43,430 der übliche Preis ist ungefähr $ 10 pro Jahr. 63 00:03:43,430 --> 00:03:48,710 Also, wenn Sie zahlen viel mehr als das sind, ist es wahrscheinlich nicht, dass es wert 64 00:03:48,710 --> 00:03:52,440 denn immerhin haben diese Webseiten nichts mit diesem Domain-Namen. 65 00:03:52,440 --> 00:03:58,270 Sie geben ihr einfach für Sie, und so, wenn Sie es für billig, warum nicht? 66 00:03:58,270 --> 00:04:02,540 >> Die andere Sache ist, wenn Sie Ihren Domain-Namen haben, dann möchten Sie wahrscheinlich 67 00:04:02,540 --> 00:04:08,610 gehen auf beiden Godaddy.com oder wo auch immer Sie Ihren Domain-Namen gekauft 68 00:04:08,610 --> 00:04:11,220 und legen Sie die Name-Server für die Domain-Namen. 69 00:04:11,220 --> 00:04:15,560 Was das bedeutet, ist, sobald ein Benutzer geht an www.howstuffworks.com, 70 00:04:15,560 --> 00:04:20,839 diese Name-Server IP-Adressen sind die IP-Adressen, dass sie der Lage wäre, zu schauen. 71 00:04:20,839 --> 00:04:24,680 Sie wären in der Lage, Ihre Website durch den Namen-Server zugreifen. 72 00:04:24,680 --> 00:04:26,830 Wenn Sie sich für Hosting irgendwo 73 00:04:26,830 --> 00:04:31,210 dann wird Ihr Gastgeber wird höchstwahrscheinlich die die Nameserver zu bedienen. 74 00:04:31,210 --> 00:04:34,210 >> Und schließlich gibt es dieses Ding namens eine WHOIS. 75 00:04:34,210 --> 00:04:38,890 Eine WHOIS-Datenbank ist eine Datenbank, mit der Sie könnten Eingabe eines Domain-Namens 76 00:04:38,890 --> 00:04:44,170 und es wird ausspucken einige Informationen über die Besitzer des Standortes und andere Kontaktinformationen. 77 00:04:44,170 --> 00:04:49,080 Nun können Sie sagen: "Ich möchte wirklich nicht meine Adresse oder ich weiß nicht wirklich, dass meine E-Mail-Adresse 78 00:04:49,080 --> 00:04:54,010 auf der Website für jedermann zu sehen oder im Internet für jedermann zu sehen. " 79 00:04:54,010 --> 00:04:57,740 Dann möchten Sie vielleicht etwas zu verwenden, dass eine Menge von Hosting-Dienste - 80 00:04:57,740 --> 00:04:59,740 wie eine WHOIS-Manager. 81 00:04:59,740 --> 00:05:03,550 Eine WHOIS-Manager ist einfach ein weiterer Service, den viele von ihnen vor, dass 82 00:05:03,550 --> 00:05:07,700 Häute entfernt, dass die Informationen und setzt gerade in die Manager für den Namen ist - 83 00:05:07,700 --> 00:05:13,070 für die Adresse, es ist in der Regel nur, dass Firmennamen, die euch gegeben ist das Domain-Namen - 84 00:05:13,070 --> 00:05:17,350 und so dann Ihre persönlichen Daten nicht auf dem Internet durchgesickert, 85 00:05:17,350 --> 00:05:19,350 Das ist in der Regel ziemlich gut. 86 00:05:19,350 --> 00:05:21,350 Ich selbst benutze einen dieser Dienste. 87 00:05:21,350 --> 00:05:25,630 Wenn Sie nicht über Ihre eigene Privatsphäre egal ist dann ist es nicht wirklich wichtig. 88 00:05:25,630 --> 00:05:32,490 >> Ein DNS-Server steht für Domain Name System, und was es ist - 89 00:05:32,490 --> 00:05:36,560 es ist wie eine Art Hash-Tabelle irgendwo, die sagt, 90 00:05:36,560 --> 00:05:42,320  "Diese Website-Adresse wird zu dieser IP-Adresse zuordnen." Und das ist alles. 91 00:05:42,320 --> 00:05:48,180 Also, wenn Sie diesen DNS-Server abfragen, dann können Sie die IP-Adressen 92 00:05:48,180 --> 00:05:51,930 für die entsprechenden Domain-Namen und dann besuchen Sie diese Website. 93 00:05:51,930 --> 00:05:59,820 (Zuschauer eine Frage zu stellen - unhörbar) 94 00:05:59,820 --> 00:06:07,910 Das erste? Die erste Ebene ist eigentlich in der Regel nur den Computer Cache selbst. 95 00:06:07,910 --> 00:06:12,570 Ihr Computer Art erinnert sich an das letzte Mal, dass Sie ging www.google.com 96 00:06:12,570 --> 00:06:18,090 es war an dieser IP-Adresse, und dann nach einer Weile, dass Cache verfallen, 97 00:06:18,090 --> 00:06:23,560 und es wird wie der Comcast DNS fragen, 98 00:06:23,560 --> 00:06:26,400 "Hey, was ist www.google.com?" 99 00:06:26,400 --> 00:06:31,040 Normalerweise, wenn Sie einen Domain-Namen kaufen, und Sie registrieren ein, und Sie eine Webseite einzurichten, 100 00:06:31,040 --> 00:06:35,670 Sie können nicht auf diese Website gehen sofort mit dem Domain-Namen, weil der Name-Server 101 00:06:35,670 --> 00:06:40,180 auf der ganzen Welt nicht über Ihren Domain-Namen noch nicht. Es ist zu bevölkern. 102 00:06:40,180 --> 00:06:43,220 Normalerweise dauert es etwa 24-48 Stunden. 103 00:06:43,220 --> 00:06:48,460 In Ordnung. Also, das ist ein wenig über Domain-Namen. Sie sind sehr cool. 104 00:06:48,460 --> 00:06:51,540 Ich denke, Sie sollten eins zu bekommen, wenn Sie ernsthaft über das Projekt sind 105 00:06:51,540 --> 00:06:55,300 und wenn Sie wirklich wollen, um Ihr Projekt über den Campus bekannt, 106 00:06:55,300 --> 00:06:58,050 mit einem Domain-Namen macht es sich wirklich professionell. 107 00:06:58,050 --> 00:07:01,510 >> Dann ist der nächste Schritt, natürlich, ist eine Art von Hosting haben. 108 00:07:01,510 --> 00:07:05,540 Wenn Sie Gastgeber nur es auf Ihrem Computer, niemand jemals in der Lage sein, es zu gehen. 109 00:07:05,540 --> 00:07:09,110 Sie könnten möglicherweise einen Server einrichten auf Ihrem Computer und halten Sie Ihren Computer auf ewig, 110 00:07:09,110 --> 00:07:11,160 aber das ist nicht zu empfehlen. 111 00:07:11,160 --> 00:07:14,000 Es gibt verschiedene Arten von Hosting-Online zur Verfügung. 112 00:07:14,000 --> 00:07:21,870 Es ist Shared Hosting. Es gibt VPN (unverständlich), die virtuellen Hosts sind. 113 00:07:21,870 --> 00:07:23,870 Es ist semi-dedizierten und engagiert. 114 00:07:23,870 --> 00:07:29,030 Von den letzten 3 sind VPN, semi-dedicated, und engagierte in der Regel teurer. 115 00:07:29,030 --> 00:07:32,660 Sie sind in der Regel für Websites, die mehr Ressourcen benötigen. 116 00:07:32,660 --> 00:07:34,680 Wenn Sie gerade erst anfangen, mit einer Website, 117 00:07:34,680 --> 00:07:40,670 es könnte nur sein, sparsamer mit dem Shared-Hosting gehen. 118 00:07:40,670 --> 00:07:43,430 Und was geteilt Mittel ist nur ein Haufen von Websites sind alle zusammen 119 00:07:43,430 --> 00:07:51,560 Art auf einem Server auf dieser Website auf diesem Host-Server, und Sie können Ihre Website zugreifen 120 00:07:51,560 --> 00:07:53,660 über Domain-Namen. 121 00:07:53,660 --> 00:07:55,980 >> Es gibt eine Menge von beliebten Gastgeber draußen. 122 00:07:55,980 --> 00:08:01,160 HostGator und DreamHost - das sind sehr, sehr groß und sehr, sehr beliebt 123 00:08:01,160 --> 00:08:03,160 und sehr, sehr erfolgreich. 124 00:08:03,160 --> 00:08:05,160 Ich persönlich benutze eine sogenannte MDDHosting. 125 00:08:05,160 --> 00:08:08,240 Wenn Sie www.mddhosting.com gehen, das ist mein Gastgeber der Wahl. 126 00:08:08,240 --> 00:08:10,240 Ich denke, sie sind sehr gut. 127 00:08:10,240 --> 00:08:14,550 Sie waren immer sehr zuverlässig, und ich hatte noch nie irgendwelche Probleme mit ihnen. 128 00:08:14,550 --> 00:08:18,610 Sie haben auch sehr wettbewerbsfähigen Preisen. 129 00:08:18,610 --> 00:08:24,400 Zwei, die ich nicht wirklich, wie GoDaddy sind - das ist auch eine sehr beliebte Gastgeber, 130 00:08:24,400 --> 00:08:26,400 aber ich habe schreckliche Erfahrungen mit ihnen hatten, 131 00:08:26,400 --> 00:08:29,430 und eine Menge Leute, die ich kenne haben wirklich schrecklichen Erfahrungen mit ihnen. 132 00:08:29,430 --> 00:08:32,150 Sie sortieren nach von Menschen, die nicht wissen, was sie tun, zu gehen - 133 00:08:32,150 --> 00:08:34,150 vielleicht machst du eine Website zum ersten Mal, 134 00:08:34,150 --> 00:08:37,150 und so eine Art con sie zum Kauf ihrer Hosting-Paket. 135 00:08:37,150 --> 00:08:42,570 Tun Sie es nicht. Nicht darauf hereinfallen. Gehen Sie nach anderen Hosting-Pakete, die wirklich Ihren Bedürfnissen entspricht. 136 00:08:42,570 --> 00:08:44,880 Und das andere ist - es gibt kostenlose Hosts gibt. 137 00:08:44,880 --> 00:08:47,350 Es gibt Webseiten, die Ihre Website kostenlos bewirtet - 138 00:08:47,350 --> 00:08:49,350 manchmal, indem sie eine Anzeige auf Ihrer Website, 139 00:08:49,350 --> 00:08:52,290 manchmal, indem Sie in ihren Foren zu beteiligen, 140 00:08:52,290 --> 00:08:54,340 aber manchmal eben auch kostenlos. 141 00:08:54,340 --> 00:09:00,000 Aber seien Sie vorsichtig mit kostenlose Hosts, weil viele von ihnen wirklich nur aus dem Geschäft 142 00:09:00,000 --> 00:09:03,480 nach ein paar Monaten. Sie können einfach nicht mithalten mit den Kosten. 143 00:09:03,480 --> 00:09:07,460 Andere sind nur sehr unzuverlässig, und Ihre Website wird immer nach unten, 144 00:09:07,460 --> 00:09:09,700 und Sie wollen nicht, dass das passiert. 145 00:09:09,700 --> 00:09:12,330 >> Jeder Host bieten ihren eigenen Bedienfeld. 146 00:09:12,330 --> 00:09:16,520 Beachten Sie, dass für Ihr Gerät, es ist wirklich nicht ein Bedienfeld per se. 147 00:09:16,520 --> 00:09:19,230 Du musst Terminal zu benutzen, zu gehen und die Dateien bearbeiten. 148 00:09:19,230 --> 00:09:21,230 Sie müssen chmod Dinge selber. 149 00:09:21,230 --> 00:09:24,770 Wenn Sie wollte zu PHPMyAdmin gehen, 150 00:09:24,770 --> 00:09:29,560 Sie müssen auf localhost @ / phpmyadmin und ähnliche Dinge gehen. 151 00:09:29,560 --> 00:09:36,660 Aber mit einem Bedienfeld können Sie gehen in und bearbeiten Sie die Dateien auf Ihrem Server 152 00:09:36,660 --> 00:09:40,350 mit dem Windows Explorer oder einem Sucher-Typ application. 153 00:09:40,350 --> 00:09:44,810 Oder Sie können gehen durch und schauen Sie sich Ihre Datenbanken mit eigenem Werkzeug 154 00:09:44,810 --> 00:09:47,280 anstelle von phpMyAdmin. 155 00:09:47,280 --> 00:09:52,240 Also, es gibt eine große Auswahl hier, und einige der beliebtesten Bedienfelder sind dort oben. 156 00:09:52,240 --> 00:09:54,240 Aber wenn Sie sich für einen Host suchen, 157 00:09:54,240 --> 00:09:57,090 dann möchten Sie vielleicht, um welche Art von Anpassungen und Optionen aussehen 158 00:09:57,090 --> 00:10:02,810 sie bieten mir auf meinen Server anpassen und kann ich meine Website besser laufen. 159 00:10:02,810 --> 00:10:07,110 So, dann könnte man fragen: "Na, wie wähle ich Hosting?" 160 00:10:07,110 --> 00:10:11,460 Wenn Sie auf einem Host-Website zu gehen gibt es eine Menge von Jargon, und es gibt eine Menge von Optionen. 161 00:10:11,460 --> 00:10:14,470 Es gibt eine Menge von verschiedenen Preise auch. 162 00:10:14,470 --> 00:10:19,690 Normalerweise habe ich für die billigeren gehen, nur weil Websites, die Sie und ich vielleicht machen - 163 00:10:19,690 --> 00:10:23,520 und gerade jetzt, vor allem als Starter - sie können nicht so viele Ressourcen 164 00:10:23,520 --> 00:10:26,770 ebenso eine Website wie Microsoft.com. 165 00:10:26,770 --> 00:10:32,090 >> Zuerst wollen am Betriebssystem aussehen, wenn Sie wirklich neugierig sind, ob 166 00:10:32,090 --> 00:10:35,090 Ihre Website geht auf Linux gehostet werden, unter Windows oder auf dem Mac. 167 00:10:35,090 --> 00:10:39,790 Normalerweise haben wir nur mit Linux gehen, denn das ist in der Regel die günstigste Möglichkeit, 168 00:10:39,790 --> 00:10:43,730 und auch die, die vielleicht euch besser vertraut mit, weil des Gerätes sind. 169 00:10:43,730 --> 00:10:48,040 Und dann, vielleicht werden sie einige Einschränkungen auf die Höhe der Bandbreite, die Sie setzen - 170 00:10:48,040 --> 00:10:53,030 wie, wie viele Megabyte oder Gigabyte an Daten kann der Anwender herunterladen 171 00:10:53,030 --> 00:10:55,470 von Ihrer Website pro Monat? Oder Speicherplatz. 172 00:10:55,470 --> 00:11:00,640 Wie viel Platz haben Sie bekommen? Ist es 500 MB? Ist es 2 GB? Ist es unbegrenzt? 173 00:11:00,640 --> 00:11:05,920 Heutzutage geben viele Web-Server, die Sie unbegrenzten Speicherplatz als eine Möglichkeit für sie 174 00:11:05,920 --> 00:11:08,560 zu locken, um ihre Hosting-Paket erhalten. 175 00:11:08,560 --> 00:11:11,850 Aber wenn du wirklich darüber nachdenken, werden, wenn Sie jemals unbegrenzten Speicherplatz benötigen? 176 00:11:11,850 --> 00:11:18,060 Wenn Sie ein paar HTML-Dateien, ein paar PHP, ein paar Bilder - 177 00:11:18,060 --> 00:11:20,060 das ist nur ein paar Megabyte, und so 178 00:11:20,060 --> 00:11:23,110 normalerweise ich nur für vielleicht ein paar Gigabyte im Wert von Raum zu gehen, 179 00:11:23,110 --> 00:11:27,990 und das könnte ausreichen, um mich damit beginnen, bis ich mehr brauchen. 180 00:11:27,990 --> 00:11:31,480 >> Schließlich kann sie setzen Beschränkungen, welche Art von - wie viele Datenbanken, die Sie haben können. 181 00:11:31,480 --> 00:11:34,760 Vielleicht können Sie nur 1 Datenbank. Vielleicht können Sie haben 2. Vielleicht können Sie haben 10. 182 00:11:34,760 --> 00:11:38,330 Ist es wirklich wichtig für Sie, wie viele Sie bekommen? 183 00:11:38,330 --> 00:11:40,330 Aktivitäten selbst fragen. 184 00:11:40,330 --> 00:11:42,330 Und dann endlich, nur Dinge wie Sprachen. 185 00:11:42,330 --> 00:11:44,330 Unterstützen sie PHP? Unterstützen sie MySQL? 186 00:11:44,330 --> 00:11:49,010 Die meisten Hosting-Websites nicht unterstützen diese, weil sie frei sind. Sie sind Open Source. 187 00:11:49,010 --> 00:11:51,190 Es kostet nicht ihnen nichts, um diese für Sie bereitstellen. 188 00:11:51,190 --> 00:11:55,680 Aber wenn Sie verwenden möchten, sagen wir, Ruby-oder Python oder einige der anderen Sprachen - 189 00:11:55,680 --> 00:11:59,490 sie können ihn nicht unterstützen auf ihrem Server, so ist es wichtig, für diese Art von Dingen zu suchen. 190 00:11:59,490 --> 00:12:05,620 >> Und schließlich, sie ermöglicht es Ihnen, einige weitergehende Dinge wie SSL oder Cron-Jobs zu tun? 191 00:12:05,620 --> 00:12:12,060 SSL ist eine Option, wo Sie Ihre Website sicherer kann, indem es HTTPS 192 00:12:12,060 --> 00:12:14,060 und verschlüsseln Sie Ihre Verbindungen. 193 00:12:14,060 --> 00:12:17,230 Und Cron-Jobs sind nur vielleicht Skripte, die Sie ausführen möchten 194 00:12:17,230 --> 00:12:19,510 alle 5 Minuten, alle 10 Minuten, alle 15. 195 00:12:19,510 --> 00:12:22,030 Eine Menge von Shared-Hosting-Webseiten gelten Einschränkungen setzen 196 00:12:22,030 --> 00:12:26,310 von der Anzahl der Cron-Jobs, die Sie ausführen, weil das nimmt mehr Ressourcen. 197 00:12:26,310 --> 00:12:31,800 >> Und schließlich, einfach alles andere, was Sie wollen, zu betrachten - stellen Sie sicher, genau, was los ist 198 00:12:31,800 --> 00:12:35,180 bevor Sie kaufen Ihr Hosting-Paket. 199 00:12:35,180 --> 00:12:37,720 Und schließlich Leistung. Die Leistung ist enorm. 200 00:12:37,720 --> 00:12:39,740 Wie schnell wird meine Website laufen soll? 201 00:12:39,740 --> 00:12:42,950 Die meisten Benutzer werden nicht für noch Sekunden für Ihre Website warten zu laufen 202 00:12:42,950 --> 00:12:47,640 bevor sie nur langweilen, und sie gehen auf MeanBase und starten das Betrachten von Bildern 203 00:12:47,640 --> 00:12:52,240 von Katzen - Sie wissen, was geschieht, und Sie möchten sicherstellen, dass Sie diesen Benutzer an Bord zu holen 204 00:12:52,240 --> 00:12:54,300 und dass Sie gute uptime haben, die bedeutet nur, dass 205 00:12:54,300 --> 00:12:56,300 Ihre Website wird sein jederzeit zugänglich. 206 00:12:56,300 --> 00:13:01,880 Viele Gastgeber haben wirklich schlecht uptime und das nur bedeutet, dass Ihre Website wird nicht zu sein 207 00:13:01,880 --> 00:13:06,500 zugänglich, und Sie wollen nicht, dass das passiert, weil Sie vielleicht traurig. 208 00:13:06,500 --> 00:13:10,360 Und Sie können auch verfolgen Sie Ihre Host-Performance mit Webseiten wie 209 00:13:10,360 --> 00:13:16,440 Pingdom.com oder Host-tracker.com, und sie einfach sagen, wie oft Ihre Website unten. 210 00:13:16,440 --> 00:13:18,490 >> Und schließlich, Sie wollen über ihre Unterstützung zu sehen. 211 00:13:18,490 --> 00:13:21,890 Wenn Sie ein Problem haben, werden sie gehen, um Ihnen innerhalb von 24 Stunden zu beantworten? 212 00:13:21,890 --> 00:13:23,890 Werden sie Ihnen innerhalb von 48 Stunden zu beantworten? 213 00:13:23,890 --> 00:13:26,500 Der Hosting-Service, die ich benutze normalerweise reagiert auf mich innerhalb von Minuten 214 00:13:26,500 --> 00:13:29,760 das ist wirklich schön. 215 00:13:29,760 --> 00:13:33,990 Puh! All right! Es ist Zeit für eine Pause. Aber ich werde mich nicht es dir zu geben. 216 00:13:33,990 --> 00:13:38,200 Wir müssen nur bei Bildern von niedlichen Katzen hin und wieder schauen. 217 00:13:38,200 --> 00:13:42,740 >> Ein weiterer wirklich, wirklich große Sache ist Cross-Browser-Kompatibilität. 218 00:13:42,740 --> 00:13:45,890 Was meine ich mit Cross-Browser-Kompatibilität das? 219 00:13:45,890 --> 00:13:50,970 Sie wissen, heute ist es nicht nur Microsoft Internet Explorer. 220 00:13:50,970 --> 00:13:53,970 Es ist nicht nur Mozilla Firefox oder Safari. 221 00:13:53,970 --> 00:13:58,190 Jetzt haben wir Chrome. Wir haben Opera. Wir haben Dolphin. Wir haben Camino. 222 00:13:58,190 --> 00:14:00,540 Wir haben Conqueror. Wir haben alle diese verschiedenen Browsern. 223 00:14:00,540 --> 00:14:05,950 Dinge, die Coming Out sind jetzt - RockMelt - obwohl die alle auf der Basis von Chrom. 224 00:14:05,950 --> 00:14:10,990 Aber die Tatsache der Angelegenheit ist, gibt es nicht nur einen Browser mehr. 225 00:14:10,990 --> 00:14:13,860 Sie sind nicht nur das Betrachten dieser Webseiten mit einer Anwendung. 226 00:14:13,860 --> 00:14:17,660 Und so wird verschiedenen Browsern auf verschiedenen HTML, CSS anders reagieren und 227 00:14:17,660 --> 00:14:21,210 verschiedene JavaScript anders, und wie gehen Sie damit um? 228 00:14:21,210 --> 00:14:24,370 Nun, in bestimmten Fällen, kann man wirklich nicht. 229 00:14:24,370 --> 00:14:29,160 Ihre Website - wenn es in einem Browser funktioniert, wird der Code, den Sie schrieb nicht funktionieren 230 00:14:29,290 --> 00:14:32,910 in einem anderen Browser, und es ist Ihre Aufgabe, sicherzustellen, dass der Code, den Sie schreiben 231 00:14:32,910 --> 00:14:36,000 ist universell, dass es überall funktioniert. 232 00:14:36,000 --> 00:14:38,000 Also, das ist wirklich gefährlich. 233 00:14:38,000 --> 00:14:42,450 Wenn Sie sagen: "Nun, es ist auf meinem Computer arbeiten. Great! Lasst uns weitermachen." 234 00:14:42,450 --> 00:14:46,040 Nun, es ist wahrscheinlich nicht auf meine Arbeit, und wenn ich gehe auf Ihre Website 235 00:14:46,040 --> 00:14:49,210 Ich werde sehr traurig sein, und ich werde sofort zu verlassen. 236 00:14:49,210 --> 00:14:51,570 Also, lasst uns sehen, wie man dies zu verhindern. 237 00:14:51,570 --> 00:14:55,520 >> Das erste, was natürlich ist, nur Standard-HTML, CSS und JavaScript. 238 00:14:55,520 --> 00:14:57,520 Was mache ich damit? 239 00:14:57,520 --> 00:15:00,180 Nun, es gibt eine Menge Dinge nicht Standard gibt. 240 00:15:00,180 --> 00:15:03,490 Zum Beispiel in CSS gibt es viele Versionen. 241 00:15:03,490 --> 00:15:10,830 Wenn Sie CSS-Regeln sehen mit-moz-oder-webkit-, sind die spezifischen Regeln 242 00:15:10,830 --> 00:15:15,720 sowohl für die Mozilla-Browser und die Webkit-Browser, 243 00:15:15,720 --> 00:15:20,590 und so werden Sie wollen sicherstellen, dass Sie vielleicht, um diese Dinge zu vermeiden, wollen 244 00:15:20,590 --> 00:15:25,150 denn wenn Sie das-moz-Regel ist nur noch auf Firefox arbeiten. 245 00:15:25,150 --> 00:15:29,640 Und wenn Sie wirklich wollen, dass es gut aussehen auf Internet Explorer auch, 246 00:15:29,640 --> 00:15:31,640 Sie gehen, um sein Glück. 247 00:15:31,640 --> 00:15:37,910 Für HTML auch, könnte man Dinge in HTML zu tun, dass die Arbeit in einem Browser 248 00:15:37,910 --> 00:15:41,830 sondern dass die Pausen in einem anderen, und Sie wollen, dass so viel wie möglich zu vermeiden. 249 00:15:41,830 --> 00:15:44,830 Und schließlich für JavaScript auch - es gibt viele Versionen von JavaScript 250 00:15:44,830 --> 00:15:50,570 und in diesem Sommer liefen wir in ein Problem, wo document.getElementsByClassName-- 251 00:15:50,570 --> 00:15:54,500 Das ist in der Regel eine Funktion, die als Teil der JavaScript-Standard definiert ist - 252 00:15:54,500 --> 00:15:58,120 war nicht in Internet Explorer 8 zu finden. 253 00:15:58,120 --> 00:16:01,900 Also, über den Sommer war ich in einem Labor gearbeitet und wir bauten Online-Experimente. 254 00:16:01,900 --> 00:16:06,210 Und wir dachten, es war wirklich gut zu arbeiten, bis wir die Nutzer, die wurden mit realisiert 255 00:16:06,210 --> 00:16:09,780 Internet Explorer 8 konnte nicht reichen ihre Ergebnisse. 256 00:16:09,780 --> 00:16:13,200 Wir waren nicht auf eine Menge von Daten. Das machte uns wirklich traurig. 257 00:16:13,200 --> 00:16:17,790 Also, Sie wollen immer sicherstellen, dass Ihre Skripte gehen, um überall zu arbeiten. 258 00:16:17,790 --> 00:16:20,500 >> Und schließlich verwenden validator.w3.org 259 00:16:20,500 --> 00:16:22,770 das ist, was wir Ihnen zu sagen, in pset 7 zu tun. 260 00:16:22,770 --> 00:16:24,530 Stellen Sie sicher, dass Ihre Seiten validiert werden. 261 00:16:24,530 --> 00:16:28,310 Das ist wichtig, weil, dass zumindest ein erster Schritt Plausibilitätsprüfung. 262 00:16:28,310 --> 00:16:31,870 Ist mein Code tatsächlich standardkonform? 263 00:16:34,930 --> 00:16:39,320 Eine weitere Möglichkeit, der Ihnen helfen, sicherzustellen, dass Ihre Website wird zur Arbeit gehen sortieren 264 00:16:39,320 --> 00:16:42,610 unter den meisten Umständen ist es vielleicht verwenden einige Bibliotheken und Frameworks 265 00:16:42,610 --> 00:16:46,210 weil diese wirklich smart-Entwickler haben über diese Fragen für Sie gedacht. 266 00:16:46,210 --> 00:16:49,850 Sie haben durch gegangen und sie haben verschiedene Funktionen, die in allen Browsern arbeiten geschrieben. 267 00:16:49,850 --> 00:16:53,560 Zum Beispiel verwenden wir jQuery in Pset 7. 268 00:16:53,560 --> 00:16:58,030 Auch wenn Sie es nicht gesehen haben, bietet jQuery eine Menge von Funktionen 269 00:16:58,030 --> 00:17:00,280 dass andernfalls müsste man selbst schreiben. 270 00:17:00,280 --> 00:17:05,310 Aber diese Entwickler schrieb sie, und sie sorgte dafür, dass es in allen Browsern funktioniert. 271 00:17:05,310 --> 00:17:10,280 Und Bootstrap - was eine weitere CSS-Framework, dass wir Sie zeigte in Pset 7 - 272 00:17:10,280 --> 00:17:17,000 es wirklich nimmt eine Menge von den Kopfschmerzen, die mit der Gestaltung von Websites, die gut aussehen. 273 00:17:17,000 --> 00:17:19,000 in allen Browsern. 274 00:17:19,000 --> 00:17:23,660 >> Und schließlich, wenn Sie es vermeiden können, ich in der Regel zu vermeiden Codierung von Grund auf. 275 00:17:23,660 --> 00:17:28,079 Wenn Sie nur die Erstellung einer Website für Ihre Schule Verein, zum Beispiel 276 00:17:28,079 --> 00:17:33,920 und alles, was Sie tun müssen, ist, ein paar Seiten anzuzeigen, und vielleicht haben Ihr Präsident in gehen 277 00:17:33,920 --> 00:17:38,910 und ein paar Dinge ändern hier und da - es gibt wirklich keine Notwendigkeit zu kodieren, dass bis Sie sich. 278 00:17:38,910 --> 00:17:40,910 Das nimmt viel von Ihrer Zeit. 279 00:17:40,910 --> 00:17:42,660 Es braucht eine Menge von Ihrer Energie, und Sie haben zu gehen durch und Sie haben, um herauszufinden, 280 00:17:42,660 --> 00:17:45,930 Nun, das ist zu sehen in diesem Browser gut geht, wird es zu sehen in diesem Browser gut. 281 00:17:45,930 --> 00:17:50,610 Vielleicht nutzen einige dieser Patches, andere haben bereits für Sie geschrieben, wie 282 00:17:50,610 --> 00:17:52,610 WordPress oder Joomla oder Drupal. 283 00:17:52,610 --> 00:17:59,400 Diese werden als Inhalte - diese werden als CMS, die im Grunde nur Pakete, die 284 00:17:59,400 --> 00:18:03,020 bereits für Sie erledigt kommen, und Sie können sie herunterladen, setzen Sie sie auf Ihren Server, 285 00:18:03,020 --> 00:18:07,510 und passen Sie sie, wie Sie wollen, und schon haben Sie eine laufende Website. 286 00:18:07,510 --> 00:18:11,680 Diese Code-Pakete sind etwas zu zu schauen. 287 00:18:11,680 --> 00:18:15,400 Diese Dinge sind Open Source, wenn Sie für so etwas gehen - 288 00:18:15,400 --> 00:18:19,390 wenn Sie für ein Formular-Paket suchen, es gibt Dinge, die nicht frei sind, wie 289 00:18:19,390 --> 00:18:21,570 VBulletin oder IP.Board. 290 00:18:21,570 --> 00:18:23,790 Wenn Sie nicht brauchen, einige dieser erweiterten Funktionen, 291 00:18:23,790 --> 00:18:27,530 Sie können immer für die freie Wahl zu entscheiden. 292 00:18:27,530 --> 00:18:31,300 >> Und schließlich ist es nicht zu vermeiden. 293 00:18:31,300 --> 00:18:33,300 Sie müssen testen, testen, testen. 294 00:18:33,300 --> 00:18:37,690 Sie müssen Ihren Code auf all diesen Browsern und auf allen diesen Plattformen zu testen. 295 00:18:37,690 --> 00:18:44,110 Und Sie wissen, IE6 - Gott sei Dank haben die Menschen begannen eine Abkehr von IE6 296 00:18:44,110 --> 00:18:49,190 denn wieder in den Tag, vielleicht vor ein paar Jahren, hatte Webentwickler immer, immer, 297 00:18:49,190 --> 00:18:55,280 immer IE6 Schwächen Pander in nach den Standards. 298 00:18:55,280 --> 00:19:00,860 Websites schaute Art der 1990er Jahre aus Mangel an einem besseren Weg, um damit umzugehen. 299 00:19:00,860 --> 00:19:04,380 Sie können auch Ihren Browser Screenshots CSS überprüfen. 300 00:19:04,380 --> 00:19:08,100 Eine wirklich coole Website ist browserlab.adobe.com. 301 00:19:08,100 --> 00:19:11,070 Dies ist ein kostenloses Service von Adobe setzen. 302 00:19:11,070 --> 00:19:15,160 Und was sie tun, ist sie können Screenshots von Ihrer Website zu nehmen 303 00:19:15,160 --> 00:19:18,890 läuft unter verschiedenen Bedingungen - wie läuft unter verschiedenen Browsern 304 00:19:18,890 --> 00:19:22,660 läuft unter verschiedenen Plattformen - und zeigen Ihnen, wie sie aussehen. 305 00:19:22,660 --> 00:19:33,260 Nur um Ihnen zu zeigen, was ich hier meine, habe ich eine Website im vergangenen Jahr als das Leben an Harvard, 306 00:19:33,260 --> 00:19:39,150 und was ich zu tun versucht - Ich habe versucht, my.harvard besser. 307 00:19:39,150 --> 00:19:43,840 Denn wenn man letztes Jahr hier waren, haben my.harvard nicht aussehen, wie er jetzt aussieht. 308 00:19:43,840 --> 00:19:46,640 Es sieht irgendwie eklig. 309 00:19:46,640 --> 00:19:50,470 Aber jetzt sieht es viel besser. 310 00:19:50,470 --> 00:19:57,070 Meine Umsetzung war nicht so, dass mehr nützlich, aber alle die gleiche, 311 00:19:57,070 --> 00:20:01,310 Sie wissen, habe ich versucht, hinzuzufügen - (unverständlich) viele was auch immer - 312 00:20:01,310 --> 00:20:04,680 und es sieht - es sieht sehr gut auf meinem Computer. 313 00:20:04,680 --> 00:20:08,560 Und dann, vielleicht, wenn ich mehr Zeit gehabt würde ich auf Browser Labor gegangen, 314 00:20:08,560 --> 00:20:13,020 und ich würde ausgesehen haben, na ja, wie funktioniert es in Chrome 18 auf Windows aussehen. 315 00:20:13,020 --> 00:20:17,060 Ich würde nach unten scrollen und ich sehen würde - oh nein! Schauen Sie sich die Meldungen angezeigt. 316 00:20:17,060 --> 00:20:20,200 Mein Text war überfüllt. Also, das ist schlecht, oder? 317 00:20:20,200 --> 00:20:23,700 Wenn ein Benutzer mit Chrome unter Windows und kommt zu meiner Website, 318 00:20:23,700 --> 00:20:26,730 das sofort sieht sehr unprofessionell. 319 00:20:26,730 --> 00:20:30,760 Also, sollte ich in meine CSS gehen und herausfinden, was Teil meines CSS ist hier zu brechen. 320 00:20:30,760 --> 00:20:35,090 Warum ist es nicht richtig angezeigt und befestigen Sie es so, dass alle Benutzer die gleiche Website zu sehen 321 00:20:35,090 --> 00:20:37,770 und genauso glücklich. 322 00:20:37,770 --> 00:20:44,280 >> Und schließlich auch, sind Browser-Screenshots schön zum Testen Ihrer CSS, 323 00:20:44,280 --> 00:20:46,020 aber was ist mit deinen JavaScript? 324 00:20:46,020 --> 00:20:48,660 Was ist, wenn Sie einige komplizierte Skript, das läuft haben? 325 00:20:48,660 --> 00:20:50,460 Nun, man kann immer tun Virtualisierung. 326 00:20:50,460 --> 00:20:56,360 Wenn Sie einen Mac haben, können Sie verwenden Bootcamp oder VMWare virtualisiert, um vielleicht eine Kopie 327 00:20:56,360 --> 00:20:59,540 Windows-und Internet Explorer verwenden es. 328 00:20:59,540 --> 00:21:03,400 Oder Sie gehen auf so etwas wie Spoon.net, die leider funktioniert nur auf PCs. 329 00:21:03,400 --> 00:21:05,290 Aber was sie tun, ist sehr cool. 330 00:21:05,290 --> 00:21:10,080 Sie virtualisieren Software für Sie, damit Sie verschiedene Versionen von IE laufen, zum Beispiel. 331 00:21:10,080 --> 00:21:12,080 Sie können verschiedene Versionen von Firefox. 332 00:21:12,080 --> 00:21:15,720 Sie können verschiedene Versionen von Safari und testen Sie alle Ihre Webseiten gibt. 333 00:21:15,720 --> 00:21:18,360 Leider sind sie nicht frei. 334 00:21:18,360 --> 00:21:20,860 Das ist ein kostenpflichtiger Dienst, so gibt es immer diese Art von - 335 00:21:20,860 --> 00:21:26,070 es gibt immer eine Art Kompromiss zwischen diesem, na ja, ich werde meine Website gut aussehen. 336 00:21:26,070 --> 00:21:31,970 Wenn ja, könnte ich für einige Dienste zu zahlen, um mir dabei helfen. 337 00:21:31,970 --> 00:21:35,890 Haben Sie Fragen an dieser Stelle über alles, was wir darüber gesprochen? 338 00:21:38,500 --> 00:21:41,210 Awesome. Ok. 339 00:21:41,210 --> 00:21:43,870 >> Jetzt haben wir mehr Dinge zu besprechen. 340 00:21:43,870 --> 00:21:45,820 Wie wäre es mit Fehlern? 341 00:21:45,820 --> 00:21:48,670 Wie stellen Sie sicher, dass Ihre Website wird auch funktionieren, wenn 342 00:21:48,670 --> 00:21:50,150 etwas Schlimmes passiert? 343 00:21:50,150 --> 00:21:53,940 Vielleicht müssen Sie nicht eine Seite namens food.php. 344 00:21:53,940 --> 00:21:57,000 Aber mir, gehe ich auf Ihre Website und ich versuche, food.php zugreifen. 345 00:21:57,000 --> 00:22:00,770 Sind Sie gerade dabei, mir zu zeigen, dass die weiße Seite, die sagt 404 - Datei nicht gefunden? 346 00:22:00,770 --> 00:22:04,400 Oder wirst du sagen: "Nun, es tut mir leid, dass ich nicht finden konnte dies für Sie, 347 00:22:04,400 --> 00:22:08,520 aber vielleicht sind hier einige andere Ressourcen, die Sie für das, was Sie brauchen, zu suchen. " 348 00:22:08,520 --> 00:22:13,180 Andere Fehler - so wird dies als HTTP-Fehler, die nur einige Fehlercodes sind 349 00:22:13,180 --> 00:22:17,130 dass Ihr Server könnte an den Browser zurück im Falle dass etwas Schlimmes passiert geschickt haben. 350 00:22:17,130 --> 00:22:20,160 400 - Bad Request. 401 - Unauthorized. 351 00:22:20,160 --> 00:22:25,560 403 ist eine Art üblich, wenn Sie ein Verzeichnis, das nicht angenommen hat, auf die zugegriffen werden muss 352 00:22:25,560 --> 00:22:27,310 durch den Benutzer, der Benutzer versucht, trotzdem. 353 00:22:27,310 --> 00:22:30,840 Und 500 - Internal Server Error - das geschieht in der Regel, wenn Sie etwas haben 354 00:22:30,840 --> 00:22:33,070 wirklich schlecht los mit Ihrer PHP-Code. 355 00:22:33,070 --> 00:22:36,140 Aber in jedem Fall, diese Art von Browser - Leben diese Art von Fehler passieren. 356 00:22:36,140 --> 00:22:40,550 >> Also, wie wollen Sie sicherstellen, dass Sie ordnungsgemäß behandeln diese Fehler 357 00:22:40,550 --> 00:22:43,230 und stellen Sie sicher, dass der Benutzer nicht einfach irgendwie da hängen? 358 00:22:46,850 --> 00:22:48,850 Kommt. Htaccess. 359 00:22:48,850 --> 00:22:51,300 Jetzt. Htaccess ist etwas, das auf Apache-Servern arbeitet, 360 00:22:51,300 --> 00:22:55,550 etwas, das funktioniert und funktioniert auf einigen anderen Servern als gut. 361 00:22:55,550 --> 00:23:01,350 Dies ist nur eine Möglichkeit für Sie, Ihren Server so konfigurieren, dass 362 00:23:01,350 --> 00:23:04,470 Sie können es tun, was Sie tun möchten. 363 00:23:04,470 --> 00:23:06,790 Einige Dinge, die man tun könnte. Sie kontrollieren konnte Ihre Cache-Einstellungen. 364 00:23:06,790 --> 00:23:11,290 Vielleicht gibt es eine bestimmte Seite auf Ihrer Website, dass Sie sicherstellen, dass der Benutzer 365 00:23:11,290 --> 00:23:14,740 erneut herunterladen jedesmal, wenn der Nutzer kommt und Ihre Website besucht. 366 00:23:14,740 --> 00:23:26,980 Oder vielleicht haben Sie etwas, das wie yoursite.com URL / test / html / pages / hello.html ist 367 00:23:26,980 --> 00:23:31,270 und Sie wollen einfach nur, dass zu yourname.com / hallo sein -. auch, die Sie verwenden können htaccess 368 00:23:31,270 --> 00:23:34,760 auf einer Webseite auf einen anderen umzuleiten. 369 00:23:34,760 --> 00:23:36,600 Sie können es auch verwenden, um die Authentifizierung zu tun. 370 00:23:36,600 --> 00:23:39,890 Vielleicht gibt es einige Teile Ihrer Website, die Sie brauchen, um ein anderes Passwort zu verwenden. 371 00:23:39,890 --> 00:23:42,620 Sie können bestimmte IP-Adressen blockieren, blockieren bestimmte Domains. 372 00:23:42,620 --> 00:23:46,770 Vielleicht haben Sie gerade wirklich nicht, wie Harvard-Studenten mit Ihrer Website. 373 00:23:46,770 --> 00:23:49,910 Na, haben Sie die Möglichkeit, Blockieren aller Harvard IP-Adressen. 374 00:23:49,910 --> 00:23:56,370 >> Schließlich können Sie behandeln Dinge - Sie können bestimmte Code schreiben, um Ihren Server machen 375 00:23:56,370 --> 00:24:03,100 behandeln, wie. Zhao oder. Ihren Namen oder. hallo Seiten als PHP-Code. 376 00:24:03,100 --> 00:24:05,170 Vielleicht werde nützlich sein. Vielleicht wird es nicht sein. 377 00:24:05,170 --> 00:24:07,980 Und schließlich können Sie es verwenden, um Fehler Reaktionen zu behandeln. 378 00:24:07,980 --> 00:24:10,300 Was mache ich damit? 379 00:24:10,300 --> 00:24:16,030 Wenn Sie fügen Sie einfach Code wie diesen - ErrorDocument 404 und dann leiten sie an einige 380 00:24:16,030 --> 00:24:20,440 Fehler-Seite, können Sie sicherstellen, dass der Benutzer nicht nur sehen, die wirklich, wirklich hässlich 381 00:24:20,440 --> 00:24:23,550 404 und zeigen ihnen etwas Schönes. 382 00:24:23,550 --> 00:24:29,000 >> Lasst uns tatsächlich einen Blick auf, wie wir können, dass mit Ihrer Pset 7 zu tun. 383 00:24:29,000 --> 00:24:34,190 Hier bin ich in meinem Gerät. 384 00:24:34,190 --> 00:24:38,440 Ich werde Chrome zu öffnen, und dann werde ich versuchen, eine Seite aufzurufen 385 00:24:38,440 --> 00:24:43,350 das nicht auf CS50 Finanzen existieren. 386 00:24:43,350 --> 00:24:52,710 Also, lokalen Host - cats.php-lala, bemerken, dass ich einen Fehler Dokument erstellt 387 00:24:52,710 --> 00:24:54,770 das sagt, "nicht finden Canz z Seite!" 388 00:24:54,770 --> 00:24:56,990 Es hat eine sehr traurige Katze auf sie. 389 00:24:56,990 --> 00:24:59,910 Wenn Sie auf Twitter, zu gehen, wenn Sie auf einen dieser anderen Websites zu gehen, 390 00:24:59,910 --> 00:25:02,700 Sie können nicht eine Seite finden, sie in der Regel versuchen, Ihnen zu zeigen, ein nettes Bild 391 00:25:02,700 --> 00:25:04,850 so dass Sie nicht allzu enttäuscht. 392 00:25:04,850 --> 00:25:07,830 Man könnte auch etwas, das mehr ist, die professionelle sagt, 393 00:25:07,830 --> 00:25:11,760 gut, es tut mir leid ich konnte die Seite nicht finden, aber vielleicht ist hier ein Suchfeld. 394 00:25:11,760 --> 00:25:16,750 Oder vielleicht sind hier einige Links, die Ihnen helfen, den Link, den Sie wollen. 395 00:25:16,750 --> 00:25:21,410 Also, wie ich dies tun? Wie ist das überhaupt möglich? 396 00:25:21,410 --> 00:25:23,500 Wenn wir in unserem Terminal hier - 397 00:25:23,500 --> 00:25:26,300 Ich werde einfach ein bisschen zu vergrößern - 398 00:25:26,300 --> 00:25:30,110 bemerken, dass ich eine neue Seite haben. 399 00:25:30,110 --> 00:25:34,440 Inside my HTML-Verzeichnis es heißt - man kann es nicht sehen - 400 00:25:34,440 --> 00:25:37,280 es heißt error.php. 401 00:25:37,280 --> 00:25:41,010 Und error.php ist nur eine Datei, die ich gemacht 402 00:25:41,010 --> 00:25:43,030 das zeigt Ihnen die Seite selber. 403 00:25:43,030 --> 00:25:46,710 Ich kann Ihnen zeigen, was error.php ist. 404 00:25:46,710 --> 00:25:48,710 Es ist genau diese Seite. 405 00:25:48,710 --> 00:25:50,710 Er sagt, "Oh nein! Canz nicht finden z Seite!" 406 00:25:50,710 --> 00:25:58,630 Und wenn Sie sehen wollen - so, feststellen, dass htaccess Art ist ein komischer Name.. 407 00:25:58,630 --> 00:26:01,040 Es beginnt mit einem Punkt was bedeutet, dass es sich um eine System-Datei ist. 408 00:26:01,040 --> 00:26:03,360 Es ist eine versteckte Datei, die normalerweise nicht angezeigt. 409 00:26:03,360 --> 00:26:09,060 Wenn Sie ls-a tun, können Sie alle versteckten Dateien in einem bestimmten Verzeichnis zu sehen, 410 00:26:09,060 --> 00:26:12,030 und in der Tat, Sie sehen. htaccess ist einer von ihnen. 411 00:26:12,030 --> 00:26:15,490 Fahren wir fort und öffnen htaccess. - 412 00:26:15,490 --> 00:26:19,830 mit gedit - 413 00:26:19,830 --> 00:26:26,870 Boom! Alles, was ich habe, ist eine Zeile in es - Fehler Dokument für 404-Fehler 414 00:26:26,870 --> 00:26:28,760 die auch als Datei nicht gefunden-Fehler bekannt. 415 00:26:28,760 --> 00:26:32,720 Lassen Sie leiten sie an etwas namens error.php. 416 00:26:36,100 --> 00:26:42,030 Sie können Spaß haben Dinge wie canz nicht finden z Seite! 417 00:26:42,030 --> 00:26:46,770 Und es gibt auch sehr coole Sachen, die Sie mit. Htaccess tun können. 418 00:26:46,770 --> 00:26:49,520 Wenn Sie mehr sehen wollen. Htaccess Magie, 419 00:26:49,520 --> 00:26:56,470 das ist eine sehr coole Website um zu gehen - es heißt javascriptkit.com/howto/htaccess.shtml-- 420 00:26:56,470 --> 00:27:01,880 wenn Sie mehr Server zaubern. Und es könnte sein, sehr lustig. 421 00:27:01,880 --> 00:27:05,490 >> Puh! All right! Mehr niedlichen Bilder. 422 00:27:05,490 --> 00:27:10,060 Dies ist ein Mann tun Push-ups, und seine Katze versucht zu helfen. Ich denke es ist sehr niedlich. 423 00:27:10,060 --> 00:27:14,830 Leider habe ich nicht eine Katze so. 424 00:27:14,830 --> 00:27:17,640 In Ordnung. Also, wir haben darüber gesprochen. Htaccess. 425 00:27:17,640 --> 00:27:19,640 Wir haben darüber gesprochen Fehlerbehandlung. 426 00:27:19,640 --> 00:27:20,940 Wir haben über Hosting, Domain-Namen gesprochen. 427 00:27:20,940 --> 00:27:23,230 Wir haben über die Cross-Browser-Kompatibilität gesprochen. 428 00:27:23,230 --> 00:27:25,210 Nun, wie können wir sicherstellen, dass Ihre Website tatsächlich durchführt? 429 00:27:25,210 --> 00:27:26,950 Wie können wir sicherstellen, dass, wenn ich auf Ihre Website gehen 430 00:27:26,950 --> 00:27:29,830 Ich kann die Seite innerhalb von wenigen Sekunden sehen? 431 00:27:29,830 --> 00:27:33,520 Eines der Dinge, dass ich glaube, die Leute einfach irgendwie vergessen 432 00:27:33,520 --> 00:27:36,160 ist Bildoptimierung. 433 00:27:36,160 --> 00:27:37,560 Lassen Sie uns sagen, dass Sie ein Bild auf Ihrer Website gesucht 434 00:27:37,560 --> 00:27:40,330 und es ist 2 MG groß. 435 00:27:40,330 --> 00:27:42,670 Das könnte für uns in Ordnung, weil wir an der Harvard sind, 436 00:27:42,670 --> 00:27:45,000 und wir haben eine sehr schnelle Internetverbindung. 437 00:27:45,000 --> 00:27:47,470 Aber vorstellen, dass jemand in China. Stellen Sie sich jemanden in Indien. 438 00:27:47,470 --> 00:27:52,440 vorstellen, dass jemand vielleicht in ländlichen Kansas, die vielleicht nicht die gleiche Art von 439 00:27:52,440 --> 00:27:54,690 Breitband-Internet, die wir haben. 440 00:27:54,690 --> 00:27:57,710 Wenn Sie eine 2 MB Bild auf Ihrer Website und dem Nutzer haben versucht, darauf zuzugreifen, 441 00:27:57,710 --> 00:28:00,890 es wird nehmen sie eine wirklich lange Zeit zum Download bereit. 442 00:28:00,890 --> 00:28:04,160 Also, wenn Sie nicht brauchen diese Art von Auflösung, 443 00:28:04,160 --> 00:28:09,220 dann können Sie Ihr Bild mit so etwas wie Adobe Photo Shop ändern. 444 00:28:09,220 --> 00:28:13,400 Normalerweise gibt es eine Option namens Safe für Web und Geräte, 445 00:28:13,400 --> 00:28:15,850 und was es tut, ist es Streifen aus alle unnötigen Informationen 446 00:28:15,850 --> 00:28:20,160 und irgendwie verdichtet Ihre Datei in einer kleinen Bildgröße, so dass Sie 447 00:28:20,160 --> 00:28:22,960 setzen Sie es auf Ihrer Website, und jeder Benutzer, der die Seite downloaden versucht 448 00:28:22,960 --> 00:28:26,950 wird eine kleinere Version des Bildes herunterzuladen. 449 00:28:26,950 --> 00:28:28,230 Wenn Sie nicht über Adobe Photo Shop 450 00:28:28,230 --> 00:28:32,650 webresizer.com ist auch eine andere Ressource, wo Sie können Ihren Bild 451 00:28:32,650 --> 00:28:36,470 und es wird ausspucken genau das gleiche Bild, 452 00:28:36,470 --> 00:28:39,970 aber es wird so etwas wie 3-mal kleiner sein. 453 00:28:39,970 --> 00:28:41,970 Also das ist sehr nützlich für Ihre Nutzer. 454 00:28:41,970 --> 00:28:45,930 >> Eine andere Sache, die Sie tun können, ist minify Code. 455 00:28:45,930 --> 00:28:48,460 Wenn wir einen Blick auf Google.com, 456 00:28:48,460 --> 00:28:56,400 du wirst sehen, dass es nicht die gleiche Art von HTML und CSS, dass wir es gewohnt sind. 457 00:28:56,400 --> 00:29:02,250 Allein schon, um den Quellcode hier. 458 00:29:02,250 --> 00:29:07,600 Wenn ich nur nach unten scrollen - wow, das sieht ziemlich eklig. 459 00:29:07,600 --> 00:29:09,650 Dies würde eine Null auf Stil. 460 00:29:09,650 --> 00:29:13,470 Wenn Sie für Ihre Pset diese codiert, werden Sie eine Null auf Ihrem Stil zu bekommen. 461 00:29:13,470 --> 00:29:16,990 Dies hat keinen Abstand. Die Namen sehen wirklich kryptisch. 462 00:29:16,990 --> 00:29:19,800 Es ist alles wirklich ekelhaft. 463 00:29:19,800 --> 00:29:24,060 Und das Skript in den Körper zu schließen - die Schließung HTML - 464 00:29:24,060 --> 00:29:26,280 sie sind alle zusammen - all smushed zusammen. 465 00:29:26,280 --> 00:29:28,280 Warum tun sie das? 466 00:29:28,280 --> 00:29:30,650 Sie minifiziert ihren Code. 467 00:29:30,650 --> 00:29:33,310 Beachten Sie, dass dieses Dokument wird viel kleiner sein 468 00:29:33,310 --> 00:29:36,660 für mich, als etwas mit Leerraum downloaden, 469 00:29:36,660 --> 00:29:39,410 als etwas, mit wirklich langen Variablennamen. 470 00:29:39,410 --> 00:29:41,710 Wenn Sie Ihren Code minify Sie Streifen aus all den Leerraum. 471 00:29:41,710 --> 00:29:45,960 Natürlich unterstützt Ihr Browser nicht, wenn Sie alle Leerzeichen in Ihrem Code haben. 472 00:29:45,960 --> 00:29:49,630 Sie befreien Sie ihn aus, jetzt kann ich eine kleinere Datei downloaden - 473 00:29:49,630 --> 00:29:52,770 Jetzt die Datei - das Dokument, dass wir gehen zum Download hat eine kleinere Dateigröße, 474 00:29:52,770 --> 00:29:56,180 es wird schneller sein für mich herunter zu laden, und das ist nützlich. 475 00:29:56,180 --> 00:30:01,550 Wenn Sie mit Webseiten arbeiten und Sie starten eine Website, 476 00:30:01,550 --> 00:30:04,630 es ist fast immer gut, um Ihren Code minify. 477 00:30:04,630 --> 00:30:08,150 Ein weiterer Grund, warum es gut sein könnte, ist vielleicht auch nicht wollen, dass andere Ihrem Code verwenden. 478 00:30:08,150 --> 00:30:11,050 Vielleicht wissen Sie nicht möchten, dass andere Ihre CSS verwenden. 479 00:30:11,050 --> 00:30:13,460 Sie wissen, wenn Sie wirklich zu geizig mit, dass 480 00:30:13,460 --> 00:30:16,670 dann können Sie auch minify Code, und es wäre schwieriger für mich, es zu stehlen 481 00:30:16,670 --> 00:30:19,170 weil ich habe keine Ahnung, was los ist. 482 00:30:19,170 --> 00:30:22,990 Sie können auch auf Websites wie minify.avivo.si gehen. 483 00:30:22,990 --> 00:30:27,900 Dienstleistungen wie diese Online-Hilfe Sie minify Ihren Code, so dass Sie nicht haben, um es von Hand machen. 484 00:30:27,900 --> 00:30:30,080 Definitiv tun Sie es nicht mit der Hand. 485 00:30:30,080 --> 00:30:32,210 >> Ok. Jetzt spricht über Skripte. 486 00:30:32,210 --> 00:30:35,040 Vielleicht in Ihrem PHP-Code gibt es etwas, das Sie nicht brauchen, um zu tun. 487 00:30:35,040 --> 00:30:37,910 Vielleicht gibt es zusätzliche Schlaufen drin. 488 00:30:37,910 --> 00:30:40,850 Wir sprachen über Code-Design in CS50. 489 00:30:40,850 --> 00:30:44,550 Selbst wenn Sie in C codiert, wenn Sie - wenn Sie zusätzliche Arbeit sind 490 00:30:44,550 --> 00:30:49,440 dass Sie brauchen nicht zu tun, na ja, das wird sich verlangsamen Ihre Skripte auf Ihrer Website, 491 00:30:49,440 --> 00:30:53,280 und dies ist besonders wichtig für Websites, weil die Benutzer heutzutage sehr ungeduldig sind. 492 00:30:53,280 --> 00:30:56,110 Wenn Sie dabei unnötige Arbeit sind, es geht um sie länger dauern 493 00:30:56,110 --> 00:31:00,080 auf die Informationen, die sie wollen, und sie werden sehr unglücklich sein. 494 00:31:00,080 --> 00:31:02,200 Schließlich können Sie Ihre Datenbank-Tabellen zu optimieren. 495 00:31:02,200 --> 00:31:05,020 Erinnern wir uns über Indizes gesprochen. 496 00:31:05,020 --> 00:31:09,420 Sie sind nicht nur gut für die Herstellung sicher, dass Sie eine Zeile, die einzigartig ist haben. 497 00:31:09,420 --> 00:31:12,440 Sie sind auch gut für die Herstellung sicher, dass Ihre Datenbank schnell funktioniert. 498 00:31:12,440 --> 00:31:16,240 Wenn Sie möchten, zu lesen, auf die gehen an die MySQL-Dokumentation 499 00:31:16,240 --> 00:31:18,710 oder Sie können schauen - na ja, wie optimiere ich meine Datenbank-Tabelle? 500 00:31:18,710 --> 00:31:23,350 Wie kann ich sicherstellen, dass ich Indizes, die mich auf die Informationen immer schneller zu helfen? 501 00:31:23,350 --> 00:31:27,300 >> Es gibt auch kleine Tricks, die Sie wie Caching verwenden können. 502 00:31:27,300 --> 00:31:28,980 Wenn Sie PHP haben - wenn Sie ein Blog, haben zum Beispiel 503 00:31:28,980 --> 00:31:31,980 und Sie haben - und es ist von PHP oder einer anderen Sprache betrieben - 504 00:31:31,980 --> 00:31:37,690 Sie können Ihren Blog unter let-Cache sagen 50-Minuten-Takt, so dass Sie statische Seiten dienen kann 505 00:31:37,690 --> 00:31:40,610 oder statische HTML für die Besucher auf Ihre Website. 506 00:31:40,610 --> 00:31:43,380 So wird der Benutzer nicht zu laufen PHP-Skript jedes Mal, 507 00:31:43,380 --> 00:31:47,410 Und vielleicht wird schneller sein, damit sie auf diese Informationen zugreifen. 508 00:31:47,410 --> 00:31:49,410 >> Und schließlich können Sie so etwas wie CDN. 509 00:31:49,410 --> 00:31:51,900 Beachten Sie, dass, wenn Sie eine Pset downloaden, 510 00:31:51,900 --> 00:31:54,890 Sie immer auf CDN.CS50.net gehen. Warum ist das so? 511 00:31:54,890 --> 00:32:01,540 CS50 verwendet auch ein bisschen wie ein CDN - ein Content Distribution Network - 512 00:32:01,540 --> 00:32:06,120 das bedeutet nur, dass es eine Reihe von Servern ist vielleicht irgendwo rund um den Globus 513 00:32:06,120 --> 00:32:08,120 das Hilfe dienen Ihrer Seiten für Ihre Besucher. 514 00:32:08,120 --> 00:32:13,770 Wenn Ihr Besucher wird immer eine Seite aus einem Server, der ihnen näher geographisch ist, 515 00:32:13,770 --> 00:32:16,770 dann am ehesten Ihre Besucher wird diese Datei sehr viel schneller zu bekommen. 516 00:32:16,770 --> 00:32:20,490 Es gibt auch Online-Quellen, die Sie tun, dass zu helfen. 517 00:32:20,490 --> 00:32:24,070 Einer von ihnen ist CloudFlare. Sie bieten eine kostenlose CDN Service. 518 00:32:24,070 --> 00:32:26,020 Wenn Sie große Dateien, die Ihr dazu dienen, Ihre Benutzer, 519 00:32:26,020 --> 00:32:32,260 dann ist es vielleicht besser, sie auf einem CDN setzen, so dass sie sie schneller erhalten können. 520 00:32:32,260 --> 00:32:39,070 >> Das letzte Thema des Tages ist Suchmaschinen-Optimierung. 521 00:32:39,070 --> 00:32:41,070 Was ist Suchmaschinen-Optimierung? 522 00:32:41,070 --> 00:32:44,070 Das ist dafür, dass Suchmaschinen wie Google oder Bing oder Yahoo 523 00:32:44,070 --> 00:32:50,740 können gehen, um Ihre Website und Ihre Website crawlen und indizieren Ihre Website, und wenn 524 00:32:50,740 --> 00:32:53,040 Ich zum Beispiel, gehen auf Google.com und ich versuche, etwas zu suchen, 525 00:32:53,040 --> 00:32:55,040 dann wird Ihre Website Pop-up. 526 00:32:55,040 --> 00:32:57,000 Wie stellen Sie sicher, dass Ihre Website zu einer der Top 10 ist? 527 00:32:57,000 --> 00:33:00,000 Denn wie wir alle wissen, wenn Sie nach etwas auf Google 528 00:33:00,000 --> 00:33:02,880 und es ist nicht auf der Top 10 werden Sie wahrscheinlich gehen nicht in den nächsten 10 aussehen. 529 00:33:02,880 --> 00:33:07,160 Dies ist eine Art von einem Thema, das im Dunkeln ist. 530 00:33:07,160 --> 00:33:09,850 Es gibt eine Menge Hype da draußen auf dem Internet. 531 00:33:09,850 --> 00:33:14,680 Es gibt eine Menge von Aberglauben, wenn Sie dann x Google werde wie Sie besser. 532 00:33:14,680 --> 00:33:16,680 Wenn Sie dann y Google werde wie Sie besser. 533 00:33:16,680 --> 00:33:19,680 Es ist wahrscheinlich besser, in die Suche Riesen Dokumente selbst zu suchen. 534 00:33:19,680 --> 00:33:27,470 >> Dies ist eines der Dokumente auf Google, die Ihnen genau sagen, wie Sie Ihre Website optimieren 535 00:33:27,470 --> 00:33:30,860 so, dass Google zugreifen können und Index es sehr schön. 536 00:33:30,860 --> 00:33:33,680 Sie haben noch abschreiben diese URL, weil dieser Präsentation geht 537 00:33:33,680 --> 00:33:36,680 online sein sowieso. 538 00:33:36,680 --> 00:33:38,770 Wenn Sie an diesem und schauen Sie dies lesen, gibt es einige sehr hilfreiche Tipps drin. 539 00:33:38,770 --> 00:33:42,240 Die Google sagt Ihnen - wenn Sie wirklich wollen, um Ihre Website gut indiziert werden 540 00:33:42,240 --> 00:33:44,610 dann sollten Sie tun all diese Dinge. 541 00:33:44,610 --> 00:33:47,570 >> Eine andere Sache, dass Suchmaschinen wirklich gefällt, ist frische Inhalte. 542 00:33:47,570 --> 00:33:49,500 Wenn Sie Inhalte haben, das ist sehr regelmäßig aktualisiert 543 00:33:49,500 --> 00:33:51,950 dann Suchmaschinen sagen, ooh, ich mag Ihre Website. 544 00:33:51,950 --> 00:33:53,950 Ich werde auf Ihre Website sehr häufig gehen. 545 00:33:53,950 --> 00:33:56,840 Ich werde eine Menge Index Ihrer Seiten. 546 00:33:56,840 --> 00:33:59,560 Wenn Sie neue Inhalte haben, dann sind Sie eher zu zeigen, bis - 547 00:33:59,560 --> 00:34:02,540 du bist eher zu mehr relevant. 548 00:34:02,540 --> 00:34:04,630 Du bist eher zu mehr aktualisiert, 549 00:34:04,630 --> 00:34:08,860 und Suchmaschinen sind eher auf Ihre Website über die anderen stellen. 550 00:34:08,860 --> 00:34:10,860 >> Deeplinks sind ebenfalls wichtig. 551 00:34:10,860 --> 00:34:13,530 Wenn Sie wirklich wollen Ihre Website zu schauen in einer Suchmaschine die Augen gut 552 00:34:13,530 --> 00:34:18,090 eine Menge von anderen Websites mit ihm verbunden sind und mit tief in Ihre Website. 553 00:34:18,090 --> 00:34:20,090 Nicht nur zu Ihrer Homepage verlinken. 554 00:34:20,090 --> 00:34:26,719 Link vielleicht yourname.com / etwas / etwas / something.php. 555 00:34:26,719 --> 00:34:29,840 That - zu einer Suchmaschine - Mittel, wow, sie haben wirklich interessante Inhalte 556 00:34:29,840 --> 00:34:35,350 dass jemand anderes ist so tief Verknüpfung in ihre Website, dass ich sollte wirklich, wirklich 557 00:34:35,350 --> 00:34:38,260 legte mehr Wert auf die dortigen Seiten. 558 00:34:38,260 --> 00:34:41,940 >> Wenn Sie genaue Seitentitel, haben, wenn Sie keine Fehler haben, das ist gut, weil 559 00:34:41,940 --> 00:34:44,670 wenn eine Suchmaschine versucht, Ihre Website zu besuchen, und es wird immer eine Fehlermeldung, 560 00:34:44,670 --> 00:34:46,780 es ist wahrscheinlich zu geben sehr, sehr bald. 561 00:34:46,780 --> 00:34:49,510 Und schließlich, Sie wollen eine schnelle Ladezeit, weil Suchmaschinen - 562 00:34:49,510 --> 00:34:53,820 genau wie Menschen - Einmalige haben viel Geduld für langsame Webseiten. 563 00:34:53,820 --> 00:34:57,070 Dies ist eine Möglichkeit für Sie, stellen Sie sicher, dass Sie zeigen eine höhere 564 00:34:57,070 --> 00:35:01,390 Suchmaschinen-Abfragen und hoffentlich dadurch mehr Verkehr. 565 00:35:01,390 --> 00:35:04,730 Denn schließlich haben Sie die ganze Zeit in die Entwicklung Ihrer Website. 566 00:35:04,730 --> 00:35:06,280 Sie verbrachte die ganze Zeit startet diese Website online. 567 00:35:06,280 --> 00:35:11,780 Sie wollen sicherstellen, dass Sie viel von Benutzern, die tatsächlich sehen Ihre Inhalte haben. 568 00:35:13,330 --> 00:35:15,660 >> Andere gute Ressourcen zu nutzen. 569 00:35:15,660 --> 00:35:19,210 Google Webmaster Tools ist etwas im anzuschauen. 570 00:35:19,210 --> 00:35:21,780 Dies hilft nur Sie zu sehen - Google indiziert keine meiner Website. 571 00:35:21,780 --> 00:35:24,490 Welche Art von Fehler wird es begegnen? 572 00:35:24,490 --> 00:35:27,490 Wie viele Seiten hat es indiziert? 573 00:35:27,490 --> 00:35:29,490 Was bedeutet es denken, ist die wichtigsten Inhalte auf meiner Seite? 574 00:35:29,490 --> 00:35:31,490 Vielleicht ist das nicht das, was ich sein möchte. 575 00:35:31,490 --> 00:35:36,880 Vielleicht brauche ich auf meiner Website ein wenig, so dass es besser ist, spiegelt sich ändern 576 00:35:36,880 --> 00:35:38,880 was meiner Website ist wirklich über. 577 00:35:38,880 --> 00:35:41,000 Google Analytics ist ein weiteres wirklich cooles Tool. 578 00:35:41,000 --> 00:35:44,120 Sie können ein wenig von JavaScript zu Ihren Seiten hinzufügen. 579 00:35:44,120 --> 00:35:47,020 Und dann danach können Sie zu Google Analytics zu gehen, und es wird zu verfolgen 580 00:35:47,020 --> 00:35:49,020 Ihre Besucher Ihre Website Demografie und Wachstum. 581 00:35:49,020 --> 00:35:51,810 Es wird Ihnen genau sagen, wie viele Besucher Ihre Website besuchen 582 00:35:51,810 --> 00:35:55,310 innerhalb eines bestimmten Tages, innerhalb einer bestimmten Stunde, innerhalb einer bestimmten Woche. 583 00:35:55,310 --> 00:35:57,310 Wie viele Besucher aus China? Wie viele Besucher aus der Antarktis - 584 00:35:57,310 --> 00:35:59,310 Sie auf Ihre Website bekommen. 585 00:35:59,310 --> 00:36:03,470 das könnte etwas cool zu sehen sein, oder es könnte sogar nützlich sein 586 00:36:03,470 --> 00:36:05,470 weil Sie versuchen, eine bestimmte Gruppe anzusprechen. 587 00:36:05,470 --> 00:36:08,410 Vielleicht sind Sie versucht, Jugendliche mit Ihrer Website zielen, und Sie sehen, dass 588 00:36:08,410 --> 00:36:11,410 die meisten der Besucher Ihrer Website sind vielleicht 30 - bis 40-Jährigen, 589 00:36:11,410 --> 00:36:15,130 dann vielleicht entweder Sie ein Problem haben oder Sie können nur sagen, 590 00:36:15,130 --> 00:36:19,590 gut, dann sollte ich vielleicht ändern Sie einfach meine Website im Fokus, so dass 591 00:36:19,590 --> 00:36:22,240 Ich konzentriere mich mehr auf diese Altersgruppe. 592 00:36:22,240 --> 00:36:28,500 >> Google Apps - wenn Sie zum Sortieren von E-Mails mit Ihrem Domain-Namen haben wollte - 593 00:36:28,500 --> 00:36:31,230 Vielleicht so etwas wie yourname@yourname.com-- 594 00:36:31,230 --> 00:36:35,270 Sie können gmail Adressen - Sie können den Service nutzen gmail 595 00:36:35,270 --> 00:36:38,500 und Google Apps ist eine Möglichkeit, das zu tun. 596 00:36:38,500 --> 00:36:44,050 Sie können bestimmte E-Mail-Adressen, die speziell für Ihren Domain-Namen sind 597 00:36:44,050 --> 00:36:46,800 Statt of@gmail.com. 598 00:36:46,800 --> 00:36:51,840 >> Und schließlich gibt es Web-Entwickler Erweiterungen und Add-ons - für Chrome, 599 00:36:51,840 --> 00:36:56,380 für Firefox, für andere Browser - das können Sie in zu gehen und überprüfen 600 00:36:56,380 --> 00:37:02,290 CSS, JavaScript zu inspizieren, genau sehen, was los ist mit Ihrem JavaScript-Skript, 601 00:37:02,290 --> 00:37:05,290 und vielleicht ist das bald nützlich für Ihre de-Lauschangriff Zwecke, für Sie herauszufinden - 602 00:37:05,290 --> 00:37:08,630 gut, warum nicht meine Website richtig angezeigt in diesem Browser? 603 00:37:08,630 --> 00:37:11,800 >> Und schließlich, wenn Sie wollten mehr über all diese Themen lernen - 604 00:37:11,800 --> 00:37:14,410 wenn Sie wollten mehr über HTML und CSS und JavaScript lernen - 605 00:37:14,410 --> 00:37:16,790 denn schließlich haben wir nur gelernt, ein wenig - 606 00:37:16,790 --> 00:37:21,240 Sie gehen können Websites wie W3Schools.com, um weitere Ressourcen zu suchen. 607 00:37:21,240 --> 00:37:26,340 Sie haben eine sehr schöne Tutorials, wie mache ich x, y oder was bedeutet das? 608 00:37:26,340 --> 00:37:30,400 Wenn Sie mehr über diese Sprachen zu lernen wollten, können Sie einfach hier. 609 00:37:30,400 --> 00:37:37,690 >> In Ordnung. Ich glaube, ich wollte die letzten Minuten dieser Fragen lassen, 610 00:37:37,690 --> 00:37:39,810 so gibt es irgendwelche Fragen über alles, was wir gesprochen haben? 611 00:37:39,810 --> 00:37:43,500 [Zuschauer] Welche Dinge sind auf W3Schools und wie wird sie behandelt? 612 00:37:43,500 --> 00:37:45,500 [Yuechen Zhao] Welche Dinge? 613 00:37:45,500 --> 00:37:50,180 Also, das ist eine der ganz grossen Dinge, die ich verwenden eine Menge ihre Referenzen. 614 00:37:50,180 --> 00:37:54,430 Deren Referenzen Detail, zum Beispiel für CSS - 615 00:37:54,430 --> 00:37:59,480 was das bedeutet, oder wenn Sie den Hintergrund einer Seite ändern wollte - 616 00:37:59,480 --> 00:38:01,480 wie machst du das? 617 00:38:01,480 --> 00:38:04,550 Welche Browser unterstützt diesen Befehl? Solche Sachen. 618 00:38:04,550 --> 00:38:10,870 Und dann sind sie auch einfach nur sehr schön Tutorials auf HTML, PHP auf, auf JavaScript 619 00:38:10,870 --> 00:38:14,290 auf MySQL auf allen möglichen verschiedenen Themen. 620 00:38:14,290 --> 00:38:18,800 Sie haben schöne Tutorials. Man lernt, wie man Dinge tun. 621 00:38:18,800 --> 00:38:22,590 Es ist schön, in der Lage sein zu gehen und erfahren Sie mehr zu diesen Themen. 622 00:38:22,590 --> 00:38:27,180 >> [Zuschauer] HTML 5 ist noch nicht kompatibel mit allen Browsern gibt. 623 00:38:27,180 --> 00:38:30,700 Würden Sie empfehlen, nur bleiben weg von es wegen der Kompatibilitätsprobleme? 624 00:38:30,700 --> 00:38:32,700 Wie würden Sie damit umgehen? 625 00:38:32,700 --> 00:38:38,640 [Yuechen Zhao] Ja, so ist die Frage, HTML5 ist noch ein Baby Standard. 626 00:38:38,640 --> 00:38:42,030 Es ist nicht wirklich von vielen Browsern unterstützt, so sollten wir es vermeiden? 627 00:38:42,030 --> 00:38:48,040 Ich denke, letztes Jahr habe ich wäre ein sehr großer Befürworter von haben, vermeiden wir HTML5 628 00:38:48,040 --> 00:38:52,430 weil es immer noch - es ist immer noch sehr neu und in der Tat, die HTML5-Standard 629 00:38:52,430 --> 00:38:55,610 wurde noch nicht abgeschlossen. 630 00:38:55,610 --> 00:38:58,790 Und ja, es ist wirklich kein HTML5-Standard. 631 00:38:58,790 --> 00:39:03,840 Aber ich denke, vor allem wenn Sie die Gestaltung einer Website jetzt, 632 00:39:03,840 --> 00:39:07,450 es wäre besser, wenn Sie gerade mit HTML5 gehen, denn das ist eine Art zu gehen, um die Zukunft zu sein, 633 00:39:07,450 --> 00:39:11,250 und wenn Sie möchten, dass Ihre Website zu sein zukunftssichere und Sie möchten Ihre Website zu arbeiten 634 00:39:11,250 --> 00:39:14,320 in Zukunft Browsern, könnte es besser sein, um etwas zu bauen für die Zukunft starten 635 00:39:14,320 --> 00:39:19,830 als für die Vergangenheit, und auch nur wegen der Tatsache, dass HTML5 wirklich nicht, dass verschiedene 636 00:39:19,830 --> 00:39:23,080 von HTML4 oder XHTML. 637 00:39:23,080 --> 00:39:29,780 Wenn Sie mit HTML5 sind, wird es normalerweise in den meisten Browsern funktionieren. 638 00:39:29,780 --> 00:39:34,660 Sie müssen nur irgendwie in zu gehen und mit diesen Screenshots sicher 639 00:39:34,660 --> 00:39:38,630 und macht mit dem Gehen auf diesen Webseiten selbst sicher. 640 00:39:38,630 --> 00:39:44,280 Aber wahrscheinlich wird es funktionieren, wenn Sie mit sehr spezifischen Eigenschaften sind auf HTML5. 641 00:39:44,280 --> 00:39:50,240 Beachten Sie auch, dass für CS50 - zum Beispiel für den Video-Player, die wir verwenden - 642 00:39:50,240 --> 00:39:56,230 es nutzt HTML5 und HTML5-Video, um die Vorträge anzuzeigen. 643 00:39:56,230 --> 00:39:59,420 Aber wenn Sie einen wirklich alten Browser haben, dann wird es zurückgreifen Flash. 644 00:39:59,420 --> 00:40:01,420 Also, das ist auch etwas anderes - 645 00:40:01,420 --> 00:40:05,190 eine Fall-Back-System, wenn Sie wissen nur, dass der Browser nicht zu handhaben 646 00:40:05,190 --> 00:40:08,140 was Sie behandeln möchten. 647 00:40:08,140 --> 00:40:10,140 >> Weitere Fragen? 648 00:40:10,140 --> 00:40:13,270 Alles, was wir darüber gesprochen. 649 00:40:16,910 --> 00:40:20,750 In Ordnung. Dann denke ich, das war es für mich. 650 00:40:20,750 --> 00:40:23,090 Ich denke, das ist es. 651 00:40:23,090 --> 00:40:28,430 (Applaus) 652 00:40:28,430 --> 00:40:30,000 Kühle. 653 00:40:30,500 --> 00:40:32,700 [CS50.TV]