[Powered by Google Translate] [Seminar] [Inihahanda ang Iyong Site para sa mga Web] [Yuechen Zhao] [Harvard University] [Ito ay CS50.] [CS50.TV] 

Okay. Narito ang isa pang oras ng web development kung ka guys ay up para dito. Ngayong araw pupuntahan ko ay pakikipag-usap tungkol sa paghahanda ng iyong site para sa Web. Ang lahat ng mga araw - at marahil para sa nakalipas na 2 linggo - kami ay pakikipag-usap tungkol sa kung paano upang lumikha ng isang website, kung paano gamitin ang HTML, kung paano gamitin ang PHP, kung paano gamitin ang Framework, kung paano upang matiyak na maaari mong makipag-ugnayan sa database - mga bagay tulad na. Ngunit ngayon, kami ay pagpunta sa ay pakikipag-usap tungkol sa kung saan ang iyong site ay pagpunta upang mabuhay pagkatapos ng CS50. Dahil pagkatapos ng lahat, CS50 ay hindi mangyayari nakaraang Disyembre. Kami ay pagpunta sa ay pakikipag-usap tungkol sa mga pangalan ng domain, hosting. Kami ay pagpunta sa ay pakikipag-usap tungkol sa kung ano ang cross-browser compatibility at cross-platform compatibility, at kung paano maaari mong tiyakin na ang iyong site ay pagpunta upang gumana sa ilalim ng lahat ng mga kondisyon. Susubukan naming makipag-usap tungkol sa error handling at iba pang mga server magic. Kami ay pakikipag-usap tungkol sa pagganap ng optimization, search engine optimization, at kung paano makakuha ng mga tao upang aktwal na bisitahin ang iyong website. At sa wakas, ilan lang mahusay na mapagkukunan upang tiyakin na ikaw guys ay may sapat ng mga upang pumunta off sa iyong huling proyekto, at sana ay matapos. 

Ang unang bagay na kami ay pagpunta sa makipag-usap tungkol sa ang mga pangalan ng domain. Sa ngayon ka programa sa iyong appliance, ka ng pagpunta sa isang lokal na host na kung saan ay hindi tunay na isang domain name. Iyan ay isang uri ng lamang ng isang palayaw o isang alias para sa iyong mga aktwal na pag-install sa Linux sa loob ng VMware alinman sa Mac o VMware Player sa isang PC. Mga pangalan ng domain daan sa iyo upang ilagay ang isang site papunta sa Web at pagkatapos ay pumunta sa isang bagay tulad ng www.google.com at makakuha ng mga website. Paano gumagana ang mga ito? Sabihin natin na ikaw lamang ang isang average na server ng web - Web average na surfer at mayroon kang isang laptop, at pumunta ka sa www.howstuffworks.com. Maaari mong marahil makita kung saan ako nakaagaw ng ito mula sa. Paano gumagana ang mga bagay-bagay - sa iyong computer pagkatapos ay magtanong sa isang lokal na DNS server, "Alam mo ba kung saan ang website na ito?" "Alam mo ba ang IP address ng www.howstuffworks.com?" Ang iyong mga DNS server ay maaaring sabihing, "Oo, gagawin ko." Sa kasong iyon, makuha mo ang mga IP address, at ang iyong computer access na IP address. Kung hindi, ito nagtatanong ng ibang DNS server, "Hey! Alam mo ba kung ano ang www.howstuffworks.com?" Na ang server ay maaaring sabihing, "Oo, gagawin ko." 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, at maaari mong i-access ang howstuffworks.com. 

Paano maaari kang makakuha ng isa sa mga bagay na kataka-taka? Paano maaari kang makakuha ng marahil www.yourname.com o www.ilovecats.com? Maaari kang magrehistro para sa isa, at doon ay marami ng mga website out doon na magpapahintulot sa inyo na gawin ito. Kailangan mong - sa karamihan ng mga pangyayari na dapat mong bayaran para sa kanila. Mayroon mga tiyak na mga pangalan ng domain na ay libre. Kung pupunta ka sa www.co.cc o. Tkdomainnames, iyon ay libre. Ngunit, sila ay may ilang mga paghihigpit, at sa katunayan ang ilan sa kanila ay maaaring hindi kahit na maging real, top-level domain name tulad ng. com o. net. Karaniwan Gusto ko iminumungkahi pagpunta para sa isa sa mga ito dahil ang mga gumagamit lamang ang mas kumportable sa mga iyon. Ikaw ay nasaksihan ng maraming. Coms. Ikaw ay nasaksihan ng maraming. Lambat. Ikaw ay malamang na hindi nakikita ng maraming. Co.cc 's, kaya ang mga ito ay mas mahirap matandaan. Iba't ibang mga website tulad ng GoDaddy o NameCheap o - na ginamit ko isang bagay na uri ng pahapyaw - tinatawag activedomain.com. Mukhang talagang hindi buo, ngunit ito ay talagang nagtrabaho na rin para sa akin. 

At sa wakas, ikaw ay may iba na siguro ay magawa nang higit pa sa advertising tulad ng Network Solutions. Ngunit kung kang pumunta sa NetworkSolutions.com at tumingin sa kanilang pagpepresyo ito ay talagang mahal. Ako ay tumitingin sa kanila kagabi. Para sa isang taon ng isang pangalan ng domain, ito ay marahil hindi nagkakahalaga ng ganoong karaming pera. Sa katunayan, kung makakakuha ka ng isang. Com o isang. Org o isang. Net ang karaniwang presyo ay tungkol sa $ 10 sa isang taon. Kaya kung nagbabayad ka ng maraming higit pa kaysa sa na, marahil ito ay hindi na katumbas ng halaga dahil, pagkatapos ng lahat, ang mga website ay hindi gumawa ng anumang bagay na may pangalan na domain. Sila lamang ibigay ito sa iyo, at kaya kung maaari kang makakuha ng ito para sa murang, bakit hindi? 

Ang iba pang mga bagay ay sa sandaling mayroon ka sa iyong domain name, at pagkatapos ay marahil ay gusto mo upang pumunta sa alinman sa Godaddy.com o kahit saan mo binili ang iyong domain name at itakda ang mga server ng pangalan para sa na pangalan ng domain. Ano na ang ibig sabihin ay sa sandaling ang isang gumagamit ay napupunta sa www.howstuffworks.com, mga pangalan ng server IP address ay ang IP address na gusto nila magagawang tumingin hanggang. Gusto nila magagawang ma-access ang iyong website sa pamamagitan ng mga server ng pangalan. Kung mag-apply ka para sa pag-host sa isang lugar pagkatapos ang iyong host ay pinaka-malamang na magbigay sa iyo ang mga server ng pangalan upang gamitin. 

At sa wakas, may ito bagay na tinatawag na isang WHOIS. Ang isang WHOIS database ay isang database na kung saan maaari mong input ng isang domain name at ito ay sabihin ang lahat ng ilang impormasyon tungkol sa may-ari ng site na iyon at iba pang impormasyon ng contact. Ngayon, maaari mong sabihing, "Hindi ko talagang gusto ang aking home address o Hindi ko talagang gusto ang aking email address sa website para sa kahit sino upang makita o sa Internet para makita ng lahat. " Pagkatapos ay maaari mong gamitin ang isang bagay na may maraming mga serbisyong pag-host magbigay - tulad ng isang WHOIS manager. Ang isang WHOIS manager ay lamang ng isa pang serbisyo na may maraming ng mga ito na magbigay ng Itinatago ang layo na impormasyon at inilalagay lang sa kung sino ang manager para sa pangalan ng - para sa address na ito ay karaniwan lamang na pangalan ng kumpanya na ibinigay mo ang domain name - at kaya pagkatapos ang iyong personal na impormasyon ay hindi leaked sa Internet, na kung saan ay karaniwang medyo magandang. Ko ang aking sarili gamitin ang isa sa mga serbisyong ito. Kung hindi mo pakialam tungkol sa iyong sariling privacy pagkatapos ito ay hindi talagang mahalaga. 

