1 00:00:00,000 --> 00:00:02,000 [Powered by Google Translate] [Hội thảo] [Chuẩn bị trang web của bạn cho Web] 2 00:00:02,000 --> 00:00:05,000 [Yuechen Zhao] [Đại học Harvard] 3 00:00:05,000 --> 00:00:07,000 [Đây là CS50.] [CS50.TV] 4 00:00:07,000 --> 00:00:11,660 >> Được rồi. Đây là một giờ phát triển web, nếu bạn là cho nó. 5 00:00:11,660 --> 00:00:16,290 Hôm nay tôi sẽ nói chuyện về việc chuẩn bị trang web của bạn lên web. 6 00:00:16,290 --> 00:00:20,260 Tất cả các ngày - và có lẽ trong 2 tuần qua - 7 00:00:20,260 --> 00:00:22,240 chúng tôi đã nói về cách tạo một trang web, 8 00:00:22,240 --> 00:00:24,880 cách sử dụng HTML, cách sử dụng PHP, làm thế nào để sử dụng các khuôn khổ, 9 00:00:24,880 --> 00:00:29,420 làm thế nào để đảm bảo rằng bạn có thể tương tác với cơ sở dữ liệu - những điều như thế. 10 00:00:29,420 --> 00:00:34,830 Nhưng ngày hôm nay, chúng ta sẽ nói về nơi mà trang web của bạn sẽ sống sau khi CS50. 11 00:00:34,830 --> 00:00:40,010 Bởi vì sau tất cả, CS50 không xảy ra trong quá khứ tháng Mười Hai. 12 00:00:40,010 --> 00:00:42,090 Chúng ta sẽ nói về tên miền, lưu trữ. 13 00:00:42,090 --> 00:00:44,790 Chúng ta sẽ nói về những gì qua trình duyệt tương thích 14 00:00:44,790 --> 00:00:49,540 và khả năng tương thích nền tảng là, và làm thế nào bạn có thể đảm bảo rằng trang web của bạn 15 00:00:49,540 --> 00:00:51,610 sẽ hoạt động trong mọi điều kiện. 16 00:00:51,610 --> 00:00:54,330 Chúng tôi sẽ nói về xử lý lỗi và ma thuật máy chủ khác. 17 00:00:54,330 --> 00:00:57,890 Chúng ta đang nói về tối ưu hóa hiệu suất, tối ưu hóa công cụ tìm kiếm, 18 00:00:57,890 --> 00:01:00,310 và làm thế nào để có được mọi người thực sự ghé thăm trang web của bạn. 19 00:01:00,310 --> 00:01:05,960 Và cuối cùng, chỉ cần một số nguồn lực tốt để đảm bảo rằng các bạn có đủ những 20 00:01:05,960 --> 00:01:09,680 để đi ra với dự án cuối cùng của bạn, và hy vọng sau. 21 00:01:09,680 --> 00:01:13,120 >> Việc đầu tiên mà chúng ta sẽ nói đến là tên miền. 22 00:01:13,120 --> 00:01:18,020 Ngay bây giờ bạn đang lập trình trong thiết bị của bạn, bạn sẽ đến một máy chủ địa phương 23 00:01:18,020 --> 00:01:20,360 mà không phải là thực sự là một tên miền. 24 00:01:20,360 --> 00:01:26,370 Đó là loại chỉ là một biệt danh hoặc một bí danh để cài đặt Linux thực tế của bạn 25 00:01:26,370 --> 00:01:31,150 bên trong của một trong hai VMware trên Mac hoặc VMware Player trên một máy tính. 26 00:01:31,150 --> 00:01:36,510 Tên miền cho phép bạn đưa một trang web lên mạng và sau đó đi đến một cái gì đó như 27 00:01:36,510 --> 00:01:39,400 www.google.com và được các trang web. 28 00:01:39,400 --> 00:01:41,500 Làm thế nào để họ làm việc? 29 00:01:41,500 --> 00:01:43,390 Hãy nói rằng bạn chỉ là một máy chủ web trung bình - 30 00:01:43,390 --> 00:01:50,080 trung bình lướt web và bạn có một máy tính xách tay, và bạn đi đến www.howstuffworks.com. 31 00:01:50,080 --> 00:01:52,570 Có thể bạn có thể nhìn thấy nơi tôi đã đánh cắp này từ. 32 00:01:52,570 --> 00:01:57,300 Làm thế nào các công trình công cụ - máy tính của bạn sau đó sẽ yêu cầu một máy chủ DNS địa phương, 33 00:01:57,300 --> 00:01:59,300 "Bạn có biết nơi trang web này?" 34 00:01:59,300 --> 00:02:02,200 "Bạn có biết địa chỉ IP của www.howstuffworks.com?" 35 00:02:02,200 --> 00:02:05,580 Máy chủ DNS của bạn có thể nói, "Vâng, tôi làm." 36 00:02:05,580 --> 00:02:09,139 Trong trường hợp đó, bạn sẽ có được địa chỉ IP, và máy tính của bạn truy cập vào địa chỉ IP. 37 00:02:09,139 --> 00:02:15,050 Nếu không, nó yêu cầu một máy chủ DNS, "Hey! Bạn có biết những gì www.howstuffworks.com là?" 38 00:02:15,050 --> 00:02:17,670 Đó là máy chủ có thể nói, "Vâng, tôi làm." 39 00:02:17,670 --> 00:02:22,500 Vì vậy, nó sẽ cho một trong những khác nó là gì, và cuối cùng, thông tin được truyền đến máy tính của bạn, 40 00:02:22,500 --> 00:02:24,680 và bạn có thể truy cập howstuffworks.com. 41 00:02:24,680 --> 00:02:27,540 >> Làm thế nào bạn có thể nhận được một trong những điều kỳ diệu? 42 00:02:27,540 --> 00:02:32,940 Làm thế nào bạn có thể nhận được có thể www.yourname.com hoặc www.ilovecats.com? 43 00:02:32,940 --> 00:02:35,350 Bạn có thể đăng ký cho một, 44 00:02:35,350 --> 00:02:38,280 và có rất nhiều các trang web ra có mà cho phép bạn làm như vậy. 45 00:02:38,280 --> 00:02:41,420 Bạn phải - trong hầu hết trường hợp, bạn phải trả tiền cho họ. 46 00:02:41,420 --> 00:02:43,890 Có tên miền nhất định được miễn phí. 47 00:02:43,890 --> 00:02:50,900 Nếu bạn đi đến tkdomainnames www.co.cc hoặc., Đó là miễn phí. 48 00:02:50,900 --> 00:02:56,500 Nhưng, họ đến với những hạn chế nhất định, và trong thực tế một số người trong số họ thậm chí có thể không được 49 00:02:56,500 --> 00:03:00,540 thực tế, tên miền cấp cao như com hoặc. net.. 50 00:03:00,540 --> 00:03:03,300 Bình thường, tôi sẽ đề nghị đi cho một trong số họ 51 00:03:03,300 --> 00:03:07,060 bởi vì người sử dụng chỉ thoải mái hơn với những người. 52 00:03:07,060 --> 00:03:10,070 Bạn đã nhìn thấy rất nhiều. Com. Bạn đã nhìn thấy rất nhiều mạng lưới.. 53 00:03:10,070 --> 00:03:13,790 Có thể bạn không nhìn thấy rất nhiều. Co.cc ', do đó, họ khó nhớ. 54 00:03:13,790 --> 00:03:18,900 Các trang web khác nhau như Godaddy hay NameCheap hoặc - Tôi đã sử dụng một trong đó là 55 00:03:18,900 --> 00:03:21,550 loại sơ sài - gọi là activedomain.com. 56 00:03:21,550 --> 00:03:24,160 Có vẻ thực sự sơ sài, nhưng nó đã làm việc thực sự tốt cho tôi. 57 00:03:24,160 --> 00:03:27,810 >> Và cuối cùng, bạn có những người khác mà có thể làm quảng cáo nhiều hơn như Network Solutions. 58 00:03:27,810 --> 00:03:31,140 Nhưng nếu bạn đi vào NetworkSolutions.com và nhìn vào giá của họ 59 00:03:31,140 --> 00:03:34,070 nó thực sự là tốn kém. Tôi đã nhìn vào họ đêm qua. 60 00:03:34,070 --> 00:03:37,400 Trong một năm của một tên miền, nó có thể là không có giá trị mà nhiều tiền. 61 00:03:37,400 --> 00:03:40,210 Trong thực tế, nếu bạn đang nhận được một com. Hoặc org. Hoặc một mạng lưới. 62 00:03:40,210 --> 00:03:43,430 giá bình thường là khoảng $ 10 một năm. 63 00:03:43,430 --> 00:03:48,710 Vì vậy, nếu bạn đang trả tiền nhiều hơn thế nữa, nó có thể không phải là giá trị nó 64 00:03:48,710 --> 00:03:52,440 bởi vì, sau khi tất cả, các trang web này không làm bất cứ điều gì với tên miền đó. 65 00:03:52,440 --> 00:03:58,270 Họ chỉ cần cung cấp cho nó cho bạn, và vì vậy nếu bạn có thể nhận được nó với giá rẻ, tại sao không? 66 00:03:58,270 --> 00:04:02,540 >> Điều khác là một khi bạn có tên miền của bạn, sau đó bạn có thể muốn 67 00:04:02,540 --> 00:04:08,610 đi trên một trong hai Godaddy.com hoặc bất cứ nơi nào bạn mua tên miền của bạn 68 00:04:08,610 --> 00:04:11,220 và thiết lập các máy chủ tên cho tên miền đó. 69 00:04:11,220 --> 00:04:15,560 Điều này có nghĩa là một khi người dùng đi vào www.howstuffworks.com, 70 00:04:15,560 --> 00:04:20,839 những tên máy chủ địa chỉ IP là địa chỉ IP mà họ sẽ có thể để tìm kiếm. 71 00:04:20,839 --> 00:04:24,680 Họ sẽ có thể truy cập trang web của bạn thông qua các máy chủ tên. 72 00:04:24,680 --> 00:04:26,830 Nếu bạn áp dụng để lưu trữ một nơi nào đó 73 00:04:26,830 --> 00:04:31,210 sau đó máy chủ của bạn rất có thể sẽ cung cấp cho bạn các máy chủ tên để sử dụng. 74 00:04:31,210 --> 00:04:34,210 >> Và cuối cùng, có điều này được gọi là một WHOIS. 75 00:04:34,210 --> 00:04:38,890 Một cơ sở dữ liệu WHOIS là một cơ sở dữ liệu mà bạn có thể nhập vào một tên miền 76 00:04:38,890 --> 00:04:44,170 và nó sẽ nhổ ra một số thông tin về chủ sở hữu của trang web đó và thông tin liên lạc khác. 77 00:04:44,170 --> 00:04:49,080 Bây giờ, bạn có thể nói, "Tôi thực sự không muốn địa chỉ nhà của tôi hoặc tôi không thực sự muốn địa chỉ email của tôi 78 00:04:49,080 --> 00:04:54,010 trên trang web cho bất cứ ai nhìn thấy hoặc trên Internet cho mọi người xem. " 79 00:04:54,010 --> 00:04:57,740 Sau đó, bạn có thể muốn sử dụng một cái gì đó mà rất nhiều dịch vụ lưu trữ cung cấp - 80 00:04:57,740 --> 00:04:59,740 như một người quản lý WHOIS. 81 00:04:59,740 --> 00:05:03,550 Một người quản lý WHOIS chỉ đơn giản là một dịch vụ khác mà rất nhiều người trong số họ cung cấp mà 82 00:05:03,550 --> 00:05:07,700 ẩn đi các thông tin đó và chỉ cần đặt trong là người quản lý cho tên - 83 00:05:07,700 --> 00:05:13,070 cho địa chỉ nó thường chỉ có tên công ty đó là cho bạn tên miền này - 84 00:05:13,070 --> 00:05:17,350 và như vậy thì thông tin cá nhân của bạn không bị rò rỉ trên Internet, 85 00:05:17,350 --> 00:05:19,350 mà thường là khá tốt. 86 00:05:19,350 --> 00:05:21,350 Bản thân tôi sử dụng một trong các dịch vụ này. 87 00:05:21,350 --> 00:05:25,630 Nếu bạn không quan tâm đến sự riêng tư của riêng bạn sau đó nó không thực sự quan trọng. 88 00:05:25,630 --> 00:05:32,490 >> Một máy chủ DNS là viết tắt của Domain Name System, và những gì nó là - 89 00:05:32,490 --> 00:05:36,560 đó là loại giống như một nơi nào đó bảng băm mà nói, 90 00:05:36,560 --> 00:05:42,320  "Địa chỉ trang web này sẽ để ánh xạ địa chỉ IP này." Và đó là tất cả nó được. 91 00:05:42,320 --> 00:05:48,180 Vì vậy, khi bạn truy vấn máy chủ DNS này, sau đó bạn có thể nhận được các địa chỉ IP 92 00:05:48,180 --> 00:05:51,930 cho rằng tên miền tương ứng và sau đó truy cập trang web đó. 93 00:05:51,930 --> 00:05:59,820 (Khán giả hỏi một câu hỏi - không nghe được) 94 00:05:59,820 --> 00:06:07,910 Là người đầu tiên? Cấp độ đầu tiên thực sự thường chỉ là bộ nhớ cache máy tính của bạn chính nó. 95 00:06:07,910 --> 00:06:12,570 Loại máy tính của bạn nhớ lần cuối cùng bạn đã đi đến www.google.com 96 00:06:12,570 --> 00:06:18,090 đó là tại địa chỉ IP này, và sau đó sau một thời gian, bộ nhớ cache sẽ hết hiệu lực, 97 00:06:18,090 --> 00:06:23,560 và nó sẽ hỏi như DNS Comcast, 98 00:06:23,560 --> 00:06:26,400 "Này, có chuyện gì www.google.com?" 99 00:06:26,400 --> 00:06:31,040 Thông thường, khi bạn mua một tên miền và bạn đăng ký một, và bạn thiết lập một trang web, 100 00:06:31,040 --> 00:06:35,670 bạn không thể vào trang web ngay lập tức với tên miền do các máy chủ tên 101 00:06:35,670 --> 00:06:40,180 trên toàn thế giới không biết về tên miền của bạn chưa. Nó có để cư trú. 102 00:06:40,180 --> 00:06:43,220 Nó thường mất khoảng 24-48 giờ. 103 00:06:43,220 --> 00:06:48,460 Được rồi. Vì vậy, đó là một chút về tên miền. Họ đang rất mát mẻ. 104 00:06:48,460 --> 00:06:51,540 Tôi nghĩ rằng bạn sẽ nhận được một nếu bạn nghiêm túc về dự án 105 00:06:51,540 --> 00:06:55,300 và nếu bạn thực sự muốn thực hiện dự án của bạn được biết đến trên khắp khuôn viên trường, 106 00:06:55,300 --> 00:06:58,050 có một tên miền làm cho nó trông thật sự chuyên nghiệp. 107 00:06:58,050 --> 00:07:01,510 >> Sau đó, bước tiếp theo, tất nhiên, là có một số loại lưu trữ. 108 00:07:01,510 --> 00:07:05,540 Nếu bạn chỉ lưu trữ nó trên máy tính của bạn, không ai bao giờ sẽ có thể đi với nó. 109 00:07:05,540 --> 00:07:09,110 Bạn có khả năng có thể thiết lập một máy chủ trên máy tính của bạn và giữ cho máy tính của bạn mãi mãi, 110 00:07:09,110 --> 00:07:11,160 nhưng điều đó không được khuyến khích. 111 00:07:11,160 --> 00:07:14,000 Có nhiều loại khác nhau lưu trữ có sẵn trực tuyến. 112 00:07:14,000 --> 00:07:21,870 Có được chia sẻ lưu trữ. Có VPN (khó hiểu) mà là máy ảo. 113 00:07:21,870 --> 00:07:23,870 Có bán chuyên dụng và chuyên dụng. 114 00:07:23,870 --> 00:07:29,030 Trong số mới nhất 3, VPN, bán chuyên dụng và chuyên dụng thường đắt hơn. 115 00:07:29,030 --> 00:07:32,660 Chúng thường được sử dụng cho các trang web đòi hỏi nhiều tài nguyên. 116 00:07:32,660 --> 00:07:34,680 Nếu bạn chỉ là bắt đầu với một trang web, 117 00:07:34,680 --> 00:07:40,670 nó chỉ có thể là kinh tế hơn để đi với chia sẻ lưu trữ. 118 00:07:40,670 --> 00:07:43,430 Và những gì được chia sẻ phương tiện chỉ là một loạt các trang web là là tất cả cùng nhau 119 00:07:43,430 --> 00:07:51,560 sắp xếp của trên một máy chủ trên trang web này trên máy chủ lưu trữ này, và bạn có thể truy cập trang web của bạn 120 00:07:51,560 --> 00:07:53,660 thông qua tên miền. 121 00:07:53,660 --> 00:07:55,980 >> Có rất nhiều máy chủ phổ biến trên mạng. 122 00:07:55,980 --> 00:08:01,160 HostGator và DreamHost - những người đang rất, rất lớn và rất, rất phổ biến 123 00:08:01,160 --> 00:08:03,160 và rất, rất thành công. 124 00:08:03,160 --> 00:08:05,160 Cá nhân tôi sử dụng một gọi là MDDHosting. 125 00:08:05,160 --> 00:08:08,240 Nếu bạn đi đến www.mddhosting.com, đó là máy chủ của tôi về sự lựa chọn. 126 00:08:08,240 --> 00:08:10,240 Tôi nghĩ họ là rất tốt. 127 00:08:10,240 --> 00:08:14,550 Họ đã luôn luôn là rất đáng tin cậy, và tôi chưa bao giờ có bất kỳ vấn đề với họ. 128 00:08:14,550 --> 00:08:18,610 Họ cũng có giá cả rất cạnh tranh. 129 00:08:18,610 --> 00:08:24,400 Hai là tôi không thực sự như là GoDaddy - đó cũng là một máy chủ rất phổ biến, 130 00:08:24,400 --> 00:08:26,400 nhưng tôi đã có kinh nghiệm khủng khiếp với họ, 131 00:08:26,400 --> 00:08:29,430 và rất nhiều người mà tôi biết đã có kinh nghiệm thực sự khủng khiếp với họ. 132 00:08:29,430 --> 00:08:32,150 Họ loại đi sau khi những người không biết những gì họ đang làm - 133 00:08:32,150 --> 00:08:34,150 có thể bạn đang làm một trang web cho lần đầu tiên, 134 00:08:34,150 --> 00:08:37,150 và vì vậy họ loại lừa họ mua gói hosting của họ. 135 00:08:37,150 --> 00:08:42,570 Không làm điều đó. Không thuộc đối với nó. Đi tìm kiếm các gói hosting khác mà thực sự phù hợp với nhu cầu của bạn. 136 00:08:42,570 --> 00:08:44,880 Và một trong những khác là - có host miễn phí ra khỏi đó. 137 00:08:44,880 --> 00:08:47,350 Có những trang web mà sẽ lưu trữ trang web của bạn miễn phí - 138 00:08:47,350 --> 00:08:49,350 đôi khi bằng cách đặt quảng cáo trên trang web của bạn, 139 00:08:49,350 --> 00:08:52,290 đôi khi bằng cách làm cho bạn tham gia vào diễn đàn của họ, 140 00:08:52,290 --> 00:08:54,340 nhưng đôi khi cũng chỉ là miễn phí. 141 00:08:54,340 --> 00:09:00,000 Tuy nhiên, hãy cẩn thận với host miễn phí bởi vì rất nhiều người trong số họ thực sự chỉ đi ra khỏi kinh doanh 142 00:09:00,000 --> 00:09:03,480 sau một vài tháng. Bạn chỉ có thể theo kịp với chi phí. 143 00:09:03,480 --> 00:09:07,460 Những người khác chỉ là rất không đáng tin cậy, và trang web của bạn sẽ luôn luôn được xuống, 144 00:09:07,460 --> 00:09:09,700 và bạn không muốn điều đó xảy ra. 145 00:09:09,700 --> 00:09:12,330 >> Mỗi máy chủ sẽ cung cấp bảng điều khiển của mình. 146 00:09:12,330 --> 00:09:16,520 Chú ý rằng đối với thiết bị của bạn, có thực sự không phải là một bảng điều khiển cho mỗi gia nhập. 147 00:09:16,520 --> 00:09:19,230 Bạn phải sử dụng thiết bị đầu cuối để đi và chỉnh sửa các tập tin. 148 00:09:19,230 --> 00:09:21,230 Bạn phải chmod thứ một mình. 149 00:09:21,230 --> 00:09:24,770 Nếu bạn muốn đi đến PHPMyAdmin, 150 00:09:24,770 --> 00:09:29,560 bạn phải đi đến localhost @ / phpMyAdmin và những thứ như thế. 151 00:09:29,560 --> 00:09:36,660 Nhưng với một bảng điều khiển, bạn có thể đi vào và chỉnh sửa các tập tin trên máy chủ của bạn 152 00:09:36,660 --> 00:09:40,350 với Windows Explorer hoặc một ứng dụng công cụ tìm loại. 153 00:09:40,350 --> 00:09:44,810 Hoặc bạn có thể đi qua và nhìn vào cơ sở dữ liệu của bạn với công cụ của riêng mình 154 00:09:44,810 --> 00:09:47,280 thay vì phpMyAdmin. 155 00:09:47,280 --> 00:09:52,240 Vì vậy, có rất nhiều sự lựa chọn ở đây, và một số các bảng điều khiển phổ biến hơn là ở đó. 156 00:09:52,240 --> 00:09:54,240 Nhưng nếu bạn đang tìm kiếm một máy chủ, 157 00:09:54,240 --> 00:09:57,090 sau đó bạn có thể muốn nhìn vào những gì các loại tùy chỉnh và các tùy chọn 158 00:09:57,090 --> 00:10:02,810 họ cung cấp cho tôi để tùy chỉnh máy chủ của tôi và để làm cho trang web của tôi chạy tốt hơn. 159 00:10:02,810 --> 00:10:07,110 Vì vậy, sau đó bạn có thể hỏi, "Vâng, làm thế nào để chọn lưu trữ?" 160 00:10:07,110 --> 00:10:11,460 Nếu bạn đi trên bất kỳ trang web máy chủ có rất nhiều các thuật ngữ, và có rất nhiều lựa chọn. 161 00:10:11,460 --> 00:10:14,470 Có rất nhiều mức giá khác nhau cũng có. 162 00:10:14,470 --> 00:10:19,690 Bình thường, tôi đi cho những người rẻ hơn chỉ vì các trang web mà có thể bạn và tôi làm - 163 00:10:19,690 --> 00:10:23,520 và đặc biệt là ngay bây giờ, đặc biệt là khi mới bắt đầu - họ có thể không cần nhiều tài nguyên 164 00:10:23,520 --> 00:10:26,770 như thể có một trang web như Microsoft.com. 165 00:10:26,770 --> 00:10:32,090 >> Trước tiên, bạn muốn xem xét các hệ điều hành nếu bạn thực sự tò mò liệu 166 00:10:32,090 --> 00:10:35,090 trang web của bạn sẽ được lưu trữ trên Linux, trên Windows, hoặc trên Mac. 167 00:10:35,090 --> 00:10:39,790 Thông thường chúng ta chỉ cần đi với Linux bởi vì đó thường là với giá rẻ nhất, 168 00:10:39,790 --> 00:10:43,730 và cũng là một trong đó có thể các bạn đã quen thuộc hơn với vì thiết bị này. 169 00:10:43,730 --> 00:10:48,040 Và sau đó, có thể họ sẽ đặt một số hạn chế về số lượng băng thông mà bạn nhận được - 170 00:10:48,040 --> 00:10:53,030 như bao nhiêu MB hoặc GB dữ liệu người dùng có thể tải về 171 00:10:53,030 --> 00:10:55,470 từ trang web của bạn mỗi tháng? Hoặc không gian đĩa. 172 00:10:55,470 --> 00:11:00,640 Bao nhiêu không gian để bạn có được? Có 500 MB? Có 2 GB? Là nó không giới hạn? 173 00:11:00,640 --> 00:11:05,920 Ngày nay, rất nhiều máy chủ web cung cấp cho bạn không gian đĩa không giới hạn như một cách để họ 174 00:11:05,920 --> 00:11:08,560 để lôi kéo bạn để có được gói hosting của họ. 175 00:11:08,560 --> 00:11:11,850 Nhưng nếu bạn thực sự nghĩ về nó, khi nào bạn đã bao giờ sẽ cần không gian đĩa không giới hạn? 176 00:11:11,850 --> 00:11:18,060 Nếu bạn có một vài tập tin HTML, một vài PHP, một vài hình ảnh - 177 00:11:18,060 --> 00:11:20,060 đó chỉ là một vài MB, vv 178 00:11:20,060 --> 00:11:23,110 thường tôi chỉ đi cho giá trị có thể là một vài gigabyte 'của không gian, 179 00:11:23,110 --> 00:11:27,990 và đó có thể là đủ để bắt đầu tôi đi cho đến khi tôi cần hơn. 180 00:11:27,990 --> 00:11:31,480 >> Cuối cùng, họ có thể đặt các hạn chế về những gì sắp xếp - có bao nhiêu cơ sở dữ liệu bạn có thể có. 181 00:11:31,480 --> 00:11:34,760 Có lẽ bạn chỉ có thể có 1 cơ sở dữ liệu. Có lẽ bạn có thể có 2. Có lẽ bạn có thể có 10. 182 00:11:34,760 --> 00:11:38,330 Là nó thực sự quan trọng với bạn bao nhiêu bạn nhận được? 183 00:11:38,330 --> 00:11:40,330 Những điều cần tự hỏi mình. 184 00:11:40,330 --> 00:11:42,330 Và cuối cùng, chỉ cần những thứ như ngôn ngữ. 185 00:11:42,330 --> 00:11:44,330 Nó hỗ trợ PHP? Nó hỗ trợ MySQL? 186 00:11:44,330 --> 00:11:49,010 Hầu hết các trang web lưu trữ không hỗ trợ này vì chúng được miễn phí. Họ là mã nguồn mở. 187 00:11:49,010 --> 00:11:51,190 Nó không chi phí cho họ bất cứ điều gì để cung cấp cho các bạn. 188 00:11:51,190 --> 00:11:55,680 Nhưng nếu bạn muốn sử dụng, nói rằng, Ruby hay Python hay một số các ngôn ngữ khác - 189 00:11:55,680 --> 00:11:59,490 họ có thể không hỗ trợ nó trên máy chủ của họ, vì vậy điều quan trọng là tìm kiếm các loại của sự vật. 190 00:11:59,490 --> 00:12:05,620 >> Và cuối cùng, chúng cho phép bạn để làm một số điều tiên tiến hơn như việc SSL hoặc định kỳ? 191 00:12:05,620 --> 00:12:12,060 SSL là một lựa chọn mà bạn có thể làm cho trang web của bạn an toàn hơn bằng cách làm cho nó HTTPS 192 00:12:12,060 --> 00:12:14,060 và mã hóa kết nối của bạn. 193 00:12:14,060 --> 00:12:17,230 Và các công việc định kỳ chỉ có thể kịch bản mà bạn muốn chạy 194 00:12:17,230 --> 00:12:19,510 5 phút, 10 phút, mỗi 15. 195 00:12:19,510 --> 00:12:22,030 Rất nhiều trang web chia sẻ lưu trữ không đặt các hạn chế 196 00:12:22,030 --> 00:12:26,310 trên số lượng việc làm định kỳ mà bạn có thể chạy bởi vì đó chiếm nhiều tài nguyên hơn. 197 00:12:26,310 --> 00:12:31,800 >> Và cuối cùng, chỉ cần tất cả mọi thứ khác mà bạn muốn xem - đảm bảo chính xác những gì đang xảy ra 198 00:12:31,800 --> 00:12:35,180 trước khi bạn mua gói hosting của bạn. 199 00:12:35,180 --> 00:12:37,720 Và cuối cùng, hiệu suất. Hiệu suất là rất lớn. 200 00:12:37,720 --> 00:12:39,740 Nhanh như thế nào là trang web của tôi sẽ chạy? 201 00:12:39,740 --> 00:12:42,950 Hầu hết người dùng sẽ không phải chờ thậm chí vài giây cho trang web của bạn để chạy 202 00:12:42,950 --> 00:12:47,640 trước khi họ chỉ cảm thấy buồn chán, và họ tiếp tục MeanBase và bắt đầu nhìn vào hình ảnh 203 00:12:47,640 --> 00:12:52,240 mèo - bạn biết điều đó xảy ra, và bạn muốn chắc chắn rằng bạn nhận được rằng người sử dụng trên tàu 204 00:12:52,240 --> 00:12:54,300 và rằng bạn có thời gian hoạt động tốt mà chỉ có nghĩa là 205 00:12:54,300 --> 00:12:56,300 trang web của bạn sẽ có thể truy cập vào mọi lúc. 206 00:12:56,300 --> 00:13:01,880 Rất nhiều chủ nhà có thời gian hoạt động thực sự tồi tệ và chỉ có nghĩa là trang web của bạn sẽ không phải là 207 00:13:01,880 --> 00:13:06,500 truy cập, và bạn không muốn điều đó xảy ra bởi vì bạn có thể buồn. 208 00:13:06,500 --> 00:13:10,360 Và bạn cũng có thể theo dõi hiệu suất lưu trữ của bạn với các trang web như 209 00:13:10,360 --> 00:13:16,440 Pingdom.com hoặc Host-tracker.com, và họ chỉ cho bạn biết mức độ thường xuyên là trang web của bạn xuống. 210 00:13:16,440 --> 00:13:18,490 >> Và cuối cùng, bạn muốn xem về sự hỗ trợ của họ. 211 00:13:18,490 --> 00:13:21,890 Nếu bạn có một vấn đề là họ sẽ trả lời bạn trong vòng 24 giờ? 212 00:13:21,890 --> 00:13:23,890 Là họ sẽ trả lời bạn trong vòng 48 giờ? 213 00:13:23,890 --> 00:13:26,500 Dịch vụ lưu trữ mà tôi sử dụng thường phản ứng với tôi trong vòng vài phút 214 00:13:26,500 --> 00:13:29,760 đó là thực sự tốt đẹp. 215 00:13:29,760 --> 00:13:33,990 Phù! Được rồi! Đó là thời gian để nghỉ ngơi. Nhưng tôi sẽ không để cho nó cho bạn. 216 00:13:33,990 --> 00:13:38,200 Chúng tôi sẽ chỉ cần nhìn vào hình ảnh của mèo dễ thương tất cả bây giờ và sau đó. 217 00:13:38,200 --> 00:13:42,740 >> Một điều thực sự, thực sự lớn là khả năng tương thích qua trình duyệt. 218 00:13:42,740 --> 00:13:45,890 Tôi có ý nghĩa gì bởi khả năng tương thích qua trình duyệt? 219 00:13:45,890 --> 00:13:50,970 Bạn có biết, ngày nay nó không chỉ là Microsoft Internet Explorer. 220 00:13:50,970 --> 00:13:53,970 Nó không chỉ là trình duyệt Mozilla Firefox hoặc Safari. 221 00:13:53,970 --> 00:13:58,190 Bây giờ chúng ta có Chrome. Chúng tôi có Opera. Chúng tôi có cá heo. Chúng tôi có Camino. 222 00:13:58,190 --> 00:14:00,540 Chúng tôi đã chinh phục. Chúng tôi có tất cả các trình duyệt khác nhau. 223 00:14:00,540 --> 00:14:05,950 Mọi thứ được sắp ra bây giờ - RockMelt - mặc dù những tất cả đều dựa trên Chromium. 224 00:14:05,950 --> 00:14:10,990 Nhưng thực tế của vấn đề là, có không chỉ là một trình duyệt nữa. 225 00:14:10,990 --> 00:14:13,860 Bạn không chỉ xem các trang web với một ứng dụng. 226 00:14:13,860 --> 00:14:17,660 Và do đó, các trình duyệt khác nhau sẽ đáp ứng khác nhau HTML, CSS khác nhau, và 227 00:14:17,660 --> 00:14:21,210 JavaScript khác nhau khác nhau, và làm thế nào để bạn đối phó với điều đó? 228 00:14:21,210 --> 00:14:24,370 Vâng, trong một số trường hợp, bạn thực sự có thể không. 229 00:14:24,370 --> 00:14:29,160 Trang web của bạn - nếu nó hoạt động trong một trình duyệt, mã mà bạn đã viết sẽ không làm việc 230 00:14:29,290 --> 00:14:32,910 trong trình duyệt khác, và đó là công việc của bạn để đảm bảo rằng các mã mà bạn viết 231 00:14:32,910 --> 00:14:36,000 là phổ quát, nó hoạt động ở khắp mọi nơi. 232 00:14:36,000 --> 00:14:38,000 Vì vậy, đây là thực sự nguy hiểm. 233 00:14:38,000 --> 00:14:42,450 Nếu bạn nói, "Vâng, nó làm việc trên máy tính của tôi. Great! Hãy di chuyển trên." 234 00:14:42,450 --> 00:14:46,040 Vâng, nó có lẽ sẽ không làm việc trên tôi, và khi tôi đi đến trang web của bạn 235 00:14:46,040 --> 00:14:49,210 Tôi sẽ rất buồn, và tôi sẽ bỏ đi. 236 00:14:49,210 --> 00:14:51,570 Vì vậy, chúng ta hãy xem làm thế nào bạn có thể ngăn chặn điều này. 237 00:14:51,570 --> 00:14:55,520 >> Điều đầu tiên, tất nhiên, là để chỉ sử dụng tiêu chuẩn HTML, CSS và JavaScript. 238 00:14:55,520 --> 00:14:57,520 Tôi có ý nghĩa gì bởi điều đó không? 239 00:14:57,520 --> 00:15:00,180 Vâng, có rất nhiều điều không đạt tiêu chuẩn ra khỏi đó. 240 00:15:00,180 --> 00:15:03,490 Ví dụ, trong CSS có rất nhiều phiên bản. 241 00:15:03,490 --> 00:15:10,830 Nếu bạn thấy bất kỳ quy tắc CSS với-moz-hoặc-webkit-, những quy tắc cụ thể 242 00:15:10,830 --> 00:15:15,720 cho cả các trình duyệt Mozilla và các trình duyệt Webkit, 243 00:15:15,720 --> 00:15:20,590 và do đó, bạn muốn chắc chắn rằng có thể bạn muốn tránh những điều 244 00:15:20,590 --> 00:15:25,150 bởi vì nếu bạn sử dụng-moz-cai trị chỉ là đi để làm việc trên trình duyệt Firefox. 245 00:15:25,150 --> 00:15:29,640 Và nếu bạn thực sự muốn nó nhìn tốt trên Internet Explorer cũng có, 246 00:15:29,640 --> 00:15:31,640 bạn sẽ được ra khỏi may mắn. 247 00:15:31,640 --> 00:15:37,910 Cho HTML cũng có, bạn có thể làm những việc trong HTML công trình đó trong một trình duyệt 248 00:15:37,910 --> 00:15:41,830 nhưng mà phá vỡ trong một, và bạn muốn tránh điều đó càng nhiều càng tốt. 249 00:15:41,830 --> 00:15:44,830 Và cuối cùng thậm chí cho JavaScript - có rất nhiều phiên bản của JavaScript, 250 00:15:44,830 --> 00:15:50,570 và mùa hè này chúng tôi chạy vào một vấn đề mà Document.getElementsByClassName-- 251 00:15:50,570 --> 00:15:54,500 mà thường là một chức năng được định nghĩa như là một phần của tiêu chuẩn JavaScript - 252 00:15:54,500 --> 00:15:58,120 là không tìm thấy trong Internet Explorer 8. 253 00:15:58,120 --> 00:16:01,900 Vì vậy, trong mùa hè tôi đã làm việc trong một phòng thí nghiệm và chúng tôi đã xây dựng thí nghiệm trực tuyến. 254 00:16:01,900 --> 00:16:06,210 Và chúng tôi nghĩ rằng nó đã làm việc thực sự tốt cho đến khi chúng tôi nhận ra rằng người dùng đang sử dụng 255 00:16:06,210 --> 00:16:09,780 Internet Explorer 8 không có thể gửi kết quả của họ. 256 00:16:09,780 --> 00:16:13,200 Chúng tôi đã bỏ lỡ rất nhiều dữ liệu. Điều đó làm chúng tôi thực sự buồn. 257 00:16:13,200 --> 00:16:17,790 Vì vậy, bạn luôn luôn muốn chắc chắn rằng các kịch bản của bạn sẽ làm việc ở khắp mọi nơi. 258 00:16:17,790 --> 00:16:20,500 >> Và cuối cùng, sử dụng validator.w3.org 259 00:16:20,500 --> 00:16:22,770 đó là những gì chúng tôi nói cho bạn biết phải làm trong pset 7. 260 00:16:22,770 --> 00:16:24,530 Hãy chắc chắn rằng trang của bạn được xác nhận. 261 00:16:24,530 --> 00:16:28,310 Điều này quan trọng bởi vì đó ít nhất là một bước kiểm tra sự tỉnh táo đầu tiên. 262 00:16:28,310 --> 00:16:31,870 Là mã của tôi thực sự tiêu chuẩn phù hợp? 263 00:16:34,930 --> 00:16:39,320 Một cách khác để sắp xếp trợ giúp bạn đảm bảo rằng trang web của bạn là sẽ làm việc 264 00:16:39,320 --> 00:16:42,610 trong hầu hết các trường hợp là có thể sử dụng một số thư viện và các khuôn khổ 265 00:16:42,610 --> 00:16:46,210 bởi vì các nhà phát triển thực sự thông minh đã nghĩ về những vấn đề này cho bạn. 266 00:16:46,210 --> 00:16:49,850 Họ đã trải qua và họ đã viết các chức năng khác nhau mà làm việc trên các trình duyệt. 267 00:16:49,850 --> 00:16:53,560 Ví dụ, chúng tôi sử dụng jQuery trong Pset 7. 268 00:16:53,560 --> 00:16:58,030 Mặc dù bạn có thể không nhìn thấy nó, jQuery cung cấp một số chức năng 269 00:16:58,030 --> 00:17:00,280 mà nếu không bạn sẽ phải viết cho mình. 270 00:17:00,280 --> 00:17:05,310 Nhưng các nhà phát triển đã viết nó, và họ chắc chắn rằng nó hoạt động trên tất cả các trình duyệt. 271 00:17:05,310 --> 00:17:10,280 Và Bootstrap - đó là một khuôn khổ CSS mà chúng tôi đã giới thiệu trong Pset 7 - 272 00:17:10,280 --> 00:17:17,000 nó thực sự mất đi rất nhiều những cơn đau đầu với thiết kế trang web mà nhìn tốt. 273 00:17:17,000 --> 00:17:19,000 trong tất cả các trình duyệt. 274 00:17:19,000 --> 00:17:23,660 >> Và cuối cùng, nếu bạn có thể tránh nó, tôi thường tránh mã hóa từ đầu. 275 00:17:23,660 --> 00:17:28,079 Nếu bạn chỉ cần tạo ra một trang web cho câu lạc bộ trường học của bạn, ví dụ, 276 00:17:28,079 --> 00:17:33,920 và tất cả các bạn cần làm là để hiển thị một số trang và có thể có chủ tịch của bạn đi trong 277 00:17:33,920 --> 00:17:38,910 và thay đổi một vài điều ở đây và ở đó - có thực sự không cần phải mã lên chính mình. 278 00:17:38,910 --> 00:17:40,910 Mà phải mất rất nhiều thời gian của bạn. 279 00:17:40,910 --> 00:17:42,660 Phải mất rất nhiều năng lượng của bạn, và bạn phải đi qua và bạn phải tìm hiểu, 280 00:17:42,660 --> 00:17:45,930 tốt, điều này sẽ xem xét tốt trong trình duyệt này, là nó sẽ nhìn tốt trong trình duyệt này. 281 00:17:45,930 --> 00:17:50,610 Có thể sử dụng một số các bản vá lỗi mà những người khác đã viết cho bạn, như 282 00:17:50,610 --> 00:17:52,610 WordPress hoặc Joomla hoặc Drupal. 283 00:17:52,610 --> 00:17:59,400 Chúng được gọi là nội dung - chúng được gọi là CMS mà về cơ bản chỉ là gói 284 00:17:59,400 --> 00:18:03,020 đã đến thực hiện cho bạn, và bạn có thể tải về chúng, đặt chúng vào máy chủ của bạn, 285 00:18:03,020 --> 00:18:07,510 và tùy chỉnh chúng tuy nhiên bạn muốn, và bạn đã có một trang web chạy. 286 00:18:07,510 --> 00:18:11,680 Những gói mã là một cái gì đó để nhìn vào. 287 00:18:11,680 --> 00:18:15,400 Những điều này là mã nguồn mở, trừ khi bạn đi cho một cái gì đó như - 288 00:18:15,400 --> 00:18:19,390 nếu bạn đang tìm kiếm một gói hình thức, có những điều mà không phải là miễn phí như 289 00:18:19,390 --> 00:18:21,570 VBulletin hoặc IP.Board. 290 00:18:21,570 --> 00:18:23,790 Nếu bạn không cần một số những tính năng tiên tiến, 291 00:18:23,790 --> 00:18:27,530 bạn luôn có thể lựa chọn không cho các tùy chọn miễn phí. 292 00:18:27,530 --> 00:18:31,300 >> Và cuối cùng, đó là không tránh nó. 293 00:18:31,300 --> 00:18:33,300 Bạn phải kiểm tra, kiểm tra, thử nghiệm. 294 00:18:33,300 --> 00:18:37,690 Bạn phải kiểm tra mã của bạn trên tất cả các trình duyệt và trên tất cả các nền tảng. 295 00:18:37,690 --> 00:18:44,110 Và bạn biết, IE6 - người tốt đẹp cảm ơn đã bắt đầu di chuyển ra khỏi IE6 296 00:18:44,110 --> 00:18:49,190 vì trở lại trong ngày, có thể là một vài năm trước đây, các nhà phát triển web phải luôn luôn, luôn luôn, 297 00:18:49,190 --> 00:18:55,280 luôn luôn ma cô để điểm yếu của IE6 trong theo tiêu chuẩn. 298 00:18:55,280 --> 00:19:00,860 Các trang web chỉ trông có vẻ hơi năm 1990 vì thiếu một cách tốt hơn để đối phó với nó. 299 00:19:00,860 --> 00:19:04,380 Bạn cũng có thể sử dụng ảnh chụp màn hình trình duyệt để kiểm tra CSS của bạn. 300 00:19:04,380 --> 00:19:08,100 Một trang web thực sự mát mẻ là browserlab.adobe.com. 301 00:19:08,100 --> 00:19:11,070 Đây là một dịch vụ miễn phí đưa ra bởi Adobe. 302 00:19:11,070 --> 00:19:15,160 Và những gì họ làm là họ có thể chụp ảnh màn hình của trang web của bạn 303 00:19:15,160 --> 00:19:18,890 chạy trong điều kiện khác nhau - như chạy dưới trình duyệt khác nhau, 304 00:19:18,890 --> 00:19:22,660 chạy trên nền tảng khác nhau - và cho bạn thấy những gì họ trông như thế nào. 305 00:19:22,660 --> 00:19:33,260 Chỉ cần để cho bạn thấy những gì tôi có nghĩa là ở đây, tôi tạo ra một trang web vào năm ngoái gọi là Cuộc Đời Tại Harvard, 306 00:19:33,260 --> 00:19:39,150 và những gì tôi đã cố gắng để làm - tôi đã cố gắng để làm cho my.harvard tốt hơn. 307 00:19:39,150 --> 00:19:43,840 Bởi vì nếu bạn đã ở đây năm ngoái, my.harvard không nhìn như có vẻ bây giờ. 308 00:19:43,840 --> 00:19:46,640 Có vẻ loại kinh tởm. 309 00:19:46,640 --> 00:19:50,470 Nhưng bây giờ có vẻ tốt hơn rất nhiều. 310 00:19:50,470 --> 00:19:57,070 Thực hiện của tôi là không phải là hữu dụng nữa, nhưng tất cả như nhau, 311 00:19:57,070 --> 00:20:01,310 bạn đã biết, tôi đã cố gắng để thêm - (khó hiểu) nhiều bất cứ điều gì - 312 00:20:01,310 --> 00:20:04,680 và có vẻ - có vẻ rất tốt trên máy tính của tôi. 313 00:20:04,680 --> 00:20:08,560 Và sau đó, có lẽ nếu tôi muốn có thêm thời gian tôi đã có thể đi vào phòng thí nghiệm trình duyệt, 314 00:20:08,560 --> 00:20:13,020 và tôi đã xem xét, tốt, như thế nào nhìn vào Chrome 18 trên Windows. 315 00:20:13,020 --> 00:20:17,060 Tôi sẽ di chuyển xuống và tôi sẽ nhìn thấy - oh không! Nhìn vào hộp thông báo. 316 00:20:17,060 --> 00:20:20,200 Văn bản của tôi tràn ngập. Vì vậy, đó là xấu, phải không? 317 00:20:20,200 --> 00:20:23,700 Nếu người dùng đang sử dụng Chrome trên Windows và đến với trang web của tôi, 318 00:20:23,700 --> 00:20:26,730 mà ngay lập tức có vẻ rất chuyên nghiệp. 319 00:20:26,730 --> 00:20:30,760 Vì vậy, tôi nên đi vào CSS của tôi và tìm hiểu những gì một phần của CSS tôi là vi phạm ở đây. 320 00:20:30,760 --> 00:20:35,090 Tại sao không phải là nó hiển thị một cách chính xác và sửa chữa nó để tất cả người dùng có thể nhìn thấy cùng một trang web 321 00:20:35,090 --> 00:20:37,770 và rất dễ hài lòng. 322 00:20:37,770 --> 00:20:44,280 >> Và cuối cùng, tốt, ảnh chụp màn hình trình duyệt là tốt đẹp để thử nghiệm CSS của bạn, 323 00:20:44,280 --> 00:20:46,020 nhưng những gì về JavaScript của bạn? 324 00:20:46,020 --> 00:20:48,660 Còn nếu bạn có một số kịch bản phức tạp đang chạy? 325 00:20:48,660 --> 00:20:50,460 Vâng, bạn luôn luôn có thể làm ảo hóa. 326 00:20:50,460 --> 00:20:56,360 Nếu bạn có một máy Mac, bạn có thể sử dụng Bootcamp hoặc VMWare ảo hóa có thể là một bản sao của 327 00:20:56,360 --> 00:20:59,540 Cửa sổ và sử dụng Internet Explorer có. 328 00:20:59,540 --> 00:21:03,400 Hoặc, bạn có thể đi vào một cái gì đó như Spoon.net, mà tiếc là chỉ hoạt động trên máy tính. 329 00:21:03,400 --> 00:21:05,290 Nhưng những gì họ làm là rất mát mẻ. 330 00:21:05,290 --> 00:21:10,080 Họ ảo hóa phần mềm cho bạn để bạn có thể chạy các phiên bản khác nhau của IE, ví dụ. 331 00:21:10,080 --> 00:21:12,080 Bạn có thể chạy các phiên bản khác nhau của Firefox. 332 00:21:12,080 --> 00:21:15,720 Bạn có thể chạy các phiên bản khác nhau của Safari và kiểm tra tất cả các trang web của bạn ở đó. 333 00:21:15,720 --> 00:21:18,360 Thật không may, họ không được tự do. 334 00:21:18,360 --> 00:21:20,860 Đó là một dịch vụ thanh toán, do đó, luôn luôn loại này - 335 00:21:20,860 --> 00:21:26,070 luôn có loại thương mại này ra giữa, tốt, tôi sẽ làm cho trang web của tôi nhìn tốt. 336 00:21:26,070 --> 00:21:31,970 Nếu vậy, tôi có thể phải trả tiền cho một số dịch vụ để giúp tôi làm điều đó. 337 00:21:31,970 --> 00:21:35,890 Bất kỳ câu hỏi vào thời điểm này về bất cứ điều gì mà chúng ta đã nói? 338 00:21:38,500 --> 00:21:41,210 Tuyệt vời. Được rồi. 339 00:21:41,210 --> 00:21:43,870 >> Bây giờ chúng ta có nhiều điều để nói về. 340 00:21:43,870 --> 00:21:45,820 Làm thế nào về lỗi? 341 00:21:45,820 --> 00:21:48,670 Làm thế nào để bạn chắc chắn rằng trang web của bạn sẽ hoạt động ngay cả khi 342 00:21:48,670 --> 00:21:50,150 điều gì xấu sẽ xảy ra? 343 00:21:50,150 --> 00:21:53,940 Có thể bạn không có một trang có tên food.php. 344 00:21:53,940 --> 00:21:57,000 Nhưng tôi, tôi đi đến trang web của bạn và tôi thử truy cập food.php. 345 00:21:57,000 --> 00:22:00,770 Bạn chỉ cần đi để cho tôi thấy rằng trang trắng nói rằng 404 - File không tìm thấy? 346 00:22:00,770 --> 00:22:04,400 Hoặc là bạn sẽ nói, "Vâng, tôi xin lỗi mà tôi không thể tìm thấy điều này cho bạn, 347 00:22:04,400 --> 00:22:08,520 nhưng có lẽ đây là một số các nguồn lực khác để giúp bạn tìm kiếm những gì bạn cần. " 348 00:22:08,520 --> 00:22:13,180 Các lỗi khác - vì vậy, điều này được gọi là HTTP lỗi mà chỉ là một số mã lỗi 349 00:22:13,180 --> 00:22:17,130 máy chủ của bạn có thể đã gửi lại cho trình duyệt trong trường hợp điều xấu xảy ra. 350 00:22:17,130 --> 00:22:20,160 400 - Yêu cầu sai. 401 - trái phép. 351 00:22:20,160 --> 00:22:25,560 403 là loại phổ biến khi bạn có một thư mục đó không phải là nghĩa vụ phải được truy cập 352 00:22:25,560 --> 00:22:27,310 bởi người sử dụng, nhưng người dùng cố gắng nào. 353 00:22:27,310 --> 00:22:30,840 Và 500 - Internal Server Error - thường xảy ra khi bạn có một cái gì đó 354 00:22:30,840 --> 00:22:33,070 thực sự xấu xảy ra với mã PHP của bạn. 355 00:22:33,070 --> 00:22:36,140 Nhưng trong mọi trường hợp, các loại của các trình duyệt - các loại lỗi nào xảy ra. 356 00:22:36,140 --> 00:22:40,550 >> Vì vậy, làm thế nào để bạn chắc chắn rằng bạn duyên dáng xử lý các lỗi 357 00:22:40,550 --> 00:22:43,230 và chắc chắn rằng người sử dụng không chỉ là loại treo ở đó? 358 00:22:46,850 --> 00:22:48,850 Ở đây có. Htaccess. 359 00:22:48,850 --> 00:22:51,300 Bây giờ,. Htaccess là cái gì đó hoạt động trên máy chủ Apache, 360 00:22:51,300 --> 00:22:55,550 một cái gì đó mà làm việc và hoạt động trên một vài máy chủ khác. 361 00:22:55,550 --> 00:23:01,350 Đây chỉ là một cách để bạn có thể cấu hình máy chủ của bạn như vậy mà 362 00:23:01,350 --> 00:23:04,470 bạn có thể làm cho nó làm bất cứ điều gì bạn muốn nó làm. 363 00:23:04,470 --> 00:23:06,790 Một số điều bạn có thể làm. Bạn có thể kiểm soát các thiết lập bộ nhớ cache của bạn. 364 00:23:06,790 --> 00:23:11,290 Có thể có một trang nhất định trên trang web của bạn mà bạn đảm bảo rằng người sử dụng 365 00:23:11,290 --> 00:23:14,740 tải lại mỗi khi người dùng đến và thăm trang web của bạn. 366 00:23:14,740 --> 00:23:26,980 Hoặc có thể bạn có một số URL đó là như yoursite.com / kiểm tra / html / trang / hello.html 367 00:23:26,980 --> 00:23:31,270 và bạn chỉ muốn có được yourname.com / hello -. tốt, bạn có thể sử dụng htaccess 368 00:23:31,270 --> 00:23:34,760 để chuyển hướng một trang web khác. 369 00:23:34,760 --> 00:23:36,600 Bạn cũng có thể sử dụng nó để làm xác thực. 370 00:23:36,600 --> 00:23:39,890 Có thể có một số phần của trang web mà bạn cần phải sử dụng mật khẩu khác. 371 00:23:39,890 --> 00:23:42,620 Bạn có thể chặn địa chỉ IP nhất định, ngăn chặn tên miền. 372 00:23:42,620 --> 00:23:46,770 Có thể bạn chỉ thực sự không thích sinh viên Harvard sử dụng trang web của bạn. 373 00:23:46,770 --> 00:23:49,910 Vâng, bạn có thể chọn chặn tất cả các địa chỉ IP Harvard. 374 00:23:49,910 --> 00:23:56,370 >> Cuối cùng, bạn có thể xử lý mọi thứ - bạn có thể viết mã nhất định để làm cho máy chủ của bạn 375 00:23:56,370 --> 00:24:03,100 điều trị như Triệu. hoặc. tên của bạn hoặc. xin chào các trang như mã PHP. 376 00:24:03,100 --> 00:24:05,170 Có lẽ đó sẽ có ích. Có lẽ đó sẽ không được. 377 00:24:05,170 --> 00:24:07,980 Và cuối cùng, bạn có thể sử dụng nó để xử lý phản ứng lỗi. 378 00:24:07,980 --> 00:24:10,300 Tôi có ý nghĩa gì bởi điều đó không? 379 00:24:10,300 --> 00:24:16,030 Nếu bạn chỉ đơn giản là thêm mã như thế này - 404 ErrorDocument và sau đó dẫn họ tới một số 380 00:24:16,030 --> 00:24:20,440 trang thông báo lỗi, bạn có thể chắc chắn rằng người dùng không chỉ thấy thực sự, thực sự xấu xí 381 00:24:20,440 --> 00:24:23,550 404 và cho họ một cái gì đó tốt đẹp. 382 00:24:23,550 --> 00:24:29,000 >> Chúng ta hãy thực sự có một cái nhìn như thế nào chúng ta có thể làm điều đó với Pset 7. 383 00:24:29,000 --> 00:24:34,190 Ở đây, tôi đang ở trong thiết bị của tôi. 384 00:24:34,190 --> 00:24:38,440 Tôi sẽ mở Chrome, và sau đó tôi sẽ cố gắng để truy cập vào một trang 385 00:24:38,440 --> 00:24:43,350 không tồn tại trên CS50 Tài chính. 386 00:24:43,350 --> 00:24:52,710 Vì vậy, host nội bộ - cats.php--như vậy, nhận thấy rằng tôi tạo ra một tài liệu lỗi 387 00:24:52,710 --> 00:24:54,770 nói rằng, "Canz không tìm z trang!" 388 00:24:54,770 --> 00:24:56,990 Nó có một con mèo rất buồn về điều đó. 389 00:24:56,990 --> 00:24:59,910 Nếu bạn đi trên Twitter, nếu bạn đi trên bất kỳ của các trang web khác, 390 00:24:59,910 --> 00:25:02,700 bạn không thể tìm thấy một trang, họ thường cố gắng để cho bạn thấy một hình ảnh dễ thương 391 00:25:02,700 --> 00:25:04,850 do đó bạn không phải quá thất vọng. 392 00:25:04,850 --> 00:25:07,830 Bạn cũng có thể có một cái gì đó chuyên nghiệp hơn mà nói, 393 00:25:07,830 --> 00:25:11,760 tốt, tôi xin lỗi tôi không thể tìm thấy trang, nhưng có lẽ đây là một hộp tìm kiếm. 394 00:25:11,760 --> 00:25:16,750 Hoặc có thể đây là một số liên kết đó sẽ giúp bạn tìm thấy những liên kết mà bạn muốn. 395 00:25:16,750 --> 00:25:21,410 Vì vậy, làm thế nào tôi làm điều này? Làm thế nào là điều này thậm chí có thể? 396 00:25:21,410 --> 00:25:23,500 Nếu chúng ta đi vào thiết bị đầu cuối của chúng tôi ở đây - 397 00:25:23,500 --> 00:25:26,300 Tôi chỉ cần đi để phóng to một chút - 398 00:25:26,300 --> 00:25:30,110 nhận thấy rằng tôi có một trang mới. 399 00:25:30,110 --> 00:25:34,440 Bên trong thư mục HTML của tôi nó được gọi là - bạn không thể nhìn thấy nó - 400 00:25:34,440 --> 00:25:37,280 nó được gọi là error.php. 401 00:25:37,280 --> 00:25:41,010 Và error.php chỉ là một tập tin mà tôi đã thực hiện 402 00:25:41,010 --> 00:25:43,030 đó cho bạn thấy rằng trang riêng của mình. 403 00:25:43,030 --> 00:25:46,710 Tôi có thể cho bạn những gì error.php là. 404 00:25:46,710 --> 00:25:48,710 Đó là chính xác những trang này. 405 00:25:48,710 --> 00:25:50,710 Nó nói, "Ồ không! Canz không tìm z trang!" 406 00:25:50,710 --> 00:25:58,630 Và, nếu bạn muốn nhìn thấy - như vậy, nhận thấy rằng htaccess loại là một cái tên lạ.. 407 00:25:58,630 --> 00:26:01,040 Nó bắt đầu với một dấu chấm có nghĩa là nó là một tập tin hệ thống. 408 00:26:01,040 --> 00:26:03,360 Đó là một tập tin ẩn mà thường không được hiển thị. 409 00:26:03,360 --> 00:26:09,060 Nếu bạn làm ls-a, bạn có thể xem tất cả các tập tin ẩn trong một thư mục nhất định, 410 00:26:09,060 --> 00:26:12,030 và quả thật, bạn nhìn thấy. htaccess là một trong số họ. 411 00:26:12,030 --> 00:26:15,490 Chúng ta hãy đi trước và mở htaccess. - 412 00:26:15,490 --> 00:26:19,830 với gedit - 413 00:26:19,830 --> 00:26:26,870 Bùng nổ! Tất cả tôi có là một dòng trong đó - Lỗi tài liệu cho 404 lỗi 414 00:26:26,870 --> 00:26:28,760 mà còn được gọi là lỗi tập tin-không-được tìm thấy. 415 00:26:28,760 --> 00:26:32,720 Chúng ta hãy chuyển hướng họ đến một cái gì đó gọi là error.php. 416 00:26:36,100 --> 00:26:42,030 Bạn có thể có những điều thú vị như canz không tìm thấy trang z! 417 00:26:42,030 --> 00:26:46,770 Và cũng có những điều rất thú vị mà bạn có thể làm với. Htaccess. 418 00:26:46,770 --> 00:26:49,520 Nếu bạn muốn xem chi tiết. Htaccess ma thuật, 419 00:26:49,520 --> 00:26:56,470 đây là một trang web rất mát mẻ để đi - nó được gọi là javascriptkit.com/howto/htaccess.shtml-- 420 00:26:56,470 --> 00:27:01,880 nếu bạn muốn thực hiện nhiều phép thuật máy chủ. Và nó có thể là rất thú vị. 421 00:27:01,880 --> 00:27:05,490 >> Phù! Được rồi! Hình ảnh dễ thương hơn. 422 00:27:05,490 --> 00:27:10,060 Đây là một chàng trai làm push-up, và con mèo của mình đang cố gắng để giúp đỡ. Tôi nghĩ rằng nó rất dễ thương. 423 00:27:10,060 --> 00:27:14,830 Thật không may, tôi không có một con mèo như thế. 424 00:27:14,830 --> 00:27:17,640 Được rồi. Vì vậy, chúng tôi đã nói chuyện về. Htaccess. 425 00:27:17,640 --> 00:27:19,640 Chúng tôi đã nói chuyện về xử lý lỗi. 426 00:27:19,640 --> 00:27:20,940 Chúng tôi đã nói chuyện về hosting, tên miền. 427 00:27:20,940 --> 00:27:23,230 Chúng tôi đã nói về khả năng tương thích qua trình duyệt. 428 00:27:23,230 --> 00:27:25,210 Bây giờ làm thế nào để chúng tôi đảm bảo rằng trang web của bạn thực sự thực hiện? 429 00:27:25,210 --> 00:27:26,950 Làm thế nào để chúng tôi đảm bảo rằng nếu tôi đi đến trang web của bạn 430 00:27:26,950 --> 00:27:29,830 Tôi có thể thấy trang web của bạn trong vòng vài giây? 431 00:27:29,830 --> 00:27:33,520 Một trong những điều mà tôi nghĩ rằng mọi người chỉ loại quên 432 00:27:33,520 --> 00:27:36,160 là tối ưu hóa hình ảnh. 433 00:27:36,160 --> 00:27:37,560 Hãy nói rằng bạn muốn đặt một hình ảnh trên trang web của bạn 434 00:27:37,560 --> 00:27:40,330 và đó là 2 MG lớn. 435 00:27:40,330 --> 00:27:42,670 Đó có thể là tốt cho chúng tôi bởi vì chúng tôi đang ở Đại học Harvard, 436 00:27:42,670 --> 00:27:45,000 và chúng tôi có một kết nối Internet rất nhanh. 437 00:27:45,000 --> 00:27:47,470 Nhưng hãy tưởng tượng một người nào đó ở Trung Quốc. Hãy tưởng tượng một người nào đó ở Ấn Độ. 438 00:27:47,470 --> 00:27:52,440 tưởng tượng một người nào đó có thể ở nông thôn Kansas người có thể không có cùng một loại 439 00:27:52,440 --> 00:27:54,690 Internet băng thông rộng mà chúng tôi có. 440 00:27:54,690 --> 00:27:57,710 Nếu bạn có một hình ảnh 2 MB trên trang web của bạn và người dùng đang cố gắng truy cập vào nó, 441 00:27:57,710 --> 00:28:00,890 nó sẽ đưa họ một thời gian rất dài để tải về. 442 00:28:00,890 --> 00:28:04,160 Vì vậy, nếu bạn không cần phải là loại có độ phân giải, 443 00:28:04,160 --> 00:28:09,220 sau đó bạn có thể thay đổi kích thước hình ảnh của bạn với một cái gì đó như Adobe Photo Shop. 444 00:28:09,220 --> 00:28:13,400 Thường có một tùy chọn gọi là an toàn cho các trang web và các thiết bị, 445 00:28:13,400 --> 00:28:15,850 và những gì nó làm là nó dải ra tất cả các thông tin không cần thiết 446 00:28:15,850 --> 00:28:20,160 và loại máy ảnh compact tập tin của bạn thành một hình ảnh nhỏ để bạn có thể 447 00:28:20,160 --> 00:28:22,960 đặt nó lên trang web của bạn, và bất kỳ người dùng cố gắng để tải trang 448 00:28:22,960 --> 00:28:26,950 sẽ tải về một phiên bản nhỏ hơn của hình ảnh của bạn. 449 00:28:26,950 --> 00:28:28,230 Nếu bạn không có Adobe Photo Shop 450 00:28:28,230 --> 00:28:32,650 webresizer.com cũng là nguồn tài nguyên khác mà bạn có thể nhập hình ảnh của bạn 451 00:28:32,650 --> 00:28:36,470 và nó sẽ nhổ ra cùng một hình ảnh chính xác, 452 00:28:36,470 --> 00:28:39,970 nhưng nó sẽ là một cái gì đó như nhỏ hơn 3 lần. 453 00:28:39,970 --> 00:28:41,970 Vì vậy, đó là rất hữu ích cho người dùng của bạn. 454 00:28:41,970 --> 00:28:45,930 >> Một điều mà bạn có thể làm là giảm bớt mã. 455 00:28:45,930 --> 00:28:48,460 Nếu chúng ta có một cái nhìn tại Google.com, 456 00:28:48,460 --> 00:28:56,400 bạn sẽ thấy rằng nó không phải là loại giống HTML và CSS mà chúng tôi đang sử dụng để. 457 00:28:56,400 --> 00:29:02,250 Chỉ cần đi để nhìn vào mã nguồn ở đây. 458 00:29:02,250 --> 00:29:07,600 Nếu tôi chỉ cần kéo xuống - wow, trông khá ghê. 459 00:29:07,600 --> 00:29:09,650 Điều này sẽ nhận được một số không trên phong cách. 460 00:29:09,650 --> 00:29:13,470 Nếu bạn mã hóa này cho Pset của bạn, bạn sẽ nhận được một số không trên phong cách của bạn. 461 00:29:13,470 --> 00:29:16,990 Điều này không có khoảng cách. Tên trông thực sự khó hiểu. 462 00:29:16,990 --> 00:29:19,800 Đó là tất cả thực sự kinh tởm. 463 00:29:19,800 --> 00:29:24,060 Và kịch bản để đóng trong cơ thể - HTML đóng cửa - 464 00:29:24,060 --> 00:29:26,280 tất cả chúng lại với nhau - tất cả smushed với nhau. 465 00:29:26,280 --> 00:29:28,280 Tại sao họ làm điều này? 466 00:29:28,280 --> 00:29:30,650 Họ minified mã của họ. 467 00:29:30,650 --> 00:29:33,310 Chú ý rằng tài liệu này là có được nhỏ hơn rất nhiều 468 00:29:33,310 --> 00:29:36,660 cho tôi để tải về hơn một cái gì đó với không gian màu trắng, 469 00:29:36,660 --> 00:29:39,410 hơn một cái gì đó với tên biến thực sự lâu dài. 470 00:29:39,410 --> 00:29:41,710 Nếu bạn giảm bớt mã của bạn bạn loại bỏ tất cả các khoảng trắng. 471 00:29:41,710 --> 00:29:45,960 Tất nhiên, trình duyệt của bạn không quan tâm nếu bạn có bất kỳ khoảng trắng trong mã của bạn. 472 00:29:45,960 --> 00:29:49,630 Bạn tách nó ra, bây giờ tôi có thể tải về một tập tin nhỏ hơn - 473 00:29:49,630 --> 00:29:52,770 bây giờ các tập tin - tài liệu mà chúng ta sẽ tải về có kích thước file nhỏ hơn, 474 00:29:52,770 --> 00:29:56,180 nó sẽ nhanh hơn cho tôi để tải về, và đó là hữu ích. 475 00:29:56,180 --> 00:30:01,550 Nếu bạn đang làm việc với các trang web và bạn đang tung ra một trang web, 476 00:30:01,550 --> 00:30:04,630 nó hầu như luôn luôn tốt để giảm bớt mã của bạn. 477 00:30:04,630 --> 00:30:08,150 Một lý do tại sao nó có thể là tốt là có thể bạn không muốn người khác sử dụng mã của bạn. 478 00:30:08,150 --> 00:30:11,050 Có thể bạn không muốn người khác sử dụng CSS của bạn. 479 00:30:11,050 --> 00:30:13,460 Bạn biết nếu bạn thực sự muốn trở thành keo kiệt với điều đó, 480 00:30:13,460 --> 00:30:16,670 sau đó bạn cũng có thể giảm bớt mã của bạn, và nó sẽ là khó khăn hơn cho tôi để ăn cắp nó 481 00:30:16,670 --> 00:30:19,170 bởi vì tôi không có ý tưởng những gì đang xảy ra. 482 00:30:19,170 --> 00:30:22,990 Bạn cũng có thể đi đến các trang web như minify.avivo.si. 483 00:30:22,990 --> 00:30:27,900 Dịch vụ như thế này trực tuyến giúp bạn giảm bớt mã của bạn để bạn không phải làm điều đó bằng tay. 484 00:30:27,900 --> 00:30:30,080 Chắc chắn không làm điều đó bằng tay. 485 00:30:30,080 --> 00:30:32,210 >> Được rồi. Bây giờ nói về kịch bản. 486 00:30:32,210 --> 00:30:35,040 Có lẽ trong mã PHP của bạn có điều gì đó mà bạn không cần phải làm. 487 00:30:35,040 --> 00:30:37,910 Có thể có thêm vòng trong đó. 488 00:30:37,910 --> 00:30:40,850 Chúng tôi nói về thiết kế mã trong CS50. 489 00:30:40,850 --> 00:30:44,550 Ngay cả khi bạn đang mã hóa trong C nếu bạn có - nếu bạn đang làm công việc phụ 490 00:30:44,550 --> 00:30:49,440 mà bạn không cần phải làm, tốt, đó là sẽ chậm lại kịch bản của bạn trên trang web của bạn, 491 00:30:49,440 --> 00:30:53,280 Điều này đặc biệt quan trọng cho các trang web bởi vì người dùng ngày nay đang rất thiếu kiên nhẫn. 492 00:30:53,280 --> 00:30:56,110 Nếu bạn đang làm việc không cần thiết, nó sẽ đưa họ còn 493 00:30:56,110 --> 00:31:00,080 để có được những thông tin mà họ muốn, và họ sẽ là rất không hài lòng. 494 00:31:00,080 --> 00:31:02,200 Cuối cùng, bạn có thể muốn để tối ưu hóa bảng cơ sở dữ liệu của bạn. 495 00:31:02,200 --> 00:31:05,020 Hãy nhớ rằng chúng ta đã nói về chỉ số. 496 00:31:05,020 --> 00:31:09,420 Họ không chỉ tốt cho đảm bảo rằng bạn có một hàng đó là duy nhất. 497 00:31:09,420 --> 00:31:12,440 Chúng cũng tốt cho việc bảo đảm rằng cơ sở dữ liệu của bạn hoạt động nhanh. 498 00:31:12,440 --> 00:31:16,240 Nếu bạn muốn đọc lên trên đi rằng các tài liệu MySQL, 499 00:31:16,240 --> 00:31:18,710 hoặc bạn có thể nhìn vào - tốt, làm thế nào để tối ưu hóa các bảng cơ sở dữ liệu của tôi? 500 00:31:18,710 --> 00:31:23,350 Làm thế nào để đảm bảo rằng tôi có chỉ số có thể giúp tôi có được thông tin nhanh hơn? 501 00:31:23,350 --> 00:31:27,300 >> Ngoài ra còn có thủ thuật nhỏ mà bạn có thể sử dụng như bộ nhớ đệm. 502 00:31:27,300 --> 00:31:28,980 Nếu bạn có PHP - nếu bạn có một blog, ví dụ, 503 00:31:28,980 --> 00:31:31,980 và bạn có - và nó được hỗ trợ bởi PHP hoặc bất kỳ ngôn ngữ khác - 504 00:31:31,980 --> 00:31:37,690 bạn có thể lưu trữ blog của bạn tại chúng ta hãy nói khoảng thời gian 50 phút để bạn có thể phục vụ các trang tĩnh 505 00:31:37,690 --> 00:31:40,610 hoặc HTML tĩnh để khách truy cập vào trang web của bạn. 506 00:31:40,610 --> 00:31:43,380 Cách mà người sử dụng không cần phải chạy script PHP của bạn mọi lúc, 507 00:31:43,380 --> 00:31:47,410 và có lẽ đó sẽ nhanh hơn cho họ để truy cập thông tin. 508 00:31:47,410 --> 00:31:49,410 >> Và cuối cùng, bạn có thể sử dụng một cái gì đó như CDN. 509 00:31:49,410 --> 00:31:51,900 Nhận thấy rằng bất cứ khi nào bạn tải về một Pset, 510 00:31:51,900 --> 00:31:54,890 bạn luôn luôn đi để CDN.CS50.net. Tại sao vậy? 511 00:31:54,890 --> 00:32:01,540 CS50 cũng sử dụng loại giống như một CDN - một mạng lưới phân phối nội dung - 512 00:32:01,540 --> 00:32:06,120 mà chỉ có nghĩa rằng đó là một loạt các máy chủ có thể ở đâu đó trên toàn cầu 513 00:32:06,120 --> 00:32:08,120 có thể trợ giúp phục vụ các trang của bạn để truy cập của bạn. 514 00:32:08,120 --> 00:32:13,770 Nếu khách truy cập của bạn là nhận được một trang từ một máy chủ mà gần gũi hơn với họ về mặt địa lý, 515 00:32:13,770 --> 00:32:16,770 sau đó có khả năng truy cập của bạn nhất là sẽ nhận được tập tin đó nhanh hơn rất nhiều. 516 00:32:16,770 --> 00:32:20,490 Ngoài ra còn có các nguồn trực tuyến có thể giúp bạn làm điều đó. 517 00:32:20,490 --> 00:32:24,070 Một trong số đó là CloudFlare. Họ cung cấp một dịch vụ CDN miễn phí. 518 00:32:24,070 --> 00:32:26,020 Nếu bạn có tập tin lớn mà bạn phục vụ cho người sử dụng của bạn, 519 00:32:26,020 --> 00:32:32,260 thì có lẽ nó tốt hơn để đặt chúng trên một CDN để họ có thể có được với họ nhanh hơn. 520 00:32:32,260 --> 00:32:39,070 >> Chủ đề cuối cùng trong ngày là tối ưu hóa công cụ tìm kiếm. 521 00:32:39,070 --> 00:32:41,070 Tối ưu hóa công cụ tìm kiếm là gì? 522 00:32:41,070 --> 00:32:44,070 Đó là đảm bảo rằng công cụ tìm kiếm như Google hay Bing hay Yahoo 523 00:32:44,070 --> 00:32:50,740 có thể đi trên trang web của bạn và thu thập thông tin trang web và lập chỉ mục trang web của bạn và khi 524 00:32:50,740 --> 00:32:53,040 Tôi, ví dụ, đi trên đối với Google.com và tôi cố gắng tìm kiếm một cái gì đó, 525 00:32:53,040 --> 00:32:55,040 sau đó trang web của bạn sẽ bật lên. 526 00:32:55,040 --> 00:32:57,000 Làm thế nào để bạn chắc chắn rằng trang web của bạn là một trong top 10? 527 00:32:57,000 --> 00:33:00,000 Bởi vì như chúng ta đều biết, nếu bạn tìm kiếm một cái gì đó trên Google 528 00:33:00,000 --> 00:33:02,880 và nó không nằm trong top 10 bạn đang có khả năng sẽ không nhất để tìm trong các tiếp theo 10. 529 00:33:02,880 --> 00:33:07,160 Đây là loại một chủ đề đó là bí ẩn. 530 00:33:07,160 --> 00:33:09,850 Có rất nhiều sự quảng cáo ra có trên Internet. 531 00:33:09,850 --> 00:33:14,680 Có rất nhiều mê tín dị đoan về nếu bạn x sau đó Google sẽ giống như bạn tốt hơn. 532 00:33:14,680 --> 00:33:16,680 Nếu bạn y sau đó Google sẽ giống như bạn tốt hơn. 533 00:33:16,680 --> 00:33:19,680 Nó có thể là tốt hơn để nhìn vào các tài liệu khổng lồ tìm kiếm của chính nó. 534 00:33:19,680 --> 00:33:27,470 >> Đây là một trong những tài liệu trên Google cho biết chính xác làm thế nào để tối ưu hóa trang web của bạn 535 00:33:27,470 --> 00:33:30,860 để Google có thể truy cập và chỉ số đó rất độc đáo. 536 00:33:30,860 --> 00:33:33,680 Bạn không cần phải sao chép URL này bởi vì trình bày này sẽ 537 00:33:33,680 --> 00:33:36,680 được trực tuyến nào. 538 00:33:36,680 --> 00:33:38,770 Nếu bạn nhìn vào điều này và bạn đọc này có một số gợi ý rất hữu ích trong đó. 539 00:33:38,770 --> 00:33:42,240 Google sẽ cho bạn biết - nếu bạn thực sự muốn trang web của bạn được lập chỉ mục tốt 540 00:33:42,240 --> 00:33:44,610 sau đó bạn nên làm tất cả những điều này. 541 00:33:44,610 --> 00:33:47,570 >> Một điều mà công cụ tìm kiếm thực sự muốn là nội dung mới. 542 00:33:47,570 --> 00:33:49,500 Nếu bạn có nội dung được cập nhật rất thường xuyên 543 00:33:49,500 --> 00:33:51,950 sau đó công cụ tìm kiếm nói, ooh, tôi thích trang web của bạn. 544 00:33:51,950 --> 00:33:53,950 Tôi sẽ đi đến trang web của bạn rất thường xuyên. 545 00:33:53,950 --> 00:33:56,840 Tôi sẽ chỉ số rất nhiều các trang của bạn. 546 00:33:56,840 --> 00:33:59,560 Nếu bạn có nội dung mới sau đó bạn có nhiều khả năng xuất hiện - 547 00:33:59,560 --> 00:34:02,540 bạn có nhiều khả năng có liên quan hơn. 548 00:34:02,540 --> 00:34:04,630 Bạn có nhiều khả năng được cập nhật hơn, 549 00:34:04,630 --> 00:34:08,860 và công cụ tìm kiếm có nhiều khả năng để đưa trang web của bạn trên những người khác. 550 00:34:08,860 --> 00:34:10,860 >> Liên kết sâu cũng rất quan trọng. 551 00:34:10,860 --> 00:34:13,530 Nếu bạn thực sự muốn trang web của bạn để xem xét tốt trong mắt một công cụ tìm kiếm 552 00:34:13,530 --> 00:34:18,090 có rất nhiều trang web khác liên kết với nó và liên kết sâu vào trang web của bạn. 553 00:34:18,090 --> 00:34:20,090 Không chỉ liên kết đến trang chủ của bạn. 554 00:34:20,090 --> 00:34:26,719 Liên kết để có thể yourname.com / một cái gì đó / cái gì / something.php. 555 00:34:26,719 --> 00:34:29,840 Đó - một công cụ tìm kiếm - có nghĩa là, wow, họ có nội dung thực sự thú vị 556 00:34:29,840 --> 00:34:35,350 một người nào khác là liên kết sâu sắc vào trang web của họ rằng tôi nên thực sự, thực sự 557 00:34:35,350 --> 00:34:38,260 đặt tầm quan trọng nhiều hơn vào các trang của trang web đó. 558 00:34:38,260 --> 00:34:41,940 >> Nếu bạn có trang tiêu đề chính xác, nếu bạn không có lỗi đó là tốt bởi vì 559 00:34:41,940 --> 00:34:44,670 nếu một công cụ tìm kiếm đang cố gắng truy cập trang web của bạn, và nó nhận được một lỗi, 560 00:34:44,670 --> 00:34:46,780 nó có thể sẽ cung cấp cho lên rất, rất sớm. 561 00:34:46,780 --> 00:34:49,510 Và cuối cùng, bạn muốn có một thời gian tải nhanh bởi vì công cụ tìm kiếm - 562 00:34:49,510 --> 00:34:53,820 giống như con người - đừng có rất nhiều kiên nhẫn cho các trang web chậm. 563 00:34:53,820 --> 00:34:57,070 Đây là một cách để bạn có thể chắc chắn rằng bạn hiển thị cao hơn trong 564 00:34:57,070 --> 00:35:01,390 truy vấn tìm kiếm động cơ và hy vọng qua đó có được lưu lượng truy cập hơn. 565 00:35:01,390 --> 00:35:04,730 Bởi vì sau khi tất cả, bạn đã dành tất cả thời gian này phát triển trang web của bạn. 566 00:35:04,730 --> 00:35:06,280 Bạn đã dành tất cả thời gian này ra mắt trang web trực tuyến này. 567 00:35:06,280 --> 00:35:11,780 Bạn muốn chắc chắn rằng bạn có rất nhiều người dùng thực sự thấy nội dung của bạn. 568 00:35:13,330 --> 00:35:15,660 >> Tốt các nguồn lực khác để sử dụng. 569 00:35:15,660 --> 00:35:19,210 Google Webmaster Tools là một cái gì đó để nhìn vào. 570 00:35:19,210 --> 00:35:21,780 Điều này chỉ cho phép xem - Google không lập chỉ mục trang web của tôi. 571 00:35:21,780 --> 00:35:24,490 Những loại lỗi là nó gặp phải? 572 00:35:24,490 --> 00:35:27,490 Bao nhiêu trang đã được lập chỉ mục nó? 573 00:35:27,490 --> 00:35:29,490 Nó nghĩ những gì là nội dung quan trọng nhất trên trang của tôi? 574 00:35:29,490 --> 00:35:31,490 Có lẽ đó không phải là những gì tôi muốn nó được. 575 00:35:31,490 --> 00:35:36,880 Có lẽ tôi cần phải thay đổi trang web của tôi một chút như vậy mà nó phản ánh tốt hơn 576 00:35:36,880 --> 00:35:38,880 những gì trang web của tôi thực sự là về. 577 00:35:38,880 --> 00:35:41,000 Google Analytics là một công cụ thực sự mát mẻ. 578 00:35:41,000 --> 00:35:44,120 Bạn có thể thêm một chút JavaScript vào trang của bạn. 579 00:35:44,120 --> 00:35:47,020 Rồi sau đó bạn có thể vào Google Analytics, và nó sẽ theo dõi 580 00:35:47,020 --> 00:35:49,020 nhân khẩu truy cập của bạn và phát triển trang web của bạn. 581 00:35:49,020 --> 00:35:51,810 Nó sẽ cho bạn biết chính xác có bao nhiêu du khách ghé thăm trang web của bạn 582 00:35:51,810 --> 00:35:55,310 trong một ngày nào đó, trong vòng một giờ nhất định, trong vòng một tuần nhất định. 583 00:35:55,310 --> 00:35:57,310 Bao nhiêu du khách đến từ Trung Quốc? Bao nhiêu du khách đến từ Nam Cực - 584 00:35:57,310 --> 00:35:59,310 bạn đang nhận được để trang web của bạn. 585 00:35:59,310 --> 00:36:03,470 đó có thể là một cái gì đó mát mẻ để xem hoặc thậm chí nó có thể có ích 586 00:36:03,470 --> 00:36:05,470 bởi vì bạn đang cố gắng để nhắm mục tiêu một nhóm nhất định. 587 00:36:05,470 --> 00:36:08,410 Có thể bạn đang cố gắng để nhắm mục tiêu thanh thiếu niên với trang web của bạn, và bạn thấy rằng 588 00:36:08,410 --> 00:36:11,410 hầu hết các khách truy cập vào trang web của bạn có thể là 30 - đến tuổi 40 năm, 589 00:36:11,410 --> 00:36:15,130 sau đó có thể hoặc là bạn có một vấn đề hoặc bạn chỉ có thể nói, 590 00:36:15,130 --> 00:36:19,590 tốt, sau đó có lẽ tôi nên chỉ cần thay đổi tập trung vào trang web của tôi để 591 00:36:19,590 --> 00:36:22,240 Tôi tập trung vào nhóm tuổi này. 592 00:36:22,240 --> 00:36:28,500 >> Google Apps - nếu bạn muốn có loại email với tên miền của bạn - 593 00:36:28,500 --> 00:36:31,230 có lẽ một cái gì đó như yourname@yourname.com-- 594 00:36:31,230 --> 00:36:35,270 bạn có thể sử dụng địa chỉ gmail - bạn có thể sử dụng dịch vụ gmail 595 00:36:35,270 --> 00:36:38,500 và Google Apps là một cách để làm điều đó. 596 00:36:38,500 --> 00:36:44,050 Bạn có thể thiết lập các địa chỉ email cụ thể được cụ thể cho tên miền của bạn 597 00:36:44,050 --> 00:36:46,800 thay vì of@gmail.com. 598 00:36:46,800 --> 00:36:51,840 >> Và cuối cùng, có phần mở rộng phát triển web và các tiện ích - cho Chrome, 599 00:36:51,840 --> 00:36:56,380 Firefox, cho các trình duyệt khác - cho phép bạn đi vào và kiểm tra 600 00:36:56,380 --> 00:37:02,290 CSS, JavaScript kiểm tra, xem chính xác những gì xảy ra với kịch bản JavaScript, 601 00:37:02,290 --> 00:37:05,290 và có lẽ đó sẽ có ích cho mục đích de-nghe lén của bạn, cho bạn tìm hiểu - 602 00:37:05,290 --> 00:37:08,630 tốt, tại sao không phải trang web của tôi hiển thị một cách chính xác trong trình duyệt này? 603 00:37:08,630 --> 00:37:11,800 >> Và cuối cùng, nếu bạn muốn tìm hiểu thêm về tất cả các chủ đề - 604 00:37:11,800 --> 00:37:14,410 nếu bạn muốn tìm hiểu thêm về HTML và CSS và JavaScript - 605 00:37:14,410 --> 00:37:16,790 bởi vì sau tất cả, chúng tôi chỉ dạy cho bạn một chút - 606 00:37:16,790 --> 00:37:21,240 bạn có thể đi các trang web như W3Schools.com để tìm thêm nguồn lực. 607 00:37:21,240 --> 00:37:26,340 Họ có hướng dẫn rất tốt đẹp trên làm thế nào để tôi làm x, hoặc những gì y nghĩa là gì? 608 00:37:26,340 --> 00:37:30,400 Nếu bạn muốn tìm hiểu thêm về các ngôn ngữ bạn chỉ có thể đi đây. 609 00:37:30,400 --> 00:37:37,690 >> Được rồi. Tôi nghĩ rằng tôi muốn rời khỏi những phút cuối cùng của điều này cho câu hỏi, 610 00:37:37,690 --> 00:37:39,810 như vậy là có bất kỳ câu hỏi về bất cứ điều gì mà chúng ta đã nói? 611 00:37:39,810 --> 00:37:43,500 [Khán giả thành viên] Những loại điều là trên W3Schools và làm thế nào là nó được bảo hiểm? 612 00:37:43,500 --> 00:37:45,500 [Yuechen Zhao] gì cả mọi thứ? 613 00:37:45,500 --> 00:37:50,180 Vì vậy, một trong những điều rất lớn nhất mà tôi sử dụng rất nhiều là tài liệu tham khảo. 614 00:37:50,180 --> 00:37:54,430 Tài liệu tham khảo chi tiết của họ, ví dụ cho CSS - 615 00:37:54,430 --> 00:37:59,480 điều này có nghĩa là hoặc nếu bạn muốn thay đổi hình nền của trang - 616 00:37:59,480 --> 00:38:01,480 làm thế nào để bạn làm điều đó? 617 00:38:01,480 --> 00:38:04,550 Mà các trình duyệt hỗ trợ lệnh đó? Những điều như thế. 618 00:38:04,550 --> 00:38:10,870 Và sau đó họ cũng chỉ có hướng dẫn rất tốt đẹp trên HTML, trên PHP, JavaScript, 619 00:38:10,870 --> 00:38:14,290 trên MySQL, trên tất cả các loại chủ đề khác nhau. 620 00:38:14,290 --> 00:38:18,800 Họ có hướng dẫn tốt đẹp. Họ dạy cho bạn cách để làm việc. 621 00:38:18,800 --> 00:38:22,590 Nó là tốt đẹp để có thể đi và tìm hiểu thêm về các chủ đề này. 622 00:38:22,590 --> 00:38:27,180 >> [Khán giả thành viên] HTML 5 vẫn còn không tương thích với tất cả các trình duyệt hiện có. 623 00:38:27,180 --> 00:38:30,700 Bạn có đề nghị chỉ tránh xa nó vì vấn đề tương thích? 624 00:38:30,700 --> 00:38:32,700 Làm thế nào bạn sẽ đối phó với điều đó? 625 00:38:32,700 --> 00:38:38,640 [Yuechen Zhao] Có, vì vậy, câu hỏi là HTML5 vẫn còn là một tiêu chuẩn bé. 626 00:38:38,640 --> 00:38:42,030 Nó không thực sự được hỗ trợ bởi rất nhiều trình duyệt, vì vậy chúng ta nên tránh nó? 627 00:38:42,030 --> 00:38:48,040 Tôi nghĩ năm cuối cùng tôi đã có được một người ủng hộ rất lớn, chúng ta hãy tránh HTML5 628 00:38:48,040 --> 00:38:52,430 bởi vì nó vẫn còn là - nó vẫn còn rất mới và trên thực tế, các tiêu chuẩn HTML5 629 00:38:52,430 --> 00:38:55,610 đã không được hoàn tất chưa. 630 00:38:55,610 --> 00:38:58,790 Và như vậy, có thực sự là không có tiêu chuẩn HTML5. 631 00:38:58,790 --> 00:39:03,840 Nhưng tôi nghĩ rằng đặc biệt là nếu bạn đang thiết kế một trang web bây giờ, 632 00:39:03,840 --> 00:39:07,450 nó có thể là tốt hơn nếu bạn chỉ cần đi với HTML5 bởi vì đó là loại sẽ là tương lai, 633 00:39:07,450 --> 00:39:11,250 và nếu bạn muốn trang web của bạn là tương lai chứng minh và bạn muốn trang web của bạn để làm việc 634 00:39:11,250 --> 00:39:14,320 trong các trình duyệt trong tương lai, nó có thể là tốt hơn để bắt đầu xây dựng một cái gì đó cho tương lai 635 00:39:14,320 --> 00:39:19,830 hơn so với quá khứ, và cũng chỉ vì thực tế là HTML5 thực sự không phải là khác nhau 636 00:39:19,830 --> 00:39:23,080 từ HTML4 hoặc XHTML. 637 00:39:23,080 --> 00:39:29,780 Nếu bạn đang sử dụng HTML5, nó thường sẽ làm việc trong hầu hết các trình duyệt. 638 00:39:29,780 --> 00:39:34,660 Bạn chỉ cần có để sắp xếp của đi vào và đảm bảo với các ảnh chụp màn hình 639 00:39:34,660 --> 00:39:38,630 và đảm bảo với đi vào các trang web mình. 640 00:39:38,630 --> 00:39:44,280 Nhưng rất có thể nó sẽ làm việc, trừ khi bạn đang sử dụng tính năng rất cụ thể cho HTML5. 641 00:39:44,280 --> 00:39:50,240 Chú ý quá mà cho CS50 - ví dụ, cho người chơi video mà chúng tôi sử dụng - 642 00:39:50,240 --> 00:39:56,230 nó sử dụng HTML5 và video HTML5 để hiển thị các bài giảng. 643 00:39:56,230 --> 00:39:59,420 Nhưng nếu bạn có một trình duyệt thực sự cũ, sau đó nó sẽ rơi trở lại trên Flash. 644 00:39:59,420 --> 00:40:01,420 Vì vậy, đó cũng là một cái gì đó khác - 645 00:40:01,420 --> 00:40:05,190 có một hệ thống sụp đổ trở lại khi bạn chỉ biết rằng trình duyệt sẽ không để xử lý 646 00:40:05,190 --> 00:40:08,140 những gì bạn muốn nó để xử lý. 647 00:40:08,140 --> 00:40:10,140 >> Câu hỏi khác? 648 00:40:10,140 --> 00:40:13,270 Bất cứ điều gì mà chúng ta đã nói. 649 00:40:16,910 --> 00:40:20,750 Được rồi. Sau đó, tôi nghĩ rằng đó là về nó cho tôi. 650 00:40:20,750 --> 00:40:23,090 Tôi nghĩ rằng đó là nó. 651 00:40:23,090 --> 00:40:28,430 (Vỗ tay) 652 00:40:28,430 --> 00:40:30,000 Mát mẻ. 653 00:40:30,500 --> 00:40:32,700 [CS50.TV]