1 00:00:00,000 --> 00:00:02,000 [Powered by Google Translate] [Szeminárium] [Felkészülés a webhely a Web] 2 00:00:02,000 --> 00:00:05,000 [Yuechen Zhao] [Harvard Egyetem] 3 00:00:05,000 --> 00:00:07,000 [Ez a CS50.] [CS50.TV] 4 00:00:07,000 --> 00:00:11,660 >> Oké. Itt egy újabb óra webfejlesztés ha ti fel azt. 5 00:00:11,660 --> 00:00:16,290 Ma fogok beszélni, hogy készül a webhely az interneten. 6 00:00:16,290 --> 00:00:20,260 Egész nap - és valószínűleg az elmúlt 2 hét - 7 00:00:20,260 --> 00:00:22,240 mi már beszélünk, hogyan lehet létrehozni egy honlapot, 8 00:00:22,240 --> 00:00:24,880 hogyan kell használni a HTML, hogyan kell használni a PHP-t, hogyan kell használni keretek, 9 00:00:24,880 --> 00:00:29,420 hogyan, hogy megbizonyosodjon arról, hogy együtt tud működni az adatbázis - ilyesmi. 10 00:00:29,420 --> 00:00:34,830 De ma, mi lesz beszélni, ha a webhely fog élni után CS50. 11 00:00:34,830 --> 00:00:40,010 Mert végül is, CS50 nem történik múlt decemberben. 12 00:00:40,010 --> 00:00:42,090 Fogunk beszélni, domain nevek, tárhely. 13 00:00:42,090 --> 00:00:44,790 Fogunk beszélni, hogy mit cross-browser kompatibilitás 14 00:00:44,790 --> 00:00:49,540 és cross-platform kompatibilitás, és hogyan tudod, hogy arról, hogy a webhely 15 00:00:49,540 --> 00:00:51,610 fog működni minden körülmények között. 16 00:00:51,610 --> 00:00:54,330 Majd beszélünk hibakezelés és egyéb kiszolgáló varázslat. 17 00:00:54,330 --> 00:00:57,890 Beszélünk teljesítmény-optimalizálás, kereső optimalizálás, 18 00:00:57,890 --> 00:01:00,310 és hogyan, hogy az emberek valóban látogasson el a honlapján. 19 00:01:00,310 --> 00:01:05,960 És végül, csak néhány jó források, hogy megbizonyosodjon arról, hogy a srácok elég a 20 00:01:05,960 --> 00:01:09,680 , hogy menjen ki a projekt végső, és remélhetőleg utána. 21 00:01:09,680 --> 00:01:13,120 >> Az első dolog, fogunk beszélni a domain neveket. 22 00:01:13,120 --> 00:01:18,020 Most te programozás a készülék, akkor lesz egy helyi gazda 23 00:01:18,020 --> 00:01:20,360 amely valójában nem egy domain nevet. 24 00:01:20,360 --> 00:01:26,370 Ez a fajta csak egy felhasználónév és egy álnevet a tényleges Linux telepítés 25 00:01:26,370 --> 00:01:31,150 belső vagy VMware egy Mac vagy VMware Player a számítógépen. 26 00:01:31,150 --> 00:01:36,510 Domain nevek teszi lehetővé, hogy a helyszínen a webre, és aztán megy valami hasonló 27 00:01:36,510 --> 00:01:39,400 www.google.com és kap a honlapon. 28 00:01:39,400 --> 00:01:41,500 Hogyan működik? 29 00:01:41,500 --> 00:01:43,390 Tegyük fel, hogy te csak egy átlagos web szerver - 30 00:01:43,390 --> 00:01:50,080 átlagos internetes szörfös, és van egy laptop, és megy www.howstuffworks.com. 31 00:01:50,080 --> 00:01:52,570 Tudod talán hol loptam ezt a. 32 00:01:52,570 --> 00:01:57,300 Hogy a dolgok hogyan működik - a számítógép, majd felkéri a helyi DNS-kiszolgáló, 33 00:01:57,300 --> 00:01:59,300 "Tudja, hol ez a honlap?" 34 00:01:59,300 --> 00:02:02,200 "Tudod, hogy az IP-címet www.howstuffworks.com?" 35 00:02:02,200 --> 00:02:05,580 A DNS-kiszolgáló azt mondják: "Igen, azt hiszem." 36 00:02:05,580 --> 00:02:09,139 Abban az esetben, ha megkapja az IP címet, és a számítógép hozzáfér az IP-címet. 37 00:02:09,139 --> 00:02:15,050 Ha nem, akkor kéri a DNS-kiszolgáló, "Hé! Tudod, mi www.howstuffworks.com az?" 38 00:02:15,050 --> 00:02:17,670 Ez a kiszolgáló esetleg azt mondja: "Igen, azt hiszem." 39 00:02:17,670 --> 00:02:22,500 Tehát, azt mondja a másik, mi az, és végül, hogy az információ kerül át a számítógépre, 40 00:02:22,500 --> 00:02:24,680 és elérheti howstuffworks.com. 41 00:02:24,680 --> 00:02:27,540 >> Hogyan juthat egy ilyen varázslatos dolgokat? 42 00:02:27,540 --> 00:02:32,940 Hogyan lehet, hogy esetleg www.yourname.com vagy www.ilovecats.com? 43 00:02:32,940 --> 00:02:35,350 Lehet regisztrálni egy, 44 00:02:35,350 --> 00:02:38,280 és van egy csomó honlap van, amely lehetővé teszi, hogy erre. 45 00:02:38,280 --> 00:02:41,420 Meg kell - a legtöbb esetben meg kell fizetni értük. 46 00:02:41,420 --> 00:02:43,890 Vannak olyan domain nevek, amelyek ingyenes. 47 00:02:43,890 --> 00:02:50,900 Ha megy www.co.cc vagy. Tkdomainnames, ezek ingyenes. 48 00:02:50,900 --> 00:02:56,500 De ők nem jönnek bizonyos korlátozások, sőt némelyik talán nem is 49 00:02:56,500 --> 00:03:00,540 real, felső szintű domain nevek, mint a. com vagy. net. 50 00:03:00,540 --> 00:03:03,300 Általában azt javasoljuk, megy egyikük 51 00:03:03,300 --> 00:03:07,060 mert a felhasználók csak kényelmesebb azokkal. 52 00:03:07,060 --> 00:03:10,070 Láttad sok. Coms. Láttad sok. Hálók. 53 00:03:10,070 --> 00:03:13,790 Valószínűleg még nem láttam egy csomó. Co.cc 's, így ők nehezebb emlékezni. 54 00:03:13,790 --> 00:03:18,900 A különböző weboldalak, mint a GoDaddy vagy NameCheap vagy - Régen az egyik, hogy 55 00:03:18,900 --> 00:03:21,550 olyan vázlatos - úgynevezett activedomain.com. 56 00:03:21,550 --> 00:03:24,160 Úgy néz ki, nagyon vázlatos, de ez nagyon jól működött a számomra. 57 00:03:24,160 --> 00:03:27,810 >> És végül, van más, hogy talán nem több, mint a reklám Network Solutions. 58 00:03:27,810 --> 00:03:31,140 De ha megy rá NetworkSolutions.com és nézd árképzési 59 00:03:31,140 --> 00:03:34,070 ez nagyon drága. Néztem őket tegnap este. 60 00:03:34,070 --> 00:03:37,400 Egy évre a domain nevet, akkor valószínűleg nem ér ennyi pénzt. 61 00:03:37,400 --> 00:03:40,210 Sőt, ha kapok egy. Com vagy a. Org vagy. Net 62 00:03:40,210 --> 00:03:43,430 A szokásos ár körülbelül $ 10 évente. 63 00:03:43,430 --> 00:03:48,710 Tehát, ha fizetünk sokkal több, mint, hogy ez valószínűleg nem éri meg, hogy 64 00:03:48,710 --> 00:03:52,440 mert végül is, ezek a weboldalak nem csinál semmit, hogy a domain nevet. 65 00:03:52,440 --> 00:03:58,270 Ők csak odaadni, és így, ha lehet kapni az olcsó, miért ne? 66 00:03:58,270 --> 00:04:02,540 >> A másik dolog az, ha már a domain nevet, akkor érdemes 67 00:04:02,540 --> 00:04:08,610 megy, hogy vagy Godaddy.com vagy bárhol vásárolt a domain nevet 68 00:04:08,610 --> 00:04:11,220 és állítsa be a névszerverek az, hogy a domain nevet. 69 00:04:11,220 --> 00:04:15,560 Ez azt jelenti, ha a felhasználó megy www.howstuffworks.com, 70 00:04:15,560 --> 00:04:20,839 a névszerver IP-címek az IP-címeket, hogy képes lenne, hogy néz ki. 71 00:04:20,839 --> 00:04:24,680 Képesek lesznek elérni a honlapon keresztül a névszerverek. 72 00:04:24,680 --> 00:04:26,830 Ha alkalmazni tárhely valahol 73 00:04:26,830 --> 00:04:31,210 akkor a gazda valószínűleg megadja a nevét szerverek használata. 74 00:04:31,210 --> 00:04:34,210 >> És végül, itt van ez a dolog, úgynevezett WHOIS. 75 00:04:34,210 --> 00:04:38,890 A WHOIS adatbázis olyan adatbázis, amely képes be a domain nevet 76 00:04:38,890 --> 00:04:44,170 és ez kiköp néhány információt a tulajdonos, hogy a webhely és az egyéb információkat. 77 00:04:44,170 --> 00:04:49,080 Nos, lehet, hogy azt mondja: "Én nem igazán akarom, hogy lakcím, vagy én nem igazán szeretnék e-mail címem 78 00:04:49,080 --> 00:04:54,010 a honlapon, hogy bárki megtekintheti, vagy az interneten, hogy mindenki lássa. " 79 00:04:54,010 --> 00:04:57,740 Akkor érdemes használni, valami, hogy sok a hosting szolgáltatást nyújtanak - 80 00:04:57,740 --> 00:04:59,740 mint a WHOIS vezetője. 81 00:04:59,740 --> 00:05:03,550 A WHOIS menedzser egyszerűen egy másik szolgáltatás, sok közülük arról, hogy 82 00:05:03,550 --> 00:05:07,700 elrejti el ezt az információt, és csak teszi a vezető, aki a név - 83 00:05:07,700 --> 00:05:13,070 a cím, hogy ez általában csak a társaság nevet adott neked ez a domain név - 84 00:05:13,070 --> 00:05:17,350 és így akkor a személyes adatokat nem kiszivárgott az interneten, 85 00:05:17,350 --> 00:05:19,350 ami általában nagyon jó. 86 00:05:19,350 --> 00:05:21,350 Én magam használja ezeket a szolgáltatásokat. 87 00:05:21,350 --> 00:05:25,630 Ha nem érdekel a saját adatvédelmi, akkor ez nem igazán számít. 88 00:05:25,630 --> 00:05:32,490 >> A DNS szerver áll a Domain Name System, és mi is - 89 00:05:32,490 --> 00:05:36,560 ez a fajta, mint a hash tábla valahol, hogy azt mondja: 90 00:05:36,560 --> 00:05:42,320  "Ez a honlap címét fogja leképezni az IP-címet." És ez minden. 91 00:05:42,320 --> 00:05:48,180 Tehát ha egyszer lekérdezi a DNS szervert, akkor megkapja az IP-címek 92 00:05:48,180 --> 00:05:51,930 erre a megfelelő domain nevet, és akkor látogasson el a weboldalon. 93 00:05:51,930 --> 00:05:59,820 (Közönség tagja feltettem egy kérdést - nem hallható) 94 00:05:59,820 --> 00:06:07,910 Az első? Az első szint tulajdonképpen általában csak a számítógép cache is. 95 00:06:07,910 --> 00:06:12,570 A számítógép a fajta emlékszik az utolsó alkalom, hogy elment a www.google.com 96 00:06:12,570 --> 00:06:18,090 ez volt az IP-címet, majd egy idő után, hogy a cache lejár, 97 00:06:18,090 --> 00:06:23,560 és meg fogja kérdezni, mint a Comcast DNS, 98 00:06:23,560 --> 00:06:26,400 "Hé, mi a www.google.com?" 99 00:06:26,400 --> 00:06:31,040 Normális esetben, ha vesz egy domain nevet, és regisztrálni, és létrehozott egy honlapot, 100 00:06:31,040 --> 00:06:35,670 akkor nem megy, hogy a honlap azonnal, hogy a domain nevet, mert a névszerverek 101 00:06:35,670 --> 00:06:40,180 szerte a világon nem tud a domain név még. Meg kell feltölteni. 102 00:06:40,180 --> 00:06:43,220 Ez általában körülbelül 24-48 óra. 103 00:06:43,220 --> 00:06:48,460 Rendben van. Szóval, ez egy kicsit a domain neveket. Ők nagyon cool. 104 00:06:48,460 --> 00:06:51,540 Azt hiszem, akkor kap egyet, ha komolyan gondolja a projekt 105 00:06:51,540 --> 00:06:55,300 és ha szeretné, hogy a projekt ismert az egész campus, 106 00:06:55,300 --> 00:06:58,050 miután egy domain név teszi meg igazán profi. 107 00:06:58,050 --> 00:07:01,510 >> Ezután a következő lépés természetesen az, hogy valamilyen hosting. 108 00:07:01,510 --> 00:07:05,540 Ha csak host számítógépen, senki sem lesz képes, hogy menjen hozzá. 109 00:07:05,540 --> 00:07:09,110 Ha esetleg létre a szerveren a számítógépen, és a számítógépet a végtelenségig, 110 00:07:09,110 --> 00:07:11,160 de ez nem ajánlott. 111 00:07:11,160 --> 00:07:14,000 Vannak különböző hosting on-line elérhető. 112 00:07:14,000 --> 00:07:21,870 Van megosztott tárhely. Van VPN (érthetetlen), amelyek a virtuális gépeket. 113 00:07:21,870 --> 00:07:23,870 Van félig dedikált és elkötelezett. 114 00:07:23,870 --> 00:07:29,030 Az utolsó 3, VPN, félig dedikált, és elkötelezett általában drágább. 115 00:07:29,030 --> 00:07:32,660 Ők általában használt weboldalak több erőforrást igényel. 116 00:07:32,660 --> 00:07:34,680 Ha csak most kezdik el a website, 117 00:07:34,680 --> 00:07:40,670 talán csak gazdaságosabb, hogy menjen el a megosztott tárhely. 118 00:07:40,670 --> 00:07:43,430 És mi megosztott azt jelenti, csak egy csomó honlapok együtt 119 00:07:43,430 --> 00:07:51,560 valahogy egy szerveren ezen a honlapon ezt kiszolgáló, és elérheti a honlapon 120 00:07:51,560 --> 00:07:53,660 keresztül domain nevet. 121 00:07:53,660 --> 00:07:55,980 >> Van egy csomó népszerű házigazdák odakinn. 122 00:07:55,980 --> 00:08:01,160 HostGator és DreamHost - ezek nagyon, nagyon nagy és nagyon, nagyon népszerű 123 00:08:01,160 --> 00:08:03,160 és nagyon, nagyon sikeres. 124 00:08:03,160 --> 00:08:05,160 Én személy szerint egy úgynevezett MDDHosting. 125 00:08:05,160 --> 00:08:08,240 Ha megy www.mddhosting.com, ez az én host választás. 126 00:08:08,240 --> 00:08:10,240 Azt hiszem, nagyon jó. 127 00:08:10,240 --> 00:08:14,550 Mindig is nagyon megbízható, és soha nem volt gond velük. 128 00:08:14,550 --> 00:08:18,610 Ők is nagyon versenyképes ár. 129 00:08:18,610 --> 00:08:24,400 Két, hogy én nem nagyon szeretem az GoDaddy - ez is egy nagyon népszerű házigazda, 130 00:08:24,400 --> 00:08:26,400 de én már volt szörnyű tapasztalatok velük, 131 00:08:26,400 --> 00:08:29,430 és egy csomó ember, hogy tudom, hogy tényleg szörnyű tapasztalatok velük. 132 00:08:29,430 --> 00:08:32,150 Ezek a fajta után menni, akik nem tudják, mit csinálnak - 133 00:08:32,150 --> 00:08:34,150 talán még van egy honlap az első alkalommal, 134 00:08:34,150 --> 00:08:37,150 , és így egyfajta con őket vásároljon a tárhely csomagot. 135 00:08:37,150 --> 00:08:42,570 Ne csináld. Ne essen rá. Megkeresem egyéb hosting csomagok, hogy valóban megfeleljen az Ön igényeinek. 136 00:08:42,570 --> 00:08:44,880 És a másik - vannak szabad házigazdák odakinn. 137 00:08:44,880 --> 00:08:47,350 Vannak olyan weboldalak, amelyek a fogadó webhely ingyenes - 138 00:08:47,350 --> 00:08:49,350 néha azáltal, hogy egy hirdetés az oldalon, 139 00:08:49,350 --> 00:08:52,290 néha azáltal, hogy részt vesz a fórumokon, 140 00:08:52,290 --> 00:08:54,340 de néha csak is ingyen. 141 00:08:54,340 --> 00:09:00,000 De légy óvatos, ingyenes házigazdák, mert sok közülük tényleg csak megy ki az üzletből 142 00:09:00,000 --> 00:09:03,480 pár hónap után. Csak nem tud lépést tartani a költségeket. 143 00:09:03,480 --> 00:09:07,460 Mások csak nagyon megbízhatatlan, és a helyszínen mindig le 144 00:09:07,460 --> 00:09:09,700 és nem akarja, hogy megtörténjen. 145 00:09:09,700 --> 00:09:12,330 >> Minden fogadó kínál saját kezelőpanel. 146 00:09:12,330 --> 00:09:16,520 Figyeljük meg, hogy a készülék, akkor tényleg nem egy kezelőpanel önmagában. 147 00:09:16,520 --> 00:09:19,230 Ki kell használni terminál menni, és szerkesztheti a fájlokat. 148 00:09:19,230 --> 00:09:21,230 Meg kell chmod dolgokat egyedül. 149 00:09:21,230 --> 00:09:24,770 Ha akart menni a phpMyAdmin, 150 00:09:24,770 --> 00:09:29,560 el kell menni a localhost @ / phpmyadmin és hasonló dolgok. 151 00:09:29,560 --> 00:09:36,660 De a vezérlőpulton lehet menni, és szerkesztheti a fájlokat a kiszolgálón 152 00:09:36,660 --> 00:09:40,350 A Windows Intéző vagy a Finder-típusú alkalmazás. 153 00:09:40,350 --> 00:09:44,810 Vagy megy keresztül, és nézd meg az adatbázisok saját eszközzel 154 00:09:44,810 --> 00:09:47,280 helyett phpMyAdmin. 155 00:09:47,280 --> 00:09:52,240 Szóval, van egy csomó választási itt, és néhány, a népszerű vezérlőpanel ott. 156 00:09:52,240 --> 00:09:54,240 De ha keres egy fogadó, 157 00:09:54,240 --> 00:09:57,090 akkor érdemes nézni, milyen típusú testreszabást, és lehetőségek 158 00:09:57,090 --> 00:10:02,810 kínálnak, hogy testre a szerver és készítsünk saját honlapján fut jobban. 159 00:10:02,810 --> 00:10:07,110 Igen, akkor lehet kérni, "Nos, hogyan dönt, hosting?" 160 00:10:07,110 --> 00:10:11,460 Ha megy, hogy minden olyan fogadó honlapján van egy csomó zsargont, és van egy csomó lehetőséget. 161 00:10:11,460 --> 00:10:14,470 Van egy csomó különböző árakon is. 162 00:10:14,470 --> 00:10:19,690 Általában én megy az olcsóbb is csak azért, mert honlapok, talán te és én, hogy - 163 00:10:19,690 --> 00:10:23,520 különösen most, különösen a kezdők - lehet, hogy nem kell annyi erőforrást 164 00:10:23,520 --> 00:10:26,770 Ahogy az a weboldal, mint Microsoft.com. 165 00:10:26,770 --> 00:10:32,090 >> Először is szeretnénk, hogy nézd meg az operációs rendszer ha igazán kíváncsi, hogy a 166 00:10:32,090 --> 00:10:35,090 webhely lesz házigazdája a Linux, a Windows, vagy Mac. 167 00:10:35,090 --> 00:10:39,790 Általában mi csak megy a Linux, mert ez általában a legolcsóbb, 168 00:10:39,790 --> 00:10:43,730 és az egyik, hogy talán ti jobban ismerik, mert a készülék. 169 00:10:43,730 --> 00:10:48,040 És akkor lehet, hogy majd egy kis korlátozásokat a sávszélességet, hogy kapsz - 170 00:10:48,040 --> 00:10:53,030 mint, hogy hány megabájt vagy gigabájt adatot tud felhasználók letölteni 171 00:10:53,030 --> 00:10:55,470 a honlapon havonta? És hely. 172 00:10:55,470 --> 00:11:00,640 Mennyi hely kapsz? Ez 500 MB? Ez 2 GB? Ez korlátlan? 173 00:11:00,640 --> 00:11:05,920 Manapság sok web szerver ad korlátlan tárhely, mert így a számukra 174 00:11:05,920 --> 00:11:08,560 csábítani, hogy kap a tárhely csomagot. 175 00:11:08,560 --> 00:11:11,850 De ha igazán belegondolunk, mikor valaha is szüksége korlátlan tárhely? 176 00:11:11,850 --> 00:11:18,060 Ha van egy pár HTML fájlok, pár PHP, pár kép - 177 00:11:18,060 --> 00:11:20,060 ez csak egy pár megabájt, és így 178 00:11:20,060 --> 00:11:23,110 Általában csak megy talán néhány gigabájt értékű tér, 179 00:11:23,110 --> 00:11:27,990 és hogy lehet elég elindítani engem, amíg nem kell több. 180 00:11:27,990 --> 00:11:31,480 >> Végül tehet korlátozásokat milyen -, hogy hány adatbázis lehet. 181 00:11:31,480 --> 00:11:34,760 Lehet, hogy csak 1 adatbázisban. Talán lehet 2. Talán lehet 10. 182 00:11:34,760 --> 00:11:38,330 Valóban fontos, hogy te mennyit kapsz? 183 00:11:38,330 --> 00:11:40,330 Dolog megkérdezni magadtól. 184 00:11:40,330 --> 00:11:42,330 És végül, csak a dolgok, mint a nyelv. 185 00:11:42,330 --> 00:11:44,330 Vajon támogatja a PHP? Nem támogatják a MySQL? 186 00:11:44,330 --> 00:11:49,010 A legtöbb hosting honlapok nem támogatják ezeket, mert ingyenes. Ők nyílt forráskódú. 187 00:11:49,010 --> 00:11:51,190 Nem kerül nekik semmit, hogy ezeket az Ön számára. 188 00:11:51,190 --> 00:11:55,680 De ha akarod használni, mondjuk, Ruby és Python vagy egyes más nyelvek - 189 00:11:55,680 --> 00:11:59,490 lehet, hogy nem támogatják a saját szerveren, ezért fontos, hogy vizsgálja meg az ilyen jellegű dolgokat. 190 00:11:59,490 --> 00:12:05,620 >> És végül, nem teszik lehetővé, hogy ne néhány további dolog, mint az SSL vagy a cron munkahelyeket? 191 00:12:05,620 --> 00:12:12,060 SSL egy lehetőség, ahol tudod, hogy a honlapon még biztonságosabbá teszi HTTPS 192 00:12:12,060 --> 00:12:14,060 és titkosítja a kapcsolatot. 193 00:12:14,060 --> 00:12:17,230 És a cron csak lehet, scriptek, hogy a futtatni kívánt 194 00:12:17,230 --> 00:12:19,510 5 percenként, 10 percenként, minden 15. 195 00:12:19,510 --> 00:12:22,030 Sok megosztott hosting honlapok nem tesz korlátozások 196 00:12:22,030 --> 00:12:26,310 hogy hány cron, hogy lehet futtatni, mert ami leköti több erőforrást. 197 00:12:26,310 --> 00:12:31,800 >> És végül, csak minden mást, amit akar nézni - győződjön meg róla, hogy pontosan mi folyik itt 198 00:12:31,800 --> 00:12:35,180 mielőtt megvásárolja a tárhely csomagot. 199 00:12:35,180 --> 00:12:37,720 És végül, a teljesítmény. Teljesítmény hatalmas. 200 00:12:37,720 --> 00:12:39,740 Milyen gyorsan van a honlapom fog futni? 201 00:12:39,740 --> 00:12:42,950 A legtöbb felhasználó nem fog várni a másodperc is a honlapon, hogy fut 202 00:12:42,950 --> 00:12:47,640 előtt csak unatkozni, és mennek tovább MeanBase és kezdeni a képeket 203 00:12:47,640 --> 00:12:52,240 A macskák - tudod, hogy megtörténik, és azt szeretné, hogy megbizonyosodjon arról, hogy kapsz, hogy a felhasználó a fedélzeten 204 00:12:52,240 --> 00:12:54,300 és hogy jó uptime ami éppen azt jelenti, hogy 205 00:12:54,300 --> 00:12:56,300 a honlapon lesz elérhető bármikor. 206 00:12:56,300 --> 00:13:01,880 Sok házigazdák nagyon rossz uptime és ez csak azt jelenti, a webhely nem lesz 207 00:13:01,880 --> 00:13:06,500 hozzáférhető, és nem akarja, hogy megtörténjen, mert lehet, hogy szomorú. 208 00:13:06,500 --> 00:13:10,360 És akkor is nyomon követheti gép teljesítményét weboldalak, mint a 209 00:13:10,360 --> 00:13:16,440 Pingdom.com vagy Host-tracker.com, és csak mondani, hogy milyen gyakran a webhely le. 210 00:13:16,440 --> 00:13:18,490 >> És végül, ha szeretné látni a saját támogatását. 211 00:13:18,490 --> 00:13:21,890 Ha problémája fognak válaszolni Önnek 24 órán belül? 212 00:13:21,890 --> 00:13:23,890 Vajon fog válaszolni Önnek 48 órán belül? 213 00:13:23,890 --> 00:13:26,500 A hosting szolgáltatás, amit használni normálisan reagál nekem perceken belül 214 00:13:26,500 --> 00:13:29,760 ami nagyon szép. 215 00:13:29,760 --> 00:13:33,990 Hűha! Rendben! Itt az ideje egy kis szünetet. De én nem fogok neked adni. 216 00:13:33,990 --> 00:13:38,200 Majd csak nézd meg képek aranyos macskák hébe-hóba. 217 00:13:38,200 --> 00:13:42,740 >> A másik igazán nagy dolog az, cross-böngésző kompatibilitás. 218 00:13:42,740 --> 00:13:45,890 Mit jelent a cross-browser kompatibilitás? 219 00:13:45,890 --> 00:13:50,970 Tudod, ma már nem csak a Microsoft Internet Explorer. 220 00:13:50,970 --> 00:13:53,970 Ez nem csak a Mozilla Firefox vagy a Safari. 221 00:13:53,970 --> 00:13:58,190 Most Chrome. Van Opera. Van Dolphin. Van Camino. 222 00:13:58,190 --> 00:14:00,540 Van Conqueror. Mindannyian a különböző böngészők. 223 00:14:00,540 --> 00:14:05,950 A dolgok jönnek ki most - RockMelt - bár ezek mind alapján króm. 224 00:14:05,950 --> 00:14:10,990 De az tény, a kérdés az, hogy nem csak egy böngészőt többé. 225 00:14:10,990 --> 00:14:13,860 Te nem csak megtekintésekor oldalak egy alkalmazás. 226 00:14:13,860 --> 00:14:17,660 És így, a különböző böngészők válaszol a különböző HTML, CSS különböző, és 227 00:14:17,660 --> 00:14:21,210 különböző JavaScript másképp, és hogyan foglalkozik ezzel? 228 00:14:21,210 --> 00:14:24,370 Nos, bizonyos esetekben, akkor tényleg nem lehet. 229 00:14:24,370 --> 00:14:29,160 Saját honlap - ha működik egy böngészőben, akkor a kód, amit írt nem fog működni 230 00:14:29,290 --> 00:14:32,910 egy másik böngészőt, és ez a te feladatod, hogy megbizonyosodjon arról, hogy a kódot, írsz 231 00:14:32,910 --> 00:14:36,000 univerzális, hogy mindenhol működik. 232 00:14:36,000 --> 00:14:38,000 Tehát, ez nagyon veszélyes. 233 00:14:38,000 --> 00:14:42,450 Ha azt mondod: "Nos, ez működik a számítógépen. Nagyszerű! Lépjünk tovább." 234 00:14:42,450 --> 00:14:46,040 Nos, ez valószínűleg nem fog működni az enyém, és amikor megyek a honlapon 235 00:14:46,040 --> 00:14:49,210 Én leszek nagyon szomorú, és én fogom hagyni azonnal. 236 00:14:49,210 --> 00:14:51,570 Nos, lássuk, hogyan lehet megakadályozni ezt. 237 00:14:51,570 --> 00:14:55,520 >> Az első dolog, persze, van, hogy csak szabványos HTML, CSS, JavaScript. 238 00:14:55,520 --> 00:14:57,520 Mit értek ezen? 239 00:14:57,520 --> 00:15:00,180 Nos, van egy csomó nem szabványos dolog odakinn. 240 00:15:00,180 --> 00:15:03,490 Például, CSS sok változatban. 241 00:15:03,490 --> 00:15:10,830 Ha lát CSS szabályok-moz-or-webkit-, ezek a szabályok sajátos 242 00:15:10,830 --> 00:15:15,720 mind a Mozilla böngészők és a Webkit böngésző, 243 00:15:15,720 --> 00:15:20,590 és így azt szeretnénk, hogy megbizonyosodjon arról, hogy talán el akarjuk kerülni ezeket a dolgokat 244 00:15:20,590 --> 00:15:25,150 mert ha a-moz-e szabály csak akkor fog működni a Firefox. 245 00:15:25,150 --> 00:15:29,640 És ha igazán akarjuk, hogy jól nézzen ki az Internet Explorer is, 246 00:15:29,640 --> 00:15:31,640 te leszel a szerencse. 247 00:15:31,640 --> 00:15:37,910 A HTML is, meg tudná csinálni a dolgokat, hogy a munka HTML egy böngészőben 248 00:15:37,910 --> 00:15:41,830 de ez egy másik szünetek, és szeretné elkerülni, hogy amennyire csak lehetséges. 249 00:15:41,830 --> 00:15:44,830 És végül a JavaScript még - sok változata JavaScript, 250 00:15:44,830 --> 00:15:50,570 és ez a nyáron futott egy probléma, ha Document.getElementsByClassName-- 251 00:15:50,570 --> 00:15:54,500 amely általában egy függvény, ami definíció szerint egy része a szabványos JavaScript - 252 00:15:54,500 --> 00:15:58,120 az volt, hogy nem találja az Internet Explorer 8. 253 00:15:58,120 --> 00:16:01,900 Így, a nyár folyamán dolgoztam a laborban, és voltunk épület online kísérleteket. 254 00:16:01,900 --> 00:16:06,210 És azt hittem, hogy nagyon jól működik, amíg rájöttünk, felhasználókat, hogy voltak 255 00:16:06,210 --> 00:16:09,780 Internet Explorer 8 nem tudta be az eredményeket. 256 00:16:09,780 --> 00:16:13,200 Voltunk kimaradnak egy csomó adat. Ez tett bennünket nagyon szomorú. 257 00:16:13,200 --> 00:16:17,790 Szóval, azt szeretné, hogy győződjön meg arról, hogy a szkriptek fognak dolgozni mindenhol. 258 00:16:17,790 --> 00:16:20,500 >> És végül, használja validator.w3.org 259 00:16:20,500 --> 00:16:22,770 ami az, amit mondunk, hogy ezt a Pset 7. 260 00:16:22,770 --> 00:16:24,530 Győződjön meg arról, hogy az oldalak érvényesítik. 261 00:16:24,530 --> 00:16:28,310 Ez azért fontos, mert, hogy legalább az első lépés józanság ellenőrzést. 262 00:16:28,310 --> 00:16:31,870 Az én kód valójában szabványoknak megfelelő? 263 00:16:34,930 --> 00:16:39,320 Egy másik módja annak, hogy valahogy segíteni, hogy arról, hogy a webhely fog működni 264 00:16:39,320 --> 00:16:42,610 a legtöbb esetben az, hogy talán use bizonyos könyvtárak és keretek 265 00:16:42,610 --> 00:16:46,210 mert ezek a nagyon okos fejlesztők gondoltam ezeket a kérdéseket az Ön számára. 266 00:16:46,210 --> 00:16:49,850 Már ment keresztül, és írtam a különböző funkciók, hogy a munka az egész böngészőt. 267 00:16:49,850 --> 00:16:53,560 Például, használni jQuery-ben Pset 7. 268 00:16:53,560 --> 00:16:58,030 Bár lehet, hogy nem látta, jQuery nyújt sok funkciót 269 00:16:58,030 --> 00:17:00,280 hogy egyébként meg kellett volna írni magát. 270 00:17:00,280 --> 00:17:05,310 De ezek a fejlesztők írta, és gondoskodott arról, hogy működik minden böngészőben. 271 00:17:05,310 --> 00:17:10,280 És Bootstrap - amely egy másik CSS keretrendszer, megmutattuk a Pset 7 - 272 00:17:10,280 --> 00:17:17,000 tényleg elveszi sok a fejfájás honlapok tervezése, hogy jól nézzen. 273 00:17:17,000 --> 00:17:19,000 minden böngészőben. 274 00:17:19,000 --> 00:17:23,660 >> És végül, ha tudod elkerülni, én általában ne kódolást a semmiből. 275 00:17:23,660 --> 00:17:28,079 Ha csak létre egy honlapot az iskolai klub, például 276 00:17:28,079 --> 00:17:33,920 és csak annyit kell tennie, hogy megjelenítse a néhány oldalt, és lehet, hogy a elnök megy 277 00:17:33,920 --> 00:17:38,910 és változtatni néhány dolgot itt-ott - már tényleg nem kell, hogy a kódot magad. 278 00:17:38,910 --> 00:17:40,910 Ez veszi el a legtöbb időt. 279 00:17:40,910 --> 00:17:42,660 Beletelik egy csomó energiát, és van, hogy megy keresztül, és meg kell, hogy megtudja, 280 00:17:42,660 --> 00:17:45,930 Nos, ezt majd jól nézzen ki a böngésző, ez fog nézni jó ebben a böngészőben. 281 00:17:45,930 --> 00:17:50,610 Talán Bizonyos ezek a foltok, hogy mások már írt az Ön számára, mint például 282 00:17:50,610 --> 00:17:52,610 WordPress vagy Joomla vagy Drupal. 283 00:17:52,610 --> 00:17:59,400 Ezek az úgynevezett tartalom - ezek az úgynevezett CMS-ek, amelyek alapvetően csak csomagok 284 00:17:59,400 --> 00:18:03,020 már jön Önért, és letöltheti azokat, tedd rá a szerverre, 285 00:18:03,020 --> 00:18:07,510 és testre őket, ahogy akarod, és már van egy futó honlap. 286 00:18:07,510 --> 00:18:11,680 Azok kód csomagok valamit nézni a. 287 00:18:11,680 --> 00:18:15,400 Ezek a dolgok nyílt forráskódú, ha nem megy valami hasonló - 288 00:18:15,400 --> 00:18:19,390 ha keres egy űrlap csomag, vannak dolgok, amelyek nem szabad, mint 289 00:18:19,390 --> 00:18:21,570 VBulletin vagy IP.Board. 290 00:18:21,570 --> 00:18:23,790 Ha nem kell néhány olyan fejlett funkciók, 291 00:18:23,790 --> 00:18:27,530 bármikor választhatja a szabad választás. 292 00:18:27,530 --> 00:18:31,300 >> És végül, nincs elkerüli azt. 293 00:18:31,300 --> 00:18:33,300 Meg kell próba, próba, próba. 294 00:18:33,300 --> 00:18:37,690 Meg kell vizsgálniuk a kódot mindezen böngészők, és minden ezeken a platformokon. 295 00:18:37,690 --> 00:18:44,110 És tudod, IE6 - hála az égnek az emberek kezdtek távolodik IE6 296 00:18:44,110 --> 00:18:49,190 mert vissza a nap, talán egy-két évvel ezelőtt, web-fejlesztők kellett mindig, mindig, 297 00:18:49,190 --> 00:18:55,280 mindig cinkos IE6 gyenge pontjai a következő a szabványoknak. 298 00:18:55,280 --> 00:19:00,860 Weboldalak csak nézett ilyen 1990-es hiánya miatt a jobb módja annak, hogy foglalkozzon vele. 299 00:19:00,860 --> 00:19:04,380 Ön is használja böngészőt screenshotok, hogy ellenőrizze a CSS. 300 00:19:04,380 --> 00:19:08,100 Egy igazán jó weboldal browserlab.adobe.com. 301 00:19:08,100 --> 00:19:11,070 Ez egy ingyenes szolgáltatás eloltotta Adobe. 302 00:19:11,070 --> 00:19:15,160 És mit csinál az, hogy képes képernyőképet webhelye 303 00:19:15,160 --> 00:19:18,890 futó különböző körülmények között -, mint a futás a különböző böngészők, 304 00:19:18,890 --> 00:19:22,660 alatt futó különböző platformokon -, és megmutatom, hogy néznek ki. 305 00:19:22,660 --> 00:19:33,260 Csak, hogy mutassa meg, mire gondolok itt, létrehozott egy honlapot, tavaly hívott Élet a Harvardon 306 00:19:33,260 --> 00:19:39,150 és amit próbáltam csinálni - Megpróbáltam my.harvard jobb. 307 00:19:39,150 --> 00:19:43,840 Mert ha volt itt tavaly, my.harvard nem úgy néz ki, úgy néz ki most. 308 00:19:43,840 --> 00:19:46,640 Úgy néz ki, olyan undorító. 309 00:19:46,640 --> 00:19:50,470 De most úgy néz ki, sokkal jobb. 310 00:19:50,470 --> 00:19:57,070 My végrehajtás nem volt hasznos már, de mindegy, 311 00:19:57,070 --> 00:20:01,310 tudod, én megpróbáltam felvenni - (érthetetlen) számos bármi - 312 00:20:01,310 --> 00:20:04,680 és úgy néz ki - ez nagyon jól néz ki a számítógépen. 313 00:20:04,680 --> 00:20:08,560 És akkor, talán ha lett volna több időt mentem volna a böngészős labor, 314 00:20:08,560 --> 00:20:13,020 és én is néztem, jól, hogyan néz ki a Chrome 18 a Windows. 315 00:20:13,020 --> 00:20:17,060 Azt lapozzunk lefelé, és én látni - Ó, nem! Nézd meg a bejelentések mezőbe. 316 00:20:17,060 --> 00:20:20,200 A szöveges túlcsordult. Szóval, ez rossz, ugye? 317 00:20:20,200 --> 00:20:23,700 Ha a felhasználó a Chrome a Windows, és jön a honlapomon, 318 00:20:23,700 --> 00:20:26,730 hogy azonnal úgy néz ki, nagyon amatőr. 319 00:20:26,730 --> 00:20:30,760 Szóval menjen be a CSS, és tudd meg, mi része a CSS feltörése itt. 320 00:20:30,760 --> 00:20:35,090 Miért nem jelennek meg megfelelően, és rögzítse úgy, hogy minden felhasználó látni ugyanazt a honlapján 321 00:20:35,090 --> 00:20:37,770 , és ugyanolyan boldog. 322 00:20:37,770 --> 00:20:44,280 >> És végül, jól, a böngésző screenshotok szép tesztelésére a CSS, 323 00:20:44,280 --> 00:20:46,020 de mi a helyzet a JavaScript? 324 00:20:46,020 --> 00:20:48,660 Mi a helyzet, ha van valami bonyolult script fut? 325 00:20:48,660 --> 00:20:50,460 Nos, akkor mindig a virtualizáció. 326 00:20:50,460 --> 00:20:56,360 Ha van egy Mac segítségével Bootcamp vagy VMWare a virtualizáció talán egy példányát 327 00:20:56,360 --> 00:20:59,540 A Windows és az Internet Explorer is. 328 00:20:59,540 --> 00:21:03,400 Vagy lehet menni, hogy valami hasonló Spoon.net, ami sajnos csak akkor működik, a PC-ken. 329 00:21:03,400 --> 00:21:05,290 De mit csinálnak, nagyon cool. 330 00:21:05,290 --> 00:21:10,080 Ezek virtualizált szoftver az Ön számára, így futtatni különböző változatai IE, pl. 331 00:21:10,080 --> 00:21:12,080 Futtathat különböző verzióit Firefox. 332 00:21:12,080 --> 00:21:15,720 Futtathat különböző verziójú Safari, és kipróbálni minden a weboldalak is. 333 00:21:15,720 --> 00:21:18,360 Sajnos, ezek nem szabad. 334 00:21:18,360 --> 00:21:20,860 Ez egy fizetett szolgáltatás, így mindig valami a - 335 00:21:20,860 --> 00:21:26,070 mindig van valami kompromisszum között, nos, fogok készítsünk saját honlapján jól néz ki. 336 00:21:26,070 --> 00:21:31,970 Ha igen, lehet, hogy meg kell fizetni bizonyos szolgáltatásokat, hogy segítsen nekem csinálni. 337 00:21:31,970 --> 00:21:35,890 Bármilyen kérdése ezen a ponton bármit, amiről beszéltünk? 338 00:21:38,500 --> 00:21:41,210 Félelmetes. Oké. 339 00:21:41,210 --> 00:21:43,870 >> Most több dolgot beszélni. 340 00:21:43,870 --> 00:21:45,820 Hogy a hiba? 341 00:21:45,820 --> 00:21:48,670 Hogyan győződjön meg róla, hogy a webhely fog működni akkor is, ha 342 00:21:48,670 --> 00:21:50,150 valami rossz történik? 343 00:21:50,150 --> 00:21:53,940 Lehet, hogy nem rendelkezik nevű oldalra food.php. 344 00:21:53,940 --> 00:21:57,000 De én, én el a honlapján, és azt próbálja meg elérni food.php. 345 00:21:57,000 --> 00:22:00,770 Ön csak megy, hogy mutassa meg, hogy a fehér oldal azt mondja 404 - A fájl nem található? 346 00:22:00,770 --> 00:22:04,400 Vagy fogsz mondani: "Nos, sajnálom, hogy nem találtam ezt az Ön számára, 347 00:22:04,400 --> 00:22:08,520 de talán itt van néhány más források segítségével keresni, amire szüksége van. " 348 00:22:08,520 --> 00:22:13,180 Egyéb hibák - igen, ezt nevezik HTTP-hibákat, amelyek csak néhány hibakód 349 00:22:13,180 --> 00:22:17,130 , hogy a kiszolgáló esetleg visszaküldik a böngésző, ha valami rossz történik. 350 00:22:17,130 --> 00:22:20,160 400 - Bad Request. 401 - Nem engedélyezett. 351 00:22:20,160 --> 00:22:25,560 403 fajta gyakori, ha van egy könyvtár, ami nem lenne elérhető 352 00:22:25,560 --> 00:22:27,310 a felhasználó, de a felhasználó megpróbálja egyébként. 353 00:22:27,310 --> 00:22:30,840 És 500 - Internal Server Error -, hogy általában akkor történik, ha valami 354 00:22:30,840 --> 00:22:33,070 nagyon rossz történik a PHP kódot. 355 00:22:33,070 --> 00:22:36,140 De minden esetben, ezek a fajta böngészők - ilyen típusú hibák nem történik. 356 00:22:36,140 --> 00:22:40,550 >> Szóval, hogyan ellenőrizze, hogy elegánsan kezelni ezeket a hibákat 357 00:22:40,550 --> 00:22:43,230 és győződjön meg róla, hogy a felhasználó nem csak valami lóg ott? 358 00:22:46,850 --> 00:22:48,850 Itt jön. Htaccess. 359 00:22:48,850 --> 00:22:51,300 Most. Htaccess van valami, ami működik Apache szerver, 360 00:22:51,300 --> 00:22:55,550 valamit, ami működik, és működik néhány más szervereket is. 361 00:22:55,550 --> 00:23:01,350 Ez csak egy módja, állítsd be a szervert, hogy 362 00:23:01,350 --> 00:23:04,470 tudod, hogy csinálsz, amit akarsz csinálni. 363 00:23:04,470 --> 00:23:06,790 Néhány dolog, amit tehetett. Lehet vezérelni a gyorsítótár beállításait. 364 00:23:06,790 --> 00:23:11,290 Talán van egy bizonyos oldalt a honlapon, hogy győződjön meg arról, hogy a felhasználó 365 00:23:11,290 --> 00:23:14,740 újra letölteni minden alkalommal, amikor a felhasználó jön és meglátogatja a honlapod. 366 00:23:14,740 --> 00:23:26,980 Vagy lehet, hogy néhány URL, mint yoursite.com / test / html / pages / hello.html 367 00:23:26,980 --> 00:23:31,270 és csak azt, hogy ahhoz, hogy yourname.com / szia - nos, akkor a. htaccess 368 00:23:31,270 --> 00:23:34,760 átirányítani egy másik weboldal. 369 00:23:34,760 --> 00:23:36,600 Ön is használja, hogy ezt hitelesítést. 370 00:23:36,600 --> 00:23:39,890 Lehet, hogy vannak olyan részei a webhely, hogy meg kell használni egy másik jelszót. 371 00:23:39,890 --> 00:23:42,620 Akkor blokkolja bizonyos IP-címekről, blokkolni bizonyos területeken. 372 00:23:42,620 --> 00:23:46,770 Lehet, hogy csak tényleg nem tetszik Harvard hallgatói használja a honlap. 373 00:23:46,770 --> 00:23:49,910 Nos, azt a lehetőséget, blokkolja a Harvard IP-címeket. 374 00:23:49,910 --> 00:23:56,370 >> Végül, tudod kezelni a dolgokat - írhat bizonyos kódot, hogy a szerver 375 00:23:56,370 --> 00:24:03,100 kezelni, mint. Zhao vagy. a neve vagy. helló oldalak PHP kódot. 376 00:24:03,100 --> 00:24:05,170 Lehet, hogy hasznos lesz. Lehet, hogy nem lesz. 377 00:24:05,170 --> 00:24:07,980 És végül, akkor azt kezelni hiba válaszokat. 378 00:24:07,980 --> 00:24:10,300 Mit értek ezen? 379 00:24:10,300 --> 00:24:16,030 Ha egyszerűen csak hozzá kódot, mint ez - ErrorDocument 404 majd közvetlenül őket egy 380 00:24:16,030 --> 00:24:20,440 hiba oldal, biztos lehet benne, hogy a felhasználó nem csak látni a nagyon, nagyon csúnya 381 00:24:20,440 --> 00:24:23,550 404 és megmutatja nekik valami szépet. 382 00:24:23,550 --> 00:24:29,000 >> Nézzük valóban nézd meg, hogyan lehet csinálni, hogy az Ön Pset 7. 383 00:24:29,000 --> 00:24:34,190 Itt én vagyok az én készülék. 384 00:24:34,190 --> 00:24:38,440 Fogom nyitni Chrome, aztán megyek megpróbál hozzáférni az oldalon 385 00:24:38,440 --> 00:24:43,350 hogy nem létezik a CS50 pénzügyminiszter. 386 00:24:43,350 --> 00:24:52,710 Így, a helyi gazda - cats.php--so, észreveheti, hogy készítettem egy hiba dokumentum 387 00:24:52,710 --> 00:24:54,770 azt mondja, "nem találja Canz Z Page!" 388 00:24:54,770 --> 00:24:56,990 Ez egy nagyon szomorú macska is. 389 00:24:56,990 --> 00:24:59,910 Ha megy a Twitter, ha megy minden ilyen más oldalakon, 390 00:24:59,910 --> 00:25:02,700 nem talál egy oldalt, általában igyekeznek, hogy mutassa meg egy aranyos kép 391 00:25:02,700 --> 00:25:04,850 úgy, hogy nem vagy túl csalódott. 392 00:25:04,850 --> 00:25:07,830 Önnek is van valami, hogy több szakmai, amely azt mondja, 393 00:25:07,830 --> 00:25:11,760 Nos, sajnálom, hogy nem találtam az oldalon, de talán itt a keresési mezőbe. 394 00:25:11,760 --> 00:25:16,750 Vagy talán itt van néhány link, amely segít megtalálni a kapcsolatot, amit akar. 395 00:25:16,750 --> 00:25:21,410 Szóval, hogyan tudom ezt megtenni? Hogy lehet ez is lehetséges? 396 00:25:21,410 --> 00:25:23,500 Ha bemegy a terminál itt - 397 00:25:23,500 --> 00:25:26,300 Elmegyek a nagyítás egy kicsit - 398 00:25:26,300 --> 00:25:30,110 észre, hogy van egy új oldalt. 399 00:25:30,110 --> 00:25:34,440 Belül a HTML könyvtárba hívják - nem látom - 400 00:25:34,440 --> 00:25:37,280 hívják error.php. 401 00:25:37,280 --> 00:25:41,010 És error.php csak egy fájlt, amit tett 402 00:25:41,010 --> 00:25:43,030 azt mutatja, hogy az oldal is. 403 00:25:43,030 --> 00:25:46,710 Azt is megmutatja, milyen error.php is. 404 00:25:46,710 --> 00:25:48,710 Pontosan ezt az oldalt. 405 00:25:48,710 --> 00:25:50,710 Azt mondja: "Ó, nem! Canz nem találja Z Page!" 406 00:25:50,710 --> 00:25:58,630 És, ha szeretné látni - úgy, hogy észre. Htaccess fajta egy furcsa nevet. 407 00:25:58,630 --> 00:26:01,040 Kezdődik egy ponttal, ami azt jelenti, hogy ez egy rendszer fájl. 408 00:26:01,040 --> 00:26:03,360 Ez egy rejtett fájl, amelyet általában nem jelenik meg. 409 00:26:03,360 --> 00:26:09,060 Az ls-a, láthatjuk az összes rejtett fájlokat egy adott könyvtár, 410 00:26:09,060 --> 00:26:12,030 sőt, látod. htaccess az egyik közülük. 411 00:26:12,030 --> 00:26:15,490 Menjünk előre, és nyissa meg. Htaccess - 412 00:26:15,490 --> 00:26:19,830 A gedit - 413 00:26:19,830 --> 00:26:26,870 Boom! Nekem csak egy vonal van - Error dokumentum 404-es hiba 414 00:26:26,870 --> 00:26:28,760 amelyek szintén ismert fájl-nem-található hibákat. 415 00:26:28,760 --> 00:26:32,720 Nézzük átirányítja őket úgynevezett error.php. 416 00:26:36,100 --> 00:26:42,030 Lehet szórakoztató dolgok, mint canz nem találja Z Page! 417 00:26:42,030 --> 00:26:46,770 És ott is nagyon jó dolog, amit tehetünk. Htaccess. 418 00:26:46,770 --> 00:26:49,520 Ha szeretne többet látni. Htaccess mágia, 419 00:26:49,520 --> 00:26:56,470 ez egy nagyon jó honlap, hogy menjen - ezt hívják javascriptkit.com/howto/htaccess.shtml-- 420 00:26:56,470 --> 00:27:01,880 ha azt szeretné, hogy végre több szerverre varázslat. És lehet, hogy nagyon szórakoztató. 421 00:27:01,880 --> 00:27:05,490 >> Hűha! Rendben! Több aranyos képek. 422 00:27:05,490 --> 00:27:10,060 Ez a srác csinál push-up, és a macska próbál segíteni. Azt hiszem, ez nagyon aranyos. 423 00:27:10,060 --> 00:27:14,830 Sajnos, én nem egy macska, mint ezt. 424 00:27:14,830 --> 00:27:17,640 Rendben van. Szóval, már beszéltünk. Htaccess. 425 00:27:17,640 --> 00:27:19,640 Beszéltünk hibakezelés. 426 00:27:19,640 --> 00:27:20,940 Beszéltünk tárhely, domain neveket. 427 00:27:20,940 --> 00:27:23,230 Beszéltünk cross-böngésző kompatibilitás. 428 00:27:23,230 --> 00:27:25,210 Most hogyan lehetünk biztosak abban, hogy a webhely valóban végrehajtja? 429 00:27:25,210 --> 00:27:26,950 Hogyan győződjön meg róla, hogy ha elmegyek a honlapon 430 00:27:26,950 --> 00:27:29,830 Látom az oldal néhány másodpercen belül? 431 00:27:29,830 --> 00:27:33,520 Az egyik dolog, ami szerintem az emberek csak egyfajta elfelejteni 432 00:27:33,520 --> 00:27:36,160 a kép optimalizálását. 433 00:27:36,160 --> 00:27:37,560 Tegyük fel, hogy akarod, hogy egy kép az oldalon 434 00:27:37,560 --> 00:27:40,330 és ez 2 MG nagy. 435 00:27:40,330 --> 00:27:42,670 Lehet, hogy ez jó lesz nekünk, mert mi vagyunk a Harvardon, 436 00:27:42,670 --> 00:27:45,000 és van egy nagyon gyors internet-kapcsolat. 437 00:27:45,000 --> 00:27:47,470 De képzeld csak el valaki Kínában. Képzeld el, hogy valaki Indiában. 438 00:27:47,470 --> 00:27:52,440 elképzelni, hogy valaki esetleg a vidéki Kansas, aki talán nem ugyanaz a fajta 439 00:27:52,440 --> 00:27:54,690 szélessávú internet, hogy van. 440 00:27:54,690 --> 00:27:57,710 Ha van egy 2 MB méretű képet az oldalon, és a felhasználó megpróbálja elérni, 441 00:27:57,710 --> 00:28:00,890 ez lesz, hogy ezeket a nagyon hosszú időt letölteni. 442 00:28:00,890 --> 00:28:04,160 Tehát, ha nem kell, hogy valamiféle egyezményre, 443 00:28:04,160 --> 00:28:09,220 akkor átméretezni a képet valami, mint az Adobe Photo Shop. 444 00:28:09,220 --> 00:28:13,400 Van általában egy lehetőség az úgynevezett biztonságos webes és eszközök 445 00:28:13,400 --> 00:28:15,850 és mit csinál ez csíkok ki az összes felesleges információkat 446 00:28:15,850 --> 00:28:20,160 és egyfajta tömöríti a fájlt egy kis képméretet, így 447 00:28:20,160 --> 00:28:22,960 tedd rá a honlapon, és minden felhasználó, aki megpróbálja letölteni az oldalt 448 00:28:22,960 --> 00:28:26,950 fog tölteni egy kisebb változata a kép. 449 00:28:26,950 --> 00:28:28,230 Ha nem rendelkezik az Adobe Photo Shop 450 00:28:28,230 --> 00:28:32,650 webresizer.com is egy forrás, ahol megadhatja a kép 451 00:28:32,650 --> 00:28:36,470 és ez kiköp pontosan ugyanazt a képet, 452 00:28:36,470 --> 00:28:39,970 de ez valami olyasmi lesz, 3-szor kisebb. 453 00:28:39,970 --> 00:28:41,970 Szóval ez nagyon hasznos a felhasználók számára. 454 00:28:41,970 --> 00:28:45,930 >> A másik dolog, amit tehetünk, minify kódot. 455 00:28:45,930 --> 00:28:48,460 Ha veszünk egy pillantást a Google.com, 456 00:28:48,460 --> 00:28:56,400 látni fogod, hogy ez nem a fajta ugyanazt a HTML és a CSS, hogy mi használt. 457 00:28:56,400 --> 00:29:02,250 Csak majd nézd meg a forráskódot itt. 458 00:29:02,250 --> 00:29:07,600 Ha csak lapozás - wow, úgy néz ki, elég gusztustalan. 459 00:29:07,600 --> 00:29:09,650 Ez kap egy nulla a stílus. 460 00:29:09,650 --> 00:29:13,470 Ha ezt a kódolt Pset, akkor kap egy nulla a stílus. 461 00:29:13,470 --> 00:29:16,990 Ennek nincs távolság. A nevek meg igazán rejtélyes. 462 00:29:16,990 --> 00:29:19,800 Ez az egész tényleg undorító. 463 00:29:19,800 --> 00:29:24,060 És a script, hogy zárja be a szervezetben - a záró HTML - 464 00:29:24,060 --> 00:29:26,280 ők együtt - minden smushed össze. 465 00:29:26,280 --> 00:29:28,280 Miért teszik ezt? 466 00:29:28,280 --> 00:29:30,650 Ők minified a kódot. 467 00:29:30,650 --> 00:29:33,310 Figyeljük meg, hogy ez a dokumentum lesz sokkal kisebb 468 00:29:33,310 --> 00:29:36,660 számomra, hogy töltse le, mint valami fehér tér, 469 00:29:36,660 --> 00:29:39,410 mint valami igazán hosszú változó neveket. 470 00:29:39,410 --> 00:29:41,710 Ha minify a kódot eltávolítják a fehér térben. 471 00:29:41,710 --> 00:29:45,960 Természetesen, a böngészője nem érdekli, ha bármilyen fehér térben a kódban. 472 00:29:45,960 --> 00:29:49,630 Azt szalag ki, most letölthet egy kisebb fájlt - 473 00:29:49,630 --> 00:29:52,770 most a fájlt - a dokumentum, amit akarsz tölteni egy kisebb fájlméret, 474 00:29:52,770 --> 00:29:56,180 akkor gyorsabb lesz a számomra, hogy töltse le, és ez hasznos. 475 00:29:56,180 --> 00:30:01,550 Ha dolgozik, honlapok és te indít egy honlapot, 476 00:30:01,550 --> 00:30:04,630 ez szinte mindig jó minify kódot. 477 00:30:04,630 --> 00:30:08,150 A másik ok, hogy miért lehet jó az, talán nem akarjuk, hogy mások használni a kódot. 478 00:30:08,150 --> 00:30:11,050 Lehet, hogy nem akarjuk, hogy mások használni a CSS. 479 00:30:11,050 --> 00:30:13,460 Tudod, ha igazán akart lenni fukar, hogy a 480 00:30:13,460 --> 00:30:16,670 akkor is minify a kódot, és nem lenne nehezebb számomra, hogy ellopja 481 00:30:16,670 --> 00:30:19,170 mert fogalmam sincs, hogy mi folyik itt. 482 00:30:19,170 --> 00:30:22,990 Akkor is megy a weboldalak, mint minify.avivo.si. 483 00:30:22,990 --> 00:30:27,900 Szolgáltatások, mint az online segítséget minify a kódot, így nem kell csinálni kézzel. 484 00:30:27,900 --> 00:30:30,080 Biztosan nem kézzel megcsinálni. 485 00:30:30,080 --> 00:30:32,210 >> Oké. Most beszél szkripteket. 486 00:30:32,210 --> 00:30:35,040 Lehet, hogy a PHP kódot, hogy van valami, amit nem kell tennie. 487 00:30:35,040 --> 00:30:37,910 Talán van extra hurkok ott. 488 00:30:37,910 --> 00:30:40,850 Beszéltünk kódot design CS50. 489 00:30:40,850 --> 00:30:44,550 Még ha kódolás C, ha van -, ha csinálsz plusz munkát 490 00:30:44,550 --> 00:30:49,440 hogy nem kell csinálni, nos, ez fog lassulni a szkriptek a honlapon, 491 00:30:49,440 --> 00:30:53,280 és ez különösen fontos a honlapok, mert a felhasználók ma már nagyon türelmetlen. 492 00:30:53,280 --> 00:30:56,110 Ha csinálsz felesleges munka, ez lesz, hogy ezeket tovább 493 00:30:56,110 --> 00:31:00,080 hogy az információkat akarnak, és ők lesznek nagyon boldogtalan. 494 00:31:00,080 --> 00:31:02,200 Végül érdemes optimalizálni az adatbázis táblákat. 495 00:31:02,200 --> 00:31:05,020 Emlékezz beszélgettünk indexek. 496 00:31:05,020 --> 00:31:09,420 Ők nem csak arra jó, hogy biztos, hogy van egy sor, ami egyedülálló. 497 00:31:09,420 --> 00:31:12,440 Ők is jó, hogy arról, hogy az adatbázis gyorsan működik. 498 00:31:12,440 --> 00:31:16,240 Ha azt szeretné, hogy olvassa fel, hogy megy a MySQL dokumentációt, 499 00:31:16,240 --> 00:31:18,710 vagy nézd meg - nos, hogyan tudom optimalizálni adatbázis tábla? 500 00:31:18,710 --> 00:31:23,350 Hogyan győződjön meg róla, hogy van indexek segítsen nekem kap az információs gyorsabban? 501 00:31:23,350 --> 00:31:27,300 >> Vannak kis trükköket, amelyek segítségével, mint a cache-t. 502 00:31:27,300 --> 00:31:28,980 Ha PHP - ha van egy blog, például, 503 00:31:28,980 --> 00:31:31,980 és van - és ez hajtja PHP vagy bármilyen más nyelven - 504 00:31:31,980 --> 00:31:37,690 lehet cache a blog a mondjuk 50 percenként, így szolgálni statikus oldalak 505 00:31:37,690 --> 00:31:40,610 vagy statikus HTML a webhely látogatói. 506 00:31:40,610 --> 00:31:43,380 Így a felhasználóknak nem kell futtatni a PHP szkriptet minden alkalommal, 507 00:31:43,380 --> 00:31:47,410 és lehet, hogy gyorsabb lesz számukra, hogy hozzáférjenek az információkhoz. 508 00:31:47,410 --> 00:31:49,410 >> És végül, akkor valami ilyesmit CDN. 509 00:31:49,410 --> 00:31:51,900 Figyeljük meg, hogy amikor letölt egy Pset, 510 00:31:51,900 --> 00:31:54,890 mindig megy CDN.CS50.net. Miért van ez? 511 00:31:54,890 --> 00:32:01,540 CS50 is használ a fajta, mint a CDN - a tartalom elosztó hálózat - 512 00:32:01,540 --> 00:32:06,120 ami csak azt jelenti, hogy egy csomó szerver talán valahol a világon 513 00:32:06,120 --> 00:32:08,120 amelyek segítenek kiszolgálni az oldalakat a látogatók. 514 00:32:08,120 --> 00:32:13,770 Ha a látogató kap egy oldalt a szerveren, ami közelebb hozzájuk földrajzilag, 515 00:32:13,770 --> 00:32:16,770 akkor nagy valószínűséggel a látogató fog kapni a fájl sokkal gyorsabb. 516 00:32:16,770 --> 00:32:20,490 Vannak forrásai online, segít csinálni. 517 00:32:20,490 --> 00:32:24,070 Egyikük CloudFlare. Kínálnak egy ingyenes CDN szolgáltatás. 518 00:32:24,070 --> 00:32:26,020 Ha nagy fájlokat, hogy a kiszolgáló a felhasználók számára, 519 00:32:26,020 --> 00:32:32,260 akkor talán jobb, hogy őket egy CDN hogy így lehet kapni őket gyorsabb. 520 00:32:32,260 --> 00:32:39,070 >> Az utolsó téma a nap kereső optimalizálás. 521 00:32:39,070 --> 00:32:41,070 Mi az a keresőoptimalizálás? 522 00:32:41,070 --> 00:32:44,070 Ez ügyelve arra, hogy a keresőprogramok, mint a Google vagy a Bing vagy a Yahoo 523 00:32:44,070 --> 00:32:50,740 tovább, hogy a webhely és feltérképezni a webhely és az index a webhely, és ha 524 00:32:50,740 --> 00:32:53,040 Én például, megy a Google.com és megpróbálok keresni valamit, 525 00:32:53,040 --> 00:32:55,040 akkor a webhely jelenik meg. 526 00:32:55,040 --> 00:32:57,000 Hogyan győződjön meg róla, hogy a honlap az egyik a top 10? 527 00:32:57,000 --> 00:33:00,000 Mert, mint tudjuk, ha keres valamit a Google-on 528 00:33:00,000 --> 00:33:02,880 és ez nem a top 10 akkor valószínűleg nem fog, hogy vizsgálja meg a következő 10. 529 00:33:02,880 --> 00:33:07,160 Ez a fajta olyan téma, ami rejtélyes homály fedi. 530 00:33:07,160 --> 00:33:09,850 Van egy csomó hype ott az interneten. 531 00:33:09,850 --> 00:33:14,680 Van egy csomó a babona, ha x, akkor a Google, mint te jobban. 532 00:33:14,680 --> 00:33:16,680 Ha y akkor a Google, mint te jobban. 533 00:33:16,680 --> 00:33:19,680 Ez talán jobb, hogy vizsgálja meg a keresési óriás dokumentumokat is. 534 00:33:19,680 --> 00:33:27,470 >> Ez az egyik a dokumentumok a Google, hogy megmondja, hogy pontosan hogyan kell optimalizálni oldala 535 00:33:27,470 --> 00:33:30,860 hogy a Google képes elérni és index nagyon szépen. 536 00:33:30,860 --> 00:33:33,680 Nem kell másolja le az URL, mert ez a bemutató fog 537 00:33:33,680 --> 00:33:36,680 online lehet egyébként. 538 00:33:36,680 --> 00:33:38,770 Ha megnézed ezt, és olvassa el ezt van néhány nagyon hasznos tippeket is. 539 00:33:38,770 --> 00:33:42,240 A Google azt mondja -, ha szeretné a webhely, hogy indexelt jól 540 00:33:42,240 --> 00:33:44,610 akkor meg kell tennie az összes ezeket a dolgokat. 541 00:33:44,610 --> 00:33:47,570 >> A másik dolog, hogy a keresőprogramok nagyon szeretem a friss tartalom. 542 00:33:47,570 --> 00:33:49,500 Ha tartalom frissül rendszeresen nagyon 543 00:33:49,500 --> 00:33:51,950 majd a keresőmotorok mondani, ó, én szeretem a webhelyen. 544 00:33:51,950 --> 00:33:53,950 Én megyek, hogy a webhely gyakran. 545 00:33:53,950 --> 00:33:56,840 Megyek index egy csomó oldalt. 546 00:33:56,840 --> 00:33:59,560 Ha van friss tartalom, akkor nagyobb valószínűséggel jelennek meg - 547 00:33:59,560 --> 00:34:02,540 akkor nagyobb a valószínűsége, hogy több fontos. 548 00:34:02,540 --> 00:34:04,630 Akkor nagyobb a valószínűsége, hogy frissebb, 549 00:34:04,630 --> 00:34:08,860 és a keresőmotorok nagyobb valószínűséggel be a webhely mások fölé. 550 00:34:08,860 --> 00:34:10,860 >> Mély kapcsolatok is fontosak. 551 00:34:10,860 --> 00:34:13,530 Ha nagyon akartam a webhely, hogy jól nézzen a keresőmotor szeme 552 00:34:13,530 --> 00:34:18,090 sok más weboldalak kapcsolódnak, és kapcsolódik mélyen a honlapon. 553 00:34:18,090 --> 00:34:20,090 Ne csak linket a honlapján. 554 00:34:20,090 --> 00:34:26,719 Link talán yourname.com / valami / valami / something.php. 555 00:34:26,719 --> 00:34:29,840 Ez - a kereső - azt jelenti, wow, ezek nagyon érdekes tartalom 556 00:34:29,840 --> 00:34:35,350 , hogy valaki más is összeköti, így mélyen a helyszínen, hogy én tényleg, de tényleg 557 00:34:35,350 --> 00:34:38,260 hogy nagyobb jelentőséget rá, hogy a honlap oldalain. 558 00:34:38,260 --> 00:34:41,940 >> Ha pontos címszót, ha nincs hiba, hogy ez jó, mert 559 00:34:41,940 --> 00:34:44,670 Ha a kereső megpróbálja látogasson el a telek, és egyre egy hiba, 560 00:34:44,670 --> 00:34:46,780 ez valószínűleg feladni nagyon, nagyon hamar. 561 00:34:46,780 --> 00:34:49,510 És végül, azt szeretné, hogy a gyors betöltési időt, mert a keresőmotorok - 562 00:34:49,510 --> 00:34:53,820 , mint az emberek - ne sok türelmet a lassú weboldalak. 563 00:34:53,820 --> 00:34:57,070 Ez egy módja annak, hogy győződjön meg arról, hogy megjelenik magasabb 564 00:34:57,070 --> 00:35:01,390 kereső lekérdezések, és remélhetőleg így még több forgalmat. 565 00:35:01,390 --> 00:35:04,730 Mert végül is, ha már mindent elköltött ezúttal fejlődő weboldalán. 566 00:35:04,730 --> 00:35:06,280 Töltött egész idő alatt indít a honlapján online. 567 00:35:06,280 --> 00:35:11,780 Azt szeretnénk, hogy győződjön meg arról, hogy van bőven felhasználók, akik valóban látni a tartalmat. 568 00:35:13,330 --> 00:35:15,660 >> Egyéb jó erőforrásokat. 569 00:35:15,660 --> 00:35:19,210 Google Webmaster Tools van valami, hogy vizsgálja meg a. 570 00:35:19,210 --> 00:35:21,780 Ez csak segít, hogy - a Google nem indexelő oldalamon. 571 00:35:21,780 --> 00:35:24,490 Milyen típusú hibák is találkozás? 572 00:35:24,490 --> 00:35:27,490 Hány oldalt van ez indexelt? 573 00:35:27,490 --> 00:35:29,490 Mit gondol, mi a legfontosabb tartalom az oldalamon? 574 00:35:29,490 --> 00:35:31,490 Lehet, hogy nem az, amit akarok, hogy legyen. 575 00:35:31,490 --> 00:35:36,880 Talán meg kell változtatni a honlapomon egy kicsit, hogy ez tükrözi jobban 576 00:35:36,880 --> 00:35:38,880 mi a website valóban kb. 577 00:35:38,880 --> 00:35:41,000 A Google Analytics egy nagyon klassz eszköz. 578 00:35:41,000 --> 00:35:44,120 Akkor adjunk hozzá egy kis JavaScript az oldalakon. 579 00:35:44,120 --> 00:35:47,020 És akkor utána mehet a Google Analytics, és ez a pálya 580 00:35:47,020 --> 00:35:49,020 a látogató demográfiai és a webhely növekedést. 581 00:35:49,020 --> 00:35:51,810 Azt fogja mondani, hogy pontosan hány látogatót látogasson el a telek 582 00:35:51,810 --> 00:35:55,310 belül egy bizonyos napon belül egy bizonyos órában, egy bizonyos héten. 583 00:35:55,310 --> 00:35:57,310 Hány látogató Kínából? Hány látogató Antarktisz - 584 00:35:57,310 --> 00:35:59,310 kapsz a honlapon. 585 00:35:59,310 --> 00:36:03,470 hogy lehet valami jó látni, vagy talán még hasznos lehet 586 00:36:03,470 --> 00:36:05,470 mert próbál megcélozni egy bizonyos csoporthoz. 587 00:36:05,470 --> 00:36:08,410 Talán akarsz megcélozni tizenévesek a saját honlapján, és azt látja, hogy 588 00:36:08,410 --> 00:36:11,410 a legtöbb látogató a honlapon van talán 30 - 40 évesek, 589 00:36:11,410 --> 00:36:15,130 akkor talán vagy problémája van, vagy egyszerűen csak mondani, 590 00:36:15,130 --> 00:36:19,590 Nos, akkor talán kellene megváltoztatni a honlap fókuszt, hogy 591 00:36:19,590 --> 00:36:22,240 Én inkább azon a korcsoportban. 592 00:36:22,240 --> 00:36:28,500 >> Google Apps - ha akart volna valami e-mailt a domain nevet - 593 00:36:28,500 --> 00:36:31,230 talán valami tetszik yourname@yourname.com-- 594 00:36:31,230 --> 00:36:35,270 akkor a Gmail-címeket - használhatja a Gmail szolgáltatás 595 00:36:35,270 --> 00:36:38,500 és a Google Apps az egyik módja, hogy. 596 00:36:38,500 --> 00:36:44,050 Beállíthatja adott e-mail címeket, amelyeket kizárólag a domain nevet 597 00:36:44,050 --> 00:36:46,800 helyette of@gmail.com. 598 00:36:46,800 --> 00:36:51,840 >> És végül, van webfejlesztő kiterjesztések és kiegészítők - a Chrome, 599 00:36:51,840 --> 00:36:56,380 A Firefox, az egyéb böngészők -, amely lehetővé teszi, hogy menjen be, és vizsgáljuk 600 00:36:56,380 --> 00:37:02,290 CSS, JavaScript ellenőrizni, hogy pontosan mi a baj a JavaScript script, 601 00:37:02,290 --> 00:37:05,290 és lehet, hogy hasznos lesz a de-felbassza célokra, akkor kideríteni - 602 00:37:05,290 --> 00:37:08,630 Nos, miért nem jelennek meg megfelelően a honlapomon ebben a böngészőben? 603 00:37:08,630 --> 00:37:11,800 >> És végül, ha akarta, hogy többet szeretne megtudni ezekről a témákról - 604 00:37:11,800 --> 00:37:14,410 ha akar többet megtudni a HTML és a CSS és JavaScript - 605 00:37:14,410 --> 00:37:16,790 mert miután az összes, csak tanítottam egy kicsit - 606 00:37:16,790 --> 00:37:21,240 akkor megy weboldalak, mint W3Schools.com keresni több erőforrást. 607 00:37:21,240 --> 00:37:26,340 Ezek nagyon szép útmutatók, hogy hogyan csináljam x vagy y mit jelent? 608 00:37:26,340 --> 00:37:30,400 Ha akarta, hogy többet megtudni ezeket a nyelveket egyszerűen megy itt. 609 00:37:30,400 --> 00:37:37,690 >> Rendben van. Azt hiszem, el akartam menni az utolsó néhány perc a kérdésekre, 610 00:37:37,690 --> 00:37:39,810 Tehát vannak olyan kérdések bármi, amiről beszéltünk? 611 00:37:39,810 --> 00:37:43,500 [Közönség tagja] Milyen dolgok vannak W3Schools és hogyan vonatkozik? 612 00:37:43,500 --> 00:37:45,500 [Yuechen Zhao] Milyen dolgokat? 613 00:37:45,500 --> 00:37:50,180 Tehát, az egyik legnagyobb dolog, hogy nagyon tudom használni a tétel a hivatkozásokat. 614 00:37:50,180 --> 00:37:54,430 A referenciák részlet, például CSS - 615 00:37:54,430 --> 00:37:59,480 hogy ez mit jelent, vagy ha meg akarod változtatni a háttérben a lap - 616 00:37:59,480 --> 00:38:01,480 hogyan csinálod? 617 00:38:01,480 --> 00:38:04,550 Melyik böngésző támogatja a parancsot? Ilyesmi. 618 00:38:04,550 --> 00:38:10,870 És akkor is csak nagyon szép oktatóanyagok HTML, PHP, JavaScript, 619 00:38:10,870 --> 00:38:14,290 A MySQL, mindenféle különböző témákban. 620 00:38:14,290 --> 00:38:18,800 Ezek szép oktató. Azt tanítják, hogyan kell csinálni a dolgokat. 621 00:38:18,800 --> 00:38:22,590 Jó, hogy képes menni, és többet szeretne megtudni ezekről a témákról. 622 00:38:22,590 --> 00:38:27,180 >> [Közönség tagja] HTML 5 még mindig nem kompatibilis az összes böngészővel odakint. 623 00:38:27,180 --> 00:38:30,700 Azt ajánlom csak távol tartózkodó, mert a kompatibilitási problémák? 624 00:38:30,700 --> 00:38:32,700 Hogyan kezeled ezt? 625 00:38:32,700 --> 00:38:38,640 [Yuechen Zhao] Igen, igen, a kérdés az, HTML5 még mindig a baba szabványos. 626 00:38:38,640 --> 00:38:42,030 Ez nem igazán támasztja alá a sok böngésző, így kellene elkerülni? 627 00:38:42,030 --> 00:38:48,040 Azt hiszem, tavaly lett volna egy nagyon nagy támogatója, kerüljük HTML5 628 00:38:48,040 --> 00:38:52,430 mert még mindig - ez még mindig nagyon sok az új, sőt, a HTML5 szabvány 629 00:38:52,430 --> 00:38:55,610 még nem fejeződött be. 630 00:38:55,610 --> 00:38:58,790 És így, hogy tényleg nincs HTML5 szabvány. 631 00:38:58,790 --> 00:39:03,840 De azt hiszem, különösen akkor, ha egy honlap tervezése most 632 00:39:03,840 --> 00:39:07,450 lehet, hogy jobb, ha csak megy a HTML5, mert ez a fajta lesz a jövőben, 633 00:39:07,450 --> 00:39:11,250 és ha azt szeretné, hogy a honlapján, hogy időtálló, és szeretné honlapján dolgozni 634 00:39:11,250 --> 00:39:14,320 a jövőben böngészők, lehet, hogy jobb, hogy kezdjék építeni valamit a jövőre nézve 635 00:39:14,320 --> 00:39:19,830 mint a múltban, és azt is csak azért, mert az a tény, hogy nem igazán HTML5, hogy a különböző 636 00:39:19,830 --> 00:39:23,080 a HTML4 vagy XHTML. 637 00:39:23,080 --> 00:39:29,780 Ha a HTML5, normálisan működik a legtöbb böngészőben. 638 00:39:29,780 --> 00:39:34,660 Csak ki kell valahogy menni, és győződjön meg róla, ezek screenshotok 639 00:39:34,660 --> 00:39:38,630 és gondoskodjanak arról, a helyzet, hogy ezek a weboldalak magad. 640 00:39:38,630 --> 00:39:44,280 De a legvalószínűbb, hogy működni fog, hacsak nem használja nagyon különleges funkciók HTML5. 641 00:39:44,280 --> 00:39:50,240 Figyeljük meg azt is, hogy a CS50 - például a videó lejátszó, amit használunk - 642 00:39:50,240 --> 00:39:56,230 használ HTML5 és a HTML5 video megjeleníteni az előadásokat. 643 00:39:56,230 --> 00:39:59,420 De ha van egy nagyon régi böngészőt, akkor majd visszalépés Flash. 644 00:39:59,420 --> 00:40:01,420 Szóval, ez is valami - 645 00:40:01,420 --> 00:40:05,190 egy fall-back rendszer, amikor csak tudom, hogy a böngésző nem fog kezelni 646 00:40:05,190 --> 00:40:08,140 amit szeretnél kezelni. 647 00:40:08,140 --> 00:40:10,140 >> További kérdések? 648 00:40:10,140 --> 00:40:13,270 Bármi, ami beszéltünk. 649 00:40:16,910 --> 00:40:20,750 Rendben van. Akkor azt hiszem, ennyi nekem. 650 00:40:20,750 --> 00:40:23,090 Azt hiszem, ez az. 651 00:40:23,090 --> 00:40:28,430 (Taps) 652 00:40:28,430 --> 00:40:30,000 Cool. 653 00:40:30,500 --> 00:40:32,700 [CS50.TV]