Ang isang DNS server ay nakatayo para sa Domain Name System, at kung ano ito ay - ito ay uri ng tulad ng isang hash talahanayan sa isang lugar na nagsasabing,  "Ito website address ay pagpunta upang i-map sa IP address." At iyon ang lahat ng mga ito ay. Kaya sabay-query mo ang DNS server, at pagkatapos ay maaari kang makakuha ng mga IP address para na kaukulang pangalan ng domain at pagkatapos ay bisitahin ang website na iyon. (Madla miyembro na humihiling ng isang katanungan - hindi marinig) Ang unang? Ang unang antas ng aktwal na ay karaniwang lamang ang iyong computer cache mismo. Ang iyong computer uri ng Naaalala ng huling beses na nagpunta ka sa www.google.com ito ay sa ito IP address, at pagkatapos ay pagkatapos ng saglit, cache na mawawalan ng bisa, at ito ay hilingin tulad ng Comcast DNS, "Uy, ano ang www.google.com?" Karaniwan, kapag bumili ka ng isang pangalan ng domain at kang magrehistro ng isa, at ka-set up ng isang website, hindi ka maaaring pumunta sa website na iyon agad na may pangalan na domain name dahil ang mga server sa buong mundo ay hindi alam ang tungkol sa iyong domain name pa. Mayroon itong i-populate. Ito ay karaniwang tumatagal ng tungkol sa 24-48 oras. Ayos lang. Kaya, na ang isang maliit na bit tungkol sa mga pangalan ng domain. Ang mga ito ay napaka-cool. Sa tingin ko dapat mong makakuha ng isa kung ikaw ay malubhang tungkol sa proyekto at kung gusto mo talagang gawin ang iyong mga proyekto na kilala sa buong campus, pagkakaroon ng isang domain name Ginagawang mukhang ito talaga professional. 

Pagkatapos, ang susunod na hakbang, siyempre, ay upang magkaroon ng ilang mga uri ng hosting. Kung kamakailan mo lamang i-host ito sa iyong computer, walang saysay na tao ay kailanman pagpunta sa magagawang upang pumunta sa mga ito. Posible mong set up ng isang server sa iyong computer at panatilihin ang iyong computer sa walang hanggan, ngunit na hindi inirerekomenda. Mayroong iba't ibang mga uri ng mga hosting online na magagamit. Mayroong mga ibinahagi hosting. Mayroong VPN (hindi maintindihan) na mga virtual host. Mayroong semi-dedikadong at nakatuon. Ng ang huling 3, VPN, semi-nakatuon na, at dedikadong ay karaniwang mas mahal. Karaniwang mga ito ay ginagamit para sa mga website na nangangailangan ng higit pang mga mapagkukunan. Kung lamang ikaw ay nagsisimula out sa isang website, maaaring ito lamang maging mas pangkabuhayan upang pumunta sa shared hosting. At kung ano ang ibinahagi paraan lamang ang isang bungkos ng mga website ay ang lahat ng sama-sama -uri-uriin ng sa isang server sa website na ito sa server na ito host, at maaari mong i-access ang iyong website sa pamamagitan ng pangalan ng domain. 

May ng maraming mga sikat na mga host out doon. HostGator at DreamHost - iyon ay napaka, napaka-malaki at napaka, napaka-tanyag at napaka, napaka-matagumpay. Ko personal na gamitin ang isa sa tinatawag na MDDHosting. Kung pupunta ka sa www.mddhosting.com, na ang aking host ng choice. Sa tingin ko ang mga ito ay napakabuti. Palaging sila nakapunta maaasahan, at Dati wala ako ng anumang mga problema sa mga ito. Mayroon din silang napaka mapagkumpitensya pricing. Two na gagawin ko hindi talaga tulad ng mga GoDaddy - iyon din ang isang napaka-tanyag na host, pero Nagkaroon na ako ng kahila-hilakbot na karanasan sa kanila, at ng maraming mga tao na alam ko ay nagkaroon talaga kahila-hilakbot na karanasan sa kanila. Sila uri ng pumunta pagkatapos ng mga tao na hindi alam kung ano ang kanilang ginagawa - siguro nagsasagawa ka ng isang website para sa unang pagkakataon, at kaya sila uri ng mga salungat ang mga ito sa pagbili ng kanilang hosting pakete. Huwag gawin ito. Huwag maniwala sa ito. Pumunta tumingin para sa iba pang mga hosting pakete na talagang angkop sa iyong mga pangangailangan. At ang iba pang isa ay may - na may mga libreng nagho-host out doon. May mga website na nagho-host ng iyong website para sa libreng - paminsan-minsan sa pamamagitan ng paglalagay ng isang ad sa iyong site, paminsan-minsan sa pamamagitan ng paggawa mo lumahok sa kanilang mga forum, pero minsan lang din ng libre. Subalit, mag-ingat na may libreng host dahil marami sa kanila ang talagang pumunta lamang out ng negosyo pagkatapos ng ilang buwan. Ikaw lamang ay hindi maaaring panatilihin up sa mga gastos. Iba pa lamang ang napaka hindi kapani-paniwala, at ang iyong site ay palaging magiging pababa, at hindi mo nais na mangyari. 

Ang bawat host ay mag-aalok ng kanilang sariling control panel. Pansinin na para sa iyong appliance, mayroong talaga ay hindi isang control panel per se. Mayroon kang upang gamitin ang terminal upang pumunta at i-edit ang mga file. Mayroon kang upang chmod mga bagay sa pamamagitan ng iyong sarili. Kung ginusto mong pumunta sa PHPMyAdmin, ikaw ay may upang pumunta sa @ localhost / phpmyadmin at mga bagay tulad na. Ngunit sa isang control panel maaari kang pumunta sa at i-edit ang mga file sa iyong server may Windows Explorer o isang tagahanap-uri application. O kaya, maaari kang pumunta sa pamamagitan ng at tumingin sa iyong mga database sa kanilang sariling mga tool sa halip ng PHPmyadmin. Kaya, mayroong isang pulutong ng mga pagpipilian dito, at ang ilan sa mga mas popular na mga panel kontrol ay up doon. Ngunit kung ikaw ay naghahanap para sa isang host, pagkatapos ay maaari mong upang tumingin sa kung ano ang mga uri ng mga pagpapasadya at mga pagpipilian Nag-aalok ang mga ito sa akin upang i-customize ang aking mga server at upang gumawa ng aking website mas mahusay na tumakbo. Kaya, pagkatapos ay maaari mong tanungin, "Well, paano ko pinili hosting?" Kung pumunta ka sa sa anumang website host mayroong maraming mga hindi maintindihang pag-uusap, at doon ay may maraming mga pagpipilian. May ng maraming iba't ibang mga presyo din. Karaniwan ko pumunta para sa mas murang mga bago dahil lang sa website na siguro sa iyo at ako gumawa - at lalo na sa ngayon, lalo na bilang starters - maaaring hindi nila kailangan ng maraming mga mapagkukunan kapangyarihan bilang isang website tulad ng Microsoft.com. 

