1 00:00:00,000 --> 00:00:02,000 [Powered by Google Translate] [Seminar] [Persediaan Site untuk Web] 2 00:00:02,000 --> 00:00:05,000 [Yuechen Zhao] [Universiti Harvard] 3 00:00:05,000 --> 00:00:07,000 [Ini adalah CS50.] [CS50.TV] 4 00:00:07,000 --> 00:00:11,660 >> Okay. Berikut adalah satu lagi jam pembangunan web jika anda semua sehingga untuk itu. 5 00:00:11,660 --> 00:00:16,290 Hari ini saya akan bercakap tentang menyediakan laman web anda untuk Web. 6 00:00:16,290 --> 00:00:20,260 Sepanjang hari - dan mungkin untuk 2 minggu yang lalu - 7 00:00:20,260 --> 00:00:22,240 kita telah bercakap tentang bagaimana untuk membuat laman web, 8 00:00:22,240 --> 00:00:24,880 bagaimana untuk menggunakan HTML, bagaimana untuk menggunakan PHP, bagaimana untuk menggunakan rangka kerja, 9 00:00:24,880 --> 00:00:29,420 bagaimana untuk memastikan bahawa anda boleh berinteraksi dengan pangkalan data - perkara-perkara seperti itu. 10 00:00:29,420 --> 00:00:34,830 Tetapi hari ini, kita akan bercakap tentang di mana laman web anda akan hidup selepas CS50. 11 00:00:34,830 --> 00:00:40,010 Kerana selepas semua, CS50 tidak berlaku lalu Disember. 12 00:00:40,010 --> 00:00:42,090 Kami akan bercakap mengenai nama domain, hosting. 13 00:00:42,090 --> 00:00:44,790 Kami akan bercakap tentang apa keserasian pelayar 14 00:00:44,790 --> 00:00:49,540 dan keserasian cross-platform, dan bagaimana anda boleh memastikan bahawa laman web anda 15 00:00:49,540 --> 00:00:51,610 akan beroperasi di bawah semua keadaan. 16 00:00:51,610 --> 00:00:54,330 Kami akan bercakap mengenai pengendalian ralat dan sihir pelayan lain. 17 00:00:54,330 --> 00:00:57,890 Kami bercakap tentang pengoptimuman prestasi, pengoptimuman enjin carian, 18 00:00:57,890 --> 00:01:00,310 dan bagaimana untuk mendapatkan orang ramai untuk benar-benar melawat laman web anda. 19 00:01:00,310 --> 00:01:05,960 Dan akhirnya, hanya beberapa sumber yang baik untuk memastikan bahawa anda semua mempunyai cukup dari orang-orang 20 00:01:05,960 --> 00:01:09,680 untuk pergi dengan projek akhir anda, dan diharapkan selepas. 21 00:01:09,680 --> 00:01:13,120 >> Perkara pertama yang kita akan bercakap tentang nama-nama domain. 22 00:01:13,120 --> 00:01:18,020 Sekarang anda pengaturcaraan dalam perkakas anda, anda akan menjadi tuan rumah tempatan 23 00:01:18,020 --> 00:01:20,360 yang sebenarnya bukan satu nama domain. 24 00:01:20,360 --> 00:01:26,370 Itulah jenis hanya nama samaran atau alias untuk pemasangan sebenar anda Linux 25 00:01:26,370 --> 00:01:31,150 sama ada di dalam VMware pada Mac atau VMware Player pada PC. 26 00:01:31,150 --> 00:01:36,510 Nama-nama domain membolehkan anda untuk meletakkan laman web ke Web dan kemudian pergi ke sesuatu seperti 27 00:01:36,510 --> 00:01:39,400 www.google.com dan mendapatkan laman web. 28 00:01:39,400 --> 00:01:41,500 Bagaimana ia berfungsi? 29 00:01:41,500 --> 00:01:43,390 Mari kita mengatakan bahawa anda hanya pelayan web purata - 30 00:01:43,390 --> 00:01:50,080 purata Web surfer dan anda mempunyai komputer riba, dan anda pergi ke www.howstuffworks.com. 31 00:01:50,080 --> 00:01:52,570 Anda mungkin boleh melihat di mana saya mencuri dari. 32 00:01:52,570 --> 00:01:57,300 Bagaimana kerja-kerja barangan - komputer anda akan meminta pelayan DNS tempatan, 33 00:01:57,300 --> 00:01:59,300 "Adakah anda tahu di mana laman web ini?" 34 00:01:59,300 --> 00:02:02,200 "Adakah anda tahu alamat IP www.howstuffworks.com?" 35 00:02:02,200 --> 00:02:05,580 Pelayan DNS anda mungkin berkata, "Ya, saya lakukan." 36 00:02:05,580 --> 00:02:09,139 Dalam kes itu, anda akan mendapat alamat IP, dan komputer anda mengakses alamat IP. 37 00:02:09,139 --> 00:02:15,050 Jika tidak, ia meminta pelayan DNS yang lain, "Hey! Adakah anda tahu apa www.howstuffworks.com itu?" 38 00:02:15,050 --> 00:02:17,670 Pelayan mungkin berkata, "Ya, saya lakukan." 39 00:02:17,670 --> 00:02:22,500 Jadi, ia memberitahu satu lagi apa itu, dan akhirnya, maklumat yang mendapat diluluskan untuk komputer anda, 40 00:02:22,500 --> 00:02:24,680 dan anda boleh mengakses howstuffworks.com. 41 00:02:24,680 --> 00:02:27,540 >> Bagaimana anda boleh mendapatkan salah satu daripada perkara-perkara ajaib? 42 00:02:27,540 --> 00:02:32,940 Bagaimana anda boleh mendapatkan mungkin www.yourname.com atau www.ilovecats.com? 43 00:02:32,940 --> 00:02:35,350 Anda boleh mendaftar untuk satu, 44 00:02:35,350 --> 00:02:38,280 dan terdapat banyak laman web di luar sana yang membolehkan anda untuk berbuat demikian. 45 00:02:38,280 --> 00:02:41,420 Anda mesti - dalam keadaan yang paling anda perlu membayar untuk mereka. 46 00:02:41,420 --> 00:02:43,890 Terdapat nama-nama domain tertentu yang bebas. 47 00:02:43,890 --> 00:02:50,900 Jika anda pergi ke tkdomainnames www.co.cc atau., Mereka adalah percuma. 48 00:02:50,900 --> 00:02:56,500 Tetapi, mereka datang dengan sekatan-sekatan tertentu, malah sebahagian daripada mereka mungkin tidak menjadi 49 00:02:56,500 --> 00:03:00,540 sebenar, nama domain peringkat atasan seperti. com atau. bersih. 50 00:03:00,540 --> 00:03:03,300 Biasanya saya akan mencadangkan pergi untuk salah seorang daripada mereka 51 00:03:03,300 --> 00:03:07,060 kerana pengguna hanya lebih selesa dengan mereka. 52 00:03:07,060 --> 00:03:10,070 Anda telah melihat banyak. Coms. Anda telah melihat banyak. Jaring. 53 00:03:10,070 --> 00:03:13,790 Anda mungkin tidak pernah melihat banyak. Co.cc 's, jadi mereka lebih sukar untuk ingat. 54 00:03:13,790 --> 00:03:18,900 Laman web yang berbeza seperti Godaddy atau NameCheap atau - saya menggunakan satu yang 55 00:03:18,900 --> 00:03:21,550 jenis lengkap - activedomain.com dipanggil. 56 00:03:21,550 --> 00:03:24,160 Ia kelihatan benar-benar lengkap, tetapi ia benar-benar bekerja dengan baik bagi saya. 57 00:03:24,160 --> 00:03:27,810 >> Dan akhirnya, anda mempunyai lain-lain yang mungkin melakukan lebih banyak pengiklanan seperti Network Solutions. 58 00:03:27,810 --> 00:03:31,140 Tetapi jika anda pergi ke NetworkSolutions.com dan melihat harga mereka 59 00:03:31,140 --> 00:03:34,070 ia adalah benar-benar mahal. Saya melihat mereka malam tadi. 60 00:03:34,070 --> 00:03:37,400 Untuk satu tahun daripada nama domain, ia mungkin tidak bernilai wang yang banyak. 61 00:03:37,400 --> 00:03:40,210 Malah, jika anda mendapat. Com atau. Org atau. Bersih 62 00:03:40,210 --> 00:03:43,430 harga biasa adalah kira-kira $ 10 setahun. 63 00:03:43,430 --> 00:03:48,710 Jadi, jika anda membayar lebih banyak daripada itu, ia mungkin tidak begitu berbaloi 64 00:03:48,710 --> 00:03:52,440 kerana, selepas semua, laman web ini tidak berbuat apa-apa dengan nama domain. 65 00:03:52,440 --> 00:03:58,270 Mereka hanya memberikan kepada anda, dan jika anda boleh mendapatkan ia untuk murah, mengapa tidak? 66 00:03:58,270 --> 00:04:02,540 >> Satu perkara lagi ialah apabila anda mempunyai nama domain anda, maka anda mungkin mahu 67 00:04:02,540 --> 00:04:08,610 pergi ke sama ada Godaddy.com mana saja anda membeli nama domain anda 68 00:04:08,610 --> 00:04:11,220 dan menetapkan pelayan nama untuk nama domain. 69 00:04:11,220 --> 00:04:15,560 Apa yang dimaksudkan itu adalah sebaik sahaja pengguna pergi ke www.howstuffworks.com, 70 00:04:15,560 --> 00:04:20,839 mereka nama alamat IP pelayan adalah alamat IP yang mereka akan dapat untuk mencari. 71 00:04:20,839 --> 00:04:24,680 Mereka akan dapat mengakses laman web anda melalui orang-orang pelayan nama. 72 00:04:24,680 --> 00:04:26,830 Jika anda memohon untuk menjadi tuan rumah tempat 73 00:04:26,830 --> 00:04:31,210 maka tuan rumah anda kemungkinan besar akan memberikan pelayan nama untuk digunakan. 74 00:04:31,210 --> 00:04:34,210 >> Dan akhirnya, ada perkara ini dipanggil WHOIS. 75 00:04:34,210 --> 00:04:38,890 Satu pangkalan data WHOIS adalah pangkalan data yang anda boleh input nama domain 76 00:04:38,890 --> 00:04:44,170 dan ia akan meludah keluar beberapa maklumat tentang pemilik laman web itu dan maklumat perhubungan yang lain. 77 00:04:44,170 --> 00:04:49,080 Kini, anda boleh berkata, "Saya tidak benar-benar mahu alamat rumah saya atau saya tidak benar-benar mahu alamat e-mel saya 78 00:04:49,080 --> 00:04:54,010 di laman web untuk sesiapa sahaja untuk melihat atau di Internet untuk semua orang untuk melihat. " 79 00:04:54,010 --> 00:04:57,740 Maka anda mungkin mahu menggunakan sesuatu yang banyak perkhidmatan hosting memberikan - 80 00:04:57,740 --> 00:04:59,740 seperti pengurus WHOIS. 81 00:04:59,740 --> 00:05:03,550 Seorang pengurus WHOIS hanya perkhidmatan lain yang banyak daripada mereka memperuntukkan bahawa 82 00:05:03,550 --> 00:05:07,700 menyembunyikan maklumat yang jauh dan hanya meletakkan dalam yang pengurus bagi nama - 83 00:05:07,700 --> 00:05:13,070 untuk alamat ia biasanya hanya bahawa nama syarikat itu memberi anda nama domain ini - 84 00:05:13,070 --> 00:05:17,350 dan sebagainya maka maklumat peribadi anda tidak bocor di Internet, 85 00:05:17,350 --> 00:05:19,350 yang biasanya cukup baik. 86 00:05:19,350 --> 00:05:21,350 Saya sendiri menggunakan salah satu daripada perkhidmatan ini. 87 00:05:21,350 --> 00:05:25,630 Jika anda tidak mengambil berat tentang privasi anda sendiri maka ia tidak benar-benar perkara. 88 00:05:25,630 --> 00:05:32,490 >> Seorang pelayan DNS bermaksud Sistem Nama Domain, dan apa yang ia adalah - 89 00:05:32,490 --> 00:05:36,560 ia adalah jenis seperti tempat jadual hash yang mengatakan, 90 00:05:36,560 --> 00:05:42,320  "Ini alamat laman web akan merancang ke alamat IP ini." Dan itu semua itu. 91 00:05:42,320 --> 00:05:48,180 Jadi apabila anda query pelayan DNS ini, maka anda boleh mendapatkan alamat IP 92 00:05:48,180 --> 00:05:51,930 bagi nama domain yang sama dan kemudian melawat laman web itu. 93 00:05:51,930 --> 00:05:59,820 (Ahli penonton bertanya soalan - didengar) 94 00:05:59,820 --> 00:06:07,910 Pertama? Peringkat pertama sebenarnya adalah biasanya hanya cache komputer anda sendiri. 95 00:06:07,910 --> 00:06:12,570 Jenis komputer anda masih ingat kali terakhir anda pergi ke www.google.com 96 00:06:12,570 --> 00:06:18,090 ia adalah pada alamat IP ini, dan kemudian selepas seketika, cache yang akan tamat, 97 00:06:18,090 --> 00:06:23,560 dan ia akan meminta seperti Comcast DNS, 98 00:06:23,560 --> 00:06:26,400 "Hei, apa yang www.google.com?" 99 00:06:26,400 --> 00:06:31,040 Biasanya, apabila anda membeli nama domain dan anda mendaftar satu, dan anda menubuhkan laman web, 100 00:06:31,040 --> 00:06:35,670 anda tidak boleh pergi ke laman web yang segera dengan nama domain pelayan kerana nama 101 00:06:35,670 --> 00:06:40,180 di seluruh dunia tidak tahu tentang nama domain anda lagi. Ia mempunyai untuk mengisi. 102 00:06:40,180 --> 00:06:43,220 Ia biasanya mengambil masa kira-kira 24-48 jam. 103 00:06:43,220 --> 00:06:48,460 Baiklah. Jadi, itulah sedikit tentang nama-nama domain. Mereka sangat sejuk. 104 00:06:48,460 --> 00:06:51,540 Saya fikir anda perlu mendapatkan satu jika anda serius mengenai projek itu 105 00:06:51,540 --> 00:06:55,300 dan jika anda benar-benar mahu membuat projek anda dikenali di seluruh kampus, 106 00:06:55,300 --> 00:06:58,050 mempunyai nama domain membuat ia kelihatan benar-benar profesional. 107 00:06:58,050 --> 00:07:01,510 >> Maka langkah seterusnya, sudah tentu, adalah untuk mempunyai beberapa jenis hosting. 108 00:07:01,510 --> 00:07:05,540 Jika anda hanya menjadi tuan rumah pada komputer anda, tiada siapa yang pernah akan dapat pergi kepadanya. 109 00:07:05,540 --> 00:07:09,110 Anda mungkin boleh menubuhkan pelayan pada komputer anda dan memastikan komputer anda selama-lamanya, 110 00:07:09,110 --> 00:07:11,160 tetapi itu tidak digalakkan. 111 00:07:11,160 --> 00:07:14,000 Terdapat pelbagai jenis hosting talian yang ada. 112 00:07:14,000 --> 00:07:21,870 Ada dikongsi hosting. Ada VPN (difahami) yang tuan rumah maya. 113 00:07:21,870 --> 00:07:23,870 Ada separuh berdedikasi dan khusus. 114 00:07:23,870 --> 00:07:29,030 Daripada 3 lepas, VPN, semi-berdedikasi, berdedikasi dan biasanya lebih mahal. 115 00:07:29,030 --> 00:07:32,660 Mereka biasanya digunakan untuk laman-laman web yang memerlukan lebih banyak sumber. 116 00:07:32,660 --> 00:07:34,680 Jika anda baru bermula dengan sebuah laman web, 117 00:07:34,680 --> 00:07:40,670 ia hanya mungkin lebih menjimatkan untuk pergi dengan hosting yang dikongsi. 118 00:07:40,670 --> 00:07:43,430 Dan apa yang dikongsi bermakna hanya sekumpulan laman web adalah semua bersama-sama 119 00:07:43,430 --> 00:07:51,560 menyusun satu pada satu pelayan di laman web ini pada pelayan tuan rumah ini, dan anda boleh mengakses laman web anda 120 00:07:51,560 --> 00:07:53,660 melalui nama domain. 121 00:07:53,660 --> 00:07:55,980 >> Terdapat banyak tuan rumah yang popular di luar sana. 122 00:07:55,980 --> 00:08:01,160 HostGator dan Dreamhost - mereka adalah sangat, sangat besar dan sangat, sangat popular 123 00:08:01,160 --> 00:08:03,160 dan sangat, sangat berjaya. 124 00:08:03,160 --> 00:08:05,160 Saya sendiri menggunakan satu MDDHosting dipanggil. 125 00:08:05,160 --> 00:08:08,240 Jika anda pergi ke www.mddhosting.com, itu tuan rumah saya pilihan. 126 00:08:08,240 --> 00:08:10,240 Saya rasa mereka sangat baik. 127 00:08:10,240 --> 00:08:14,550 Mereka telah sentiasa menjadi sangat dipercayai, dan saya tidak pernah mempunyai sebarang masalah dengan mereka. 128 00:08:14,550 --> 00:08:18,610 Mereka juga mempunyai harga yang sangat kompetitif. 129 00:08:18,610 --> 00:08:24,400 Dua yang saya tidak benar-benar adalah seperti GoDaddy - yang juga merupakan tuan rumah yang sangat popular, 130 00:08:24,400 --> 00:08:26,400 tetapi saya mempunyai pengalaman yang dahsyat dengan mereka, 131 00:08:26,400 --> 00:08:29,430 dan ramai orang yang saya tahu mempunyai pengalaman yang benar-benar dahsyat dengan mereka. 132 00:08:29,430 --> 00:08:32,150 Mereka jenis pergi selepas orang-orang yang tidak tahu apa yang mereka lakukan - 133 00:08:32,150 --> 00:08:34,150 mungkin anda membuat laman web untuk pertama kalinya, 134 00:08:34,150 --> 00:08:37,150 dan supaya mereka jenis con mereka ke dalam membeli pakej hosting mereka. 135 00:08:37,150 --> 00:08:42,570 Jangan melakukannya. Jangan jatuh untuk itu. Pergi mencari pakej hosting lain yang benar-benar memenuhi keperluan anda. 136 00:08:42,570 --> 00:08:44,880 Dan satu lagi ialah - ada tuan rumah percuma di luar sana. 137 00:08:44,880 --> 00:08:47,350 Terdapat laman web yang akan menjadi tuan rumah laman web anda secara percuma - 138 00:08:47,350 --> 00:08:49,350 kadang-kadang dengan meletakkan iklan di laman web anda, 139 00:08:49,350 --> 00:08:52,290 kadang-kadang dengan membuat anda mengambil bahagian dalam forum mereka, 140 00:08:52,290 --> 00:08:54,340 tetapi kadang-kadang hanya juga secara percuma. 141 00:08:54,340 --> 00:09:00,000 Tetapi, berhati-hati dengan tuan rumah percuma kerana banyak daripada mereka benar-benar hanya keluar dari perniagaan 142 00:09:00,000 --> 00:09:03,480 selepas beberapa bulan. Anda tidak boleh bersaing dengan kos. 143 00:09:03,480 --> 00:09:07,460 Lain-lain adalah hanya sangat tidak boleh dipercayai, dan laman web anda akan sentiasa ke bawah, 144 00:09:07,460 --> 00:09:09,700 dan anda tidak mahu itu berlaku. 145 00:09:09,700 --> 00:09:12,330 >> Setiap host akan menawarkan panel kawalan mereka sendiri. 146 00:09:12,330 --> 00:09:16,520 Perhatikan bahawa untuk perkakas anda, ada benar-benar tidak adalah panel kawalan per se. 147 00:09:16,520 --> 00:09:19,230 Anda perlu menggunakan terminal untuk pergi dan mengedit fail. 148 00:09:19,230 --> 00:09:21,230 Anda perlu perkara chmod sendiri. 149 00:09:21,230 --> 00:09:24,770 Jika anda mahu pergi ke phpMyAdmin, 150 00:09:24,770 --> 00:09:29,560 anda perlu pergi ke localhost @ / phpmyadmin dan perkara-perkara seperti itu. 151 00:09:29,560 --> 00:09:36,660 Tetapi dengan panel kawalan anda boleh masuk dan mengedit fail pada pelayan anda 152 00:09:36,660 --> 00:09:40,350 dengan Windows Explorer atau permohonan pencari-jenis. 153 00:09:40,350 --> 00:09:44,810 Atau anda boleh pergi melalui dan melihat pangkalan data anda dengan alat mereka sendiri 154 00:09:44,810 --> 00:09:47,280 bukannya phpMyAdmin. 155 00:09:47,280 --> 00:09:52,240 Jadi, terdapat banyak pilihan di sini, dan beberapa panel kawalan yang lebih popular adalah di sana. 156 00:09:52,240 --> 00:09:54,240 Tetapi jika anda sedang mencari tuan rumah, 157 00:09:54,240 --> 00:09:57,090 maka anda mungkin mahu melihat apa yang pelbagai penyesuaian dan pilihan 158 00:09:57,090 --> 00:10:02,810 mereka menawarkan saya untuk menyesuaikan pelayan saya dan membuat laman web saya berjalan lebih baik. 159 00:10:02,810 --> 00:10:07,110 Oleh itu, maka anda mungkin bertanya, "Nah, bagaimana saya memilih hosting?" 160 00:10:07,110 --> 00:10:11,460 Jika anda pergi ke mana-mana laman web tuan rumah terdapat banyak istilah, dan terdapat banyak pilihan. 161 00:10:11,460 --> 00:10:14,470 Terdapat banyak harga yang berbeza juga. 162 00:10:14,470 --> 00:10:19,690 Biasanya saya pergi untuk orang-orang yang lebih murah hanya kerana laman web yang mungkin anda dan saya membuat - 163 00:10:19,690 --> 00:10:23,520 dan terutama sekarang, terutamanya sebagai permulaan - mereka mungkin tidak perlu kerana banyak sumber 164 00:10:23,520 --> 00:10:26,770 mungkin sebagai sebuah laman web seperti Microsoft.com. 165 00:10:26,770 --> 00:10:32,090 >> Pertama anda mahu melihat sistem operasi jika anda benar-benar ingin tahu sama ada 166 00:10:32,090 --> 00:10:35,090 laman web anda akan menjadi tuan rumah pada Linux, pada Windows, atau pada Mac. 167 00:10:35,090 --> 00:10:39,790 Biasanya kita hanya pergi dengan Linux kerana itulah biasanya yang paling murah, 168 00:10:39,790 --> 00:10:43,730 dan juga salah satu yang mungkin anda lelaki adalah lebih biasa dengan kerana perkakas. 169 00:10:43,730 --> 00:10:48,040 Dan kemudian, mungkin mereka akan meletakkan beberapa sekatan ke atas jumlah bandwidth yang anda dapat - 170 00:10:48,040 --> 00:10:53,030 suka berapa megabait atau gigabait data pengguna boleh memuat turun 171 00:10:53,030 --> 00:10:55,470 dari laman web anda setiap bulan? Atau ruang cakera. 172 00:10:55,470 --> 00:11:00,640 Berapa banyak ruang yang anda dapat? Adakah ia 500 MB? Adakah ia 2 GB? Adakah ia tanpa had? 173 00:11:00,640 --> 00:11:05,920 Pada masa kini, banyak pelayan web memberi anda ruang cakera tanpa had sebagai satu cara untuk mereka 174 00:11:05,920 --> 00:11:08,560 untuk menarik anda untuk mendapatkan pakej hosting mereka. 175 00:11:08,560 --> 00:11:11,850 Tetapi jika anda benar-benar berfikir tentang hal itu, apabila anda pernah akan memerlukan ruang cakera tanpa had? 176 00:11:11,850 --> 00:11:18,060 Jika anda mempunyai beberapa fail HTML, beberapa PHP, beberapa imej - 177 00:11:18,060 --> 00:11:20,060 itu hanya beberapa megabait, dan sebagainya 178 00:11:20,060 --> 00:11:23,110 biasanya saya hanya pergi untuk bernilai mungkin beberapa gigabait 'ruang, 179 00:11:23,110 --> 00:11:27,990 dan yang mungkin cukup untuk memulakan saya di luar sehingga saya memerlukan lebih banyak. 180 00:11:27,990 --> 00:11:31,480 >> Akhirnya, mereka boleh meletakkan sekatan ke atas apa jenis - berapa banyak pangkalan data yang anda boleh. 181 00:11:31,480 --> 00:11:34,760 Mungkin anda hanya boleh mempunyai 1 pangkalan data. Mungkin anda boleh mempunyai 2. Mungkin anda boleh mempunyai 10. 182 00:11:34,760 --> 00:11:38,330 Adakah ia benar-benar penting kepada anda berapa banyak yang anda dapat? 183 00:11:38,330 --> 00:11:40,330 Perkara yang boleh bertanya kepada diri sendiri. 184 00:11:40,330 --> 00:11:42,330 Dan akhirnya, hanya perkara-perkara seperti bahasa. 185 00:11:42,330 --> 00:11:44,330 Adakah mereka menyokong PHP? Adakah mereka menyokong MySQL? 186 00:11:44,330 --> 00:11:49,010 Kebanyakan laman web hosting yang menyokong ini kerana mereka adalah percuma. Mereka sumber terbuka. 187 00:11:49,010 --> 00:11:51,190 Ia tidak kos mereka apa-apa untuk menyediakan ini untuk anda. 188 00:11:51,190 --> 00:11:55,680 Tetapi jika anda mahu menggunakan, berkata, Ruby atau Python atau beberapa bahasa lain - 189 00:11:55,680 --> 00:11:59,490 mereka mungkin tidak menyokong pada pelayan mereka, maka ia adalah penting untuk mencari orang-orang jenis perkara. 190 00:11:59,490 --> 00:12:05,620 >> Dan akhirnya, mereka membolehkan anda untuk melakukan beberapa perkara yang lebih maju seperti pekerjaan SSL atau cron? 191 00:12:05,620 --> 00:12:12,060 SSL adalah satu pilihan di mana anda boleh membuat laman web anda lebih selamat dengan membuat HTTPS 192 00:12:12,060 --> 00:12:14,060 dan menyulitkan sambungan anda. 193 00:12:14,060 --> 00:12:17,230 Dan pekerjaan cron hanya mungkin skrip yang anda mahu menjalankan 194 00:12:17,230 --> 00:12:19,510 setiap 5 minit, setiap 10 minit, setiap 15. 195 00:12:19,510 --> 00:12:22,030 Banyak laman web hosting yang dikongsi bersama tidak meletakkan sekatan 196 00:12:22,030 --> 00:12:26,310 pada bilangan pekerjaan cron yang anda boleh menjalankan kerana itu mengambil lebih banyak sumber. 197 00:12:26,310 --> 00:12:31,800 >> Dan akhirnya, segala-galanya yang anda mahu melihat - pastikan betul-betul apa yang berlaku 198 00:12:31,800 --> 00:12:35,180 sebelum anda membeli pakej hosting anda. 199 00:12:35,180 --> 00:12:37,720 Dan akhirnya, prestasi. Prestasi adalah besar. 200 00:12:37,720 --> 00:12:39,740 Bagaimana cepat adalah laman web saya akan berjalan? 201 00:12:39,740 --> 00:12:42,950 Kebanyakan pengguna tidak akan menunggu walaupun saat untuk laman web anda untuk menjalankan 202 00:12:42,950 --> 00:12:47,640 sebelum mereka hanya mendapat bosan, dan mereka pergi ke MeanBase dan mula melihat gambar-gambar 203 00:12:47,640 --> 00:12:52,240 kucing - anda tahu yang berlaku, dan anda ingin memastikan bahawa anda akan menerima bahawa pengguna di atas kapal 204 00:12:52,240 --> 00:12:54,300 dan bahawa anda mempunyai uptime yang baik yang hanya bermaksud bahawa 205 00:12:54,300 --> 00:12:56,300 laman web anda akan boleh diakses pada setiap masa. 206 00:12:56,300 --> 00:13:01,880 Banyak tuan rumah mempunyai uptime benar-benar buruk dan yang hanya bermakna laman web anda tidak akan menjadi 207 00:13:01,880 --> 00:13:06,500 mudah, dan anda tidak mahu itu berlaku kerana anda mungkin sedih. 208 00:13:06,500 --> 00:13:10,360 Dan anda juga boleh memantau prestasi tuan rumah anda dengan laman web seperti 209 00:13:10,360 --> 00:13:16,440 Pingdom.com atau Host-tracker.com, dan mereka hanya memberitahu anda berapa kerap adalah laman web anda ke bawah. 210 00:13:16,440 --> 00:13:18,490 >> Dan akhirnya, anda ingin melihat tentang sokongan mereka. 211 00:13:18,490 --> 00:13:21,890 Jika anda mempunyai masalah mereka akan bertindak balas kepada anda dalam tempoh 24 jam? 212 00:13:21,890 --> 00:13:23,890 Adakah mereka akan bertindak balas kepada anda dalam masa 48 jam? 213 00:13:23,890 --> 00:13:26,500 Perkhidmatan hosting yang saya gunakan biasanya bertindak balas kepada saya dalam beberapa minit 214 00:13:26,500 --> 00:13:29,760 yang benar-benar baik. 215 00:13:29,760 --> 00:13:33,990 Whew! Baiklah! Ia adalah masa untuk berehat. Tetapi saya tidak akan memberikannya kepada anda. 216 00:13:33,990 --> 00:13:38,200 Kami hanya akan melihat gambar-gambar kucing comel setiap sekarang dan kemudian. 217 00:13:38,200 --> 00:13:42,740 >> Satu lagi perkara yang benar-benar, benar-benar besar adalah keserasian pelayar. 218 00:13:42,740 --> 00:13:45,890 Apa yang saya maksudkan dengan keserasian pelayar? 219 00:13:45,890 --> 00:13:50,970 Anda tahu, pada masa ini ia bukan hanya Microsoft Internet Explorer. 220 00:13:50,970 --> 00:13:53,970 Ia bukan sahaja Mozilla Firefox atau Safari. 221 00:13:53,970 --> 00:13:58,190 Sekarang kita mempunyai Chrome. Kami mempunyai Opera. Kami mempunyai Dolphin. Kami mempunyai Camino. 222 00:13:58,190 --> 00:14:00,540 Kami mempunyai Conqueror. Kami mempunyai semua pelayar yang berbeza. 223 00:14:00,540 --> 00:14:05,950 Perkara-perkara yang keluar sekarang - RockMelt - walaupun mereka semua berdasarkan Chromium. 224 00:14:05,950 --> 00:14:10,990 Tetapi hakikat perkara itu, tidak ada hanya satu pelayar lagi. 225 00:14:10,990 --> 00:14:13,860 Anda tidak hanya melihat laman web ini dengan satu permohonan. 226 00:14:13,860 --> 00:14:17,660 Dan sebagainya, pelayar yang berbeza akan bertindak balas terhadap yang berbeza HTML, CSS yang berbeza, dan 227 00:14:17,660 --> 00:14:21,210 JavaScript yang berbeza berbeza, dan bagaimana anda berurusan dengan itu? 228 00:14:21,210 --> 00:14:24,370 Nah, dalam kes-kes tertentu, anda benar-benar tidak boleh. 229 00:14:24,370 --> 00:14:29,160 Laman web anda - jika ia berfungsi dalam satu pelayar, kod yang anda menulis tidak akan berfungsi 230 00:14:29,290 --> 00:14:32,910 dalam pelayar yang lain, dan ia adalah tugas anda untuk memastikan bahawa kod yang anda tulis 231 00:14:32,910 --> 00:14:36,000 adalah universal, bahawa ia berfungsi di mana-mana. 232 00:14:36,000 --> 00:14:38,000 Jadi, ini adalah benar-benar berbahaya. 233 00:14:38,000 --> 00:14:42,450 Jika anda berkata, "Nah, ia bekerja pada komputer saya. Hebat! Mari kita bergerak ke atas." 234 00:14:42,450 --> 00:14:46,040 Nah, ia mungkin tidak akan bekerja pada saya, dan apabila saya pergi ke laman web anda 235 00:14:46,040 --> 00:14:49,210 Saya akan menjadi sangat sedih, dan saya akan meninggalkan segera. 236 00:14:49,210 --> 00:14:51,570 Jadi, mari kita lihat bagaimana anda boleh mengelakkan ini. 237 00:14:51,570 --> 00:14:55,520 >> Perkara yang pertama, sudah tentu, adalah untuk hanya menggunakan standard HTML, CSS, dan JavaScript. 238 00:14:55,520 --> 00:14:57,520 Apa yang saya maksudkan dengan itu? 239 00:14:57,520 --> 00:15:00,180 Nah, terdapat banyak perkara yang tidak standard di luar sana. 240 00:15:00,180 --> 00:15:03,490 Sebagai contoh, dalam CSS terdapat banyak versi. 241 00:15:03,490 --> 00:15:10,830 Jika anda melihat mana-mana kaedah CSS dengan-MOZ-atau-WebKit-, kaedah-kaedah khusus 242 00:15:10,830 --> 00:15:15,720 kepada kedua-dua pelayar Mozilla dan pelayar Webkit, 243 00:15:15,720 --> 00:15:20,590 dan supaya anda ingin memastikan bahawa mungkin anda mahu mengelakkan perkara-perkara 244 00:15:20,590 --> 00:15:25,150 kerana jika anda menggunakan-MOZ-peraturan yang hanya akan berfungsi pada Firefox. 245 00:15:25,150 --> 00:15:29,640 Dan jika anda benar-benar mahu ia kelihatan baik pada Internet Explorer juga, 246 00:15:29,640 --> 00:15:31,640 anda akan keluar dari nasib. 247 00:15:31,640 --> 00:15:37,910 Untuk HTML juga, anda boleh melakukan perkara-perkara dalam HTML kerja yang dalam satu pelayar 248 00:15:37,910 --> 00:15:41,830 tetapi itu pecah di tempat lain, dan anda mahu mengelakkan bahawa sebanyak mungkin. 249 00:15:41,830 --> 00:15:44,830 Dan akhirnya untuk JavaScript walaupun - terdapat banyak versi JavaScript, 250 00:15:44,830 --> 00:15:50,570 dan musim panas ini, kami berlari ke dalam masalah di mana Document.getElementsByClassName-- 251 00:15:50,570 --> 00:15:54,500 yang biasanya fungsi itu ditakrifkan sebagai sebahagian daripada standard JavaScript - 252 00:15:54,500 --> 00:15:58,120 bukan untuk mencari di Internet Explorer 8. 253 00:15:58,120 --> 00:16:01,900 Jadi, sepanjang musim panas saya bekerja di makmal dan kami sedang membina eksperimen dalam talian. 254 00:16:01,900 --> 00:16:06,210 Dan kita fikir ia benar-benar bekerja dengan baik sehingga kita sedar pengguna yang telah menggunakan 255 00:16:06,210 --> 00:16:09,780 Internet Explorer 8 tidak boleh mengemukakan keputusan mereka. 256 00:16:09,780 --> 00:16:13,200 Kami terlepas banyak data. Yang membuat kita benar-benar sedih. 257 00:16:13,200 --> 00:16:17,790 Jadi, anda sentiasa mahu memastikan bahawa skrip anda akan bekerja di mana-mana. 258 00:16:17,790 --> 00:16:20,500 >> Dan akhirnya, gunakan validator.w3.org 259 00:16:20,500 --> 00:16:22,770 iaitu apa yang kita memberitahu anda untuk melakukan dalam pset 7. 260 00:16:22,770 --> 00:16:24,530 Pastikan bahawa laman anda disahkan. 261 00:16:24,530 --> 00:16:28,310 Itu penting kerana sekurang-kurangnya adalah langkah pertama kewarasan cek. 262 00:16:28,310 --> 00:16:31,870 Kod saya sebenarnya standard Syariah? 263 00:16:34,930 --> 00:16:39,320 Satu lagi cara untuk menyelesaikan daripada membantu anda memastikan bahawa laman anda akan bekerja 264 00:16:39,320 --> 00:16:42,610 di bawah keadaan yang paling adalah untuk mungkin menggunakan beberapa perpustakaan dan rangka kerja 265 00:16:42,610 --> 00:16:46,210 kerana pemaju benar-benar pintar telah berfikir tentang isu-isu ini untuk anda. 266 00:16:46,210 --> 00:16:49,850 Mereka telah melalui dan mereka telah menulis fungsi yang berbeza yang bekerja di seluruh pelayar. 267 00:16:49,850 --> 00:16:53,560 Sebagai contoh, kita menggunakan jQuery dalam Pset 7. 268 00:16:53,560 --> 00:16:58,030 Walaupun anda tidak boleh melihat ia, jQuery menyediakan banyak fungsi 269 00:16:58,030 --> 00:17:00,280 yang jika tidak, anda akan mempunyai untuk menulis sendiri. 270 00:17:00,280 --> 00:17:05,310 Tetapi pemaju menulis, dan mereka memastikan bahawa ia berfungsi dalam semua pelayar. 271 00:17:05,310 --> 00:17:10,280 Dan Bootstrap - yang merupakan rangka kerja CSS lain yang kami menunjukkan anda dalam Pset 7 - 272 00:17:10,280 --> 00:17:17,000 ia benar-benar menghilangkan banyak sakit kepala dengan mereka bentuk laman web yang kelihatan baik. 273 00:17:17,000 --> 00:17:19,000 dalam semua pelayar. 274 00:17:19,000 --> 00:17:23,660 >> Dan akhirnya, jika anda boleh mengelakkan ia, saya biasanya mengelakkan kod dari awal. 275 00:17:23,660 --> 00:17:28,079 Jika anda hanya mewujudkan sebuah laman web untuk kelab sekolah anda, sebagai contoh, 276 00:17:28,079 --> 00:17:33,920 dan semua yang anda perlu lakukan adalah untuk memaparkan beberapa muka surat dan mungkin mempunyai presiden anda pergi 277 00:17:33,920 --> 00:17:38,910 dan mengubah beberapa perkara di sini dan di sana - ada benar-benar tidak perlu untuk kod yang up diri sendiri. 278 00:17:38,910 --> 00:17:40,910 Yang mengambil banyak masa anda. 279 00:17:40,910 --> 00:17:42,660 Ia memerlukan banyak tenaga anda, dan anda perlu pergi melalui dan anda perlu mengetahui, 280 00:17:42,660 --> 00:17:45,930 baik, ini berlaku untuk melihat baik dalam pelayar ini, ia akan kelihatan baik dalam pelayar ini. 281 00:17:45,930 --> 00:17:50,610 Mungkin menggunakan beberapa patch yang lain telah ditulis untuk anda, seperti 282 00:17:50,610 --> 00:17:52,610 WordPress atau Joomla atau Drupal. 283 00:17:52,610 --> 00:17:59,400 Ini dipanggil kandungan - ini dipanggil CMSS yang pada asasnya hanya pakej yang 284 00:17:59,400 --> 00:18:03,020 pun datang dilakukan untuk anda, dan anda boleh memuat turun mereka, meletakkan mereka ke pelayan anda, 285 00:18:03,020 --> 00:18:07,510 dan menyesuaikan mereka bagaimanapun anda mahu, dan anda sudah mempunyai laman web berjalan. 286 00:18:07,510 --> 00:18:11,680 Mereka pakej kod adalah sesuatu untuk melihat ke dalam. 287 00:18:11,680 --> 00:18:15,400 Perkara-perkara ini adalah sumber terbuka melainkan jika anda pergi untuk sesuatu seperti - 288 00:18:15,400 --> 00:18:19,390 jika anda sedang mencari untuk pakej bentuk, terdapat perkara-perkara yang tidak bebas seperti 289 00:18:19,390 --> 00:18:21,570 VBulletin atau IP.Board. 290 00:18:21,570 --> 00:18:23,790 Jika anda tidak perlu beberapa ciri-ciri canggih, 291 00:18:23,790 --> 00:18:27,530 anda sentiasa boleh memilih untuk pilihan bebas. 292 00:18:27,530 --> 00:18:31,300 >> Dan akhirnya, tidak ada mengelakkan ia. 293 00:18:31,300 --> 00:18:33,300 Anda mesti menguji, ujian, ujian. 294 00:18:33,300 --> 00:18:37,690 Anda mesti menguji kod anda pada semua pelayar dan di semua platform. 295 00:18:37,690 --> 00:18:44,110 Dan anda tahu, IE6 - orang kebaikan terima kasih telah mula bergerak dari IE6 296 00:18:44,110 --> 00:18:49,190 kerana kembali pada hari, mungkin beberapa tahun yang lalu, pemaju web terpaksa sentiasa, sentiasa, 297 00:18:49,190 --> 00:18:55,280 sentiasa melayan kelemahan IE6 dalam mengikuti standard. 298 00:18:55,280 --> 00:19:00,860 Web hanya melihat jenis tahun 1990-an kerana kekurangan cara yang lebih baik untuk menanganinya. 299 00:19:00,860 --> 00:19:04,380 Anda juga boleh menggunakan screenshot pelayar untuk memeriksa CSS anda. 300 00:19:04,380 --> 00:19:08,100 Salah satu laman web benar-benar sejuk adalah browserlab.adobe.com. 301 00:19:08,100 --> 00:19:11,070 Ini adalah perkhidmatan percuma meletakkan oleh Adobe. 302 00:19:11,070 --> 00:19:15,160 Dan apa yang mereka lakukan ialah mereka boleh mengambil screenshot laman web anda 303 00:19:15,160 --> 00:19:18,890 berjalan di bawah keadaan yang berbeza - seperti berjalan di bawah pelayar yang berbeza, 304 00:19:18,890 --> 00:19:22,660 berjalan di bawah platform yang berbeza - dan menunjukkan kepada anda apa yang mereka kelihatan seperti. 305 00:19:22,660 --> 00:19:33,260 Hanya untuk menunjukkan kepada anda apa yang saya maksudkan di sini, saya mencipta laman web pada tahun lalu yang dipanggil Life Pada Harvard, 306 00:19:33,260 --> 00:19:39,150 dan apa yang saya cuba lakukan - Saya cuba untuk membuat my.harvard lebih baik. 307 00:19:39,150 --> 00:19:43,840 Kerana jika anda berada di sini pada tahun lepas, my.harvard tidak kelihatan kerana ia kelihatan sekarang. 308 00:19:43,840 --> 00:19:46,640 Ia kelihatan jenis menjijikkan. 309 00:19:46,640 --> 00:19:50,470 Tetapi kini ia kelihatan lebih baik. 310 00:19:50,470 --> 00:19:57,070 Pelaksanaan saya tidak begitu berguna lagi, tetapi semua yang sama, 311 00:19:57,070 --> 00:20:01,310 anda tahu, saya cuba untuk menambah - (difahami) banyak apa sahaja - 312 00:20:01,310 --> 00:20:04,680 dan ia kelihatan - ia kelihatan sangat baik pada komputer saya. 313 00:20:04,680 --> 00:20:08,560 Dan kemudian, mungkin jika saya mempunyai lebih banyak masa saya akan pergi ke makmal pelayar, 314 00:20:08,560 --> 00:20:13,020 dan saya akan melihat, baik, bagaimana ia melihat dalam Chrome 18 pada Windows. 315 00:20:13,020 --> 00:20:17,060 Saya akan tatal ke bawah dan saya akan melihat - oh tidak! Lihatlah kotak pengumuman itu. 316 00:20:17,060 --> 00:20:20,200 Teks saya telah melimpah. Jadi, itulah yang buruk, kan? 317 00:20:20,200 --> 00:20:23,700 Jika pengguna menggunakan Chrome pada Windows dan datang ke laman web saya, 318 00:20:23,700 --> 00:20:26,730 yang segera kelihatan sangat tidak profesional. 319 00:20:26,730 --> 00:20:30,760 Jadi, saya perlu pergi ke CSS saya dan mengetahui apa yang sebahagian daripada CSS saya berbuka di sini. 320 00:20:30,760 --> 00:20:35,090 Mengapa tidak ia memaparkan dengan betul dan menetapkan supaya semua pengguna boleh melihat laman web yang sama 321 00:20:35,090 --> 00:20:37,770 dan hanya sebagai bahagia. 322 00:20:37,770 --> 00:20:44,280 >> Dan akhirnya, baik, screenshot pelayar yang bagus untuk menguji CSS anda, 323 00:20:44,280 --> 00:20:46,020 tetapi apa yang kira-kira anda JavaScript? 324 00:20:46,020 --> 00:20:48,660 Bagaimana pula jika anda mempunyai beberapa skrip yang rumit yang berjalan? 325 00:20:48,660 --> 00:20:50,460 Nah, anda sentiasa boleh melakukan virtualisasi. 326 00:20:50,460 --> 00:20:56,360 Jika anda mempunyai Mac anda boleh menggunakan Bootcamp atau VMWare untuk virtualisasi mungkin satu salinan 327 00:20:56,360 --> 00:20:59,540 Windows dan Internet Explorer sana. 328 00:20:59,540 --> 00:21:03,400 Atau, anda boleh pergi untuk sesuatu seperti Spoon.net, yang malangnya hanya berfungsi pada komputer peribadi. 329 00:21:03,400 --> 00:21:05,290 Tetapi apa yang mereka lakukan adalah sangat sejuk. 330 00:21:05,290 --> 00:21:10,080 Mereka virtualisasi perisian untuk anda supaya anda boleh menjalankan pelbagai versi IE, sebagai contoh. 331 00:21:10,080 --> 00:21:12,080 Anda boleh menjalankan pelbagai versi Firefox. 332 00:21:12,080 --> 00:21:15,720 Anda boleh menjalankan pelbagai versi Safari dan menguji semua laman web anda di sana. 333 00:21:15,720 --> 00:21:18,360 Malangnya, mereka tidak bebas. 334 00:21:18,360 --> 00:21:20,860 Itu adalah perkhidmatan yang dibayar, jadi selalu ada jenis ini - 335 00:21:20,860 --> 00:21:26,070 selalu ada jenis perdagangan ini dari antara mereka, dengan baik, saya akan membuat laman web saya kelihatan baik. 336 00:21:26,070 --> 00:21:31,970 Jika ya, saya mungkin perlu membayar untuk beberapa perkhidmatan untuk membantu saya berbuat demikian. 337 00:21:31,970 --> 00:21:35,890 Mana-mana soalan-soalan pada ketika ini kira-kira apa-apa yang kita bercakap tentang? 338 00:21:38,500 --> 00:21:41,210 Awesome. Okay. 339 00:21:41,210 --> 00:21:43,870 >> Sekarang kita mempunyai lebih banyak perkara untuk bercakap tentang. 340 00:21:43,870 --> 00:21:45,820 Bagaimana dengan kesilapan? 341 00:21:45,820 --> 00:21:48,670 Bagaimana anda memastikan bahawa laman web anda akan beroperasi walaupun 342 00:21:48,670 --> 00:21:50,150 sesuatu yang buruk berlaku? 343 00:21:50,150 --> 00:21:53,940 Mungkin anda tidak mempunyai laman yang bernama food.php. 344 00:21:53,940 --> 00:21:57,000 Tetapi saya, saya pergi ke laman web anda dan saya cuba untuk mengakses food.php. 345 00:21:57,000 --> 00:22:00,770 Adakah anda hanya akan menunjukkan kepada saya bahawa halaman putih yang mengatakan 404 - Fail tidak dijumpai? 346 00:22:00,770 --> 00:22:04,400 Atau adakah anda akan berkata, "Baiklah, saya minta maaf kerana saya tidak dapat mencari ini untuk anda, 347 00:22:04,400 --> 00:22:08,520 tetapi mungkin di sini adalah beberapa sumber-sumber lain untuk membantu anda mencari apa yang anda perlukan. " 348 00:22:08,520 --> 00:22:13,180 Kesilapan lain - jadi, ini dipanggil HTTP kesilapan yang hanya beberapa kod ralat 349 00:22:13,180 --> 00:22:17,130 bahawa pelayan anda mungkin telah dihantar pulang ke pelayar dalam kes berlaku sesuatu yang buruk. 350 00:22:17,130 --> 00:22:20,160 400 - Bad Request. 401 - yang tidak dibenarkan. 351 00:22:20,160 --> 00:22:25,560 403 adalah jenis yang sama apabila anda mempunyai direktori yang tidak sepatutnya diakses 352 00:22:25,560 --> 00:22:27,310 oleh pengguna, tetapi pengguna akan cuba juga. 353 00:22:27,310 --> 00:22:30,840 Dan 500 - Ralat Pelayan Dalaman - yang biasanya berlaku apabila anda mempunyai sesuatu 354 00:22:30,840 --> 00:22:33,070 benar-benar buruk berlaku dengan kod PHP anda. 355 00:22:33,070 --> 00:22:36,140 Tetapi dalam mana-mana kes, ini jenis pelayar - ini jenis kesilapan yang berlaku. 356 00:22:36,140 --> 00:22:40,550 >> Jadi, bagaimana anda memastikan bahawa anda anggun menangani kesilapan-kesilapan 357 00:22:40,550 --> 00:22:43,230 dan memastikan bahawa pengguna tidak hanya jenis gantung di sana? 358 00:22:46,850 --> 00:22:48,850 Di sini datang. Htaccess. 359 00:22:48,850 --> 00:22:51,300 Sekarang,. Htaccess adalah sesuatu yang berfungsi pada Apache pelayan, 360 00:22:51,300 --> 00:22:55,550 sesuatu yang berfungsi dan kerja-kerja pada beberapa pelayan lain juga. 361 00:22:55,550 --> 00:23:01,350 Ini adalah hanya satu cara untuk anda untuk mengkonfigurasi pelayan anda seperti yang 362 00:23:01,350 --> 00:23:04,470 anda boleh membuat apa sahaja yang anda mahu ia lakukan. 363 00:23:04,470 --> 00:23:06,790 Beberapa perkara yang anda boleh lakukan. Anda boleh mengawal tetapan cache anda. 364 00:23:06,790 --> 00:23:11,290 Mungkin ada laman tertentu di laman web anda bahawa anda memastikan bahawa pengguna 365 00:23:11,290 --> 00:23:14,740 -turun semula setiap kali pengguna datang dan melawat laman web anda. 366 00:23:14,740 --> 00:23:26,980 Atau mungkin anda mempunyai URL yang seperti yoursite.com / test / html / pages / hello.html 367 00:23:26,980 --> 00:23:31,270 dan anda hanya mahu bahawa untuk menjadi yourname.com / hello -. baik, anda boleh menggunakan htaccess 368 00:23:31,270 --> 00:23:34,760 untuk mengalihkan satu laman web yang lain. 369 00:23:34,760 --> 00:23:36,600 Anda juga boleh menggunakannya untuk melakukan pengesahan. 370 00:23:36,600 --> 00:23:39,890 Mungkin terdapat beberapa bahagian-bahagian laman web anda bahawa anda perlu menggunakan kata laluan yang lain. 371 00:23:39,890 --> 00:23:42,620 Anda boleh menyekat alamat IP tertentu, menyekat domain tertentu. 372 00:23:42,620 --> 00:23:46,770 Mungkin anda hanya benar-benar tidak suka pelajar Harvard menggunakan laman web anda. 373 00:23:46,770 --> 00:23:49,910 Nah, anda mempunyai pilihan untuk menyekat semua alamat IP Harvard. 374 00:23:49,910 --> 00:23:56,370 >> Akhir sekali, anda boleh merawat perkara - anda boleh menulis kod tertentu untuk membuat pelayan anda 375 00:23:56,370 --> 00:24:03,100 merawat seperti. Zhao atau. nama anda atau. muka surat khabar sebagai kod PHP. 376 00:24:03,100 --> 00:24:05,170 Mungkin itu akan berguna. Mungkin itu tidak akan. 377 00:24:05,170 --> 00:24:07,980 Dan akhirnya, anda boleh menggunakannya untuk menangani masalah tersebut. 378 00:24:07,980 --> 00:24:10,300 Apa yang saya maksudkan dengan itu? 379 00:24:10,300 --> 00:24:16,030 Jika anda hanya menambah kod seperti ini - 404 ErrorDocument dan kemudian mengarahkan mereka kepada beberapa 380 00:24:16,030 --> 00:24:20,440 Laman kesilapan, anda boleh memastikan bahawa pengguna tidak hanya melihat yang benar-benar, benar-benar hodoh 381 00:24:20,440 --> 00:24:23,550 404 dan menunjukkan kepada mereka sesuatu yang baik. 382 00:24:23,550 --> 00:24:29,000 >> Mari kita sebenarnya kita lihat bagaimana kita boleh berbuat demikian dengan Pset anda 7. 383 00:24:29,000 --> 00:24:34,190 Di sini, saya dalam perkakas saya. 384 00:24:34,190 --> 00:24:38,440 Saya akan membuka Chrome, dan kemudian saya akan cuba untuk mengakses laman 385 00:24:38,440 --> 00:24:43,350 yang tidak wujud pada CS50 Kewangan. 386 00:24:43,350 --> 00:24:52,710 Jadi, tuan rumah tempatan - cats.php--begitu, melihat bahawa saya mencipta satu dokumen ralat 387 00:24:52,710 --> 00:24:54,770 yang mengatakan, "Canz tidak mencari laman z!" 388 00:24:54,770 --> 00:24:56,990 Ia mempunyai kucing yang sangat sedih di atasnya. 389 00:24:56,990 --> 00:24:59,910 Jika anda pergi di Twitter, jika anda pergi di mana-mana laman web lain, 390 00:24:59,910 --> 00:25:02,700 anda tidak dapat mencari halaman, mereka biasanya cuba untuk menunjukkan kepada anda gambar comel 391 00:25:02,700 --> 00:25:04,850 supaya anda tidak terlalu kecewa. 392 00:25:04,850 --> 00:25:07,830 Anda juga boleh mempunyai sesuatu yang lebih profesional yang mengatakan, 393 00:25:07,830 --> 00:25:11,760 baik, saya minta maaf saya tidak dapat mencari halaman, tetapi mungkin di sini adalah kotak carian. 394 00:25:11,760 --> 00:25:16,750 Atau mungkin di sini adalah beberapa pautan yang akan membantu anda mencari pautan yang anda mahu. 395 00:25:16,750 --> 00:25:21,410 Jadi, bagaimana saya melakukan ini? Bagaimana ini walaupun mungkin? 396 00:25:21,410 --> 00:25:23,500 Jika kita pergi ke terminal kami di sini - 397 00:25:23,500 --> 00:25:26,300 Saya hanya akan untuk mengezum masuk sedikit - 398 00:25:26,300 --> 00:25:30,110 perhatian bahawa saya mempunyai laman yang baru. 399 00:25:30,110 --> 00:25:34,440 Di dalam direktori HTML saya ia dipanggil - anda tidak boleh melihat ia - 400 00:25:34,440 --> 00:25:37,280 ia dipanggil error.php. 401 00:25:37,280 --> 00:25:41,010 Dan error.php hanya file yang saya buat 402 00:25:41,010 --> 00:25:43,030 yang menunjukkan anda bahawa laman itu sendiri. 403 00:25:43,030 --> 00:25:46,710 Saya boleh menunjukkan kepada anda apa error.php adalah. 404 00:25:46,710 --> 00:25:48,710 Ia adalah betul-betul di halaman ini. 405 00:25:48,710 --> 00:25:50,710 Ia berkata, "Oh tidak! Canz tidak mencari laman z!" 406 00:25:50,710 --> 00:25:58,630 Dan, jika anda mahu melihat - jadi, melihat bahawa htaccess jenis adalah nama yang pelik.. 407 00:25:58,630 --> 00:26:01,040 Ia bermula dengan satu titik yang bermaksud bahawa ia adalah fail sistem. 408 00:26:01,040 --> 00:26:03,360 Ia adalah fail tersembunyi yang biasanya tidak dipaparkan. 409 00:26:03,360 --> 00:26:09,060 Jika anda melakukan ls-a, anda boleh melihat semua fail-fail tersembunyi dalam direktori tertentu, 410 00:26:09,060 --> 00:26:12,030 dan sememangnya, yang anda lihat. htaccess adalah salah seorang daripada mereka. 411 00:26:12,030 --> 00:26:15,490 Mari kita pergi ke hadapan dan membuka htaccess. - 412 00:26:15,490 --> 00:26:19,830 dengan gedit - 413 00:26:19,830 --> 00:26:26,870 Boom! Apa yang saya ada ialah satu baris di sana - dokumen Ralat 404 bagi kesalahan 414 00:26:26,870 --> 00:26:28,760 yang juga dikenali sebagai ralat fail tidak ditemui. 415 00:26:28,760 --> 00:26:32,720 Mari kita mengarahkan mereka kepada sesuatu yang dipanggil error.php. 416 00:26:36,100 --> 00:26:42,030 Anda boleh mempunyai perkara-perkara yang menyeronokkan seperti canz tidak mencari laman z! 417 00:26:42,030 --> 00:26:46,770 Dan terdapat juga perkara-perkara yang sangat sejuk yang boleh anda lakukan dengan. Htaccess. 418 00:26:46,770 --> 00:26:49,520 Jika anda ingin melihat lebih banyak. Htaccess sihir, 419 00:26:49,520 --> 00:26:56,470 ini adalah satu laman web yang sangat sejuk untuk pergi ke - ia dipanggil javascriptkit.com/howto/htaccess.shtml-- 420 00:26:56,470 --> 00:27:01,880 jika anda mahu melakukan lebih pelayan sihir. Dan ia boleh menjadi sangat menyeronokkan. 421 00:27:01,880 --> 00:27:05,490 >> Whew! Baiklah! Gambar yang lebih comel. 422 00:27:05,490 --> 00:27:10,060 Ini adalah seorang lelaki yang melakukan push-up, dan kucing yang cuba untuk membantu. Saya fikir ia adalah sangat comel. 423 00:27:10,060 --> 00:27:14,830 Malangnya, saya tidak mempunyai kucing seperti itu. 424 00:27:14,830 --> 00:27:17,640 Baiklah. Jadi, kita telah bercakap tentang. Htaccess. 425 00:27:17,640 --> 00:27:19,640 Kami telah berbincang tentang pengendalian kesilapan. 426 00:27:19,640 --> 00:27:20,940 Kami telah berbincang mengenai hosting, nama domain. 427 00:27:20,940 --> 00:27:23,230 Kami telah berbincang mengenai keserasian pelayar. 428 00:27:23,230 --> 00:27:25,210 Sekarang bagaimana kita memastikan bahawa laman web anda benar-benar melakukan? 429 00:27:25,210 --> 00:27:26,950 Bagaimana kita memastikan bahawa jika saya pergi ke laman web anda 430 00:27:26,950 --> 00:27:29,830 Saya boleh melihat halaman anda dalam masa beberapa saat? 431 00:27:29,830 --> 00:27:33,520 Salah satu perkara yang saya fikir orang hanya jenis melupakan 432 00:27:33,520 --> 00:27:36,160 adalah pengoptimuman imej. 433 00:27:36,160 --> 00:27:37,560 Mari kita mengatakan bahawa anda mahu meletakkan gambar di laman anda 434 00:27:37,560 --> 00:27:40,330 dan ia 2 MG besar. 435 00:27:40,330 --> 00:27:42,670 Yang mungkin baik untuk kita kerana kita berada di Harvard, 436 00:27:42,670 --> 00:27:45,000 dan kami mempunyai sambungan internet yang sangat cepat. 437 00:27:45,000 --> 00:27:47,470 Tetapi bayangkan seseorang di China. Bayangkan seseorang di India. 438 00:27:47,470 --> 00:27:52,440 Bayangkan seseorang yang mungkin di luar bandar Kansas yang mungkin tidak mempunyai jenis yang sama 439 00:27:52,440 --> 00:27:54,690 Internet jalur lebar yang kita ada. 440 00:27:54,690 --> 00:27:57,710 Jika anda mempunyai satu imej MB 2 di laman anda dan pengguna cuba untuk mengaksesnya, 441 00:27:57,710 --> 00:28:00,890 ia akan mengambil mereka masa yang benar-benar panjang untuk dimuat turun. 442 00:28:00,890 --> 00:28:04,160 Jadi, jika anda tidak perlu yang jenis resolusi, 443 00:28:04,160 --> 00:28:09,220 maka anda boleh mengubah saiz imej anda dengan sesuatu seperti Adobe Photo Shop. 444 00:28:09,220 --> 00:28:13,400 Terdapat biasanya satu pilihan dipanggil selamat untuk web dan peranti, 445 00:28:13,400 --> 00:28:15,850 dan apa yang ia adalah ia jalur keluar semua maklumat yang perlu 446 00:28:15,850 --> 00:28:20,160 dan jenis kompak fail anda ke dalam saiz imej yang kecil supaya anda boleh 447 00:28:20,160 --> 00:28:22,960 meletakkan ia ke dalam laman web anda, dan mana-mana pengguna yang cuba untuk memuat turun laman yang 448 00:28:22,960 --> 00:28:26,950 akan memuat turun versi yang lebih kecil daripada imej anda. 449 00:28:26,950 --> 00:28:28,230 Jika anda tidak mempunyai Adobe Photo Shop 450 00:28:28,230 --> 00:28:32,650 webresizer.com juga sumber lain di mana anda boleh memasukkan imej anda 451 00:28:32,650 --> 00:28:36,470 dan ia akan meludah keluar imej yang sama yang tepat, 452 00:28:36,470 --> 00:28:39,970 tetapi ia akan menjadi sesuatu seperti 3 kali lebih kecil. 453 00:28:39,970 --> 00:28:41,970 Itulah yang amat berguna untuk pengguna anda. 454 00:28:41,970 --> 00:28:45,930 >> Satu lagi perkara yang anda boleh lakukan ialah mengecilkan kod. 455 00:28:45,930 --> 00:28:48,460 Jika kita lihat di Google.com, 456 00:28:48,460 --> 00:28:56,400 anda akan melihat bahawa ia bukan jenis yang sama dan HTML CSS bahawa kita digunakan untuk. 457 00:28:56,400 --> 00:29:02,250 Hanya pergi untuk melihat kod sumber di sini. 458 00:29:02,250 --> 00:29:07,600 Jika saya hanya tatal ke bawah - wow, yang kelihatan agak menjijikkan. 459 00:29:07,600 --> 00:29:09,650 Ini akan mendapat sifar pada gaya. 460 00:29:09,650 --> 00:29:13,470 Jika anda kod ini untuk Pset anda, anda akan mendapat sifar pada gaya anda. 461 00:29:13,470 --> 00:29:16,990 Ini tidak mempunyai jarak. Nama-nama yang kelihatan benar-benar samar. 462 00:29:16,990 --> 00:29:19,800 Ia semua benar-benar menjijikkan. 463 00:29:19,800 --> 00:29:24,060 Dan skrip untuk menutup dalam badan - HTML tutup - 464 00:29:24,060 --> 00:29:26,280 mereka semua bersama-sama - semua smushed bersama-sama. 465 00:29:26,280 --> 00:29:28,280 Mengapa mereka berbuat demikian? 466 00:29:28,280 --> 00:29:30,650 Mereka minified kod mereka. 467 00:29:30,650 --> 00:29:33,310 Perhatikan bahawa dokumen ini akan menjadi lebih kecil 468 00:29:33,310 --> 00:29:36,660 bagi saya untuk turun daripada sesuatu dengan ruang putih, 469 00:29:36,660 --> 00:29:39,410 daripada sesuatu dengan nama-nama pembolehubah benar-benar panjang. 470 00:29:39,410 --> 00:29:41,710 Jika anda mengecilkan kod anda, anda menanggalkan semua ruang putih. 471 00:29:41,710 --> 00:29:45,960 Sudah tentu, pelayar anda tidak peduli jika anda mempunyai mana-mana ruang putih dalam kod anda. 472 00:29:45,960 --> 00:29:49,630 Anda jalur keluar, sekarang saya boleh memuat turun fail yang lebih kecil - 473 00:29:49,630 --> 00:29:52,770 kini fail - dokumen yang kita akan turun mempunyai saiz fail yang lebih kecil, 474 00:29:52,770 --> 00:29:56,180 ia akan menjadi lebih cepat bagi saya untuk memuat turun, dan itulah yang berguna. 475 00:29:56,180 --> 00:30:01,550 Jika anda bekerja dengan laman web dan anda melancarkan laman web, 476 00:30:01,550 --> 00:30:04,630 ia adalah hampir sentiasa baik untuk mengecilkan kod anda. 477 00:30:04,630 --> 00:30:08,150 Satu lagi sebab mengapa ia mungkin baik mungkin anda tidak mahu orang lain untuk menggunakan kod anda. 478 00:30:08,150 --> 00:30:11,050 Mungkin anda tidak mahu orang lain untuk menggunakan CSS anda. 479 00:30:11,050 --> 00:30:13,460 Anda tahu jika anda benar-benar mahu menjadi kedekut dengan itu, 480 00:30:13,460 --> 00:30:16,670 maka anda juga boleh mengecilkan kod anda, dan ia akan menjadi lebih sukar bagi saya untuk mencuri 481 00:30:16,670 --> 00:30:19,170 kerana saya tidak tahu apa yang sedang berlaku. 482 00:30:19,170 --> 00:30:22,990 Anda juga boleh pergi ke laman web seperti minify.avivo.si. 483 00:30:22,990 --> 00:30:27,900 Perkhidmatan seperti ini secara online membantu anda mengecilkan kod anda supaya anda tidak perlu untuk melakukannya dengan tangan. 484 00:30:27,900 --> 00:30:30,080 Pasti tidak melakukannya dengan tangan. 485 00:30:30,080 --> 00:30:32,210 >> Okay. Sekarang bercakap tentang skrip. 486 00:30:32,210 --> 00:30:35,040 Mungkin dalam kod PHP anda ada sesuatu yang anda tidak perlu lakukan. 487 00:30:35,040 --> 00:30:37,910 Mungkin ada gelung tambahan di sana. 488 00:30:37,910 --> 00:30:40,850 Kita bercakap tentang reka bentuk kod dalam CS50. 489 00:30:40,850 --> 00:30:44,550 Malah jika anda kod dalam C jika anda mempunyai - jika anda sedang melakukan kerja-kerja tambahan 490 00:30:44,550 --> 00:30:49,440 yang anda tidak perlu lakukan, baik, yang akan melambatkan skrip anda di laman web anda, 491 00:30:49,440 --> 00:30:53,280 dan ini adalah sangat penting untuk laman web kerana pengguna kini sangat tidak sabar. 492 00:30:53,280 --> 00:30:56,110 Jika anda sedang melakukan kerja-kerja yang tidak perlu, ia akan mengambil masa lebih lama 493 00:30:56,110 --> 00:31:00,080 untuk mendapatkan maklumat yang mereka mahu, dan mereka akan menjadi sangat tidak berpuas hati. 494 00:31:00,080 --> 00:31:02,200 Akhir sekali, anda mungkin mahu untuk mengoptimumkan jadual pangkalan data anda. 495 00:31:02,200 --> 00:31:05,020 Ingat kita bercakap tentang indeks. 496 00:31:05,020 --> 00:31:09,420 Mereka bukan sahaja baik untuk memastikan bahawa anda mempunyai barisan yang unik. 497 00:31:09,420 --> 00:31:12,440 Ia juga baik untuk memastikan bahawa pangkalan data anda bekerja pantas. 498 00:31:12,440 --> 00:31:16,240 Jika anda ingin membaca di mana sahaja bahawa dokumentasi MySQL, 499 00:31:16,240 --> 00:31:18,710 atau anda boleh melihat - baik, bagaimana saya boleh mengoptimumkan jadual pangkalan data saya? 500 00:31:18,710 --> 00:31:23,350 Bagaimana saya boleh memastikan bahawa saya mempunyai indeks yang membantu saya mendapatkan maklumat yang lebih cepat? 501 00:31:23,350 --> 00:31:27,300 >> Terdapat juga helah kecil yang anda boleh gunakan seperti caching. 502 00:31:27,300 --> 00:31:28,980 Jika anda mempunyai PHP - jika anda mempunyai blog, sebagai contoh, 503 00:31:28,980 --> 00:31:31,980 dan anda mempunyai - dan ia powered by PHP atau oleh mana-mana bahasa lain - 504 00:31:31,980 --> 00:31:37,690 anda boleh cache blog anda di mari berkata selang 50 minit supaya anda boleh menjadi laman statik 505 00:31:37,690 --> 00:31:40,610 atau HTML statik kepada pengunjung ke laman web anda. 506 00:31:40,610 --> 00:31:43,380 Dengan cara itu pengguna tidak perlu untuk menjalankan skrip PHP anda setiap masa, 507 00:31:43,380 --> 00:31:47,410 dan mungkin akan menjadi lebih cepat bagi mereka untuk mengakses maklumat tersebut. 508 00:31:47,410 --> 00:31:49,410 >> Dan akhirnya, anda boleh menggunakan sesuatu seperti CDN. 509 00:31:49,410 --> 00:31:51,900 Perhatikan bahawa apabila anda memuat turun Pset a, 510 00:31:51,900 --> 00:31:54,890 anda sentiasa pergi ke CDN.CS50.net. Mengapa? 511 00:31:54,890 --> 00:32:01,540 CS50 juga menggunakan jenis seperti CDN - satu rangkaian pengedaran kandungan - 512 00:32:01,540 --> 00:32:06,120 yang hanya bermaksud bahawa ia adalah sekumpulan pelayan mungkin tempat di seluruh dunia 513 00:32:06,120 --> 00:32:08,120 yang membantu berkhidmat halaman anda kepada pengunjung anda. 514 00:32:08,120 --> 00:32:13,770 Jika pengunjung anda mendapat halaman daripada pelayan yang lebih dekat kepada mereka dari segi geografi, 515 00:32:13,770 --> 00:32:16,770 maka kemungkinan besar pengunjung anda akan mendapat fail yang jauh lebih cepat. 516 00:32:16,770 --> 00:32:20,490 Terdapat juga sumber dalam talian yang membantu anda berbuat demikian. 517 00:32:20,490 --> 00:32:24,070 Salah seorang daripada mereka adalah CloudFlare. Mereka menawarkan perkhidmatan CDN percuma. 518 00:32:24,070 --> 00:32:26,020 Jika anda mempunyai fail besar yang anda berkhidmat kepada pengguna anda, 519 00:32:26,020 --> 00:32:32,260 maka mungkin ia adalah lebih baik untuk meletakkan mereka pada CDN supaya mereka boleh mendapatkan kepada mereka lebih cepat. 520 00:32:32,260 --> 00:32:39,070 >> Topik akhir untuk hari itu adalah pengoptimuman enjin carian. 521 00:32:39,070 --> 00:32:41,070 Apakah pengoptimuman enjin carian? 522 00:32:41,070 --> 00:32:44,070 Itu memastikan bahawa enjin carian seperti Google atau Bing atau Yahoo 523 00:32:44,070 --> 00:32:50,740 boleh pergi ke laman web anda dan merangkak laman web anda dan indeks laman web anda dan apabila 524 00:32:50,740 --> 00:32:53,040 Saya, sebagai contoh, pergi ke Google.com dan saya cuba untuk mencari sesuatu, 525 00:32:53,040 --> 00:32:55,040 maka laman web anda akan muncul. 526 00:32:55,040 --> 00:32:57,000 Bagaimana anda memastikan bahawa laman web anda adalah salah satu daripada 10 atas? 527 00:32:57,000 --> 00:33:00,000 Kerana seperti yang kita semua tahu, jika anda mencari sesuatu di Google 528 00:33:00,000 --> 00:33:02,880 dan ia bukan mengenai 10 teratas yang anda kemungkinan besar tidak akan kelihatan dalam tempoh 10 akan datang. 529 00:33:02,880 --> 00:33:07,160 Ini adalah jenis topik yang yang diselubungi misteri. 530 00:33:07,160 --> 00:33:09,850 Terdapat banyak gembar-gembur di luar sana di Internet. 531 00:33:09,850 --> 00:33:14,680 Terdapat banyak khurafat mengenai jika anda x maka Google akan seperti kamu yang lebih baik. 532 00:33:14,680 --> 00:33:16,680 Jika anda y maka Google akan seperti kamu yang lebih baik. 533 00:33:16,680 --> 00:33:19,680 Ia mungkin lebih baik untuk melihat ke dalam dokumen gergasi carian sendiri. 534 00:33:19,680 --> 00:33:27,470 >> Ini adalah salah satu dokumen pada Google yang memberitahu anda bagaimana untuk mengoptimumkan tapak anda 535 00:33:27,470 --> 00:33:30,860 supaya Google boleh mengakses dan indeks sangat baik. 536 00:33:30,860 --> 00:33:33,680 Anda tidak perlu tulis URL ini kerana persembahan ini akan 537 00:33:33,680 --> 00:33:36,680 berada dalam talian juga. 538 00:33:36,680 --> 00:33:38,770 Jika anda melihat ini dan anda membaca ini terdapat beberapa petunjuk yang berguna di sana. 539 00:33:38,770 --> 00:33:42,240 Google memberitahu anda - jika anda benar-benar mahu laman web anda untuk diindeks juga 540 00:33:42,240 --> 00:33:44,610 maka anda perlu melakukan semua perkara ini. 541 00:33:44,610 --> 00:33:47,570 >> Satu lagi perkara yang enjin carian adalah benar-benar suka kandungan yang segar. 542 00:33:47,570 --> 00:33:49,500 Jika anda mempunyai kandungan yang dikemaskini sangat kerap 543 00:33:49,500 --> 00:33:51,950 maka enjin carian berkata, aduh, saya suka laman web anda. 544 00:33:51,950 --> 00:33:53,950 Saya akan pergi ke laman web anda sangat kerap. 545 00:33:53,950 --> 00:33:56,840 Saya akan banyak indeks halaman anda. 546 00:33:56,840 --> 00:33:59,560 Jika anda mempunyai kandungan yang segar maka anda lebih cenderung untuk muncul - 547 00:33:59,560 --> 00:34:02,540 anda lebih cenderung untuk menjadi lebih relevan. 548 00:34:02,540 --> 00:34:04,630 Anda lebih cenderung untuk menjadi lebih dikemaskini, 549 00:34:04,630 --> 00:34:08,860 dan enjin carian lebih cenderung untuk meletakkan laman web anda di atas orang lain. 550 00:34:08,860 --> 00:34:10,860 >> Link yang mendalam adalah juga penting. 551 00:34:10,860 --> 00:34:13,530 Jika anda benar-benar mahu laman web anda untuk melihat yang baik di mata enjin carian 552 00:34:13,530 --> 00:34:18,090 telah banyak laman web lain yang berkaitan dengan itu dan dikaitkan dengan mendalam ke dalam laman web anda. 553 00:34:18,090 --> 00:34:20,090 Jangan hanya menghubungkan ke laman web anda. 554 00:34:20,090 --> 00:34:26,719 Link untuk mungkin yourname.com / sesuatu / sesuatu / something.php. 555 00:34:26,719 --> 00:34:29,840 Yang - untuk enjin carian - cara, wow, mereka mempunyai kandungan yang benar-benar menarik 556 00:34:29,840 --> 00:34:35,350 bahawa orang lain menghubungkan begitu mendalam ke dalam laman web mereka bahawa saya perlu benar-benar, benar-benar 557 00:34:35,350 --> 00:34:38,260 meletakkan kepentingan lebih ke laman yang tapak. 558 00:34:38,260 --> 00:34:41,940 >> Jika anda mempunyai tajuk halaman yang tepat, jika anda tidak mempunyai kesilapan yang baik kerana 559 00:34:41,940 --> 00:34:44,670 jika enjin carian cuba untuk melawat laman web anda, dan ia semakin ralat, 560 00:34:44,670 --> 00:34:46,780 ia mungkin akan berputus asa sangat, sangat tidak lama lagi. 561 00:34:46,780 --> 00:34:49,510 Dan akhirnya, anda mahu mempunyai masa beban yang cepat kerana enjin carian - 562 00:34:49,510 --> 00:34:53,820 sama seperti manusia - Don 't mempunyai banyak kesabaran untuk laman web perlahan. 563 00:34:53,820 --> 00:34:57,070 Ini adalah cara untuk anda untuk memastikan bahawa anda muncul lebih tinggi dalam 564 00:34:57,070 --> 00:35:01,390 mencari pertanyaan enjin dan diharapkan dengan itu mendapatkan lebih banyak lalu lintas. 565 00:35:01,390 --> 00:35:04,730 Kerana selepas semua, anda telah menghabiskan semua masa ini membangunkan laman web anda. 566 00:35:04,730 --> 00:35:06,280 Anda menghabiskan semua masa ini melancarkan talian ini laman web. 567 00:35:06,280 --> 00:35:11,780 Anda ingin memastikan bahawa anda mempunyai banyak pengguna yang benar-benar melihat kandungan anda. 568 00:35:13,330 --> 00:35:15,660 >> Lain-lain sumber yang baik untuk digunakan. 569 00:35:15,660 --> 00:35:19,210 Google Webmaster Tools adalah sesuatu untuk melihat ke dalam. 570 00:35:19,210 --> 00:35:21,780 Ini hanya membantu anda untuk melihat - Google tidak mengindeks laman web saya. 571 00:35:21,780 --> 00:35:24,490 Apakah jenis kesilapan ia menghadapi? 572 00:35:24,490 --> 00:35:27,490 Berapa banyak laman web yang telah diindeks? 573 00:35:27,490 --> 00:35:29,490 Apa yang fikir adalah kandungan yang paling penting pada halaman saya? 574 00:35:29,490 --> 00:35:31,490 Mungkin itu bukan apa yang saya mahu ia menjadi. 575 00:35:31,490 --> 00:35:36,880 Mungkin saya perlu menukar laman web saya sedikit itu bahawa ia mencerminkan lebih baik 576 00:35:36,880 --> 00:35:38,880 apa laman web saya adalah benar-benar tentang. 577 00:35:38,880 --> 00:35:41,000 Google Analytics adalah alat yang lain benar-benar sejuk. 578 00:35:41,000 --> 00:35:44,120 Anda boleh menambah sedikit JavaScript untuk halaman anda. 579 00:35:44,120 --> 00:35:47,020 Dan kemudian selepas itu anda boleh pergi ke Google Analytics, dan ia akan mengesan 580 00:35:47,020 --> 00:35:49,020 demografi pengunjung anda dan pertumbuhan laman web anda. 581 00:35:49,020 --> 00:35:51,810 Ia akan memberitahu anda dengan tepat berapa ramai pelawat melawat laman web anda 582 00:35:51,810 --> 00:35:55,310 dalam hari tertentu, dalam jam tertentu, dalam masa seminggu tertentu. 583 00:35:55,310 --> 00:35:57,310 Berapa ramai pengunjung dari China? Berapa ramai pelawat dari Antartika - 584 00:35:57,310 --> 00:35:59,310 anda mendapat ke laman web anda. 585 00:35:59,310 --> 00:36:03,470 yang mungkin sesuatu yang sejuk untuk melihat atau ia juga mungkin berguna 586 00:36:03,470 --> 00:36:05,470 kerana anda cuba untuk menyasarkan kumpulan tertentu. 587 00:36:05,470 --> 00:36:08,410 Mungkin anda cuba untuk sasaran remaja dengan laman web anda, dan anda melihat bahawa 588 00:36:08,410 --> 00:36:11,410 kebanyakan pengunjung ke laman web anda adalah mungkin 30 - untuk kanak-kanak berumur 40 tahun, 589 00:36:11,410 --> 00:36:15,130 maka mungkin ada anda mempunyai masalah atau anda hanya boleh berkata, 590 00:36:15,130 --> 00:36:19,590 baik, maka mungkin saya patut hanya menukar fokus laman web saya supaya 591 00:36:19,590 --> 00:36:22,240 Saya memberi tumpuan lebih kepada kumpulan umur itu. 592 00:36:22,240 --> 00:36:28,500 >> Google Apps - jika anda mahu mempunyai jenis e-mel dengan nama domain anda - 593 00:36:28,500 --> 00:36:31,230 mungkin sesuatu seperti yourname@yourname.com-- 594 00:36:31,230 --> 00:36:35,270 anda boleh menggunakan alamat gmail - anda boleh menggunakan perkhidmatan gmail 595 00:36:35,270 --> 00:36:38,500 dan Google Apps adalah salah satu cara untuk berbuat demikian. 596 00:36:38,500 --> 00:36:44,050 Anda boleh menetapkan alamat e-mel tertentu yang khusus kepada nama domain anda 597 00:36:44,050 --> 00:36:46,800 bukannya of@gmail.com. 598 00:36:46,800 --> 00:36:51,840 >> Dan akhirnya, terdapat sambungan web pemaju dan add-Firefox - untuk Chrome, 599 00:36:51,840 --> 00:36:56,380 untuk Firefox, untuk pelayar yang lain - yang membolehkan anda untuk masuk dan memeriksa 600 00:36:56,380 --> 00:37:02,290 CSS, memeriksa JavaScript, melihat apa yang tidak kena dengan skrip JavaScript anda, 601 00:37:02,290 --> 00:37:05,290 dan mungkin akan berguna untuk tujuan de-bugging anda, anda mencari keluar - 602 00:37:05,290 --> 00:37:08,630 dengan baik, mengapa tidak laman web saya memaparkan betul dalam pelayar ini? 603 00:37:08,630 --> 00:37:11,800 >> Dan akhirnya, jika anda mahu belajar lebih lanjut mengenai semua topik-topik ini - 604 00:37:11,800 --> 00:37:14,410 jika anda mahu belajar lebih lanjut mengenai HTML dan CSS dan JavaScript - 605 00:37:14,410 --> 00:37:16,790 kerana selepas semua, kita hanya mengajar anda sedikit - 606 00:37:16,790 --> 00:37:21,240 anda boleh pergi ke laman web seperti W3Schools.com untuk mencari lebih banyak sumber. 607 00:37:21,240 --> 00:37:26,340 Mereka mempunyai tutorial yang sangat bagus tentang bagaimana saya lakukan x, atau apakah y maksudkan? 608 00:37:26,340 --> 00:37:30,400 Jika anda mahu belajar lebih lanjut mengenai bahasa ini anda hanya boleh pergi di sini. 609 00:37:30,400 --> 00:37:37,690 >> Baiklah. Saya rasa saya mahu meninggalkan beberapa minit terakhir ini untuk soalan, 610 00:37:37,690 --> 00:37:39,810 begitu juga terdapat sebarang soalan mengenai apa-apa yang kita bercakap tentang? 611 00:37:39,810 --> 00:37:43,500 [Ahli penonton] Apakah jenis perkara-perkara yang pada W3Schools dan bagaimana ia dilindungi? 612 00:37:43,500 --> 00:37:45,500 [Yuechen Zhao] Apakah jenis perkara? 613 00:37:45,500 --> 00:37:50,180 Jadi, salah satu perkara yang sangat besar yang saya menggunakan banyak adalah rujukan mereka. 614 00:37:50,180 --> 00:37:54,430 Detail rujukan mereka, sebagai contoh untuk CSS - 615 00:37:54,430 --> 00:37:59,480 apa ini bermakna atau jika anda mahu menukar latar belakang halaman - 616 00:37:59,480 --> 00:38:01,480 bagaimana anda melakukannya? 617 00:38:01,480 --> 00:38:04,550 Yang pelayar menyokong arahan itu? Perkara seperti itu. 618 00:38:04,550 --> 00:38:10,870 Dan kemudian mereka juga hanya mempunyai tutorial yang sangat bagus pada HTML, di PHP, JavaScript, 619 00:38:10,870 --> 00:38:14,290 pada MySQL, dalam pelbagai jenis topik yang berbeza. 620 00:38:14,290 --> 00:38:18,800 Mereka mempunyai tutorial nice. Mereka mengajar anda bagaimana untuk melakukan perkara-perkara. 621 00:38:18,800 --> 00:38:22,590 Ia adalah baik untuk dapat pergi dan belajar lebih lanjut mengenai topik-topik ini. 622 00:38:22,590 --> 00:38:27,180 >> [Ahli penonton] HTML 5 masih tidak serasi dengan semua pelayar di luar sana. 623 00:38:27,180 --> 00:38:30,700 Adakah anda akan mengesyorkan hanya tinggal jauh dari itu kerana isu-isu keserasian? 624 00:38:30,700 --> 00:38:32,700 Bagaimana anda akan berurusan dengan itu? 625 00:38:32,700 --> 00:38:38,640 [Yuechen Zhao] Ya, jadi, persoalannya ialah HTML5 masih standard bayi. 626 00:38:38,640 --> 00:38:42,030 Ia tidak benar-benar disokong oleh banyak pelayar, jadi kita harus mengelakkan ia? 627 00:38:42,030 --> 00:38:48,040 Saya rasa tahun lepas saya akan menjadi penyokong yang sangat besar, mari kita mengelakkan HTML5 628 00:38:48,040 --> 00:38:52,430 kerana ia masih - ia masih lagi baru dan pada hakikatnya, standard HTML5 629 00:38:52,430 --> 00:38:55,610 belum dimuktamadkan lagi. 630 00:38:55,610 --> 00:38:58,790 Dan sebagainya, ada benar-benar tiada standard HTML5. 631 00:38:58,790 --> 00:39:03,840 Tetapi saya fikir terutamanya jika anda mereka bentuk laman web sekarang, 632 00:39:03,840 --> 00:39:07,450 ia mungkin lebih baik jika anda hanya pergi dengan HTML5 kerana itulah jenis akan menjadi masa depan, 633 00:39:07,450 --> 00:39:11,250 dan jika anda mahu laman web anda untuk masa depan-bukti dan anda mahu laman web anda untuk bekerja 634 00:39:11,250 --> 00:39:14,320 dalam pelayar masa depan, ia mungkin lebih baik untuk mula membina sesuatu untuk masa depan 635 00:39:14,320 --> 00:39:19,830 berbanding masa lalu, dan juga hanya kerana hakikat bahawa HTML5 benar-benar tidak yang berbeza 636 00:39:19,830 --> 00:39:23,080 dari HTML4 atau XHTML. 637 00:39:23,080 --> 00:39:29,780 Jika anda menggunakan HTML5, ia biasanya akan bekerja di kebanyakan pelayar. 638 00:39:29,780 --> 00:39:34,660 Anda hanya perlu menyusun satu pergi dan pastikan dengan screenshot 639 00:39:34,660 --> 00:39:38,630 dan memastikan dengan pergi ke laman web ini sendiri. 640 00:39:38,630 --> 00:39:44,280 Tetapi kemungkinan besar ia akan bekerja melainkan jika anda menggunakan ciri-ciri yang sangat khusus untuk HTML5. 641 00:39:44,280 --> 00:39:50,240 Perhatikan juga bahawa untuk CS50 - sebagai contoh, bagi pemain video yang kita gunakan - 642 00:39:50,240 --> 00:39:56,230 ia menggunakan HTML5 dan HTML5 video untuk memaparkan ceramah. 643 00:39:56,230 --> 00:39:59,420 Tetapi jika anda mempunyai pelayar lama benar-benar, maka ia akan jatuh kembali pada Flash. 644 00:39:59,420 --> 00:40:01,420 Jadi, itu juga sesuatu yang lain - 645 00:40:01,420 --> 00:40:05,190 mempunyai sistem jatuh semula apabila anda hanya tahu bahawa pelayar tidak akan mengendalikan 646 00:40:05,190 --> 00:40:08,140 apa yang anda mahu ia untuk mengendalikan. 647 00:40:08,140 --> 00:40:10,140 >> Soalan-soalan lain? 648 00:40:10,140 --> 00:40:13,270 Apa sahaja yang kita bercakap tentang. 649 00:40:16,910 --> 00:40:20,750 Baiklah. Saya rasa itu kira-kira untuk saya. 650 00:40:20,750 --> 00:40:23,090 Saya rasa itu sahaja. 651 00:40:23,090 --> 00:40:28,430 (Tepukan) 652 00:40:28,430 --> 00:40:30,000 Sejuk. 653 00:40:30,500 --> 00:40:32,700 [CS50.TV]