1 00:00:00,000 --> 00:00:02,000 [Powered by Google Translate] [Seminar] [Inihahanda ang Iyong Site para sa mga Web] 2 00:00:02,000 --> 00:00:05,000 [Yuechen Zhao] [Harvard University] 3 00:00:05,000 --> 00:00:07,000 [Ito ay CS50.] [CS50.TV] 4 00:00:07,000 --> 00:00:11,660 >> Okay. Narito ang isa pang oras ng web development kung ka guys ay up para dito. 5 00:00:11,660 --> 00:00:16,290 Ngayong araw pupuntahan ko ay pakikipag-usap tungkol sa paghahanda ng iyong site para sa Web. 6 00:00:16,290 --> 00:00:20,260 Ang lahat ng mga araw - at marahil para sa nakalipas na 2 linggo - 7 00:00:20,260 --> 00:00:22,240 kami ay pakikipag-usap tungkol sa kung paano upang lumikha ng isang website, 8 00:00:22,240 --> 00:00:24,880 kung paano gamitin ang HTML, kung paano gamitin ang PHP, kung paano gamitin ang Framework, 9 00:00:24,880 --> 00:00:29,420 kung paano upang matiyak na maaari mong makipag-ugnayan sa database - mga bagay tulad na. 10 00:00:29,420 --> 00:00:34,830 Ngunit ngayon, kami ay pagpunta sa ay pakikipag-usap tungkol sa kung saan ang iyong site ay pagpunta upang mabuhay pagkatapos ng CS50. 11 00:00:34,830 --> 00:00:40,010 Dahil pagkatapos ng lahat, CS50 ay hindi mangyayari nakaraang Disyembre. 12 00:00:40,010 --> 00:00:42,090 Kami ay pagpunta sa ay pakikipag-usap tungkol sa mga pangalan ng domain, hosting. 13 00:00:42,090 --> 00:00:44,790 Kami ay pagpunta sa ay pakikipag-usap tungkol sa kung ano ang cross-browser compatibility 14 00:00:44,790 --> 00:00:49,540 at cross-platform compatibility, at kung paano maaari mong tiyakin na ang iyong site 15 00:00:49,540 --> 00:00:51,610 ay pagpunta upang gumana sa ilalim ng lahat ng mga kondisyon. 16 00:00:51,610 --> 00:00:54,330 Susubukan naming makipag-usap tungkol sa error handling at iba pang mga server magic. 17 00:00:54,330 --> 00:00:57,890 Kami ay pakikipag-usap tungkol sa pagganap ng optimization, search engine optimization, 18 00:00:57,890 --> 00:01:00,310 at kung paano makakuha ng mga tao upang aktwal na bisitahin ang iyong website. 19 00:01:00,310 --> 00:01:05,960 At sa wakas, ilan lang mahusay na mapagkukunan upang tiyakin na ikaw guys ay may sapat ng mga 20 00:01:05,960 --> 00:01:09,680 upang pumunta off sa iyong huling proyekto, at sana ay matapos. 21 00:01:09,680 --> 00:01:13,120 >> Ang unang bagay na kami ay pagpunta sa makipag-usap tungkol sa ang mga pangalan ng domain. 22 00:01:13,120 --> 00:01:18,020 Sa ngayon ka programa sa iyong appliance, ka ng pagpunta sa isang lokal na host 23 00:01:18,020 --> 00:01:20,360 na kung saan ay hindi tunay na isang domain name. 24 00:01:20,360 --> 00:01:26,370 Iyan ay isang uri ng lamang ng isang palayaw o isang alias para sa iyong mga aktwal na pag-install sa Linux 25 00:01:26,370 --> 00:01:31,150 sa loob ng VMware alinman sa Mac o VMware Player sa isang PC. 26 00:01:31,150 --> 00:01:36,510 Mga pangalan ng domain daan sa iyo upang ilagay ang isang site papunta sa Web at pagkatapos ay pumunta sa isang bagay tulad ng 27 00:01:36,510 --> 00:01:39,400 www.google.com at makakuha ng mga website. 28 00:01:39,400 --> 00:01:41,500 Paano gumagana ang mga ito? 29 00:01:41,500 --> 00:01:43,390 Sabihin natin na ikaw lamang ang isang average na server ng web - 30 00:01:43,390 --> 00:01:50,080 Web average na surfer at mayroon kang isang laptop, at pumunta ka sa www.howstuffworks.com. 31 00:01:50,080 --> 00:01:52,570 Maaari mong marahil makita kung saan ako nakaagaw ng ito mula sa. 32 00:01:52,570 --> 00:01:57,300 Paano gumagana ang mga bagay-bagay - sa iyong computer pagkatapos ay magtanong sa isang lokal na DNS server, 33 00:01:57,300 --> 00:01:59,300 "Alam mo ba kung saan ang website na ito?" 34 00:01:59,300 --> 00:02:02,200 "Alam mo ba ang IP address ng www.howstuffworks.com?" 35 00:02:02,200 --> 00:02:05,580 Ang iyong mga DNS server ay maaaring sabihing, "Oo, gagawin ko." 36 00:02:05,580 --> 00:02:09,139 Sa kasong iyon, makuha mo ang mga IP address, at ang iyong computer access na IP address. 37 00:02:09,139 --> 00:02:15,050 Kung hindi, ito nagtatanong ng ibang DNS server, "Hey! Alam mo ba kung ano ang www.howstuffworks.com?" 38 00:02:15,050 --> 00:02:17,670 Na ang server ay maaaring sabihing, "Oo, gagawin ko." 39 00:02:17,670 --> 00:02:22,500 Kaya, ito ay nagsasabi sa mga iba pang isa kung ano ito ay, at sa wakas, ang impormasyon na lumipas ay makakakuha ng sa iyong computer, 40 00:02:22,500 --> 00:02:24,680 at maaari mong i-access ang howstuffworks.com. 41 00:02:24,680 --> 00:02:27,540 >> Paano maaari kang makakuha ng isa sa mga bagay na kataka-taka? 42 00:02:27,540 --> 00:02:32,940 Paano maaari kang makakuha ng marahil www.yourname.com o www.ilovecats.com? 43 00:02:32,940 --> 00:02:35,350 Maaari kang magrehistro para sa isa, 44 00:02:35,350 --> 00:02:38,280 at doon ay marami ng mga website out doon na magpapahintulot sa inyo na gawin ito. 45 00:02:38,280 --> 00:02:41,420 Kailangan mong - sa karamihan ng mga pangyayari na dapat mong bayaran para sa kanila. 46 00:02:41,420 --> 00:02:43,890 Mayroon mga tiyak na mga pangalan ng domain na ay libre. 47 00:02:43,890 --> 00:02:50,900 Kung pupunta ka sa www.co.cc o. Tkdomainnames, iyon ay libre. 48 00:02:50,900 --> 00:02:56,500 Ngunit, sila ay may ilang mga paghihigpit, at sa katunayan ang ilan sa kanila ay maaaring hindi kahit na maging 49 00:02:56,500 --> 00:03:00,540 real, top-level domain name tulad ng. com o. net. 50 00:03:00,540 --> 00:03:03,300 Karaniwan Gusto ko iminumungkahi pagpunta para sa isa sa mga ito 51 00:03:03,300 --> 00:03:07,060 dahil ang mga gumagamit lamang ang mas kumportable sa mga iyon. 52 00:03:07,060 --> 00:03:10,070 Ikaw ay nasaksihan ng maraming. Coms. Ikaw ay nasaksihan ng maraming. Lambat. 53 00:03:10,070 --> 00:03:13,790 Ikaw ay malamang na hindi nakikita ng maraming. Co.cc 's, kaya ang mga ito ay mas mahirap matandaan. 54 00:03:13,790 --> 00:03:18,900 Iba't ibang mga website tulad ng GoDaddy o NameCheap o - na ginamit ko isang bagay na 55 00:03:18,900 --> 00:03:21,550 uri ng pahapyaw - tinatawag activedomain.com. 56 00:03:21,550 --> 00:03:24,160 Mukhang talagang hindi buo, ngunit ito ay talagang nagtrabaho na rin para sa akin. 57 00:03:24,160 --> 00:03:27,810 >> At sa wakas, ikaw ay may iba na siguro ay magawa nang higit pa sa advertising tulad ng Network Solutions. 58 00:03:27,810 --> 00:03:31,140 Ngunit kung kang pumunta sa NetworkSolutions.com at tumingin sa kanilang pagpepresyo 59 00:03:31,140 --> 00:03:34,070 ito ay talagang mahal. Ako ay tumitingin sa kanila kagabi. 60 00:03:34,070 --> 00:03:37,400 Para sa isang taon ng isang pangalan ng domain, ito ay marahil hindi nagkakahalaga ng ganoong karaming pera. 61 00:03:37,400 --> 00:03:40,210 Sa katunayan, kung makakakuha ka ng isang. Com o isang. Org o isang. Net 62 00:03:40,210 --> 00:03:43,430 ang karaniwang presyo ay tungkol sa $ 10 sa isang taon. 63 00:03:43,430 --> 00:03:48,710 Kaya kung nagbabayad ka ng maraming higit pa kaysa sa na, marahil ito ay hindi na katumbas ng halaga 64 00:03:48,710 --> 00:03:52,440 dahil, pagkatapos ng lahat, ang mga website ay hindi gumawa ng anumang bagay na may pangalan na domain. 65 00:03:52,440 --> 00:03:58,270 Sila lamang ibigay ito sa iyo, at kaya kung maaari kang makakuha ng ito para sa murang, bakit hindi? 66 00:03:58,270 --> 00:04:02,540 >> Ang iba pang mga bagay ay sa sandaling mayroon ka sa iyong domain name, at pagkatapos ay marahil ay gusto mo upang 67 00:04:02,540 --> 00:04:08,610 pumunta sa alinman sa Godaddy.com o kahit saan mo binili ang iyong domain name 68 00:04:08,610 --> 00:04:11,220 at itakda ang mga server ng pangalan para sa na pangalan ng domain. 69 00:04:11,220 --> 00:04:15,560 Ano na ang ibig sabihin ay sa sandaling ang isang gumagamit ay napupunta sa www.howstuffworks.com, 70 00:04:15,560 --> 00:04:20,839 mga pangalan ng server IP address ay ang IP address na gusto nila magagawang tumingin hanggang. 71 00:04:20,839 --> 00:04:24,680 Gusto nila magagawang ma-access ang iyong website sa pamamagitan ng mga server ng pangalan. 72 00:04:24,680 --> 00:04:26,830 Kung mag-apply ka para sa pag-host sa isang lugar 73 00:04:26,830 --> 00:04:31,210 pagkatapos ang iyong host ay pinaka-malamang na magbigay sa iyo ang mga server ng pangalan upang gamitin. 74 00:04:31,210 --> 00:04:34,210 >> At sa wakas, may ito bagay na tinatawag na isang WHOIS. 75 00:04:34,210 --> 00:04:38,890 Ang isang WHOIS database ay isang database na kung saan maaari mong input ng isang domain name 76 00:04:38,890 --> 00:04:44,170 at ito ay sabihin ang lahat ng ilang impormasyon tungkol sa may-ari ng site na iyon at iba pang impormasyon ng contact. 77 00:04:44,170 --> 00:04:49,080 Ngayon, maaari mong sabihing, "Hindi ko talagang gusto ang aking home address o Hindi ko talagang gusto ang aking email address 78 00:04:49,080 --> 00:04:54,010 sa website para sa kahit sino upang makita o sa Internet para makita ng lahat. " 79 00:04:54,010 --> 00:04:57,740 Pagkatapos ay maaari mong gamitin ang isang bagay na may maraming mga serbisyong pag-host magbigay - 80 00:04:57,740 --> 00:04:59,740 tulad ng isang WHOIS manager. 81 00:04:59,740 --> 00:05:03,550 Ang isang WHOIS manager ay lamang ng isa pang serbisyo na may maraming ng mga ito na magbigay ng 82 00:05:03,550 --> 00:05:07,700 Itinatago ang layo na impormasyon at inilalagay lang sa kung sino ang manager para sa pangalan ng - 83 00:05:07,700 --> 00:05:13,070 para sa address na ito ay karaniwan lamang na pangalan ng kumpanya na ibinigay mo ang domain name - 84 00:05:13,070 --> 00:05:17,350 at kaya pagkatapos ang iyong personal na impormasyon ay hindi leaked sa Internet, 85 00:05:17,350 --> 00:05:19,350 na kung saan ay karaniwang medyo magandang. 86 00:05:19,350 --> 00:05:21,350 Ko ang aking sarili gamitin ang isa sa mga serbisyong ito. 87 00:05:21,350 --> 00:05:25,630 Kung hindi mo pakialam tungkol sa iyong sariling privacy pagkatapos ito ay hindi talagang mahalaga. 88 00:05:25,630 --> 00:05:32,490 >> Ang isang DNS server ay nakatayo para sa Domain Name System, at kung ano ito ay - 89 00:05:32,490 --> 00:05:36,560 ito ay uri ng tulad ng isang hash talahanayan sa isang lugar na nagsasabing, 90 00:05:36,560 --> 00:05:42,320  "Ito website address ay pagpunta upang i-map sa IP address." At iyon ang lahat ng mga ito ay. 91 00:05:42,320 --> 00:05:48,180 Kaya sabay-query mo ang DNS server, at pagkatapos ay maaari kang makakuha ng mga IP address 92 00:05:48,180 --> 00:05:51,930 para na kaukulang pangalan ng domain at pagkatapos ay bisitahin ang website na iyon. 93 00:05:51,930 --> 00:05:59,820 (Madla miyembro na humihiling ng isang katanungan - hindi marinig) 94 00:05:59,820 --> 00:06:07,910 Ang unang? Ang unang antas ng aktwal na ay karaniwang lamang ang iyong computer cache mismo. 95 00:06:07,910 --> 00:06:12,570 Ang iyong computer uri ng Naaalala ng huling beses na nagpunta ka sa www.google.com 96 00:06:12,570 --> 00:06:18,090 ito ay sa ito IP address, at pagkatapos ay pagkatapos ng saglit, cache na mawawalan ng bisa, 97 00:06:18,090 --> 00:06:23,560 at ito ay hilingin tulad ng Comcast DNS, 98 00:06:23,560 --> 00:06:26,400 "Uy, ano ang www.google.com?" 99 00:06:26,400 --> 00:06:31,040 Karaniwan, kapag bumili ka ng isang pangalan ng domain at kang magrehistro ng isa, at ka-set up ng isang website, 100 00:06:31,040 --> 00:06:35,670 hindi ka maaaring pumunta sa website na iyon agad na may pangalan na domain name dahil ang mga server 101 00:06:35,670 --> 00:06:40,180 sa buong mundo ay hindi alam ang tungkol sa iyong domain name pa. Mayroon itong i-populate. 102 00:06:40,180 --> 00:06:43,220 Ito ay karaniwang tumatagal ng tungkol sa 24-48 oras. 103 00:06:43,220 --> 00:06:48,460 Ayos lang. Kaya, na ang isang maliit na bit tungkol sa mga pangalan ng domain. Ang mga ito ay napaka-cool. 104 00:06:48,460 --> 00:06:51,540 Sa tingin ko dapat mong makakuha ng isa kung ikaw ay malubhang tungkol sa proyekto 105 00:06:51,540 --> 00:06:55,300 at kung gusto mo talagang gawin ang iyong mga proyekto na kilala sa buong campus, 106 00:06:55,300 --> 00:06:58,050 pagkakaroon ng isang domain name Ginagawang mukhang ito talaga professional. 107 00:06:58,050 --> 00:07:01,510 >> Pagkatapos, ang susunod na hakbang, siyempre, ay upang magkaroon ng ilang mga uri ng hosting. 108 00:07:01,510 --> 00:07:05,540 Kung kamakailan mo lamang i-host ito sa iyong computer, walang saysay na tao ay kailanman pagpunta sa magagawang upang pumunta sa mga ito. 109 00:07:05,540 --> 00:07:09,110 Posible mong set up ng isang server sa iyong computer at panatilihin ang iyong computer sa walang hanggan, 110 00:07:09,110 --> 00:07:11,160 ngunit na hindi inirerekomenda. 111 00:07:11,160 --> 00:07:14,000 Mayroong iba't ibang mga uri ng mga hosting online na magagamit. 112 00:07:14,000 --> 00:07:21,870 Mayroong mga ibinahagi hosting. Mayroong VPN (hindi maintindihan) na mga virtual host. 113 00:07:21,870 --> 00:07:23,870 Mayroong semi-dedikadong at nakatuon. 114 00:07:23,870 --> 00:07:29,030 Ng ang huling 3, VPN, semi-nakatuon na, at dedikadong ay karaniwang mas mahal. 115 00:07:29,030 --> 00:07:32,660 Karaniwang mga ito ay ginagamit para sa mga website na nangangailangan ng higit pang mga mapagkukunan. 116 00:07:32,660 --> 00:07:34,680 Kung lamang ikaw ay nagsisimula out sa isang website, 117 00:07:34,680 --> 00:07:40,670 maaaring ito lamang maging mas pangkabuhayan upang pumunta sa shared hosting. 118 00:07:40,670 --> 00:07:43,430 At kung ano ang ibinahagi paraan lamang ang isang bungkos ng mga website ay ang lahat ng sama-sama 119 00:07:43,430 --> 00:07:51,560 -uri-uriin ng sa isang server sa website na ito sa server na ito host, at maaari mong i-access ang iyong website 120 00:07:51,560 --> 00:07:53,660 sa pamamagitan ng pangalan ng domain. 121 00:07:53,660 --> 00:07:55,980 >> May ng maraming mga sikat na mga host out doon. 122 00:07:55,980 --> 00:08:01,160 HostGator at DreamHost - iyon ay napaka, napaka-malaki at napaka, napaka-tanyag 123 00:08:01,160 --> 00:08:03,160 at napaka, napaka-matagumpay. 124 00:08:03,160 --> 00:08:05,160 Ko personal na gamitin ang isa sa tinatawag na MDDHosting. 125 00:08:05,160 --> 00:08:08,240 Kung pupunta ka sa www.mddhosting.com, na ang aking host ng choice. 126 00:08:08,240 --> 00:08:10,240 Sa tingin ko ang mga ito ay napakabuti. 127 00:08:10,240 --> 00:08:14,550 Palaging sila nakapunta maaasahan, at Dati wala ako ng anumang mga problema sa mga ito. 128 00:08:14,550 --> 00:08:18,610 Mayroon din silang napaka mapagkumpitensya pricing. 129 00:08:18,610 --> 00:08:24,400 Two na gagawin ko hindi talaga tulad ng mga GoDaddy - iyon din ang isang napaka-tanyag na host, 130 00:08:24,400 --> 00:08:26,400 pero Nagkaroon na ako ng kahila-hilakbot na karanasan sa kanila, 131 00:08:26,400 --> 00:08:29,430 at ng maraming mga tao na alam ko ay nagkaroon talaga kahila-hilakbot na karanasan sa kanila. 132 00:08:29,430 --> 00:08:32,150 Sila uri ng pumunta pagkatapos ng mga tao na hindi alam kung ano ang kanilang ginagawa - 133 00:08:32,150 --> 00:08:34,150 siguro nagsasagawa ka ng isang website para sa unang pagkakataon, 134 00:08:34,150 --> 00:08:37,150 at kaya sila uri ng mga salungat ang mga ito sa pagbili ng kanilang hosting pakete. 135 00:08:37,150 --> 00:08:42,570 Huwag gawin ito. Huwag maniwala sa ito. Pumunta tumingin para sa iba pang mga hosting pakete na talagang angkop sa iyong mga pangangailangan. 136 00:08:42,570 --> 00:08:44,880 At ang iba pang isa ay may - na may mga libreng nagho-host out doon. 137 00:08:44,880 --> 00:08:47,350 May mga website na nagho-host ng iyong website para sa libreng - 138 00:08:47,350 --> 00:08:49,350 paminsan-minsan sa pamamagitan ng paglalagay ng isang ad sa iyong site, 139 00:08:49,350 --> 00:08:52,290 paminsan-minsan sa pamamagitan ng paggawa mo lumahok sa kanilang mga forum, 140 00:08:52,290 --> 00:08:54,340 pero minsan lang din ng libre. 141 00:08:54,340 --> 00:09:00,000 Subalit, mag-ingat na may libreng host dahil marami sa kanila ang talagang pumunta lamang out ng negosyo 142 00:09:00,000 --> 00:09:03,480 pagkatapos ng ilang buwan. Ikaw lamang ay hindi maaaring panatilihin up sa mga gastos. 143 00:09:03,480 --> 00:09:07,460 Iba pa lamang ang napaka hindi kapani-paniwala, at ang iyong site ay palaging magiging pababa, 144 00:09:07,460 --> 00:09:09,700 at hindi mo nais na mangyari. 145 00:09:09,700 --> 00:09:12,330 >> Ang bawat host ay mag-aalok ng kanilang sariling control panel. 146 00:09:12,330 --> 00:09:16,520 Pansinin na para sa iyong appliance, mayroong talaga ay hindi isang control panel per se. 147 00:09:16,520 --> 00:09:19,230 Mayroon kang upang gamitin ang terminal upang pumunta at i-edit ang mga file. 148 00:09:19,230 --> 00:09:21,230 Mayroon kang upang chmod mga bagay sa pamamagitan ng iyong sarili. 149 00:09:21,230 --> 00:09:24,770 Kung ginusto mong pumunta sa PHPMyAdmin, 150 00:09:24,770 --> 00:09:29,560 ikaw ay may upang pumunta sa @ localhost / phpmyadmin at mga bagay tulad na. 151 00:09:29,560 --> 00:09:36,660 Ngunit sa isang control panel maaari kang pumunta sa at i-edit ang mga file sa iyong server 152 00:09:36,660 --> 00:09:40,350 may Windows Explorer o isang tagahanap-uri application. 153 00:09:40,350 --> 00:09:44,810 O kaya, maaari kang pumunta sa pamamagitan ng at tumingin sa iyong mga database sa kanilang sariling mga tool 154 00:09:44,810 --> 00:09:47,280 sa halip ng PHPmyadmin. 155 00:09:47,280 --> 00:09:52,240 Kaya, mayroong isang pulutong ng mga pagpipilian dito, at ang ilan sa mga mas popular na mga panel kontrol ay up doon. 156 00:09:52,240 --> 00:09:54,240 Ngunit kung ikaw ay naghahanap para sa isang host, 157 00:09:54,240 --> 00:09:57,090 pagkatapos ay maaari mong upang tumingin sa kung ano ang mga uri ng mga pagpapasadya at mga pagpipilian 158 00:09:57,090 --> 00:10:02,810 Nag-aalok ang mga ito sa akin upang i-customize ang aking mga server at upang gumawa ng aking website mas mahusay na tumakbo. 159 00:10:02,810 --> 00:10:07,110 Kaya, pagkatapos ay maaari mong tanungin, "Well, paano ko pinili hosting?" 160 00:10:07,110 --> 00:10:11,460 Kung pumunta ka sa sa anumang website host mayroong maraming mga hindi maintindihang pag-uusap, at doon ay may maraming mga pagpipilian. 161 00:10:11,460 --> 00:10:14,470 May ng maraming iba't ibang mga presyo din. 162 00:10:14,470 --> 00:10:19,690 Karaniwan ko pumunta para sa mas murang mga bago dahil lang sa website na siguro sa iyo at ako gumawa - 163 00:10:19,690 --> 00:10:23,520 at lalo na sa ngayon, lalo na bilang starters - maaaring hindi nila kailangan ng maraming mga mapagkukunan 164 00:10:23,520 --> 00:10:26,770 kapangyarihan bilang isang website tulad ng Microsoft.com. 165 00:10:26,770 --> 00:10:32,090 >> Una nais mong tingnan ang operating system kung ikaw ay talagang mausisa kung 166 00:10:32,090 --> 00:10:35,090 ang iyong site ay pagpunta sa ay naka-host sa Linux, sa Windows, o sa Mac. 167 00:10:35,090 --> 00:10:39,790 Karaniwan naming pumunta lamang sa Linux dahil iyon ang karaniwang ang cheapest, 168 00:10:39,790 --> 00:10:43,730 at din ang isa na marahil ka guys ay mas pamilyar sa dahil sa mga appliance. 169 00:10:43,730 --> 00:10:48,040 At pagkatapos, siguro makikita nila maglagay ng ilang mga paghihigpit sa dami ng bandwidth na makuha mo - 170 00:10:48,040 --> 00:10:53,030 i kung gaano karaming mga megabytes o gigabytes ng data ng gumagamit ay maaaring i-download 171 00:10:53,030 --> 00:10:55,470 mula sa iyong website sa bawat buwan? O disk space. 172 00:10:55,470 --> 00:11:00,640 Magkano space mo makukuha? Ito ba ay 500 MB? Ito ba ay 2 GB? Ito ba ay unlimited? 173 00:11:00,640 --> 00:11:05,920 Ngayong mga araw na ito, ng maraming mga web server magbibigay sa iyo ng walang limitasyong puwang sa disk bilang isang paraan para sa mga ito 174 00:11:05,920 --> 00:11:08,560 upang ma-engganyo sa iyo upang makuha ang kanilang hosting pakete. 175 00:11:08,560 --> 00:11:11,850 Ngunit kung ikaw talaga sa tingin tungkol dito, kapag kayo kailanman pagpunta sa kailangan walang limitasyong puwang sa disk? 176 00:11:11,850 --> 00:11:18,060 Kung ikaw ay may isang pares ng mga file ng HTML, isang pares ng mga PHP, isang pares ng mga larawan - 177 00:11:18,060 --> 00:11:20,060 na lamang ng isang pares ng mga megabytes, at sa gayon 178 00:11:20,060 --> 00:11:23,110 Karaniwang ko lang pumunta para siguro ilang gigabytes 'na halaga ng espasyo, 179 00:11:23,110 --> 00:11:27,990 at na maaaring sapat na upang simulan off sa akin hanggang sa Kailangan ko nang higit pa. 180 00:11:27,990 --> 00:11:31,480 >> Sa wakas, maaari nilang ilagay ang mga paghihigpit sa kung anong uri ng - kung gaano karaming mga database maaari kang magkaroon ng. 181 00:11:31,480 --> 00:11:34,760 Marahil, maaari ka lamang magkaroon ng 1 database. Siguro maaari kang magkaroon ng 2. Siguro maaari kang magkaroon ng 10. 182 00:11:34,760 --> 00:11:38,330 Ay ito talagang mahalaga para sa iyo kung gaano karaming kang makakuha ng? 183 00:11:38,330 --> 00:11:40,330 Mga bagay na dapat itanong sa iyong sarili. 184 00:11:40,330 --> 00:11:42,330 At pagkatapos ay sa wakas, lamang ang mga bagay tulad ng mga wika. 185 00:11:42,330 --> 00:11:44,330 Huwag sila sinusuportahan ng PHP? Huwag sila sinusuportahan ng MySQL? 186 00:11:44,330 --> 00:11:49,010 Karamihan sa pagho-host ng website na sinusuportahan ang mga ito dahil ang mga ito ay libre. Ang mga ito ay open source. 187 00:11:49,010 --> 00:11:51,190 Hindi nito nagkakahalaga ng anumang bagay sa kanila upang magbigay ng mga ito para sa iyo. 188 00:11:51,190 --> 00:11:55,680 Ngunit kung nais mong gamitin, sabihin nating, Ruby o Python o ilan sa mga iba pang mga wika - 189 00:11:55,680 --> 00:11:59,490 maaaring hindi nila ito sinusuportahan sa kanilang server, kaya mahalaga ito upang tumingin para sa mga uri ng mga bagay. 190 00:11:59,490 --> 00:12:05,620 >> At sa wakas, huwag payagan sila sa iyo na gawin ang ilang mga mas advance na mga bagay tulad ng SSL o cron trabaho? 191 00:12:05,620 --> 00:12:12,060 SSL ay isang opsyon kung saan maaari mong gawin ang iyong website mas ligtas sa pamamagitan ng paggawa nito HTTPS 192 00:12:12,060 --> 00:12:14,060 at encrypt ang iyong koneksyon. 193 00:12:14,060 --> 00:12:17,230 At cron trabaho lamang ang siguro mga script na gusto mong patakbuhin ang 194 00:12:17,230 --> 00:12:19,510 bawat 5 minuto, sa bawat 10 minuto, bawat 15. 195 00:12:19,510 --> 00:12:22,030 Ang isang pulutong ng mga ibinahaging hosting website ang ilagay paghihigpit 196 00:12:22,030 --> 00:12:26,310 sa bilang ng mga trabaho ng cron na maaari mong patakbuhin dahil na tumatagal ng hanggang higit pang mga mapagkukunan. 197 00:12:26,310 --> 00:12:31,800 >> At sa wakas, lamang ang lahat ng iba pa na nais mo upang tumingin sa - tiyakin na eksakto kung ano ang nangyayari sa 198 00:12:31,800 --> 00:12:35,180 bago ka bumili ng iyong hosting package. 199 00:12:35,180 --> 00:12:37,720 At sa wakas, sa pagganap. Pagganap ay napakalaking. 200 00:12:37,720 --> 00:12:39,740 Paano mabilis ay ang aking website ng pagpunta sa tatakbo? 201 00:12:39,740 --> 00:12:42,950 Karamihan sa mga gumagamit ay hindi pagpunta sa maghintay para sa kahit na segundo para sa iyong website upang tumakbo 202 00:12:42,950 --> 00:12:47,640 bago lang nila makakuha ng nainis, at pumunta sila sa sa MeanBase at simulan ang pagtingin sa mga larawan 203 00:12:47,640 --> 00:12:52,240 ng cats - alam mo na ang mangyayari, at nais mong tiyakin na makakakuha ka na gumagamit sa board 204 00:12:52,240 --> 00:12:54,300 at na ikaw ay may mahusay na uptime na lamang ay nangangahulugan na 205 00:12:54,300 --> 00:12:56,300 ang iyong website ay pagpunta sa maging naa-access sa lahat ng oras. 206 00:12:56,300 --> 00:13:01,880 Ang isang pulutong ng mga host magkaroon ng ganap na hindi maayos uptime at na lamang ay nangangahulugan na ang iyong website ay hindi pagpunta sa maging 207 00:13:01,880 --> 00:13:06,500 naa-access, at hindi mo nais na mangyari dahil maaari kang maging malungkot. 208 00:13:06,500 --> 00:13:10,360 At maaari mo ring subaybayan ang pagganap ng iyong host sa mga website tulad ng 209 00:13:10,360 --> 00:13:16,440 Pingdom.com o Host-tracker.com, at sila lamang sabihin sa iyo kung gaano kadalas ang iyong site down. 210 00:13:16,440 --> 00:13:18,490 >> At sa wakas, gusto mong makakita ng tungkol sa kanilang suporta. 211 00:13:18,490 --> 00:13:21,890 Kung mayroon kang problema sila ay pagpunta sa tumugon sa iyo sa loob ng 24 oras? 212 00:13:21,890 --> 00:13:23,890 Sila ay pagpunta sa tumugon sa iyo sa loob ng 48 oras? 213 00:13:23,890 --> 00:13:26,500 Ang serbisyo sa hosting na ginagamit ko normal tumugon sa akin sa loob ng ilang minuto 214 00:13:26,500 --> 00:13:29,760 na kung saan ay talagang maganda. 215 00:13:29,760 --> 00:13:33,990 Whew! Ang lahat ng mga karapatan! Ito ay oras para sa isang bakasyon. Ngunit hindi ako pagpunta sa ibigay ito sa iyo. 216 00:13:33,990 --> 00:13:38,200 Susubukan naming lamang tumingin sa mga larawan ng maganda cats bawat ngayon at pagkatapos. 217 00:13:38,200 --> 00:13:42,740 >> Ang isa pang tunay, tunay na sisikat ay cross-browser compatibility. 218 00:13:42,740 --> 00:13:45,890 Ano ang gagawin ko ibig sabihin sa pamamagitan ng cross-browser compatibility? 219 00:13:45,890 --> 00:13:50,970 Malaman mo, ngayong mga araw na ito ito ay hindi lamang sa Microsoft Internet Explorer. 220 00:13:50,970 --> 00:13:53,970 Ito ay hindi lamang ang Mozilla Firefox o Safari. 221 00:13:53,970 --> 00:13:58,190 Ngayon kami ay may Chrome. Mayroon kaming Opera. Mayroon kaming Dolphin. Mayroon kaming Camino. 222 00:13:58,190 --> 00:14:00,540 Mayroon kaming manlulupig. Mayroon kaming lahat ng mga iba't ibang mga browser. 223 00:14:00,540 --> 00:14:05,950 Mga bagay na dumarating ang out ngayon - RockMelt - kahit na iyon ay lahat batay sa Chromium. 224 00:14:05,950 --> 00:14:10,990 Subalit ang katotohanan ng bagay ay, doon ay hindi lamang isang browser na ngayon. 225 00:14:10,990 --> 00:14:13,860 Hindi ka lamang tinitingnan ang mga webpage na may isang application. 226 00:14:13,860 --> 00:14:17,660 At kaya, iba't ibang mga browser ay tutugon sa iba't ibang HTML, iba't ibang CSS, at 227 00:14:17,660 --> 00:14:21,210 ibang JavaScript naiiba, at paano mo haharapin ang mga iyon? 228 00:14:21,210 --> 00:14:24,370 Well, sa ilang mga kaso, mo ba talagang hindi puwede. 229 00:14:24,370 --> 00:14:29,160 Ang iyong website - kung ito ay gumagana sa isang browser, ang code na iyong sinulat ay hindi gagana 230 00:14:29,290 --> 00:14:32,910 sa ibang browser, at ito ay ang iyong trabaho upang matiyak na ang code na sinulat mo 231 00:14:32,910 --> 00:14:36,000 ay pandaigdigan, na ito ay gumagana sa lahat ng dako. 232 00:14:36,000 --> 00:14:38,000 Kaya, ito ay talagang mapanganib. 233 00:14:38,000 --> 00:14:42,450 Kung sinasabi mo, "Well, ito ay gumagana sa aking computer. Magaling! Natin umusad." 234 00:14:42,450 --> 00:14:46,040 Well, marahil ito ay hindi pagpunta sa gumana sa minahan, at kapag ako pumunta sa iyong website 235 00:14:46,040 --> 00:14:49,210 Pupunta ako upang maging napaka-malungkot, at ako pagpunta sa umalis kaagad. 236 00:14:49,210 --> 00:14:51,570 Kaya, sabihin makita kung paano maaari mong maiwasan na ito. 237 00:14:51,570 --> 00:14:55,520 >> Ang unang bagay na, siyempre, ay upang gumamit lamang ng karaniwang HTML, CSS, at JavaScript. 238 00:14:55,520 --> 00:14:57,520 Ano ang gagawin ko ibig sabihin sa pamamagitan ng na? 239 00:14:57,520 --> 00:15:00,180 Well, may mga ng maraming mga hindi karaniwang bagay out doon. 240 00:15:00,180 --> 00:15:03,490 Halimbawa, sa CSS mayroong maraming mga bersyon. 241 00:15:03,490 --> 00:15:10,830 Kung nakakita ka ng anumang mga panuntunan CSS may-moz-o-webkit-, mga panuntunan sa mga partikular na 242 00:15:10,830 --> 00:15:15,720 sa parehong pahina ng Mozilla browser at ang Webkit browser, 243 00:15:15,720 --> 00:15:20,590 at kaya nais mong tiyakin na siguro ay gusto mong iwasan ang mga bagay 244 00:15:20,590 --> 00:15:25,150 dahil kung iyong ginagamit-moz-na panuntunan ay lamang ng pagpunta sa gumana sa Firefox. 245 00:15:25,150 --> 00:15:29,640 At kung gusto mo talagang ito upang tumingin magandang sa Internet Explorer din, 246 00:15:29,640 --> 00:15:31,640 ka pagpunta sa maging out ka sana. 247 00:15:31,640 --> 00:15:37,910 Para sa mga HTML na rin, maaari mong gawin ang mga bagay sa HTML na gawa na sa isang browser 248 00:15:37,910 --> 00:15:41,830 pero na break sa isa pa, at gusto mong iwasan na hangga't maaari. 249 00:15:41,830 --> 00:15:44,830 At sa wakas para sa JavaScript kahit na - mayroong maraming mga bersyon ng JavaScript, 250 00:15:44,830 --> 00:15:50,570 at ito tag-init namin ang bumangga sa isang problema kung saan Document.getElementsByClassName-- 251 00:15:50,570 --> 00:15:54,500 na kung saan ay karaniwang isang function na tinukoy bilang isang bahagi ng JavaScript standard - 252 00:15:54,500 --> 00:15:58,120 ay hindi hanapin sa Internet Explorer 8. 253 00:15:58,120 --> 00:16:01,900 Kaya, sa ibabaw ng tag-init ako ay nagtatrabaho sa isang lab na ito at kami ay pagbuo ng mga online na mga eksperimento. 254 00:16:01,900 --> 00:16:06,210 At naisip namin na ito ay talagang gumagana na rin hanggang sa aming natanto na ang mga gumagamit ay gumagamit ng 255 00:16:06,210 --> 00:16:09,780 Internet Explorer 8 ay hindi isumite ang kanilang mga resulta. 256 00:16:09,780 --> 00:16:13,200 Kami ay nawawala out sa ng maraming data. Na ginawa sa amin talagang malungkot. 257 00:16:13,200 --> 00:16:17,790 Kaya, palagi kang gusto mong tiyakin na ang iyong script ay pagpunta upang gumana sa lahat ng dako. 258 00:16:17,790 --> 00:16:20,500 >> At sa wakas, gamitin validator.w3.org 259 00:16:20,500 --> 00:16:22,770 na kung saan ay kung ano ang sabihin namin sa iyo na gawin sa pset 7. 260 00:16:22,770 --> 00:16:24,530 Tiyakin na ang iyong mga pahina ay napatunayan na. 261 00:16:24,530 --> 00:16:28,310 Iyan ay mahalaga dahil sa na hindi bababa sa ay isang unang hakbang tseke katinuan. 262 00:16:28,310 --> 00:16:31,870 Ay ang aking aktwal na code pamantayan sang-ayon? 263 00:16:34,930 --> 00:16:39,320 Ang isa pang paraan upang ayusin ng tulong gumawa ka ba na ang iyong site ay pagpunta sa gumana 264 00:16:39,320 --> 00:16:42,610 sa ilalim ng karamihan sa pangyayari ay upang siguro gamitin ang ilang mga aklatan at mga Framework 265 00:16:42,610 --> 00:16:46,210 dahil ang mga tunay na matalino sa mga developer na naisip tungkol sa mga isyung ito para sa iyo. 266 00:16:46,210 --> 00:16:49,850 Sila na nawala sa pamamagitan ng at na kanilang nakasulat na iba't ibang mga pag-andar na magtrabaho sa buong mga browser. 267 00:16:49,850 --> 00:16:53,560 Halimbawa, ginagamit namin jQuery sa Pset 7. 268 00:16:53,560 --> 00:16:58,030 Kahit na maaaring hindi mo pa nakita ito, jQuery ay nagbibigay ng maraming mga function 269 00:16:58,030 --> 00:17:00,280 na kung hindi man ay magkakaroon ka ng na magsulat sa iyong sarili. 270 00:17:00,280 --> 00:17:05,310 Ngunit ang mga developer ay nagsulat nito, at sila ay ginawa siguraduhin na ito ay gumagana sa lahat ng mga browser. 271 00:17:05,310 --> 00:17:10,280 At Bootstrap - na kung saan ay isa pang CSS framework na namin ipinakita sa iyo sa Pset 7 - 272 00:17:10,280 --> 00:17:17,000 ito talagang tumatagal ang layo ng maraming mga ulo sa pagdidisenyo ng mga website na mukhang mahusay. 273 00:17:17,000 --> 00:17:19,000 sa lahat ng mga browser. 274 00:17:19,000 --> 00:17:23,660 >> At sa wakas, kung maaari mong maiwasan ang mga ito, ako ay karaniwang maiwasan ang coding mula sa scratch. 275 00:17:23,660 --> 00:17:28,079 Kung lamang lumilikha ka ng isang website para sa iyong paaralan club, halimbawa, 276 00:17:28,079 --> 00:17:33,920 at ang lahat ng kailangan mong gawin ay upang ipakita ang ilang mga pahina at marahil ang iyong mga presidente pumunta sa 277 00:17:33,920 --> 00:17:38,910 at baguhin ang ilang mga bagay dito at doon - mayroon ba talagang hindi na kinakailangang code na up ang iyong sarili. 278 00:17:38,910 --> 00:17:40,910 Iyon ay tumatagal ng maraming ng iyong oras. 279 00:17:40,910 --> 00:17:42,660 Tatagal ng maraming ng iyong enerhiya, at ikaw ay may upang pumunta sa pamamagitan ng at ikaw ay may upang malaman, 280 00:17:42,660 --> 00:17:45,930 na rin, ito ay pagpunta upang tumingin magandang sa browser na ito, ito ay pagpunta upang tumingin magandang sa browser na ito. 281 00:17:45,930 --> 00:17:50,610 Siguro gamitin ang ilan sa mga patch na iba pa nakasulat na para sa iyo, tulad ng 282 00:17:50,610 --> 00:17:52,610 WordPress o Joomla o Drupal. 283 00:17:52,610 --> 00:17:59,400 Ang mga ito ay tinatawag na nilalaman - ito ay tinatawag na CMSs saan talaga lamang ang mga pakete na 284 00:17:59,400 --> 00:18:03,020 na dumating tapos na para sa iyo, at maaari mong i-download ang mga ito, ilagay ang mga ito papunta sa iyong server, 285 00:18:03,020 --> 00:18:07,510 at i-customize ang mga ito gayunpaman gusto mo, at ikaw ay mayroon ng isang website tumatakbo. 286 00:18:07,510 --> 00:18:11,680 Yaong code pakete ay isang bagay upang tumingin sa sa. 287 00:18:11,680 --> 00:18:15,400 Mga bagay na ito ay open source maliban kung pumunta ka para sa isang bagay tulad ng - 288 00:18:15,400 --> 00:18:19,390 kung naghahanap ka para sa isang pakete na anyo, may mga bagay na hindi libre tulad ng 289 00:18:19,390 --> 00:18:21,570 VBulletin o IP.Board. 290 00:18:21,570 --> 00:18:23,790 Kung hindi mo kailangan ang ilan sa mga advanced na mga tampok, 291 00:18:23,790 --> 00:18:27,530 maaari mong laging opt para sa libreng opsyon. 292 00:18:27,530 --> 00:18:31,300 >> At sa wakas, walang pag-iwas nito. 293 00:18:31,300 --> 00:18:33,300 Dapat mong subukan, pagsubok, test. 294 00:18:33,300 --> 00:18:37,690 Dapat mong subukan ang iyong code sa lahat ng mga browser na ito at sa lahat ng mga platform. 295 00:18:37,690 --> 00:18:44,110 At alam mo, IE6 - salamat sa diyos mga tao Sinimulan na gumagalaw ang layo mula sa IE6 296 00:18:44,110 --> 00:18:49,190 dahil pabalik sa araw, siguro ilang taon na ang nakalipas, mga web developer ay nagkaroon upang palagi, lagi, 297 00:18:49,190 --> 00:18:55,280 laging manunulsol sa IE6 ni kahinaan sa pagsunod sa mga pamantayan. 298 00:18:55,280 --> 00:19:00,860 Mga website lamang ay tumingin uri ng 1990 para sa kakulangan ng isang mas mahusay na paraan upang harapin ito. 299 00:19:00,860 --> 00:19:04,380 Maaari mo ring gamitin mga screenshot browser upang suriin ang iyong CSS. 300 00:19:04,380 --> 00:19:08,100 Isa talagang cool na website ay browserlab.adobe.com. 301 00:19:08,100 --> 00:19:11,070 Ito ay isang komplimentaryong serbisyo na ilabas sa pamamagitan ng Adobe. 302 00:19:11,070 --> 00:19:15,160 At kung ano ang ginagawa nila ay maaari silang gumawa ng mga screenshot ng iyong website 303 00:19:15,160 --> 00:19:18,890 tumatakbo sa ilalim ng iba't ibang mga kondisyon - tulad ng pagtakbo sa ilalim ng iba't ibang mga browser, 304 00:19:18,890 --> 00:19:22,660 tumatakbo sa ilalim ng iba't ibang mga platform - at ipakita sa iyo kung ano ang hitsura nila tulad ng. 305 00:19:22,660 --> 00:19:33,260 Lamang upang ipakita sa iyo kung ano ang ibig sabihin ko dito, nilikha ko ang isang website noong nakaraang taon na tinatawag na Life Sa Harvard, 306 00:19:33,260 --> 00:19:39,150 at kung ano ang Sinubukan kong gawin - Sinubukan kong gumawa ng mas mahusay na my.harvard. 307 00:19:39,150 --> 00:19:43,840 Dahil kung ikaw ay dito nakaraang taon, my.harvard ay hindi kamukha ng tinitingnan nito ngayon. 308 00:19:43,840 --> 00:19:46,640 Tila uri ng karumal-dumal. 309 00:19:46,640 --> 00:19:50,470 Ngunit ngayon ito hitsura ng maraming mas mahusay. 310 00:19:50,470 --> 00:19:57,070 Aking pagpapatupad noon ay hindi na kapaki-pakinabang na ngayon, ngunit ang lahat ng mga parehong, 311 00:19:57,070 --> 00:20:01,310 alam mo, Sinubukan kong upang magdagdag - (hindi maintindihan) marami anumang - 312 00:20:01,310 --> 00:20:04,680 at tinitingnan nito - ito hitsura napakabuti sa aking computer. 313 00:20:04,680 --> 00:20:08,560 At pagkatapos, siguro kung gusto ko ay nagkaroon ng karagdagang panahon Gusto ko pa nawala sa browser upang lab, 314 00:20:08,560 --> 00:20:13,020 at gusto ko pa tumingin sa, na rin, paano ito tumingin sa 18 Chrome sa Windows. 315 00:20:13,020 --> 00:20:17,060 Gusto ko mag-scroll pababa at gusto kong makita - oh hindi! Tumingin sa kahon anunsyo. 316 00:20:17,060 --> 00:20:20,200 Aking teksto ay umaapaw. Kaya, na masama, tama? 317 00:20:20,200 --> 00:20:23,700 Kung ang isang gumagamit ay gumagamit ng Chrome sa Windows at pagdating sa aking website, 318 00:20:23,700 --> 00:20:26,730 na agad na mukhang napaka-labag sa budhi ng propesyon. 319 00:20:26,730 --> 00:20:30,760 Kaya, dapat ako magpunta sa aking CSS at malaman kung ano ang bahagi ng aking CSS ay pagsira dito. 320 00:20:30,760 --> 00:20:35,090 Bakit hindi ito nagpapakita nang tama at ayusin ito upang ang lahat ng mga gumagamit ay maaaring makita ang parehong website 321 00:20:35,090 --> 00:20:37,770 at maging tulad ng masaya. 322 00:20:37,770 --> 00:20:44,280 >> At sa wakas, mahusay, browser screenshot ay maganda para sa pagsubok ng iyong CSS, 323 00:20:44,280 --> 00:20:46,020 ngunit kung ano ang tungkol sa iyong JavaScript? 324 00:20:46,020 --> 00:20:48,660 Paano ang tungkol sa kung mayroon kang ilang mga kumplikadong mga script na tumatakbo? 325 00:20:48,660 --> 00:20:50,460 Well, maaari mong laging gawin virtualization. 326 00:20:50,460 --> 00:20:56,360 Kung ikaw ay may isang Mac maaari mong gamitin Bootcamp o VMWare sa virtualize siguro ng kopya ng 327 00:20:56,360 --> 00:20:59,540 Windows at ang paggamit ng Internet Explorer doon. 328 00:20:59,540 --> 00:21:03,400 O kaya, maaari kang pumunta sa sa isang bagay tulad ng Spoon.net, na sa kasamaang-palad ay gagana lamang sa mga PC. 329 00:21:03,400 --> 00:21:05,290 Ngunit kung ano ang ginagawa nila ay napaka-cool. 330 00:21:05,290 --> 00:21:10,080 Virtualize Sila software para sa iyo upang maaari mong patakbuhin ang iba't ibang mga bersyon ng IE, halimbawa. 331 00:21:10,080 --> 00:21:12,080 Maaari kang magpatakbo ng iba't ibang mga bersyon ng Firefox. 332 00:21:12,080 --> 00:21:15,720 Maaari kang magpatakbo ng iba't ibang mga bersyon ng Safari at subukan ang lahat ng iyong mga website doon. 333 00:21:15,720 --> 00:21:18,360 Sa kasamaang palad, ang mga ito ay hindi libre. 334 00:21:18,360 --> 00:21:20,860 Iyon ay isang bayad na serbisyo, kaya't palagi uri ng mga ito - 335 00:21:20,860 --> 00:21:26,070 mayroong palaging uri ng mga ito kalakalan sa pagitan ng off, mahusay, ako pagpunta sa gumawa ng aking website hitsura mabuti. 336 00:21:26,070 --> 00:21:31,970 Kung gayon, maaari ba akong magkaroon upang magbayad para sa ilang mga serbisyo upang makatulong na gawin sa akin iyon. 337 00:21:31,970 --> 00:21:35,890 Ang anumang mga katanungan sa puntong ito tungkol sa anumang bagay na usapan natin ang tungkol sa? 338 00:21:38,500 --> 00:21:41,210 Kahanga-hanga. Okay. 339 00:21:41,210 --> 00:21:43,870 >> Ngayon kami ay may higit pang mga bagay na pag-uusapan. 340 00:21:43,870 --> 00:21:45,820 Paano ang tungkol sa mga error? 341 00:21:45,820 --> 00:21:48,670 Paano mo matiyak na ang iyong website ay pagpunta upang gumana kahit na kapag 342 00:21:48,670 --> 00:21:50,150 isang bagay masamang mangyayari? 343 00:21:50,150 --> 00:21:53,940 Siguro hindi mo na magkaroon ng isang pahina na may pangalang food.php. 344 00:21:53,940 --> 00:21:57,000 Ngunit sa akin, pumunta ako sa iyong website at subukan ko upang ma-access food.php. 345 00:21:57,000 --> 00:22:00,770 Ikaw ba ay lamang ng pagpunta sa ipakita sa akin na puting pahina na nagsasabing 404 - Hindi nahanap ang file? 346 00:22:00,770 --> 00:22:04,400 O kaya ay mo pagpunta sa sabihin, "Well, Sorry na hindi ko mahanap ito para sa iyo, 347 00:22:04,400 --> 00:22:08,520 ngunit marahil ay narito ang ilang iba pang mga mapagkukunan upang matulungan kang maghanap para sa kung ano ang kailangan mo. " 348 00:22:08,520 --> 00:22:13,180 Iba pang mga error - sa gayon, ito ay tinatawag na mga HTTP error na lamang ang ilang mga error codes 349 00:22:13,180 --> 00:22:17,130 na ang iyong server ay maaaring ibinabalik sa browser sa kaso ng isang bagay masamang mangyari. 350 00:22:17,130 --> 00:22:20,160 400 - Bad Request. 401 - Hindi awtorisadong. 351 00:22:20,160 --> 00:22:25,560 403 ay ang uri ng mga karaniwang kapag mayroon kang isang direktoryo na hindi dapat na ma-access 352 00:22:25,560 --> 00:22:27,310 sa pamamagitan ng mga gumagamit, ngunit ang user Sinusubukang pa rin. 353 00:22:27,310 --> 00:22:30,840 At 500 - Internal Server Error - na karaniwang mangyayari kapag mayroon kang isang bagay 354 00:22:30,840 --> 00:22:33,070 ganap na hindi maayos ng pagpunta sa gamit ang iyong PHP code. 355 00:22:33,070 --> 00:22:36,140 Ngunit sa anumang kaso, ang mga uri ng mga browser - ang mga uri ng mga error huwag mangyari. 356 00:22:36,140 --> 00:22:40,550 >> Kaya, paano gumawa ka ba na ikaw maganda pangasiwaan ang mga error 357 00:22:40,550 --> 00:22:43,230 at tiyakin na ang gumagamit ay hindi lamang ang uri ng nakabitin doon? 358 00:22:46,850 --> 00:22:48,850 Narito pagdating. Htaccess. 359 00:22:48,850 --> 00:22:51,300 Ngayon,. Htaccess ay isang bagay na gumagana sa Apache server, 360 00:22:51,300 --> 00:22:55,550 isang bagay na gumagana at gumagana sa ilang iba pang mga server pati na rin. 361 00:22:55,550 --> 00:23:01,350 Ito ay lamang ng isang paraan para sa iyo upang i-configure ang iyong server tulad na 362 00:23:01,350 --> 00:23:04,470 maaari kang gumawa gawin ito anumang nais mo itong gawin. 363 00:23:04,470 --> 00:23:06,790 Ang ilang mga bagay na maaari mong gawin. Maaari mong kontrolin ang iyong mga setting ng cache. 364 00:23:06,790 --> 00:23:11,290 Siguro mayroong isang tiyak na pahina sa iyong website na gumawa ka ba na ang user 365 00:23:11,290 --> 00:23:14,740 i-download muli sa tuwing ang gumagamit ng pagdating at bumisita sa iyong website. 366 00:23:14,740 --> 00:23:26,980 O siguro ay mayroon kang ilang mga URL na tulad ng yoursite.com / test / html / pages / hello.html 367 00:23:26,980 --> 00:23:31,270 at gusto mo lamang na maging yourname.com / kumusta -. rin, maaari mong gamitin ang htaccess 368 00:23:31,270 --> 00:23:34,760 i-redirect ang webpage isa sa isa pa. 369 00:23:34,760 --> 00:23:36,600 Maaari mo ring gamitin ito upang gawin ang pagpapatotoo. 370 00:23:36,600 --> 00:23:39,890 Marahil, mayroong ilang mga bahagi ng iyong website na kailangan mong gumamit ng ibang password. 371 00:23:39,890 --> 00:23:42,620 Maaari mong harangan ang ilang mga IP address, i-block ang tiyak na mga domain. 372 00:23:42,620 --> 00:23:46,770 Siguro mo lamang talagang hindi gusto Harvard mag-aaral gamit ang iyong website. 373 00:23:46,770 --> 00:23:49,910 Well, mayroon kang pagpipilian ng pag-block sa lahat ng mga IP address Harvard. 374 00:23:49,910 --> 00:23:56,370 >> Sa wakas, maaari mong ituring ang mga bagay - maaari kang sumulat ng ilang mga code upang gawin ang iyong server 375 00:23:56,370 --> 00:24:03,100 tratuhin tulad ng. Zhao o. iyong pangalan o. kumusta mga pahina ng PHP code. 376 00:24:03,100 --> 00:24:05,170 Siguro makikita na maging kapaki-pakinabang. Siguro na hindi magiging. 377 00:24:05,170 --> 00:24:07,980 At sa wakas, maaari mo itong gamitin upang mahawakan ang mga tugon error. 378 00:24:07,980 --> 00:24:10,300 Ano ang gagawin ko ibig sabihin sa pamamagitan ng na? 379 00:24:10,300 --> 00:24:16,030 Kung gumagamit ka lang magdagdag ng code na tulad nito - ErrorDocument 404 at pagkatapos ay ituro ang mga ito sa ilang mga 380 00:24:16,030 --> 00:24:20,440 pahina ng error, maaari mong tiyakin na ang gumagamit ay hindi lamang makita ang tunay, tunay pangit 381 00:24:20,440 --> 00:24:23,550 404 at ipakita ang mga ito ng isang bagay na maganda. 382 00:24:23,550 --> 00:24:29,000 >> Sabihin talagang tumingin sa kung paano namin maaaring gawin iyon gamit ang iyong Pset 7. 383 00:24:29,000 --> 00:24:34,190 Narito, ako sa aking appliance. 384 00:24:34,190 --> 00:24:38,440 Pupunta ako upang buksan ang Chrome, at pagkatapos ay ako pagpunta sa subukan upang ma-access ang isang pahina 385 00:24:38,440 --> 00:24:43,350 na hindi umiiral sa CS50 Finance. 386 00:24:43,350 --> 00:24:52,710 Kaya, mga lokal na host - cats.php--kaya, mapapansin na aking nilikha ng error dokumento 387 00:24:52,710 --> 00:24:54,770 na nagsasabing, "Canz hindi mahanap z pahina!!" 388 00:24:54,770 --> 00:24:56,990 Ito ay isang napaka-malungkot na pusa dito. 389 00:24:56,990 --> 00:24:59,910 Kung pumunta ka sa Twitter, kung pumunta ka sa alinman sa mga iba pang mga site, 390 00:24:59,910 --> 00:25:02,700 hindi mo mahanap ang isang pahina, sila ay karaniwang subukan upang ipakita sa iyo ng isang maganda larawan 391 00:25:02,700 --> 00:25:04,850 nang sa gayon ay hindi ka masyadong bigo. 392 00:25:04,850 --> 00:25:07,830 Maaari mo ring magkaroon ng isang bagay na mas propesyonal na nagsasabing, 393 00:25:07,830 --> 00:25:11,760 well, Ikinalulungkot kong hindi ko mahanap ang pahina, ngunit marahil ay narito ang isang kahon sa paghahanap. 394 00:25:11,760 --> 00:25:16,750 O siguro ay narito ang ilang mga link na makakatulong sa iyong mahanap ang link na gusto mo. 395 00:25:16,750 --> 00:25:21,410 Kaya, paano ang gagawin ko ito? Paano ito kahit posible? 396 00:25:21,410 --> 00:25:23,500 Kung pumunta kami sa aming mga terminal dito - 397 00:25:23,500 --> 00:25:26,300 Lamang ako ng pagpunta sa mag-zoom in ng kaunti - 398 00:25:26,300 --> 00:25:30,110 mapansin na mayroon akong isang bagong pahina. 399 00:25:30,110 --> 00:25:34,440 Sa loob ng aking HTML direktoryo ang tawag dito - hindi mo maaaring makita ito - 400 00:25:34,440 --> 00:25:37,280 ang tawag dito error.php. 401 00:25:37,280 --> 00:25:41,010 At error.php lamang ang isang file na aking ginawa 402 00:25:41,010 --> 00:25:43,030 na nagpapakita sa iyo ang pahinang iyon mismo. 403 00:25:43,030 --> 00:25:46,710 Ang maaari kong ipakita sa iyo kung ano error.php ay. 404 00:25:46,710 --> 00:25:48,710 Ito ay eksakto ang pahinang ito. 405 00:25:48,710 --> 00:25:50,710 Sinasabi nito, "Ay naku! Canz hindi mahanap z pahina!!" 406 00:25:50,710 --> 00:25:58,630 At, kung gusto mong makita - kaya, mapapansin na ang htaccess uri ng ay isang kakatwang pangalan.. 407 00:25:58,630 --> 00:26:01,040 Ito ay nagsisimula sa isang tuldok na nangangahulugan na ito ay isang file system. 408 00:26:01,040 --> 00:26:03,360 Ito ay isang nakatagong file na kung saan ay hindi normal na ipinapakita. 409 00:26:03,360 --> 00:26:09,060 Kung gagawin mo ls-a, maaari mong makita ang lahat ng mga nakatagong file sa isang tiyak na direktoryo, 410 00:26:09,060 --> 00:26:12,030 at sa katunayan, makikita mo. htaccess ay isa sa mga ito. 411 00:26:12,030 --> 00:26:15,490 Sabihin sige at buksan htaccess. - 412 00:26:15,490 --> 00:26:19,830 may gedit - 413 00:26:19,830 --> 00:26:26,870 Boom! Ang lahat ng mayroon ako ay isa sa mga linya doon - Error dokumento para sa 404 na mga error 414 00:26:26,870 --> 00:26:28,760 na kung saan ay kilala rin bilang mga file-hindi-found error. 415 00:26:28,760 --> 00:26:32,720 Sabihin redirect ang mga ito sa isang bagay na tinatawag na error.php. 416 00:26:36,100 --> 00:26:42,030 Maaari kang magkaroon ng masaya mga bagay tulad ng canz hindi mahanap z pahina!! 417 00:26:42,030 --> 00:26:46,770 At mayroon ding mga napaka-cool na bagay na maaari mong gawin sa. Htaccess. 418 00:26:46,770 --> 00:26:49,520 Kung nais mong makita ang higit pa. Htaccess magic, 419 00:26:49,520 --> 00:26:56,470 ito ay isang napaka-cool na website upang pumunta sa - ito ay tinatawag na javascriptkit.com/howto/htaccess.shtml-- 420 00:26:56,470 --> 00:27:01,880 kung nais mong magsagawa ng higit pang mga server magic. At maaaring ito ay masyadong masaya. 421 00:27:01,880 --> 00:27:05,490 >> Whew! Ang lahat ng mga karapatan! Higit pang mga larawan nakatutuwa. 422 00:27:05,490 --> 00:27:10,060 Ito ay isang tao paggawa ng push-ups, at ang kanyang cat ay sinusubukan upang makatulong. Sa tingin ko ay masyadong nakatutuwa. 423 00:27:10,060 --> 00:27:14,830 Sa kasamaang palad, hindi ko magkaroon ng pusa tulad na. 424 00:27:14,830 --> 00:27:17,640 Ayos lang. Kaya, kami uusapang tungkol sa. Htaccess. 425 00:27:17,640 --> 00:27:19,640 Aming uusapang tungkol sa error handling. 426 00:27:19,640 --> 00:27:20,940 Aming uusapang tungkol sa pagho-host, mga pangalan ng domain. 427 00:27:20,940 --> 00:27:23,230 Aming uusapang tungkol sa cross-browser compatibility. 428 00:27:23,230 --> 00:27:25,210 Ngayon paano namin matiyak na ang iyong website talagang gumaganap? 429 00:27:25,210 --> 00:27:26,950 Paano gumawa kami sigurado na kung ako pumunta sa iyong website 430 00:27:26,950 --> 00:27:29,830 Maaari ko bang makita ang iyong mga pahina sa loob ng ilang segundo? 431 00:27:29,830 --> 00:27:33,520 Isa sa mga bagay na sa tingin ko ang mga tao lamang ang uri ng nakalimutan ang tungkol sa 432 00:27:33,520 --> 00:27:36,160 ay imahe optimization. 433 00:27:36,160 --> 00:27:37,560 Sabihin natin na nais mong ilagay ang isang larawan sa iyong site 434 00:27:37,560 --> 00:27:40,330 at ito ay 2 MG malaki. 435 00:27:40,330 --> 00:27:42,670 Iyon ay maaaring maging fine para sa atin dahil kami sa Harvard, 436 00:27:42,670 --> 00:27:45,000 at kami ay may isang napakabilis na koneksyon sa Internet. 437 00:27:45,000 --> 00:27:47,470 Ngunit isipin na isang tao sa China. Isipin ng isang tao sa Indya. 438 00:27:47,470 --> 00:27:52,440 Isipin isang tao siguro sa rural Kansas sino siguro ay hindi magkakaroon ng parehong uri ng 439 00:27:52,440 --> 00:27:54,690 broadband Internet na mayroon kami. 440 00:27:54,690 --> 00:27:57,710 Kung mayroon kang isang imahe 2 MB sa iyong site at ang mga user ay sumusubok na i-access ito, 441 00:27:57,710 --> 00:28:00,890 ito ay pagpunta sa kumuha sa kanila ng isang talagang mahabang oras upang i-download. 442 00:28:00,890 --> 00:28:04,160 Kaya, kung hindi mo na kailangan na uri ng resolution, 443 00:28:04,160 --> 00:28:09,220 pagkatapos ay maaari mong baguhin ang laki ng iyong mga larawan na may isang bagay tulad ng Adobe Photo Shop. 444 00:28:09,220 --> 00:28:13,400 Mayroong karaniwang isang opsyon na tinatawag na ligtas para sa web at mga aparato, 445 00:28:13,400 --> 00:28:15,850 at kung ano ang ginagawa nito ay ito piraso out sa lahat ng mga hindi kailangang impormasyon 446 00:28:15,850 --> 00:28:20,160 at uri ng compacts ang iyong file sa isang maliit na sukat ng imahe sa gayon ay maaari mong 447 00:28:20,160 --> 00:28:22,960 ilagay ito sa iyong website, at sa sinumang gumagamit na sinusubukan upang i-download na pahina 448 00:28:22,960 --> 00:28:26,950 ay pagpunta upang i-download ang isang mas maliit na bersyon ng iyong imahe. 449 00:28:26,950 --> 00:28:28,230 Kung wala kang Adobe Photo Shop 450 00:28:28,230 --> 00:28:32,650 webresizer.com ay din isa pang mapagkukunan kung saan maaari kang maglagay ng iyong mga larawan 451 00:28:32,650 --> 00:28:36,470 at ito ay sabihin ang lahat ng eksaktong parehong imahe, 452 00:28:36,470 --> 00:28:39,970 ngunit ito ay magiging isang bagay tulad ng 3 beses na mas maliit. 453 00:28:39,970 --> 00:28:41,970 Kaya na ay masyadong kapaki-pakinabang para sa iyong mga user. 454 00:28:41,970 --> 00:28:45,930 >> Isa pang bagay na maaari mong gawin ay magpaliit code. 455 00:28:45,930 --> 00:28:48,460 Kung tumagal kami ng isang pagtingin sa Google.com, 456 00:28:48,460 --> 00:28:56,400 makikita mo na ito ay hindi-uri ng parehong HTML at CSS na aming ginamit upang. 457 00:28:56,400 --> 00:29:02,250 Lamang ng pagpunta sa tumingin sa source code dito. 458 00:29:02,250 --> 00:29:07,600 Kung ako lang mag-scroll pababa - a, na mukhang medyo karima-rimarim. 459 00:29:07,600 --> 00:29:09,650 Ito ay makakuha ng isang zero sa estilo. 460 00:29:09,650 --> 00:29:13,470 Kung naka-code na ito para sa iyong Pset, makakakuha ka ng zero sa iyong estilo. 461 00:29:13,470 --> 00:29:16,990 Ito ay walang mga puwang. Ang mga pangalan tumingin talaga misteriyoso. 462 00:29:16,990 --> 00:29:19,800 Lahat ng ito ay talagang Nakaiinis. 463 00:29:19,800 --> 00:29:24,060 At ang script upang isara sa katawan - ang pansarang tag na HTML - 464 00:29:24,060 --> 00:29:26,280 ang mga ito ay ang lahat ng sama-sama - lahat smushed magkasama. 465 00:29:26,280 --> 00:29:28,280 Bakit nila gawin ito? 466 00:29:28,280 --> 00:29:30,650 Sila minified kanilang mga code. 467 00:29:30,650 --> 00:29:33,310 Pansinin na ang dokumentong ito ay magiging ng maraming mas maliit 468 00:29:33,310 --> 00:29:36,660 para sa akin upang i-download sa isang bagay na may puting espasyo, 469 00:29:36,660 --> 00:29:39,410 kaysa sa isang bagay na may talagang mahaba ang pangalan ng variable. 470 00:29:39,410 --> 00:29:41,710 Kung magpaliit mo ang iyong code inalis mo ang lahat ng mga puting espasyo. 471 00:29:41,710 --> 00:29:45,960 Siyempre, ang iyong browser ay hindi mahalaga kung mayroon kang anumang mga puting espasyo sa iyong code. 472 00:29:45,960 --> 00:29:49,630 Inalis mo ito, ngayon ay maaari akong mag-download ng isang mas maliit na file - 473 00:29:49,630 --> 00:29:52,770 ngayon ang mga file - ang dokumento na aming pagpunta upang i-download ay may isang mas maliit na sukat ng file, 474 00:29:52,770 --> 00:29:56,180 ito ay magiging mas mabilis na para sa akin upang i-download, at na kapaki-pakinabang. 475 00:29:56,180 --> 00:30:01,550 Kung nagtatrabaho ka sa website at ikaw ay paglunsad ng isang website, 476 00:30:01,550 --> 00:30:04,630 ito ay halos palaging magandang upang magpaliit iyong code. 477 00:30:04,630 --> 00:30:08,150 Ang isa pang dahilan kung bakit maaari itong maging mabuti ay marahil hindi mo nais ang iba na gamitin ang iyong code. 478 00:30:08,150 --> 00:30:11,050 Siguro hindi mo nais ang iba na gamitin ang iyong CSS. 479 00:30:11,050 --> 00:30:13,460 Alam mo kung mo ba talagang nais na maging maramot na may, 480 00:30:13,460 --> 00:30:16,670 pagkatapos ay maaari mo ring magpaliit iyong code, at magiging mas mahirap para sa akin upang nakawin ito 481 00:30:16,670 --> 00:30:19,170 dahil wala akong mga ideya kung anong nangyayari sa. 482 00:30:19,170 --> 00:30:22,990 Maaari ka ring pumunta sa mga website tulad ng minify.avivo.si. 483 00:30:22,990 --> 00:30:27,900 Mga Serbisyo tulad nito online makatulong sa iyo na magpaliit iyong code sa gayon ay hindi mo na kailangang gawin ito sa pamamagitan ng kamay. 484 00:30:27,900 --> 00:30:30,080 Talagang huwag gawin ito sa pamamagitan ng kamay. 485 00:30:30,080 --> 00:30:32,210 >> Okay. Ngayon ay nagsasalita tungkol sa mga script. 486 00:30:32,210 --> 00:30:35,040 Siguro sa iyong PHP code mayroong isang bagay na hindi mo na kailangan na gawin. 487 00:30:35,040 --> 00:30:37,910 Siguro mayroong dagdag na mga loop sa doon. 488 00:30:37,910 --> 00:30:40,850 Usapan natin ang tungkol sa disenyo ng code sa CS50. 489 00:30:40,850 --> 00:30:44,550 Kahit na kung ikaw ay coding sa C kung mayroon kang - kung gumagawa ka ng dagdag na trabaho 490 00:30:44,550 --> 00:30:49,440 na hindi mo na kailangan na gawin, mahusay, na nangyayari na pabagalin ang iyong mga script sa iyong website, 491 00:30:49,440 --> 00:30:53,280 at ito ay lalong mahalaga para sa mga website dahil ang mga gumagamit ngayong mga araw na ito ay napaka walang tiyaga. 492 00:30:53,280 --> 00:30:56,110 Kung ginagawa mo ang mga hindi kinakailangang trabaho, ito ay pagpunta sa tumagal ang mga ito na 493 00:30:56,110 --> 00:31:00,080 upang makuha ang impormasyon na gusto nila, at sila ay pagpunta sa maging masyadong masaya. 494 00:31:00,080 --> 00:31:02,200 Panghuli, maaaring gusto mong i-optimize ang iyong mga talahanayan ng database. 495 00:31:02,200 --> 00:31:05,020 Alalahanin usapan natin ang tungkol sa ini-index. 496 00:31:05,020 --> 00:31:09,420 Ang mga ito ay hindi lamang mabuting para sa pagtiyak na mayroon kang isang hilera na natatangi. 497 00:31:09,420 --> 00:31:12,440 Ang mga ito ay din mabuti para sa pagtiyak na ang iyong database ay gumagana mabilis. 498 00:31:12,440 --> 00:31:16,240 Kung gusto mong basahin hanggang sa na go sa dokumentasyon MySQL, 499 00:31:16,240 --> 00:31:18,710 o maaari kang tumingin sa - na rin, paano ko i-optimize ang aking database talahanayan? 500 00:31:18,710 --> 00:31:23,350 Paano ako sigurado na mayroon akong mga indeks na makatulong sa akin na makuha ang impormasyon nang mas mabilis? 501 00:31:23,350 --> 00:31:27,300 >> Mayroon ding maliit na tricks na maaari mong gamitin gaya ng pag-cache. 502 00:31:27,300 --> 00:31:28,980 Kung mayroon kang PHP - kung mayroon kang isang blog, halimbawa, 503 00:31:28,980 --> 00:31:31,980 at ikaw ay may - at ito ay pinapatakbo ng PHP o sa pamamagitan ng anumang iba pang mga wika - 504 00:31:31,980 --> 00:31:37,690 maaari mong cache ng iyong blog sa sabihin nating 50 minutong agwat nang sa gayon ay maaari mong maghatid ng mga static na pahina 505 00:31:37,690 --> 00:31:40,610 o static HTML upang ang mga bisita sa iyong site. 506 00:31:40,610 --> 00:31:43,380 Sa ganoong paraan ang mga gumagamit ay hindi upang patakbuhin ang iyong PHP script sa bawat oras, 507 00:31:43,380 --> 00:31:47,410 at siguro na magiging mas mabilis na para sa kanila upang ma-access ang impormasyon na iyon. 508 00:31:47,410 --> 00:31:49,410 >> At sa wakas, maaari mong gamitin ang isang bagay tulad ng CDN. 509 00:31:49,410 --> 00:31:51,900 Pansinin na kapag nag-download ka ng isang Pset, 510 00:31:51,900 --> 00:31:54,890 ka palagi sa CDN.CS50.net. Bakit na? 511 00:31:54,890 --> 00:32:01,540 CS50 ay gumagamit din ng isang uri ng tulad ng isang CDN - isang network ng nilalaman pamamahagi - 512 00:32:01,540 --> 00:32:06,120 na kung saan ay nangangahulugan lamang na ito ay isang bungkos ng mga server siguro sa isang lugar sa buong mundo 513 00:32:06,120 --> 00:32:08,120 tulong na ihatid ang iyong mga pahina sa iyong mga bisita. 514 00:32:08,120 --> 00:32:13,770 Kung ang iyong mga bisita ay nakakakuha ng isang pahina mula sa isang server na mas malapit sa kanila heograpiya, 515 00:32:13,770 --> 00:32:16,770 pagkatapos ay pinaka-malamang na ang iyong mga bisita ay pagpunta upang makakuha ng file na iyon ng maraming mas mabilis. 516 00:32:16,770 --> 00:32:20,490 Mayroon ding mga online na mapagkukunan na makakatulong sa gawin mo na. 517 00:32:20,490 --> 00:32:24,070 Ang isa sa mga ito ay CloudFlare. Nag-aalok ito ng libreng serbisyo CDN. 518 00:32:24,070 --> 00:32:26,020 Kung mayroon kang maraming mga file na iyong paghahatid sa iyong mga gumagamit, 519 00:32:26,020 --> 00:32:32,260 pagkatapos ay marahil ito ay mas mahusay na upang ilagay ang mga ito sa isang CDN upang maaari silang makakuha sa kanila nang mas mabilis. 520 00:32:32,260 --> 00:32:39,070 >> Ang huling topic para sa araw ay pag-optimize ng search engine. 521 00:32:39,070 --> 00:32:41,070 Ano ang optimization search engine? 522 00:32:41,070 --> 00:32:44,070 Na tinitiyak na ang mga search engine tulad ng Google o Bing o Yahoo 523 00:32:44,070 --> 00:32:50,740 Maaari pumunta sa iyong site at crawl ang iyong site at index ng iyong site at kapag 524 00:32:50,740 --> 00:32:53,040 Ako, halimbawa, pumunta sa Google.com upang at subukan ko upang maghanap para sa isang bagay, 525 00:32:53,040 --> 00:32:55,040 pagkatapos ang iyong site ay pop up. 526 00:32:55,040 --> 00:32:57,000 Paano mo matiyak na ang iyong site ay isa sa mga nangungunang 10? 527 00:32:57,000 --> 00:33:00,000 Dahil bilang namin ang lahat ng alam mo na, kung naghahanap ka para sa isang bagay sa Google 528 00:33:00,000 --> 00:33:02,880 at ito'y hindi sa itaas na 10 ka pinaka-malamang na hindi pagpunta upang tumingin sa susunod na 10. 529 00:33:02,880 --> 00:33:07,160 Ito ay uri ng isang paksa na shrouded sa misteryo. 530 00:33:07,160 --> 00:33:09,850 Mayroong isang pulutong ng mga hype out doon sa Internet. 531 00:33:09,850 --> 00:33:14,680 May ng maraming superstitions tungkol sa kung mo x pagkatapos Google ay gusto mo ng mas mahusay. 532 00:33:14,680 --> 00:33:16,680 Kung y mo pagkatapos Google ay gusto mo ng mas mahusay. 533 00:33:16,680 --> 00:33:19,680 Ito ay marahil mas mahusay na upang tumingin sa mga dokumento ang paghahanap higanteng ni mismo. 534 00:33:19,680 --> 00:33:27,470 >> Ito ay isa sa mga dokumento sa Google na sabihin sa iyo nang eksakto kung paano i-optimize ang iyong site 535 00:33:27,470 --> 00:33:30,860 sa gayon ang Google ay maaaring ma-access at i-index ito napaka mabuti. 536 00:33:30,860 --> 00:33:33,680 Hindi mo na kailangang kopyahin ang URL na ito dahil ang pagtatanghal na ito ay pagpunta sa 537 00:33:33,680 --> 00:33:36,680 maging online pa rin. 538 00:33:36,680 --> 00:33:38,770 Kung tumingin ka sa ito at basahin mo ito may ilang mga napaka-kapaki-pakinabang na mga pahiwatig sa doon. 539 00:33:38,770 --> 00:33:42,240 Ang Google ay nagsasabi sa iyo - kung gusto mo talagang sa site mo ay mai-index na rin 540 00:33:42,240 --> 00:33:44,610 pagkatapos ay dapat mong gawin ang lahat ng mga bagay na ito. 541 00:33:44,610 --> 00:33:47,570 >> Isa pang bagay na mga search engine talagang gusto ang sariwang nilalaman. 542 00:33:47,570 --> 00:33:49,500 Kung ikaw ay may nilalaman na-update na regular na napaka 543 00:33:49,500 --> 00:33:51,950 pagkatapos search engine sabihin, ooh, gusto ko ang iyong site. 544 00:33:51,950 --> 00:33:53,950 Pupunta ako upang pumunta sa iyong site napakadalas. 545 00:33:53,950 --> 00:33:56,840 Pupunta ako sa index ng maraming ng iyong mga pahina. 546 00:33:56,840 --> 00:33:59,560 Kung mayroon ka ng mga sariwang nilalaman pagkatapos ikaw ay mas malamang na ipakita up - 547 00:33:59,560 --> 00:34:02,540 ikaw ay mas malamang na maging mas may-katuturan. 548 00:34:02,540 --> 00:34:04,630 Ikaw ay mas malamang na maging mas na-update, 549 00:34:04,630 --> 00:34:08,860 at mga search engine ay mas malamang na ilagay ang iyong site sa itaas ng iba. 550 00:34:08,860 --> 00:34:10,860 >> Deep link ay mahalaga din. 551 00:34:10,860 --> 00:34:13,530 Kung talagang gusto ang iyong site upang tumingin mabuti sa mga mata ng isang search engine 552 00:34:13,530 --> 00:34:18,090 pa ng maraming iba pang mga website na naka-link dito at malalim na naka-link sa iyong website. 553 00:34:18,090 --> 00:34:20,090 Huwag lamang mag-link sa iyong homepage. 554 00:34:20,090 --> 00:34:26,719 Link sa siguro yourname.com / bagay / bagay / something.php. 555 00:34:26,719 --> 00:34:29,840 Iyon - sa isang search engine - ibig sabihin, a, mayroon silang talagang kawili-wiling nilalaman 556 00:34:29,840 --> 00:34:35,350 na may ibang tao ay nagli-link kaya malalim sa kanilang site na dapat ko talaga, talaga 557 00:34:35,350 --> 00:34:38,260 ilagay nang higit pa kahalagahan sa mga pahina na site. 558 00:34:38,260 --> 00:34:41,940 >> Kung mayroon kang mga tumpak na mga pamagat ng pahina, kung mayroon kang walang mga error na mabuti dahil 559 00:34:41,940 --> 00:34:44,670 kung ang isang search engine ay sinusubukan upang bisitahin ang iyong site, at ito ay nakakakuha ng isang error, 560 00:34:44,670 --> 00:34:46,780 marahil ito ay pagpunta sa bigyan up napaka, sa lalong madaling panahon. 561 00:34:46,780 --> 00:34:49,510 At sa wakas, gusto mong magkaroon ng isang mabilis na oras ng pag-load dahil sa mga search engine - 562 00:34:49,510 --> 00:34:53,820 tulad ng mga kawani na tao - don't magkaroon ng maraming pasensya para sa mga mabagal na website. 563 00:34:53,820 --> 00:34:57,070 Ito ay isang paraan para sa iyo upang matiyak na ipakita sa iyo up mas mataas sa 564 00:34:57,070 --> 00:35:01,390 mga query ng paghahanap engine at sana sa gayong paraan makakuha ng mas maraming trapiko. 565 00:35:01,390 --> 00:35:04,730 Dahil pagkatapos ng lahat, mo na ginugol ang lahat ng oras na ito develop ng iyong website. 566 00:35:04,730 --> 00:35:06,280 Ikaw na ginugol ang lahat ng oras na ito sa paglunsad ng website na ito online. 567 00:35:06,280 --> 00:35:11,780 Gusto mong tiyakin na mayroon ka ng maraming mga user na aktwal na makita ang iyong nilalaman. 568 00:35:13,330 --> 00:35:15,660 >> Iba pang mahusay na mapagkukunan upang gamitin. 569 00:35:15,660 --> 00:35:19,210 Google Webmaster Tools ay isang bagay upang tumingin sa sa. 570 00:35:19,210 --> 00:35:21,780 Ito lamang ay tumutulong sa iyo na makita - Ang Google ay hindi index ang aking site. 571 00:35:21,780 --> 00:35:24,490 Ano ang mga uri ng mga error ay nakakaranas ito? 572 00:35:24,490 --> 00:35:27,490 Gaano karaming mga pahina ay na-index ito? 573 00:35:27,490 --> 00:35:29,490 Ano ang tingin ito ay ang pinaka mahalagang nilalaman sa aking pahina? 574 00:35:29,490 --> 00:35:31,490 Siguro hindi iyon ang gusto ko ito upang maging. 575 00:35:31,490 --> 00:35:36,880 Siguro kailangan kong baguhin ang aking website nang kaunti tulad na ito ay mas mahusay na nakalarawan 576 00:35:36,880 --> 00:35:38,880 kung ano ang aking website ay talagang tungkol sa. 577 00:35:38,880 --> 00:35:41,000 Ang Google Analytics ay isa pang talagang cool na tool. 578 00:35:41,000 --> 00:35:44,120 Maaari kang magdagdag ng isang maliit na bit ng JavaScript sa iyong mga pahina. 579 00:35:44,120 --> 00:35:47,020 At pagkatapos ay pagkatapos maaari kang pumunta sa Google Analytics, at ito ay subaybayan 580 00:35:47,020 --> 00:35:49,020 ang iyong mga bisita at mga demograpiko ng iyong site paglago. 581 00:35:49,020 --> 00:35:51,810 Ito ay magsasabi sa iyo nang eksakto kung gaano karaming mga bisita bisitahin ang iyong site 582 00:35:51,810 --> 00:35:55,310 sa loob ng isang tiyak na araw, sa loob ng isang tiyak na oras, sa loob ng isang tiyak na linggo. 583 00:35:55,310 --> 00:35:57,310 Gaano karaming mga bisita mula sa China? Gaano karaming mga bisita mula sa Antarctica - 584 00:35:57,310 --> 00:35:59,310 nakukuha mo sa iyong website. 585 00:35:59,310 --> 00:36:03,470 na maaaring maging isang bagay na cool na upang makita o baka kahit na maging kapaki-pakinabang 586 00:36:03,470 --> 00:36:05,470 dahil sinusubukan mong i-target ang isang tiyak na pangkat. 587 00:36:05,470 --> 00:36:08,410 Siguro sinusubukan mong i-target ang mga tinedyer sa iyong website, at tingnan mo na 588 00:36:08,410 --> 00:36:11,410 ang karamihan sa mga bisita sa iyong website ay marahil 30 - sa 40-taong gulang, 589 00:36:11,410 --> 00:36:15,130 pagkatapos ay marahil alinman mayroon kang problema o maaari mo lamang sabihin, 590 00:36:15,130 --> 00:36:19,590 na rin, pagkatapos ay marahil ang dapat kong baguhin lamang focus ang aking website nang sa gayon ay 591 00:36:19,590 --> 00:36:22,240 Tumuon akong higit sa na pangkat ng edad. 592 00:36:22,240 --> 00:36:28,500 >> Google Apps - kung nais mong magkaroon ng isang uri ng mga email gamit ang pangalan ng iyong domain - 593 00:36:28,500 --> 00:36:31,230 siguro bagay na gusto yourname@yourname.com-- 594 00:36:31,230 --> 00:36:35,270 maaari mong gamitin ang gmail address - maaari mong gamitin ang gmail serbisyo 595 00:36:35,270 --> 00:36:38,500 at Google Apps ay isang paraan upang gawin iyon. 596 00:36:38,500 --> 00:36:44,050 Maaari mong i-set up ang partikular na mga email address na partikular sa iyong domain name 597 00:36:44,050 --> 00:36:46,800 sa halip of@gmail.com. 598 00:36:46,800 --> 00:36:51,840 >> At sa wakas, may mga web developer at mga extension ng mga add-on - para sa Chrome, 599 00:36:51,840 --> 00:36:56,380 para sa Firefox, para sa iba pang mga browser - na nagbibigay-daan sa iyo upang pumunta sa at siyasatin 600 00:36:56,380 --> 00:37:02,290 CSS, siyasatin JavaScript, eksaktong makita kung ano ang mali sa iyong JavaScript script, 601 00:37:02,290 --> 00:37:05,290 at marahil na kailangan maging kapaki-pakinabang para sa iyong mga de-bugging layunin, para sa iyo sa paghahanap ng out - 602 00:37:05,290 --> 00:37:08,630 na rin, kung bakit ay hindi ang aking website sa pagpapakita ng tama sa browser na ito? 603 00:37:08,630 --> 00:37:11,800 >> At sa wakas, kung nais mong madagdagan ang nalalaman tungkol sa lahat ng mga paksang ito - 604 00:37:11,800 --> 00:37:14,410 kung gusto mong matuto nang higit pa tungkol sa HTML at CSS at JavaScript - 605 00:37:14,410 --> 00:37:16,790 dahil pagkatapos ng lahat, lamang namin ang nagturo sa iyo ng kaunti - 606 00:37:16,790 --> 00:37:21,240 maaari kang pumunta sa website tulad ng W3Schools.com upang tumingin para sa higit pang mga mapagkukunan. 607 00:37:21,240 --> 00:37:26,340 Ang mga ito ay napakabuti tutorial sa kung paano ang gagawin ko x, o kung ano ang ibig sabihin ng y? 608 00:37:26,340 --> 00:37:30,400 Kung gusto mong matuto nang higit pa tungkol sa mga wikang ito maaari kang pumunta lamang dito. 609 00:37:30,400 --> 00:37:37,690 >> Ayos lang. Sa tingin ko Nais kong mag-iwan ng huling ilang minuto ng ito para sa mga katanungan, 610 00:37:37,690 --> 00:37:39,810 sa gayon ay mayroong anumang mga katanungan tungkol sa anumang bagay na usapan natin ang tungkol sa? 611 00:37:39,810 --> 00:37:43,500 [Madla miyembro] Anong mga uri ng mga bagay ay sa W3Schools at paano ito sakop? 612 00:37:43,500 --> 00:37:45,500 [Yuechen Zhao] Anong mga uri ng mga bagay-bagay? 613 00:37:45,500 --> 00:37:50,180 Kaya, ang isa sa mga napaka pinakamalaking bagay na aking ginagamit ng maraming ay ang kanilang mga sanggunian. 614 00:37:50,180 --> 00:37:54,430 Ang kanilang mga sanggunian detalye, halimbawa para sa CSS - 615 00:37:54,430 --> 00:37:59,480 kung ano ang ibig sabihin nito o kung gusto mong baguhin ang background ng isang pahina - 616 00:37:59,480 --> 00:38:01,480 paano mo gawin ito? 617 00:38:01,480 --> 00:38:04,550 Aling mga browser na sumusuporta sa utos? Mga bagay na tulad ng. 618 00:38:04,550 --> 00:38:10,870 At pagkatapos sila din lang ay napakabuti tutorial sa HTML, sa PHP, sa JavaScript, 619 00:38:10,870 --> 00:38:14,290 sa MySQL, sa lahat ng uri ng iba't ibang mga paksa. 620 00:38:14,290 --> 00:38:18,800 Ang mga ito ay maganda ang tutorial. Sila ay magturo sa iyo kung paano gawin ang mga bagay. 621 00:38:18,800 --> 00:38:22,590 Ito ay maganda upang magawang pumunta at matuto nang higit pa tungkol sa mga paksang ito. 622 00:38:22,590 --> 00:38:27,180 >> [Madla miyembro] HTML 5 ay hindi pa rin compatible sa lahat ng mga browser out doon. 623 00:38:27,180 --> 00:38:30,700 Gusto mo inirerekomenda lamang naglalagi ang layo mula sa ito dahil sa mga isyu sa pagiging tugma? 624 00:38:30,700 --> 00:38:32,700 Paano mo haharapin ang mga iyon? 625 00:38:32,700 --> 00:38:38,640 [Yuechen Zhao] Oo, sa gayon, ang tanong ay HTML5 ay pa rin ng isang sanggol standard. 626 00:38:38,640 --> 00:38:42,030 Hindi ito talaga ang sinusuportahan ng maraming mga browser, kaya dapat naming maiwasan ito? 627 00:38:42,030 --> 00:38:48,040 Sa tingin ko noong nakaraang taon Gusto ko naging isang napaka-malaki tagasulong ng, sabihin iwasan HTML5 628 00:38:48,040 --> 00:38:52,430 dahil ito ay pa rin - ito ay pa rin napaka bago at sa katunayan, ang HTML5 standard 629 00:38:52,430 --> 00:38:55,610 ay hindi pa tinatapos pa. 630 00:38:55,610 --> 00:38:58,790 At kaya, doon talaga ay walang HTML5 standard. 631 00:38:58,790 --> 00:39:03,840 Ngunit sa tingin ko lalo na kung ikaw ay pagdisenyo ng isang website na ngayon, 632 00:39:03,840 --> 00:39:07,450 maaari itong maging mas mahusay na kung ikaw ay pumunta lamang sa HTML5 dahil iyon ang uri ng pagpunta sa maging sa hinaharap, 633 00:39:07,450 --> 00:39:11,250 at kung nais mo ang iyong website upang maging sa hinaharap-katibayan at nais mo ang iyong website upang gumana 634 00:39:11,250 --> 00:39:14,320 sa hinaharap na mga browser, maaari itong maging mas mahusay na upang simulan ang gusali ng isang bagay para sa hinaharap 635 00:39:14,320 --> 00:39:19,830 kaysa para sa nakaraan, at din lamang dahil sa ang katunayan na ang HTML5 talaga ay hindi na naiiba 636 00:39:19,830 --> 00:39:23,080 mula HTML4 o XHTML. 637 00:39:23,080 --> 00:39:29,780 Kung ikaw ay gumagamit ng HTML5, tulad ng normal na gagana sa karamihan sa mga browser. 638 00:39:29,780 --> 00:39:34,660 Ikaw lamang ang may upang ayusin ng pumunta sa at siguraduhin na may mga screenshot 639 00:39:34,660 --> 00:39:38,630 at tinitiyak na may nagaganap sa mga website na ito sa iyong sarili. 640 00:39:38,630 --> 00:39:44,280 Ngunit ang pinaka-malamang ay ito gumagana maliban kung gumagamit ka ng napaka tiyak na mga tampok sa HTML5. 641 00:39:44,280 --> 00:39:50,240 Pansinin na masyadong para sa CS50 - halimbawa, para sa mga video player na ginagamit namin - 642 00:39:50,240 --> 00:39:56,230 ito ay gumagamit ng HTML5 at HTML5 video upang ipakita ang mga aralin. 643 00:39:56,230 --> 00:39:59,420 Ngunit kung mayroon kang isang talagang lumang browser, pagkatapos ay magkakaroon ito umasa sa Flash. 644 00:39:59,420 --> 00:40:01,420 Kaya, na din ibang bagay - 645 00:40:01,420 --> 00:40:05,190 magkaroon ng isang pagkahulog-likod ng system para sa kapag mo lamang malaman na ang browser ay hindi pagpunta upang pangasiwaan 646 00:40:05,190 --> 00:40:08,140 kung ano ang nais mo ito upang mahawakan. 647 00:40:08,140 --> 00:40:10,140 >> Iba pang mga tanong? 648 00:40:10,140 --> 00:40:13,270 Kahit ano na usapan natin ang tungkol. 649 00:40:16,910 --> 00:40:20,750 Ayos lang. Pagkatapos ay sa tingin ko na ang tungkol dito para sa akin. 650 00:40:20,750 --> 00:40:23,090 Sa tingin ko na ito. 651 00:40:23,090 --> 00:40:28,430 (Palakpakan) 652 00:40:28,430 --> 00:40:30,000 Cool. 653 00:40:30,500 --> 00:40:32,700 [CS50.TV]