Una nais mong tingnan ang operating system kung ikaw ay talagang mausisa kung ang iyong site ay pagpunta sa ay naka-host sa Linux, sa Windows, o sa Mac. Karaniwan naming pumunta lamang sa Linux dahil iyon ang karaniwang ang cheapest, at din ang isa na marahil ka guys ay mas pamilyar sa dahil sa mga appliance. At pagkatapos, siguro makikita nila maglagay ng ilang mga paghihigpit sa dami ng bandwidth na makuha mo - i kung gaano karaming mga megabytes o gigabytes ng data ng gumagamit ay maaaring i-download mula sa iyong website sa bawat buwan? O disk space. Magkano space mo makukuha? Ito ba ay 500 MB? Ito ba ay 2 GB? Ito ba ay unlimited? 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 upang ma-engganyo sa iyo upang makuha ang kanilang hosting pakete. Ngunit kung ikaw talaga sa tingin tungkol dito, kapag kayo kailanman pagpunta sa kailangan walang limitasyong puwang sa disk? Kung ikaw ay may isang pares ng mga file ng HTML, isang pares ng mga PHP, isang pares ng mga larawan - na lamang ng isang pares ng mga megabytes, at sa gayon Karaniwang ko lang pumunta para siguro ilang gigabytes 'na halaga ng espasyo, at na maaaring sapat na upang simulan off sa akin hanggang sa Kailangan ko nang higit pa. 

Sa wakas, maaari nilang ilagay ang mga paghihigpit sa kung anong uri ng - kung gaano karaming mga database maaari kang magkaroon ng. Marahil, maaari ka lamang magkaroon ng 1 database. Siguro maaari kang magkaroon ng 2. Siguro maaari kang magkaroon ng 10. Ay ito talagang mahalaga para sa iyo kung gaano karaming kang makakuha ng? Mga bagay na dapat itanong sa iyong sarili. At pagkatapos ay sa wakas, lamang ang mga bagay tulad ng mga wika. Huwag sila sinusuportahan ng PHP? Huwag sila sinusuportahan ng MySQL? Karamihan sa pagho-host ng website na sinusuportahan ang mga ito dahil ang mga ito ay libre. Ang mga ito ay open source. Hindi nito nagkakahalaga ng anumang bagay sa kanila upang magbigay ng mga ito para sa iyo. Ngunit kung nais mong gamitin, sabihin nating, Ruby o Python o ilan sa mga iba pang mga wika - maaaring hindi nila ito sinusuportahan sa kanilang server, kaya mahalaga ito upang tumingin para sa mga uri ng mga bagay. 

At sa wakas, huwag payagan sila sa iyo na gawin ang ilang mga mas advance na mga bagay tulad ng SSL o cron trabaho? SSL ay isang opsyon kung saan maaari mong gawin ang iyong website mas ligtas sa pamamagitan ng paggawa nito HTTPS at encrypt ang iyong koneksyon. At cron trabaho lamang ang siguro mga script na gusto mong patakbuhin ang bawat 5 minuto, sa bawat 10 minuto, bawat 15. Ang isang pulutong ng mga ibinahaging hosting website ang ilagay paghihigpit sa bilang ng mga trabaho ng cron na maaari mong patakbuhin dahil na tumatagal ng hanggang higit pang mga mapagkukunan. 

At sa wakas, lamang ang lahat ng iba pa na nais mo upang tumingin sa - tiyakin na eksakto kung ano ang nangyayari sa bago ka bumili ng iyong hosting package. At sa wakas, sa pagganap. Pagganap ay napakalaking. Paano mabilis ay ang aking website ng pagpunta sa tatakbo? Karamihan sa mga gumagamit ay hindi pagpunta sa maghintay para sa kahit na segundo para sa iyong website upang tumakbo bago lang nila makakuha ng nainis, at pumunta sila sa sa MeanBase at simulan ang pagtingin sa mga larawan ng cats - alam mo na ang mangyayari, at nais mong tiyakin na makakakuha ka na gumagamit sa board at na ikaw ay may mahusay na uptime na lamang ay nangangahulugan na ang iyong website ay pagpunta sa maging naa-access sa lahat ng oras. 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 naa-access, at hindi mo nais na mangyari dahil maaari kang maging malungkot. At maaari mo ring subaybayan ang pagganap ng iyong host sa mga website tulad ng Pingdom.com o Host-tracker.com, at sila lamang sabihin sa iyo kung gaano kadalas ang iyong site down. 

At sa wakas, gusto mong makakita ng tungkol sa kanilang suporta. Kung mayroon kang problema sila ay pagpunta sa tumugon sa iyo sa loob ng 24 oras? Sila ay pagpunta sa tumugon sa iyo sa loob ng 48 oras? Ang serbisyo sa hosting na ginagamit ko normal tumugon sa akin sa loob ng ilang minuto na kung saan ay talagang maganda. Whew! Ang lahat ng mga karapatan! Ito ay oras para sa isang bakasyon. Ngunit hindi ako pagpunta sa ibigay ito sa iyo. Susubukan naming lamang tumingin sa mga larawan ng maganda cats bawat ngayon at pagkatapos. 

Ang isa pang tunay, tunay na sisikat ay cross-browser compatibility. Ano ang gagawin ko ibig sabihin sa pamamagitan ng cross-browser compatibility? Malaman mo, ngayong mga araw na ito ito ay hindi lamang sa Microsoft Internet Explorer. Ito ay hindi lamang ang Mozilla Firefox o Safari. Ngayon kami ay may Chrome. Mayroon kaming Opera. Mayroon kaming Dolphin. Mayroon kaming Camino. Mayroon kaming manlulupig. Mayroon kaming lahat ng mga iba't ibang mga browser. Mga bagay na dumarating ang out ngayon - RockMelt - kahit na iyon ay lahat batay sa Chromium. Subalit ang katotohanan ng bagay ay, doon ay hindi lamang isang browser na ngayon. Hindi ka lamang tinitingnan ang mga webpage na may isang application. At kaya, iba't ibang mga browser ay tutugon sa iba't ibang HTML, iba't ibang CSS, at ibang JavaScript naiiba, at paano mo haharapin ang mga iyon? Well, sa ilang mga kaso, mo ba talagang hindi puwede. Ang iyong website - kung ito ay gumagana sa isang browser, ang code na iyong sinulat ay hindi gagana sa ibang browser, at ito ay ang iyong trabaho upang matiyak na ang code na sinulat mo ay pandaigdigan, na ito ay gumagana sa lahat ng dako. Kaya, ito ay talagang mapanganib. Kung sinasabi mo, "Well, ito ay gumagana sa aking computer. Magaling! Natin umusad." Well, marahil ito ay hindi pagpunta sa gumana sa minahan, at kapag ako pumunta sa iyong website Pupunta ako upang maging napaka-malungkot, at ako pagpunta sa umalis kaagad. Kaya, sabihin makita kung paano maaari mong maiwasan na ito. 

