[Powered by Google Translate] [Hội thảo] [Chuẩn bị trang web của bạn cho Web]
[Yuechen Zhao] [Đại học Harvard]
[Đây là CS50.] [CS50.TV]
>> Được rồi. Đây là một giờ phát triển web, nếu bạn là cho nó.
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.
Tất cả các ngày - và có lẽ trong 2 tuần qua -
chúng tôi đã nói về cách tạo một trang web,
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ổ,
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ế.
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.
Bởi vì sau tất cả, CS50 không xảy ra trong quá khứ tháng Mười Hai.
Chúng ta sẽ nói về tên miền, lưu trữ.
Chúng ta sẽ nói về những gì qua trình duyệt tương thích
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
sẽ hoạt động trong mọi điều kiện.
Chúng tôi sẽ nói về xử lý lỗi và ma thuật máy chủ khác.
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,
và làm thế nào để có được mọi người thực sự ghé thăm trang web của bạn.
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
để đi ra với dự án cuối cùng của bạn, và hy vọng sau.
>> Việc đầu tiên mà chúng ta sẽ nói đến là tên miền.
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
mà không phải là thực sự là một tên miền.
Đó 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
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.
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ư
www.google.com và được các trang web.
Làm thế nào để họ làm việc?
Hãy nói rằng bạn chỉ là một máy chủ web trung bình -
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.
Có thể bạn có thể nhìn thấy nơi tôi đã đánh cắp này từ.
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,
"Bạn có biết nơi trang web này?"
"Bạn có biết địa chỉ IP của www.howstuffworks.com?"
Máy chủ DNS của bạn có thể nói, "Vâng, tôi làm."
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.
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à?"
Đó là máy chủ có thể nói, "Vâng, tôi làm."
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,
và bạn có thể truy cập howstuffworks.com.
>> Làm thế nào bạn có thể nhận được một trong những điều kỳ diệu?
Làm thế nào bạn có thể nhận được có thể www.yourname.com hoặc www.ilovecats.com?
Bạn có thể đăng ký cho một,
và có rất nhiều các trang web ra có mà cho phép bạn làm như vậy.
Bạn phải - trong hầu hết trường hợp, bạn phải trả tiền cho họ.
Có tên miền nhất định được miễn phí.
Nếu bạn đi đến tkdomainnames www.co.cc hoặc., Đó là miễn phí.
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
thực tế, tên miền cấp cao như com hoặc. net..
Bình thường, tôi sẽ đề nghị đi cho một trong số họ
bởi vì người sử dụng chỉ thoải mái hơn với những người.
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..
Có thể bạn không nhìn thấy rất nhiều. Co.cc ', do đó, họ khó nhớ.
Các trang web khác nhau như Godaddy hay NameCheap hoặc - Tôi đã sử dụng một trong đó là
loại sơ sài - gọi là activedomain.com.
Có vẻ thực sự sơ sài, nhưng nó đã làm việc thực sự tốt cho tôi.
>> 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.
Nhưng nếu bạn đi vào NetworkSolutions.com và nhìn vào giá của họ
nó thực sự là tốn kém. Tôi đã nhìn vào họ đêm qua.
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.
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.
giá bình thường là khoảng $ 10 một năm.
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ó
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 đó.
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?
>> Đ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
đ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
và thiết lập các máy chủ tên cho tên miền đó.
Điều này có nghĩa là một khi người dùng đi vào www.howstuffworks.com,
những tên máy chủ địa chỉ IP là địa chỉ IP mà họ sẽ có thể để tìm kiếm.
Họ sẽ có thể truy cập trang web của bạn thông qua các máy chủ tên.
Nếu bạn áp dụng để lưu trữ một nơi nào đó
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.
>> Và cuối cùng, có điều này được gọi là một WHOIS.
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
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.
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
trên trang web cho bất cứ ai nhìn thấy hoặc trên Internet cho mọi người xem. "
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 -
như một người quản lý WHOIS.
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à
ẩn đi các thông tin đó và chỉ cần đặt trong là người quản lý cho tên -
cho địa chỉ nó thường chỉ có tên công ty đó là cho bạn tên miền này -
và như vậy thì thông tin cá nhân của bạn không bị rò rỉ trên Internet,
mà thường là khá tốt.
Bản thân tôi sử dụng một trong các dịch vụ này.
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.
>> Một máy chủ DNS là viết tắt của Domain Name System, và những gì nó là -
đó là loại giống như một nơi nào đó bảng băm mà nói,
"Địa chỉ trang web này sẽ để ánh xạ địa chỉ IP này." Và đó là tất cả nó được.
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
cho rằng tên miền tương ứng và sau đó truy cập trang web đó.
(Khán giả hỏi một câu hỏi - không nghe được)
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ó.
Loại máy tính của bạn nhớ lần cuối cùng bạn đã đi đến www.google.com
đó 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,
và nó sẽ hỏi như DNS Comcast,
"Này, có chuyện gì www.google.com?"
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,
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
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ú.
Nó thường mất khoảng 24-48 giờ.
Được rồi. Vì vậy, đó là một chút về tên miền. Họ đang rất mát mẻ.
Tôi nghĩ rằng bạn sẽ nhận được một nếu bạn nghiêm túc về dự án
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,
có một tên miền làm cho nó trông thật sự chuyên nghiệp.
>> Sau đó, bước tiếp theo, tất nhiên, là có một số loại lưu trữ.
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ó.
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,
nhưng điều đó không được khuyến khích.
Có nhiều loại khác nhau lưu trữ có sẵn trực tuyến.
Có được chia sẻ lưu trữ. Có VPN (khó hiểu) mà là máy ảo.
Có bán chuyên dụng và chuyên dụng.
Trong số mới nhất 3, VPN, bán chuyên dụng và chuyên dụng thường đắt hơn.
Chúng thường được sử dụng cho các trang web đòi hỏi nhiều tài nguyên.
Nếu bạn chỉ là bắt đầu với một trang web,
nó chỉ có thể là kinh tế hơn để đi với chia sẻ lưu trữ.
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
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
thông qua tên miền.
>> Có rất nhiều máy chủ phổ biến trên mạng.
HostGator và DreamHost - những người đang rất, rất lớn và rất, rất phổ biến
và rất, rất thành công.
Cá nhân tôi sử dụng một gọi là MDDHosting.
Nếu bạn đi đến www.mddhosting.com, đó là máy chủ của tôi về sự lựa chọn.
Tôi nghĩ họ là rất tốt.
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ọ.
Họ cũng có giá cả rất cạnh tranh.
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,
nhưng tôi đã có kinh nghiệm khủng khiếp với họ,
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ọ.
Họ loại đi sau khi những người không biết những gì họ đang làm -
có thể bạn đang làm một trang web cho lần đầu tiên,
và vì vậy họ loại lừa họ mua gói hosting của họ.
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.
Và một trong những khác là - có host miễn phí ra khỏi đó.
Có những trang web mà sẽ lưu trữ trang web của bạn miễn phí -
đôi khi bằng cách đặt quảng cáo trên trang web của bạn,
đôi khi bằng cách làm cho bạn tham gia vào diễn đàn của họ,
nhưng đôi khi cũng chỉ là miễn phí.
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
sau một vài tháng. Bạn chỉ có thể theo kịp với chi phí.
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,
và bạn không muốn điều đó xảy ra.
>> Mỗi máy chủ sẽ cung cấp bảng điều khiển của mình.
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.
Bạn phải sử dụng thiết bị đầu cuối để đi và chỉnh sửa các tập tin.
Bạn phải chmod thứ một mình.
Nếu bạn muốn đi đến PHPMyAdmin,
bạn phải đi đến localhost @ / phpMyAdmin và những thứ như thế.
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
với Windows Explorer hoặc một ứng dụng công cụ tìm loại.
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
thay vì phpMyAdmin.
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à ở đó.
Nhưng nếu bạn đang tìm kiếm một máy chủ,
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
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.
Vì vậy, sau đó bạn có thể hỏi, "Vâng, làm thế nào để chọn lưu trữ?"
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.
Có rất nhiều mức giá khác nhau cũng có.
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 -
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
như thể có một trang web như Microsoft.com.
>> 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
trang web của bạn sẽ được lưu trữ trên Linux, trên Windows, hoặc trên Mac.
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,
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.
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 -
như bao nhiêu MB hoặc GB dữ liệu người dùng có thể tải về
từ trang web của bạn mỗi tháng? Hoặc không gian đĩa.
Bao nhiêu không gian để bạn có được? Có 500 MB? Có 2 GB? Là nó không giới hạn?
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ọ
để lôi kéo bạn để có được gói hosting của họ.
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?
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 -
đó chỉ là một vài MB, vv
thường tôi chỉ đi cho giá trị có thể là một vài gigabyte 'của không gian,
và đó có thể là đủ để bắt đầu tôi đi cho đến khi tôi cần hơn.
>> 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ó.
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.
Là nó thực sự quan trọng với bạn bao nhiêu bạn nhận được?
Những điều cần tự hỏi mình.
Và cuối cùng, chỉ cần những thứ như ngôn ngữ.
Nó hỗ trợ PHP? Nó hỗ trợ MySQL?
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ở.
Nó không chi phí cho họ bất cứ điều gì để cung cấp cho các bạn.
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 -
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.
>> 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ỳ?
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
và mã hóa kết nối của bạn.
Và các công việc định kỳ chỉ có thể kịch bản mà bạn muốn chạy
5 phút, 10 phút, mỗi 15.
Rất nhiều trang web chia sẻ lưu trữ không đặt các hạn chế
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.
>> 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
trước khi bạn mua gói hosting của bạn.
Và cuối cùng, hiệu suất. Hiệu suất là rất lớn.
Nhanh như thế nào là trang web của tôi sẽ chạy?
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
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
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
và rằng bạn có thời gian hoạt động tốt mà chỉ có nghĩa là
trang web của bạn sẽ có thể truy cập vào mọi lúc.
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à
truy cập, và bạn không muốn điều đó xảy ra bởi vì bạn có thể buồn.
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ư
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.
>> Và cuối cùng, bạn muốn xem về sự hỗ trợ của họ.
Nếu bạn có một vấn đề là họ sẽ trả lời bạn trong vòng 24 giờ?
Là họ sẽ trả lời bạn trong vòng 48 giờ?
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
đó là thực sự tốt đẹp.
Phù! Được rồi! Đó là thời gian để nghỉ ngơi. Nhưng tôi sẽ không để cho nó cho bạn.
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 đó.
>> 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.
Tôi có ý nghĩa gì bởi khả năng tương thích qua trình duyệt?
Bạn có biết, ngày nay nó không chỉ là Microsoft Internet Explorer.
Nó không chỉ là trình duyệt Mozilla Firefox hoặc Safari.
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.
Chúng tôi đã chinh phục. Chúng tôi có tất cả các trình duyệt khác nhau.
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.
Nhưng thực tế của vấn đề là, có không chỉ là một trình duyệt nữa.
Bạn không chỉ xem các trang web với một ứng dụng.
Và do đó, các trình duyệt khác nhau sẽ đáp ứng khác nhau HTML, CSS khác nhau, và
JavaScript khác nhau khác nhau, và làm thế nào để bạn đối phó với điều đó?
Vâng, trong một số trường hợp, bạn thực sự có thể không.
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
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
là phổ quát, nó hoạt động ở khắp mọi nơi.
Vì vậy, đây là thực sự nguy hiểm.
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."
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
Tôi sẽ rất buồn, và tôi sẽ bỏ đi.
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.
>> Điều đầu tiên, tất nhiên, là để chỉ sử dụng tiêu chuẩn HTML, CSS và JavaScript.
Tôi có ý nghĩa gì bởi điều đó không?
Vâng, có rất nhiều điều không đạt tiêu chuẩn ra khỏi đó.
Ví dụ, trong CSS có rất nhiều phiên bản.
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ể
cho cả các trình duyệt Mozilla và các trình duyệt Webkit,
và do đó, bạn muốn chắc chắn rằng có thể bạn muốn tránh những điều
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.
Và nếu bạn thực sự muốn nó nhìn tốt trên Internet Explorer cũng có,
bạn sẽ được ra khỏi may mắn.
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
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.
Và cuối cùng thậm chí cho JavaScript - có rất nhiều phiên bản của JavaScript,
và mùa hè này chúng tôi chạy vào một vấn đề mà Document.getElementsByClassName--
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 -
là không tìm thấy trong Internet Explorer 8.
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.
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
Internet Explorer 8 không có thể gửi kết quả của họ.
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.
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.
>> Và cuối cùng, sử dụng validator.w3.org
đó là những gì chúng tôi nói cho bạn biết phải làm trong pset 7.
Hãy chắc chắn rằng trang của bạn được xác nhận.
Đ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.
Là mã của tôi thực sự tiêu chuẩn phù hợp?
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
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ổ
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.
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.
Ví dụ, chúng tôi sử dụng jQuery trong Pset 7.
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
mà nếu không bạn sẽ phải viết cho mình.
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.
Và Bootstrap - đó là một khuôn khổ CSS mà chúng tôi đã giới thiệu trong Pset 7 -
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.
trong tất cả các trình duyệt.
>> 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.
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ụ,
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
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.
Mà phải mất rất nhiều thời gian của bạn.
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,
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.
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ư
WordPress hoặc Joomla hoặc Drupal.
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
đã đế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,
và tùy chỉnh chúng tuy nhiên bạn muốn, và bạn đã có một trang web chạy.
Những gói mã là một cái gì đó để nhìn vào.
Những điều này là mã nguồn mở, trừ khi bạn đi cho một cái gì đó như -
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ư
VBulletin hoặc IP.Board.
Nếu bạn không cần một số những tính năng tiên tiến,
bạn luôn có thể lựa chọn không cho các tùy chọn miễn phí.
>> Và cuối cùng, đó là không tránh nó.
Bạn phải kiểm tra, kiểm tra, thử nghiệm.
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.
Và bạn biết, IE6 - người tốt đẹp cảm ơn đã bắt đầu di chuyển ra khỏi IE6
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,
luôn luôn ma cô để điểm yếu của IE6 trong theo tiêu chuẩn.
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ó.
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.
Một trang web thực sự mát mẻ là browserlab.adobe.com.
Đây là một dịch vụ miễn phí đưa ra bởi Adobe.
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
chạy trong điều kiện khác nhau - như chạy dưới trình duyệt khác nhau,
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.
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,
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.
Bởi vì nếu bạn đã ở đây năm ngoái, my.harvard không nhìn như có vẻ bây giờ.
Có vẻ loại kinh tởm.
Nhưng bây giờ có vẻ tốt hơn rất nhiều.
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,
bạn đã biết, tôi đã cố gắng để thêm - (khó hiểu) nhiều bất cứ điều gì -
và có vẻ - có vẻ rất tốt trên máy tính của tôi.
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,
và tôi đã xem xét, tốt, như thế nào nhìn vào Chrome 18 trên Windows.
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.
Văn bản của tôi tràn ngập. Vì vậy, đó là xấu, phải không?
Nếu người dùng đang sử dụng Chrome trên Windows và đến với trang web của tôi,
mà ngay lập tức có vẻ rất chuyên nghiệp.
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.
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
và rất dễ hài lòng.
>> 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,
nhưng những gì về JavaScript của bạn?
Còn nếu bạn có một số kịch bản phức tạp đang chạy?
Vâng, bạn luôn luôn có thể làm ảo hóa.
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
Cửa sổ và sử dụng Internet Explorer có.
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.
Nhưng những gì họ làm là rất mát mẻ.
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ụ.
Bạn có thể chạy các phiên bản khác nhau của Firefox.
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 ở đó.
Thật không may, họ không được tự do.
Đó là một dịch vụ thanh toán, do đó, luôn luôn loại này -
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.
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 đó.
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?
Tuyệt vời. Được rồi.
>> Bây giờ chúng ta có nhiều điều để nói về.
Làm thế nào về lỗi?
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
điều gì xấu sẽ xảy ra?
Có thể bạn không có một trang có tên food.php.
Nhưng tôi, tôi đi đến trang web của bạn và tôi thử truy cập food.php.
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?
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,
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. "
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
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.
400 - Yêu cầu sai. 401 - trái phép.
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
bởi người sử dụng, nhưng người dùng cố gắng nào.
Và 500 - Internal Server Error - thường xảy ra khi bạn có một cái gì đó
thực sự xấu xảy ra với mã PHP của bạn.
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.
>> 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
và chắc chắn rằng người sử dụng không chỉ là loại treo ở đó?
Ở đây có. Htaccess.
Bây giờ,. Htaccess là cái gì đó hoạt động trên máy chủ Apache,
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.
Đâ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à
bạn có thể làm cho nó làm bất cứ điều gì bạn muốn nó làm.
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.
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
tải lại mỗi khi người dùng đến và thăm trang web của bạn.
Hoặc có thể bạn có một số URL đó là như yoursite.com / kiểm tra / html / trang / hello.html
và bạn chỉ muốn có được yourname.com / hello -. tốt, bạn có thể sử dụng htaccess
để chuyển hướng một trang web khác.
Bạn cũng có thể sử dụng nó để làm xác thực.
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.
Bạn có thể chặn địa chỉ IP nhất định, ngăn chặn tên miền.
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.
Vâng, bạn có thể chọn chặn tất cả các địa chỉ IP Harvard.
>> 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
đ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.
Có lẽ đó sẽ có ích. Có lẽ đó sẽ không được.
Và cuối cùng, bạn có thể sử dụng nó để xử lý phản ứng lỗi.
Tôi có ý nghĩa gì bởi điều đó không?
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ố
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í
404 và cho họ một cái gì đó tốt đẹp.
>> 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.
Ở đây, tôi đang ở trong thiết bị của tôi.
Tôi sẽ mở Chrome, và sau đó tôi sẽ cố gắng để truy cập vào một trang
không tồn tại trên CS50 Tài chính.
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
nói rằng, "Canz không tìm z trang!"
Nó có một con mèo rất buồn về điều đó.
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,
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
do đó bạn không phải quá thất vọng.
Bạn cũng có thể có một cái gì đó chuyên nghiệp hơn mà nói,
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.
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.
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ể?
Nếu chúng ta đi vào thiết bị đầu cuối của chúng tôi ở đây -
Tôi chỉ cần đi để phóng to một chút -
nhận thấy rằng tôi có một trang mới.
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ó -
nó được gọi là error.php.
Và error.php chỉ là một tập tin mà tôi đã thực hiện
đó cho bạn thấy rằng trang riêng của mình.
Tôi có thể cho bạn những gì error.php là.
Đó là chính xác những trang này.
Nó nói, "Ồ không! Canz không tìm z trang!"
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ạ..
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.
Đó là một tập tin ẩn mà thường không được hiển thị.
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,
và quả thật, bạn nhìn thấy. htaccess là một trong số họ.
Chúng ta hãy đi trước và mở htaccess. -
với gedit -
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
mà còn được gọi là lỗi tập tin-không-được tìm thấy.
Chúng ta hãy chuyển hướng họ đến một cái gì đó gọi là error.php.
Bạn có thể có những điều thú vị như canz không tìm thấy trang z!
Và cũng có những điều rất thú vị mà bạn có thể làm với. Htaccess.
Nếu bạn muốn xem chi tiết. Htaccess ma thuật,
đây là một trang web rất mát mẻ để đi - nó được gọi là javascriptkit.com/howto/htaccess.shtml--
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ị.
>> Phù! Được rồi! Hình ảnh dễ thương hơn.
Đâ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.
Thật không may, tôi không có một con mèo như thế.
Được rồi. Vì vậy, chúng tôi đã nói chuyện về. Htaccess.
Chúng tôi đã nói chuyện về xử lý lỗi.
Chúng tôi đã nói chuyện về hosting, tên miền.
Chúng tôi đã nói về khả năng tương thích qua trình duyệt.
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?
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
Tôi có thể thấy trang web của bạn trong vòng vài giây?
Một trong những điều mà tôi nghĩ rằng mọi người chỉ loại quên
là tối ưu hóa hình ảnh.
Hãy nói rằng bạn muốn đặt một hình ảnh trên trang web của bạn
và đó là 2 MG lớn.
Đó có thể là tốt cho chúng tôi bởi vì chúng tôi đang ở Đại học Harvard,
và chúng tôi có một kết nối Internet rất nhanh.
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 Độ.
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
Internet băng thông rộng mà chúng tôi có.
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ó,
nó sẽ đưa họ một thời gian rất dài để tải về.
Vì vậy, nếu bạn không cần phải là loại có độ phân giải,
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.
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ị,
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
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ể
đặt nó lên trang web của bạn, và bất kỳ người dùng cố gắng để tải trang
sẽ tải về một phiên bản nhỏ hơn của hình ảnh của bạn.
Nếu bạn không có Adobe Photo Shop
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
và nó sẽ nhổ ra cùng một hình ảnh chính xác,
nhưng nó sẽ là một cái gì đó như nhỏ hơn 3 lần.
Vì vậy, đó là rất hữu ích cho người dùng của bạn.
>> Một điều mà bạn có thể làm là giảm bớt mã.
Nếu chúng ta có một cái nhìn tại Google.com,
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 để.
Chỉ cần đi để nhìn vào mã nguồn ở đây.
Nếu tôi chỉ cần kéo xuống - wow, trông khá ghê.
Điều này sẽ nhận được một số không trên phong cách.
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.
Điều này không có khoảng cách. Tên trông thực sự khó hiểu.
Đó là tất cả thực sự kinh tởm.
Và kịch bản để đóng trong cơ thể - HTML đóng cửa -
tất cả chúng lại với nhau - tất cả smushed với nhau.
Tại sao họ làm điều này?
Họ minified mã của họ.
Chú ý rằng tài liệu này là có được nhỏ hơn rất nhiều
cho tôi để tải về hơn một cái gì đó với không gian màu trắng,
hơn một cái gì đó với tên biến thực sự lâu dài.
Nếu bạn giảm bớt mã của bạn bạn loại bỏ tất cả các khoảng trắng.
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.
Bạn tách nó ra, bây giờ tôi có thể tải về một tập tin nhỏ hơn -
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,
nó sẽ nhanh hơn cho tôi để tải về, và đó là hữu ích.
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,
nó hầu như luôn luôn tốt để giảm bớt mã của bạn.
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.
Có thể bạn không muốn người khác sử dụng CSS của bạn.
Bạn biết nếu bạn thực sự muốn trở thành keo kiệt với điều đó,
sau đó bạn cũng có thể giảm bớt mã của bạn, và nó sẽ là khó khăn hơn cho tôi để ăn cắp nó
bởi vì tôi không có ý tưởng những gì đang xảy ra.
Bạn cũng có thể đi đến các trang web như minify.avivo.si.
Dịch vụ như thế này trực tuyến giúp bạn giảm bớt mã của bạn để bạn không phải làm điều đó bằng tay.
Chắc chắn không làm điều đó bằng tay.
>> Được rồi. Bây giờ nói về kịch bản.
Có lẽ trong mã PHP của bạn có điều gì đó mà bạn không cần phải làm.
Có thể có thêm vòng trong đó.
Chúng tôi nói về thiết kế mã trong CS50.
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ụ
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,
Đ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.
Nếu bạn đang làm việc không cần thiết, nó sẽ đưa họ còn
để có được những thông tin mà họ muốn, và họ sẽ là rất không hài lòng.
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.
Hãy nhớ rằng chúng ta đã nói về chỉ số.
Họ không chỉ tốt cho đảm bảo rằng bạn có một hàng đó là duy nhất.
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.
Nếu bạn muốn đọc lên trên đi rằng các tài liệu MySQL,
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?
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?
>> Ngoài ra còn có thủ thuật nhỏ mà bạn có thể sử dụng như bộ nhớ đệm.
Nếu bạn có PHP - nếu bạn có một blog, ví dụ,
và bạn có - và nó được hỗ trợ bởi PHP hoặc bất kỳ ngôn ngữ khác -
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
hoặc HTML tĩnh để khách truy cập vào trang web của bạn.
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,
và có lẽ đó sẽ nhanh hơn cho họ để truy cập thông tin.
>> Và cuối cùng, bạn có thể sử dụng một cái gì đó như CDN.
Nhận thấy rằng bất cứ khi nào bạn tải về một Pset,
bạn luôn luôn đi để CDN.CS50.net. Tại sao vậy?
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 -
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
có thể trợ giúp phục vụ các trang của bạn để truy cập của bạn.
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ý,
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.
Ngoài ra còn có các nguồn trực tuyến có thể giúp bạn làm điều đó.
Một trong số đó là CloudFlare. Họ cung cấp một dịch vụ CDN miễn phí.
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,
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.
>> Chủ đề cuối cùng trong ngày là tối ưu hóa công cụ tìm kiếm.
Tối ưu hóa công cụ tìm kiếm là gì?
Đó là đảm bảo rằng công cụ tìm kiếm như Google hay Bing hay Yahoo
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
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ì đó,
sau đó trang web của bạn sẽ bật lên.
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?
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
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.
Đây là loại một chủ đề đó là bí ẩn.
Có rất nhiều sự quảng cáo ra có trên Internet.
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.
Nếu bạn y sau đó Google sẽ giống như bạn tốt hơn.
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ó.
>> Đâ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
để Google có thể truy cập và chỉ số đó rất độc đáo.
Bạn không cần phải sao chép URL này bởi vì trình bày này sẽ
được trực tuyến nào.
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 đó.
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
sau đó bạn nên làm tất cả những điều này.
>> Một điều mà công cụ tìm kiếm thực sự muốn là nội dung mới.
Nếu bạn có nội dung được cập nhật rất thường xuyên
sau đó công cụ tìm kiếm nói, ooh, tôi thích trang web của bạn.
Tôi sẽ đi đến trang web của bạn rất thường xuyên.
Tôi sẽ chỉ số rất nhiều các trang của bạn.
Nếu bạn có nội dung mới sau đó bạn có nhiều khả năng xuất hiện -
bạn có nhiều khả năng có liên quan hơn.
Bạn có nhiều khả năng được cập nhật hơn,
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.
>> Liên kết sâu cũng rất quan trọng.
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
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.
Không chỉ liên kết đến trang chủ của bạn.
Liên kết để có thể yourname.com / một cái gì đó / cái gì / something.php.
Đó - một công cụ tìm kiếm - có nghĩa là, wow, họ có nội dung thực sự thú vị
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ự
đặt tầm quan trọng nhiều hơn vào các trang của trang web đó.
>> 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ì
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,
nó có thể sẽ cung cấp cho lên rất, rất sớm.
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 -
giống như con người - đừng có rất nhiều kiên nhẫn cho các trang web chậm.
Đâ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
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.
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.
Bạn đã dành tất cả thời gian này ra mắt trang web trực tuyến này.
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.
>> Tốt các nguồn lực khác để sử dụng.
Google Webmaster Tools là một cái gì đó để nhìn vào.
Điều này chỉ cho phép xem - Google không lập chỉ mục trang web của tôi.
Những loại lỗi là nó gặp phải?
Bao nhiêu trang đã được lập chỉ mục nó?
Nó nghĩ những gì là nội dung quan trọng nhất trên trang của tôi?
Có lẽ đó không phải là những gì tôi muốn nó được.
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
những gì trang web của tôi thực sự là về.
Google Analytics là một công cụ thực sự mát mẻ.
Bạn có thể thêm một chút JavaScript vào trang của bạn.
Rồi sau đó bạn có thể vào Google Analytics, và nó sẽ theo dõi
nhân khẩu truy cập của bạn và phát triển trang web của bạn.
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
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.
Bao nhiêu du khách đến từ Trung Quốc? Bao nhiêu du khách đến từ Nam Cực -
bạn đang nhận được để trang web của bạn.
đó có thể là một cái gì đó mát mẻ để xem hoặc thậm chí nó có thể có ích
bởi vì bạn đang cố gắng để nhắm mục tiêu một nhóm nhất định.
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
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,
sau đó có thể hoặc là bạn có một vấn đề hoặc bạn chỉ có thể nói,
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 để
Tôi tập trung vào nhóm tuổi này.
>> Google Apps - nếu bạn muốn có loại email với tên miền của bạn -
có lẽ một cái gì đó như yourname@yourname.com--
bạn có thể sử dụng địa chỉ gmail - bạn có thể sử dụng dịch vụ gmail
và Google Apps là một cách để làm điều đó.
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
thay vì of@gmail.com.
>> Và cuối cùng, có phần mở rộng phát triển web và các tiện ích - cho Chrome,
Firefox, cho các trình duyệt khác - cho phép bạn đi vào và kiểm tra
CSS, JavaScript kiểm tra, xem chính xác những gì xảy ra với kịch bản JavaScript,
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 -
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?
>> Và cuối cùng, nếu bạn muốn tìm hiểu thêm về tất cả các chủ đề -
nếu bạn muốn tìm hiểu thêm về HTML và CSS và JavaScript -
bởi vì sau tất cả, chúng tôi chỉ dạy cho bạn một chút -
bạn có thể đi các trang web như W3Schools.com để tìm thêm nguồn lực.
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ì?
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.
>> Đượ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,
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?
[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?
[Yuechen Zhao] gì cả mọi thứ?
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.
Tài liệu tham khảo chi tiết của họ, ví dụ cho CSS -
đ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 -
làm thế nào để bạn làm điều đó?
Mà các trình duyệt hỗ trợ lệnh đó? Những điều như thế.
Và sau đó họ cũng chỉ có hướng dẫn rất tốt đẹp trên HTML, trên PHP, JavaScript,
trên MySQL, trên tất cả các loại chủ đề khác nhau.
Họ có hướng dẫn tốt đẹp. Họ dạy cho bạn cách để làm việc.
Nó là tốt đẹp để có thể đi và tìm hiểu thêm về các chủ đề này.
>> [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ó.
Bạn có đề nghị chỉ tránh xa nó vì vấn đề tương thích?
Làm thế nào bạn sẽ đối phó với điều đó?
[Yuechen Zhao] Có, vì vậy, câu hỏi là HTML5 vẫn còn là một tiêu chuẩn bé.
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ó?
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
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
đã không được hoàn tất chưa.
Và như vậy, có thực sự là không có tiêu chuẩn HTML5.
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ờ,
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,
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
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
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
từ HTML4 hoặc XHTML.
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.
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
và đảm bảo với đi vào các trang web mình.
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.
Chú ý quá mà cho CS50 - ví dụ, cho người chơi video mà chúng tôi sử dụng -
nó sử dụng HTML5 và video HTML5 để hiển thị các bài giảng.
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.
Vì vậy, đó cũng là một cái gì đó khác -
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ý
những gì bạn muốn nó để xử lý.
>> Câu hỏi khác?
Bất cứ điều gì mà chúng ta đã nói.
Được rồi. Sau đó, tôi nghĩ rằng đó là về nó cho tôi.
Tôi nghĩ rằng đó là nó.
(Vỗ tay)
Mát mẻ.
[CS50.TV]