Ang unang bagay na, siyempre, ay upang gumamit lamang ng karaniwang HTML, CSS, at JavaScript. Ano ang gagawin ko ibig sabihin sa pamamagitan ng na? Well, may mga ng maraming mga hindi karaniwang bagay out doon. Halimbawa, sa CSS mayroong maraming mga bersyon. Kung nakakita ka ng anumang mga panuntunan CSS may-moz-o-webkit-, mga panuntunan sa mga partikular na sa parehong pahina ng Mozilla browser at ang Webkit browser, at kaya nais mong tiyakin na siguro ay gusto mong iwasan ang mga bagay dahil kung iyong ginagamit-moz-na panuntunan ay lamang ng pagpunta sa gumana sa Firefox. At kung gusto mo talagang ito upang tumingin magandang sa Internet Explorer din, ka pagpunta sa maging out ka sana. Para sa mga HTML na rin, maaari mong gawin ang mga bagay sa HTML na gawa na sa isang browser pero na break sa isa pa, at gusto mong iwasan na hangga't maaari. At sa wakas para sa JavaScript kahit na - mayroong maraming mga bersyon ng JavaScript, at ito tag-init namin ang bumangga sa isang problema kung saan Document.getElementsByClassName-- na kung saan ay karaniwang isang function na tinukoy bilang isang bahagi ng JavaScript standard - ay hindi hanapin sa Internet Explorer 8. Kaya, sa ibabaw ng tag-init ako ay nagtatrabaho sa isang lab na ito at kami ay pagbuo ng mga online na mga eksperimento. At naisip namin na ito ay talagang gumagana na rin hanggang sa aming natanto na ang mga gumagamit ay gumagamit ng Internet Explorer 8 ay hindi isumite ang kanilang mga resulta. Kami ay nawawala out sa ng maraming data. Na ginawa sa amin talagang malungkot. Kaya, palagi kang gusto mong tiyakin na ang iyong script ay pagpunta upang gumana sa lahat ng dako. 

At sa wakas, gamitin validator.w3.org na kung saan ay kung ano ang sabihin namin sa iyo na gawin sa pset 7. Tiyakin na ang iyong mga pahina ay napatunayan na. Iyan ay mahalaga dahil sa na hindi bababa sa ay isang unang hakbang tseke katinuan. Ay ang aking aktwal na code pamantayan sang-ayon? Ang isa pang paraan upang ayusin ng tulong gumawa ka ba na ang iyong site ay pagpunta sa gumana sa ilalim ng karamihan sa pangyayari ay upang siguro gamitin ang ilang mga aklatan at mga Framework dahil ang mga tunay na matalino sa mga developer na naisip tungkol sa mga isyung ito para sa iyo. Sila na nawala sa pamamagitan ng at na kanilang nakasulat na iba't ibang mga pag-andar na magtrabaho sa buong mga browser. Halimbawa, ginagamit namin jQuery sa Pset 7. Kahit na maaaring hindi mo pa nakita ito, jQuery ay nagbibigay ng maraming mga function na kung hindi man ay magkakaroon ka ng na magsulat sa iyong sarili. Ngunit ang mga developer ay nagsulat nito, at sila ay ginawa siguraduhin na ito ay gumagana sa lahat ng mga browser. At Bootstrap - na kung saan ay isa pang CSS framework na namin ipinakita sa iyo sa Pset 7 - ito talagang tumatagal ang layo ng maraming mga ulo sa pagdidisenyo ng mga website na mukhang mahusay. sa lahat ng mga browser. 

At sa wakas, kung maaari mong maiwasan ang mga ito, ako ay karaniwang maiwasan ang coding mula sa scratch. Kung lamang lumilikha ka ng isang website para sa iyong paaralan club, halimbawa, at ang lahat ng kailangan mong gawin ay upang ipakita ang ilang mga pahina at marahil ang iyong mga presidente pumunta sa at baguhin ang ilang mga bagay dito at doon - mayroon ba talagang hindi na kinakailangang code na up ang iyong sarili. Iyon ay tumatagal ng maraming ng iyong oras. Tatagal ng maraming ng iyong enerhiya, at ikaw ay may upang pumunta sa pamamagitan ng at ikaw ay may upang malaman, na rin, ito ay pagpunta upang tumingin magandang sa browser na ito, ito ay pagpunta upang tumingin magandang sa browser na ito. Siguro gamitin ang ilan sa mga patch na iba pa nakasulat na para sa iyo, tulad ng WordPress o Joomla o Drupal. Ang mga ito ay tinatawag na nilalaman - ito ay tinatawag na CMSs saan talaga lamang ang mga pakete na na dumating tapos na para sa iyo, at maaari mong i-download ang mga ito, ilagay ang mga ito papunta sa iyong server, at i-customize ang mga ito gayunpaman gusto mo, at ikaw ay mayroon ng isang website tumatakbo. Yaong code pakete ay isang bagay upang tumingin sa sa. Mga bagay na ito ay open source maliban kung pumunta ka para sa isang bagay tulad ng - kung naghahanap ka para sa isang pakete na anyo, may mga bagay na hindi libre tulad ng VBulletin o IP.Board. Kung hindi mo kailangan ang ilan sa mga advanced na mga tampok, maaari mong laging opt para sa libreng opsyon. 

At sa wakas, walang pag-iwas nito. Dapat mong subukan, pagsubok, test. Dapat mong subukan ang iyong code sa lahat ng mga browser na ito at sa lahat ng mga platform. At alam mo, IE6 - salamat sa diyos mga tao Sinimulan na gumagalaw ang layo mula sa IE6 dahil pabalik sa araw, siguro ilang taon na ang nakalipas, mga web developer ay nagkaroon upang palagi, lagi, laging manunulsol sa IE6 ni kahinaan sa pagsunod sa mga pamantayan. Mga website lamang ay tumingin uri ng 1990 para sa kakulangan ng isang mas mahusay na paraan upang harapin ito. Maaari mo ring gamitin mga screenshot browser upang suriin ang iyong CSS. Isa talagang cool na website ay browserlab.adobe.com. Ito ay isang komplimentaryong serbisyo na ilabas sa pamamagitan ng Adobe. At kung ano ang ginagawa nila ay maaari silang gumawa ng mga screenshot ng iyong website tumatakbo sa ilalim ng iba't ibang mga kondisyon - tulad ng pagtakbo sa ilalim ng iba't ibang mga browser, tumatakbo sa ilalim ng iba't ibang mga platform - at ipakita sa iyo kung ano ang hitsura nila tulad ng. 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, at kung ano ang Sinubukan kong gawin - Sinubukan kong gumawa ng mas mahusay na my.harvard. Dahil kung ikaw ay dito nakaraang taon, my.harvard ay hindi kamukha ng tinitingnan nito ngayon. Tila uri ng karumal-dumal. Ngunit ngayon ito hitsura ng maraming mas mahusay. Aking pagpapatupad noon ay hindi na kapaki-pakinabang na ngayon, ngunit ang lahat ng mga parehong, alam mo, Sinubukan kong upang magdagdag - (hindi maintindihan) marami anumang - at tinitingnan nito - ito hitsura napakabuti sa aking computer. At pagkatapos, siguro kung gusto ko ay nagkaroon ng karagdagang panahon Gusto ko pa nawala sa browser upang lab, at gusto ko pa tumingin sa, na rin, paano ito tumingin sa 18 Chrome sa Windows. Gusto ko mag-scroll pababa at gusto kong makita - oh hindi! Tumingin sa kahon anunsyo. Aking teksto ay umaapaw. Kaya, na masama, tama? Kung ang isang gumagamit ay gumagamit ng Chrome sa Windows at pagdating sa aking website, na agad na mukhang napaka-labag sa budhi ng propesyon. Kaya, dapat ako magpunta sa aking CSS at malaman kung ano ang bahagi ng aking CSS ay pagsira dito. Bakit hindi ito nagpapakita nang tama at ayusin ito upang ang lahat ng mga gumagamit ay maaaring makita ang parehong website at maging tulad ng masaya. 

At sa wakas, mahusay, browser screenshot ay maganda para sa pagsubok ng iyong CSS, ngunit kung ano ang tungkol sa iyong JavaScript? Paano ang tungkol sa kung mayroon kang ilang mga kumplikadong mga script na tumatakbo? Well, maaari mong laging gawin virtualization. Kung ikaw ay may isang Mac maaari mong gamitin Bootcamp o VMWare sa virtualize siguro ng kopya ng Windows at ang paggamit ng Internet Explorer doon. O kaya, maaari kang pumunta sa sa isang bagay tulad ng Spoon.net, na sa kasamaang-palad ay gagana lamang sa mga PC. Ngunit kung ano ang ginagawa nila ay napaka-cool. Virtualize Sila software para sa iyo upang maaari mong patakbuhin ang iba't ibang mga bersyon ng IE, halimbawa. Maaari kang magpatakbo ng iba't ibang mga bersyon ng Firefox. Maaari kang magpatakbo ng iba't ibang mga bersyon ng Safari at subukan ang lahat ng iyong mga website doon. Sa kasamaang palad, ang mga ito ay hindi libre. Iyon ay isang bayad na serbisyo, kaya't palagi uri ng mga ito - mayroong palaging uri ng mga ito kalakalan sa pagitan ng off, mahusay, ako pagpunta sa gumawa ng aking website hitsura mabuti. Kung gayon, maaari ba akong magkaroon upang magbayad para sa ilang mga serbisyo upang makatulong na gawin sa akin iyon. Ang anumang mga katanungan sa puntong ito tungkol sa anumang bagay na usapan natin ang tungkol sa? Kahanga-hanga. Okay. 

Ngayon kami ay may higit pang mga bagay na pag-uusapan. Paano ang tungkol sa mga error? Paano mo matiyak na ang iyong website ay pagpunta upang gumana kahit na kapag isang bagay masamang mangyayari? Siguro hindi mo na magkaroon ng isang pahina na may pangalang food.php. Ngunit sa akin, pumunta ako sa iyong website at subukan ko upang ma-access food.php. Ikaw ba ay lamang ng pagpunta sa ipakita sa akin na puting pahina na nagsasabing 404 - Hindi nahanap ang file? O kaya ay mo pagpunta sa sabihin, "Well, Sorry na hindi ko mahanap ito para sa iyo, ngunit marahil ay narito ang ilang iba pang mga mapagkukunan upang matulungan kang maghanap para sa kung ano ang kailangan mo. " Iba pang mga error - sa gayon, ito ay tinatawag na mga HTTP error na lamang ang ilang mga error codes na ang iyong server ay maaaring ibinabalik sa browser sa kaso ng isang bagay masamang mangyari. 400 - Bad Request. 401 - Hindi awtorisadong. 403 ay ang uri ng mga karaniwang kapag mayroon kang isang direktoryo na hindi dapat na ma-access sa pamamagitan ng mga gumagamit, ngunit ang user Sinusubukang pa rin. At 500 - Internal Server Error - na karaniwang mangyayari kapag mayroon kang isang bagay ganap na hindi maayos ng pagpunta sa gamit ang iyong PHP code. Ngunit sa anumang kaso, ang mga uri ng mga browser - ang mga uri ng mga error huwag mangyari. 

Kaya, paano gumawa ka ba na ikaw maganda pangasiwaan ang mga error at tiyakin na ang gumagamit ay hindi lamang ang uri ng nakabitin doon? Narito pagdating. Htaccess. Ngayon,. Htaccess ay isang bagay na gumagana sa Apache server, isang bagay na gumagana at gumagana sa ilang iba pang mga server pati na rin. Ito ay lamang ng isang paraan para sa iyo upang i-configure ang iyong server tulad na maaari kang gumawa gawin ito anumang nais mo itong gawin. Ang ilang mga bagay na maaari mong gawin. Maaari mong kontrolin ang iyong mga setting ng cache. Siguro mayroong isang tiyak na pahina sa iyong website na gumawa ka ba na ang user i-download muli sa tuwing ang gumagamit ng pagdating at bumisita sa iyong website. O siguro ay mayroon kang ilang mga URL na tulad ng yoursite.com / test / html / pages / hello.html at gusto mo lamang na maging yourname.com / kumusta -. rin, maaari mong gamitin ang htaccess i-redirect ang webpage isa sa isa pa. Maaari mo ring gamitin ito upang gawin ang pagpapatotoo. Marahil, mayroong ilang mga bahagi ng iyong website na kailangan mong gumamit ng ibang password. Maaari mong harangan ang ilang mga IP address, i-block ang tiyak na mga domain. Siguro mo lamang talagang hindi gusto Harvard mag-aaral gamit ang iyong website. Well, mayroon kang pagpipilian ng pag-block sa lahat ng mga IP address Harvard. 

Sa wakas, maaari mong ituring ang mga bagay - maaari kang sumulat ng ilang mga code upang gawin ang iyong server tratuhin tulad ng. Zhao o. iyong pangalan o. kumusta mga pahina ng PHP code. Siguro makikita na maging kapaki-pakinabang. Siguro na hindi magiging. At sa wakas, maaari mo itong gamitin upang mahawakan ang mga tugon error. Ano ang gagawin ko ibig sabihin sa pamamagitan ng na? Kung gumagamit ka lang magdagdag ng code na tulad nito - ErrorDocument 404 at pagkatapos ay ituro ang mga ito sa ilang mga pahina ng error, maaari mong tiyakin na ang gumagamit ay hindi lamang makita ang tunay, tunay pangit 404 at ipakita ang mga ito ng isang bagay na maganda. 

Sabihin talagang tumingin sa kung paano namin maaaring gawin iyon gamit ang iyong Pset 7. Narito, ako sa aking appliance. Pupunta ako upang buksan ang Chrome, at pagkatapos ay ako pagpunta sa subukan upang ma-access ang isang pahina na hindi umiiral sa CS50 Finance. Kaya, mga lokal na host - cats.php--kaya, mapapansin na aking nilikha ng error dokumento na nagsasabing, "Canz hindi mahanap z pahina!!" Ito ay isang napaka-malungkot na pusa dito. Kung pumunta ka sa Twitter, kung pumunta ka sa alinman sa mga iba pang mga site, hindi mo mahanap ang isang pahina, sila ay karaniwang subukan upang ipakita sa iyo ng isang maganda larawan nang sa gayon ay hindi ka masyadong bigo. Maaari mo ring magkaroon ng isang bagay na mas propesyonal na nagsasabing, well, Ikinalulungkot kong hindi ko mahanap ang pahina, ngunit marahil ay narito ang isang kahon sa paghahanap. O siguro ay narito ang ilang mga link na makakatulong sa iyong mahanap ang link na gusto mo. Kaya, paano ang gagawin ko ito? Paano ito kahit posible? Kung pumunta kami sa aming mga terminal dito - Lamang ako ng pagpunta sa mag-zoom in ng kaunti - mapansin na mayroon akong isang bagong pahina. Sa loob ng aking HTML direktoryo ang tawag dito - hindi mo maaaring makita ito - ang tawag dito error.php. At error.php lamang ang isang file na aking ginawa na nagpapakita sa iyo ang pahinang iyon mismo. Ang maaari kong ipakita sa iyo kung ano error.php ay. Ito ay eksakto ang pahinang ito. Sinasabi nito, "Ay naku! Canz hindi mahanap z pahina!!" At, kung gusto mong makita - kaya, mapapansin na ang htaccess uri ng ay isang kakatwang pangalan.. Ito ay nagsisimula sa isang tuldok na nangangahulugan na ito ay isang file system. Ito ay isang nakatagong file na kung saan ay hindi normal na ipinapakita. Kung gagawin mo ls-a, maaari mong makita ang lahat ng mga nakatagong file sa isang tiyak na direktoryo, at sa katunayan, makikita mo. htaccess ay isa sa mga ito. Sabihin sige at buksan htaccess. - may gedit - Boom! Ang lahat ng mayroon ako ay isa sa mga linya doon - Error dokumento para sa 404 na mga error na kung saan ay kilala rin bilang mga file-hindi-found error. Sabihin redirect ang mga ito sa isang bagay na tinatawag na error.php. Maaari kang magkaroon ng masaya mga bagay tulad ng canz hindi mahanap z pahina!! At mayroon ding mga napaka-cool na bagay na maaari mong gawin sa. Htaccess. Kung nais mong makita ang higit pa. Htaccess magic, ito ay isang napaka-cool na website upang pumunta sa - ito ay tinatawag na javascriptkit.com/howto/htaccess.shtml-- kung nais mong magsagawa ng higit pang mga server magic. At maaaring ito ay masyadong masaya. 

Whew! Ang lahat ng mga karapatan! Higit pang mga larawan nakatutuwa. Ito ay isang tao paggawa ng push-ups, at ang kanyang cat ay sinusubukan upang makatulong. Sa tingin ko ay masyadong nakatutuwa. Sa kasamaang palad, hindi ko magkaroon ng pusa tulad na. Ayos lang. Kaya, kami uusapang tungkol sa. Htaccess. Aming uusapang tungkol sa error handling. Aming uusapang tungkol sa pagho-host, mga pangalan ng domain. Aming uusapang tungkol sa cross-browser compatibility. Ngayon paano namin matiyak na ang iyong website talagang gumaganap? Paano gumawa kami sigurado na kung ako pumunta sa iyong website Maaari ko bang makita ang iyong mga pahina sa loob ng ilang segundo? Isa sa mga bagay na sa tingin ko ang mga tao lamang ang uri ng nakalimutan ang tungkol sa ay imahe optimization. Sabihin natin na nais mong ilagay ang isang larawan sa iyong site at ito ay 2 MG malaki. Iyon ay maaaring maging fine para sa atin dahil kami sa Harvard, at kami ay may isang napakabilis na koneksyon sa Internet. Ngunit isipin na isang tao sa China. Isipin ng isang tao sa Indya. Isipin isang tao siguro sa rural Kansas sino siguro ay hindi magkakaroon ng parehong uri ng broadband Internet na mayroon kami. Kung mayroon kang isang imahe 2 MB sa iyong site at ang mga user ay sumusubok na i-access ito, ito ay pagpunta sa kumuha sa kanila ng isang talagang mahabang oras upang i-download. Kaya, kung hindi mo na kailangan na uri ng resolution, pagkatapos ay maaari mong baguhin ang laki ng iyong mga larawan na may isang bagay tulad ng Adobe Photo Shop. Mayroong karaniwang isang opsyon na tinatawag na ligtas para sa web at mga aparato, at kung ano ang ginagawa nito ay ito piraso out sa lahat ng mga hindi kailangang impormasyon at uri ng compacts ang iyong file sa isang maliit na sukat ng imahe sa gayon ay maaari mong ilagay ito sa iyong website, at sa sinumang gumagamit na sinusubukan upang i-download na pahina ay pagpunta upang i-download ang isang mas maliit na bersyon ng iyong imahe. Kung wala kang Adobe Photo Shop webresizer.com ay din isa pang mapagkukunan kung saan maaari kang maglagay ng iyong mga larawan at ito ay sabihin ang lahat ng eksaktong parehong imahe, ngunit ito ay magiging isang bagay tulad ng 3 beses na mas maliit. Kaya na ay masyadong kapaki-pakinabang para sa iyong mga user. 

Isa pang bagay na maaari mong gawin ay magpaliit code. Kung tumagal kami ng isang pagtingin sa Google.com, makikita mo na ito ay hindi-uri ng parehong HTML at CSS na aming ginamit upang. Lamang ng pagpunta sa tumingin sa source code dito. Kung ako lang mag-scroll pababa - a, na mukhang medyo karima-rimarim. Ito ay makakuha ng isang zero sa estilo. Kung naka-code na ito para sa iyong Pset, makakakuha ka ng zero sa iyong estilo. Ito ay walang mga puwang. Ang mga pangalan tumingin talaga misteriyoso. Lahat ng ito ay talagang Nakaiinis. At ang script upang isara sa katawan - ang pansarang tag na HTML - ang mga ito ay ang lahat ng sama-sama - lahat smushed magkasama. Bakit nila gawin ito? Sila minified kanilang mga code. Pansinin na ang dokumentong ito ay magiging ng maraming mas maliit para sa akin upang i-download sa isang bagay na may puting espasyo, kaysa sa isang bagay na may talagang mahaba ang pangalan ng variable. Kung magpaliit mo ang iyong code inalis mo ang lahat ng mga puting espasyo. Siyempre, ang iyong browser ay hindi mahalaga kung mayroon kang anumang mga puting espasyo sa iyong code. Inalis mo ito, ngayon ay maaari akong mag-download ng isang mas maliit na file - ngayon ang mga file - ang dokumento na aming pagpunta upang i-download ay may isang mas maliit na sukat ng file, ito ay magiging mas mabilis na para sa akin upang i-download, at na kapaki-pakinabang. Kung nagtatrabaho ka sa website at ikaw ay paglunsad ng isang website, ito ay halos palaging magandang upang magpaliit iyong code. Ang isa pang dahilan kung bakit maaari itong maging mabuti ay marahil hindi mo nais ang iba na gamitin ang iyong code. Siguro hindi mo nais ang iba na gamitin ang iyong CSS. Alam mo kung mo ba talagang nais na maging maramot na may, pagkatapos ay maaari mo ring magpaliit iyong code, at magiging mas mahirap para sa akin upang nakawin ito dahil wala akong mga ideya kung anong nangyayari sa. Maaari ka ring pumunta sa mga website tulad ng minify.avivo.si. 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. Talagang huwag gawin ito sa pamamagitan ng kamay. 

Okay. Ngayon ay nagsasalita tungkol sa mga script. Siguro sa iyong PHP code mayroong isang bagay na hindi mo na kailangan na gawin. Siguro mayroong dagdag na mga loop sa doon. Usapan natin ang tungkol sa disenyo ng code sa CS50. Kahit na kung ikaw ay coding sa C kung mayroon kang - kung gumagawa ka ng dagdag na trabaho na hindi mo na kailangan na gawin, mahusay, na nangyayari na pabagalin ang iyong mga script sa iyong website, at ito ay lalong mahalaga para sa mga website dahil ang mga gumagamit ngayong mga araw na ito ay napaka walang tiyaga. Kung ginagawa mo ang mga hindi kinakailangang trabaho, ito ay pagpunta sa tumagal ang mga ito na upang makuha ang impormasyon na gusto nila, at sila ay pagpunta sa maging masyadong masaya. Panghuli, maaaring gusto mong i-optimize ang iyong mga talahanayan ng database. Alalahanin usapan natin ang tungkol sa ini-index. Ang mga ito ay hindi lamang mabuting para sa pagtiyak na mayroon kang isang hilera na natatangi. Ang mga ito ay din mabuti para sa pagtiyak na ang iyong database ay gumagana mabilis. Kung gusto mong basahin hanggang sa na go sa dokumentasyon MySQL, o maaari kang tumingin sa - na rin, paano ko i-optimize ang aking database talahanayan? Paano ako sigurado na mayroon akong mga indeks na makatulong sa akin na makuha ang impormasyon nang mas mabilis? 

Mayroon ding maliit na tricks na maaari mong gamitin gaya ng pag-cache. Kung mayroon kang PHP - kung mayroon kang isang blog, halimbawa, at ikaw ay may - at ito ay pinapatakbo ng PHP o sa pamamagitan ng anumang iba pang mga wika - maaari mong cache ng iyong blog sa sabihin nating 50 minutong agwat nang sa gayon ay maaari mong maghatid ng mga static na pahina o static HTML upang ang mga bisita sa iyong site. Sa ganoong paraan ang mga gumagamit ay hindi upang patakbuhin ang iyong PHP script sa bawat oras, at siguro na magiging mas mabilis na para sa kanila upang ma-access ang impormasyon na iyon. 

At sa wakas, maaari mong gamitin ang isang bagay tulad ng CDN. Pansinin na kapag nag-download ka ng isang Pset, ka palagi sa CDN.CS50.net. Bakit na? CS50 ay gumagamit din ng isang uri ng tulad ng isang CDN - isang network ng nilalaman pamamahagi - na kung saan ay nangangahulugan lamang na ito ay isang bungkos ng mga server siguro sa isang lugar sa buong mundo tulong na ihatid ang iyong mga pahina sa iyong mga bisita. Kung ang iyong mga bisita ay nakakakuha ng isang pahina mula sa isang server na mas malapit sa kanila heograpiya, pagkatapos ay pinaka-malamang na ang iyong mga bisita ay pagpunta upang makakuha ng file na iyon ng maraming mas mabilis. Mayroon ding mga online na mapagkukunan na makakatulong sa gawin mo na. Ang isa sa mga ito ay CloudFlare. Nag-aalok ito ng libreng serbisyo CDN. Kung mayroon kang maraming mga file na iyong paghahatid sa iyong mga gumagamit, 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. 

Ang huling topic para sa araw ay pag-optimize ng search engine. Ano ang optimization search engine? Na tinitiyak na ang mga search engine tulad ng Google o Bing o Yahoo Maaari pumunta sa iyong site at crawl ang iyong site at index ng iyong site at kapag Ako, halimbawa, pumunta sa Google.com upang at subukan ko upang maghanap para sa isang bagay, pagkatapos ang iyong site ay pop up. Paano mo matiyak na ang iyong site ay isa sa mga nangungunang 10? Dahil bilang namin ang lahat ng alam mo na, kung naghahanap ka para sa isang bagay sa Google at ito'y hindi sa itaas na 10 ka pinaka-malamang na hindi pagpunta upang tumingin sa susunod na 10. Ito ay uri ng isang paksa na shrouded sa misteryo. Mayroong isang pulutong ng mga hype out doon sa Internet. May ng maraming superstitions tungkol sa kung mo x pagkatapos Google ay gusto mo ng mas mahusay. Kung y mo pagkatapos Google ay gusto mo ng mas mahusay. Ito ay marahil mas mahusay na upang tumingin sa mga dokumento ang paghahanap higanteng ni mismo. 

Ito ay isa sa mga dokumento sa Google na sabihin sa iyo nang eksakto kung paano i-optimize ang iyong site sa gayon ang Google ay maaaring ma-access at i-index ito napaka mabuti. Hindi mo na kailangang kopyahin ang URL na ito dahil ang pagtatanghal na ito ay pagpunta sa maging online pa rin. Kung tumingin ka sa ito at basahin mo ito may ilang mga napaka-kapaki-pakinabang na mga pahiwatig sa doon. Ang Google ay nagsasabi sa iyo - kung gusto mo talagang sa site mo ay mai-index na rin pagkatapos ay dapat mong gawin ang lahat ng mga bagay na ito. 

Isa pang bagay na mga search engine talagang gusto ang sariwang nilalaman. Kung ikaw ay may nilalaman na-update na regular na napaka pagkatapos search engine sabihin, ooh, gusto ko ang iyong site. Pupunta ako upang pumunta sa iyong site napakadalas. Pupunta ako sa index ng maraming ng iyong mga pahina. Kung mayroon ka ng mga sariwang nilalaman pagkatapos ikaw ay mas malamang na ipakita up - ikaw ay mas malamang na maging mas may-katuturan. Ikaw ay mas malamang na maging mas na-update, at mga search engine ay mas malamang na ilagay ang iyong site sa itaas ng iba. 

Deep link ay mahalaga din. Kung talagang gusto ang iyong site upang tumingin mabuti sa mga mata ng isang search engine pa ng maraming iba pang mga website na naka-link dito at malalim na naka-link sa iyong website. Huwag lamang mag-link sa iyong homepage. Link sa siguro yourname.com / bagay / bagay / something.php. Iyon - sa isang search engine - ibig sabihin, a, mayroon silang talagang kawili-wiling nilalaman na may ibang tao ay nagli-link kaya malalim sa kanilang site na dapat ko talaga, talaga ilagay nang higit pa kahalagahan sa mga pahina na site. 

Kung mayroon kang mga tumpak na mga pamagat ng pahina, kung mayroon kang walang mga error na mabuti dahil kung ang isang search engine ay sinusubukan upang bisitahin ang iyong site, at ito ay nakakakuha ng isang error, marahil ito ay pagpunta sa bigyan up napaka, sa lalong madaling panahon. At sa wakas, gusto mong magkaroon ng isang mabilis na oras ng pag-load dahil sa mga search engine - tulad ng mga kawani na tao - don't magkaroon ng maraming pasensya para sa mga mabagal na website. Ito ay isang paraan para sa iyo upang matiyak na ipakita sa iyo up mas mataas sa mga query ng paghahanap engine at sana sa gayong paraan makakuha ng mas maraming trapiko. Dahil pagkatapos ng lahat, mo na ginugol ang lahat ng oras na ito develop ng iyong website. Ikaw na ginugol ang lahat ng oras na ito sa paglunsad ng website na ito online. Gusto mong tiyakin na mayroon ka ng maraming mga user na aktwal na makita ang iyong nilalaman. 

Iba pang mahusay na mapagkukunan upang gamitin. Google Webmaster Tools ay isang bagay upang tumingin sa sa. Ito lamang ay tumutulong sa iyo na makita - Ang Google ay hindi index ang aking site. Ano ang mga uri ng mga error ay nakakaranas ito? Gaano karaming mga pahina ay na-index ito? Ano ang tingin ito ay ang pinaka mahalagang nilalaman sa aking pahina? Siguro hindi iyon ang gusto ko ito upang maging. Siguro kailangan kong baguhin ang aking website nang kaunti tulad na ito ay mas mahusay na nakalarawan kung ano ang aking website ay talagang tungkol sa. Ang Google Analytics ay isa pang talagang cool na tool. Maaari kang magdagdag ng isang maliit na bit ng JavaScript sa iyong mga pahina. At pagkatapos ay pagkatapos maaari kang pumunta sa Google Analytics, at ito ay subaybayan ang iyong mga bisita at mga demograpiko ng iyong site paglago. Ito ay magsasabi sa iyo nang eksakto kung gaano karaming mga bisita bisitahin ang iyong site sa loob ng isang tiyak na araw, sa loob ng isang tiyak na oras, sa loob ng isang tiyak na linggo. Gaano karaming mga bisita mula sa China? Gaano karaming mga bisita mula sa Antarctica - nakukuha mo sa iyong website. na maaaring maging isang bagay na cool na upang makita o baka kahit na maging kapaki-pakinabang dahil sinusubukan mong i-target ang isang tiyak na pangkat. Siguro sinusubukan mong i-target ang mga tinedyer sa iyong website, at tingnan mo na ang karamihan sa mga bisita sa iyong website ay marahil 30 - sa 40-taong gulang, pagkatapos ay marahil alinman mayroon kang problema o maaari mo lamang sabihin, na rin, pagkatapos ay marahil ang dapat kong baguhin lamang focus ang aking website nang sa gayon ay Tumuon akong higit sa na pangkat ng edad. 

Google Apps - kung nais mong magkaroon ng isang uri ng mga email gamit ang pangalan ng iyong domain - siguro bagay na gusto yourname@yourname.com-- maaari mong gamitin ang gmail address - maaari mong gamitin ang gmail serbisyo at Google Apps ay isang paraan upang gawin iyon. Maaari mong i-set up ang partikular na mga email address na partikular sa iyong domain name sa halip of@gmail.com. 

At sa wakas, may mga web developer at mga extension ng mga add-on - para sa Chrome, para sa Firefox, para sa iba pang mga browser - na nagbibigay-daan sa iyo upang pumunta sa at siyasatin CSS, siyasatin JavaScript, eksaktong makita kung ano ang mali sa iyong JavaScript script, at marahil na kailangan maging kapaki-pakinabang para sa iyong mga de-bugging layunin, para sa iyo sa paghahanap ng out - na rin, kung bakit ay hindi ang aking website sa pagpapakita ng tama sa browser na ito? 

At sa wakas, kung nais mong madagdagan ang nalalaman tungkol sa lahat ng mga paksang ito - kung gusto mong matuto nang higit pa tungkol sa HTML at CSS at JavaScript - dahil pagkatapos ng lahat, lamang namin ang nagturo sa iyo ng kaunti - maaari kang pumunta sa website tulad ng W3Schools.com upang tumingin para sa higit pang mga mapagkukunan. Ang mga ito ay napakabuti tutorial sa kung paano ang gagawin ko x, o kung ano ang ibig sabihin ng y? Kung gusto mong matuto nang higit pa tungkol sa mga wikang ito maaari kang pumunta lamang dito. 

Ayos lang. Sa tingin ko Nais kong mag-iwan ng huling ilang minuto ng ito para sa mga katanungan, sa gayon ay mayroong anumang mga katanungan tungkol sa anumang bagay na usapan natin ang tungkol sa? [Madla miyembro] Anong mga uri ng mga bagay ay sa W3Schools at paano ito sakop? [Yuechen Zhao] Anong mga uri ng mga bagay-bagay? Kaya, ang isa sa mga napaka pinakamalaking bagay na aking ginagamit ng maraming ay ang kanilang mga sanggunian. Ang kanilang mga sanggunian detalye, halimbawa para sa CSS - kung ano ang ibig sabihin nito o kung gusto mong baguhin ang background ng isang pahina - paano mo gawin ito? Aling mga browser na sumusuporta sa utos? Mga bagay na tulad ng. At pagkatapos sila din lang ay napakabuti tutorial sa HTML, sa PHP, sa JavaScript, sa MySQL, sa lahat ng uri ng iba't ibang mga paksa. Ang mga ito ay maganda ang tutorial. Sila ay magturo sa iyo kung paano gawin ang mga bagay. Ito ay maganda upang magawang pumunta at matuto nang higit pa tungkol sa mga paksang ito. 

[Madla miyembro] HTML 5 ay hindi pa rin compatible sa lahat ng mga browser out doon. Gusto mo inirerekomenda lamang naglalagi ang layo mula sa ito dahil sa mga isyu sa pagiging tugma? Paano mo haharapin ang mga iyon? [Yuechen Zhao] Oo, sa gayon, ang tanong ay HTML5 ay pa rin ng isang sanggol standard. Hindi ito talaga ang sinusuportahan ng maraming mga browser, kaya dapat naming maiwasan ito? Sa tingin ko noong nakaraang taon Gusto ko naging isang napaka-malaki tagasulong ng, sabihin iwasan HTML5 dahil ito ay pa rin - ito ay pa rin napaka bago at sa katunayan, ang HTML5 standard ay hindi pa tinatapos pa. At kaya, doon talaga ay walang HTML5 standard. Ngunit sa tingin ko lalo na kung ikaw ay pagdisenyo ng isang website na ngayon, maaari itong maging mas mahusay na kung ikaw ay pumunta lamang sa HTML5 dahil iyon ang uri ng pagpunta sa maging sa hinaharap, at kung nais mo ang iyong website upang maging sa hinaharap-katibayan at nais mo ang iyong website upang gumana sa hinaharap na mga browser, maaari itong maging mas mahusay na upang simulan ang gusali ng isang bagay para sa hinaharap kaysa para sa nakaraan, at din lamang dahil sa ang katunayan na ang HTML5 talaga ay hindi na naiiba mula HTML4 o XHTML. Kung ikaw ay gumagamit ng HTML5, tulad ng normal na gagana sa karamihan sa mga browser. Ikaw lamang ang may upang ayusin ng pumunta sa at siguraduhin na may mga screenshot at tinitiyak na may nagaganap sa mga website na ito sa iyong sarili. Ngunit ang pinaka-malamang ay ito gumagana maliban kung gumagamit ka ng napaka tiyak na mga tampok sa HTML5. Pansinin na masyadong para sa CS50 - halimbawa, para sa mga video player na ginagamit namin - ito ay gumagamit ng HTML5 at HTML5 video upang ipakita ang mga aralin. Ngunit kung mayroon kang isang talagang lumang browser, pagkatapos ay magkakaroon ito umasa sa Flash. Kaya, na din ibang bagay - magkaroon ng isang pagkahulog-likod ng system para sa kapag mo lamang malaman na ang browser ay hindi pagpunta upang pangasiwaan kung ano ang nais mo ito upang mahawakan. 

Iba pang mga tanong? Kahit ano na usapan natin ang tungkol. Ayos lang. Pagkatapos ay sa tingin ko na ang tungkol dito para sa akin. Sa tingin ko na ito. (Palakpakan) Cool. [CS50.TV]