[Powered by Google Translate] [Семинары] [Подготовка сайта для Web] [Yuechen Чжао] [Гарвардский университет] [Это CS50.] [CS50.TV] 

Хорошо. Вот еще один час веб-разработки, если вы, ребята, это. Сегодня я буду говорить о подготовке вашего сайта в Интернете. Весь день - и, вероятно, в течение последних 2 недель - мы говорим о том, как создать веб-сайт, как использовать HTML, как использовать PHP, как использовать рамки, Как убедиться, что вы можете взаимодействовать с базой данных - таких вещей. Но сегодня мы будем говорить о том, где ваш сайт будет жить после CS50. Потому что в конце концов, CS50 не произойдет в декабре прошлого года. Мы собираемся говорить о доменных имен, хостинг. Мы будем говорить о том, что совместимость с различными браузерами и кросс-платформенной совместимости, и как вы можете убедиться, что ваш сайт будет работать при любых условиях. Мы поговорим об обработке ошибок и другая магия сервера. Мы говорим об оптимизации, поисковая оптимизация, и как заставить людей на самом деле посетить ваш веб-сайтов. И, наконец, просто хорошие ресурсы, чтобы убедиться, что вы, ребята, достаточно тех чтобы сходить с вашего окончательного проекта, и, надеюсь, после. 

Первое, что мы собираемся поговорить о доменных именах. Прямо сейчас вы программируете в ваш прибор, вы собираетесь локальный хост который на самом деле не имя домена. Это своего рода просто ник или псевдоним для вашей фактической установки Linux внутри либо VMware на Mac или VMware Player на ПК. Доменные имена позволяют поставить сайт на Web, а затем перейти на что-то вроде www.google.com и получить веб-сайт. Как они работают? Давайте предположим, что вы просто средний веб-сервер - средняя веб-серфер и у вас есть ноутбук, и вы идете к www.howstuffworks.com. Вы, вероятно, может увидеть, где я украл это от. How Stuff Works - компьютер попросит локальный сервер DNS, "Вы знаете, где этого сайта?" "Вы знаете IP адрес www.howstuffworks.com?" Ваш DNS-сервер может сказать: "Да, я делаю." В этом случае, вы получаете IP-адрес, и ваш компьютер получает доступ, что IP-адрес. Если этого не произойдет, он просит другого сервера DNS, "Эй! Вы знаете, что www.howstuffworks.com это?" Этот сервер может сказать: "Да, я делаю." Так, он говорит другой, что это такое, и, наконец, эта информация передается на компьютер, И тебе будут доступны howstuffworks.com. 

Как вы можете получить один из этих магических вещей? Как вы можете получить, может быть, или www.yourname.com www.ilovecats.com? Вы можете зарегистрироваться в течение одного, и есть много сайтов там, которые позволяют это сделать. Вы должны - в большинстве случаев вы должны заплатить за них. Есть определенные доменных имен, которые являются бесплатными. Если вы идете в www.co.cc или. Tkdomainnames, те бесплатно. Но, они действительно идут с определенными ограничениями, а ведь некоторые из них не может быть даже реально, домен верхнего уровня имена, как. COM или. сети. Обычно я предложил бы для одного из них потому что пользователи просто более удобной с теми. Вы видели много. КМ. Вы видели много. Сетками. Вы, наверное, не видел много. Co.cc 'ю.ш., так что они труднее запомнить. Различные сайты, как Godaddy или NameCheap или - я использовал тот, который вид отрывочны - называемым activedomain.com. Она выглядит очень отрывочны, но это работает очень хорошо для меня. 

И, наконец, у вас есть другие, которые, может быть, сделать больше рекламы, как Network Solutions. Но если вы идете на NetworkSolutions.com и посмотреть на их ценообразование это действительно дорого. Я смотрел на них прошлой ночью. За год доменное имя, вероятно, это не стоит таких денег. В самом деле, если вы получаете. COM или. Или орг. Чистая Обычная цена составляет около $ 10 в год. Так что если вы платите намного больше, чем, что, вероятно, это не то, что стоит , потому что, в конце концов, эти сайты не делают ничего с этим доменным именем. Они просто дают его вам, и поэтому, если вы можете получить его за дешево, почему бы и нет? 

Другое дело, когда у вас есть доменное имя, то вы, вероятно, хотите перейти к либо Godaddy.com или там, где вы купили доменное имя и задать имя сервера для этого домена. Это означает, как только пользователь переходит к www.howstuffworks.com, эти названия адресов сервера IP адресов, что они будут в состоянии искать. Они могли бы получить доступ к вашему сайту через эти серверы имен. Если вы подать заявку на проведение где-то то ваш хозяин, скорее всего, дать вам имя сервера в использовании. 

И, наконец, есть то, что называется WHOIS. База данных WHOIS представляет собой базу данных, с которой вы можете ввести имя домена и он будет выплевывать некоторая информация о владельце такого сайта и другую контактную информацию. Теперь, вы можете сказать: "Я действительно не хочу, чтобы мой домашний адрес, или я действительно не хочу, чтобы мой адрес электронной почты на веб-сайте, чтобы кто-то видел или в интернете на всеобщее обозрение ". Затем вы можете использовать то, что многие хостинг-услуг обеспечивают - как менеджер WHOIS. Менеджер WHOIS это просто еще один сервис, который многие из них предусматривают, что прячется, что информация и просто ставит в том, кто является менеджером по названию - для адреса это, как правило, что компания просто имя, которое дал вам это доменное имя - и так, то ваша личная информация не просочилась в Интернет, который обычно довольно хорошо. Я лично использую одну из этих услуг. Если вы не заботитесь о своей личной жизни, то это не имеет большого значения. 

Сервер DNS расшифровывается как системы доменных имен, и что это такое - это вроде как хэш-таблицу, где-то говорит,  "Этот сайт адрес будет отобразить на IP-адрес." И это все, что есть. Поэтому, как только вы запрашиваете Данный DNS-сервер, то вы можете получить IP адреса для этого соответствующее доменное имя, а затем посетит этого сайта. (Зритель задает вопрос - не слышно) В первую очередь? Первый уровень на самом деле, как правило, только ваш компьютер сам кэш. Компьютер рода помнит последний раз, когда вы пошли в www.google.com именно в это IP-адрес, а затем спустя некоторое время, что кэш истекает, и он будет просить, как Comcast DNS, "Эй, что www.google.com?" Обычно, когда вы купить доменное имя, и вы зарегистрировать одно, и вы создали веб-сайт, вы не можете пойти на веб-сайт немедленно, что доменное имя, потому что имя сервера по всему миру не знаю о вашем домене названия. Он должен заполнить. Обычно это занимает около 24-48 часов. Хорошо. Итак, вот немного о доменных именах. Они очень здорово. Я думаю, что вы должны получить один, если вы серьезно относитесь к проекту и если вы действительно хотите, чтобы ваш проект, известный по кампусу, имеющие доменное имя он выглядит действительно профессионально. 

Тогда следующий шаг, конечно, должно иметь какой-то хостинг. Если вы просто разместить его на Вашем компьютере, никто никогда не собирался быть в состоянии идти к ней. Вы могли бы потенциально настроить сервер на вашем компьютере и сохранить ваш компьютер вечно, но это не рекомендуется. Существуют различные виды хостинг-лайн. Там это виртуальный хостинг. Там в VPN (неразборчиво), которые являются виртуальными хостами. Там в полу-выделенный и посвящена. Из последних 3, VPN, Полу-посвященный, и выделенные как правило, дороже. Они обычно используются для веб-сайтов, которые требуют больше ресурсов. Если вы только начинаете с веб-сайта, это может быть просто более экономичным, чтобы пойти с виртуального хостинга. И то, что общие средства просто набор веб-сайтов все вместе вроде на одном сервере на этом сайте на этой хост-сервере, и вы можете получить доступ к сайту через доменное имя. 

Есть много популярных хостов там. HostGator и DreamHost - те, очень, очень большой и очень, очень популярным и очень, очень успешно. Лично я использую одну называемых MDDHosting. Если вы идете в www.mddhosting.com, это мой хозяин выбора. Я думаю, что они очень хорошо. Они всегда были очень надежны, и я никогда не имел никаких проблем с ними. Они также имеют очень конкурентоспособные цены. Два, что я не очень люблю являются GoDaddy - это тоже очень популярный ведущий, но у меня были ужасные впечатления с ними, и много людей, что я знаю, были действительно ужасные впечатления с ними. Они сортируют пойти после людей, которые не знают, что они делают - Может быть, вы делаете сайт в первый раз, и так они как бы подставить их в покупку их пакет хостинговых услуг. Не делайте этого. Не поддавайтесь на это. Поищите другой хостинг пакеты, которые действительно соответствуют вашим потребностям. А другой есть - есть бесплатные хосты там. Существуют сайты, которые будет разместить на сайте бесплатно - Иногда, поставив объявлений на вашем сайте, Иногда, сделав вам участвовать в их форумах, но иногда как раз и бесплатно. Но, будьте осторожны с бесплатные хосты, потому что многие из них на самом деле просто выйти из бизнеса через несколько месяцев. Вы просто не можете идти в ногу с затратами. Другие просто очень ненадежно, и ваш сайт всегда будет вниз, и вы не хотите, чтобы это произошло. 

Каждый хост будут предлагать свои собственные панели управления. Обратите внимание, что для Вашего прибора, там действительно не панель управления как такового. Вы должны использовать терминал, чтобы пойти и редактировать файлы. Вы должны CHMOD вещи самостоятельно. Если вы хотели пойти в PHPMyAdmin, Вы должны пойти на локальный @ / PhpMyAdmin и тому подобные вещи. Но с панели управления Вы можете пойти и редактировать файлы на вашем сервере с проводника Windows или Finder типа приложения. Или вы можете пройти и посмотреть на ваши базы данных с собственным инструментом вместо PHPmyadmin. Таким образом, есть много выбора здесь, и некоторые из наиболее популярных панелей управления находятся там. Но если вы ищете хозяина, , то вы можете посмотреть на то, виды настроек и параметров они предлагают мне изменить настройки сервера и сделать мой сайт работать лучше. Так, то вы можете спросить: "Ну, как я могу выбрать хостинг?" Если вы идете на любой хозяин сайта есть много жаргона, и есть много вариантов. Есть много различных цен также. Обычно я пойти на более дешевые только потому, что сайты, которые, возможно, вы и я делаю - и особенно сейчас, особенно в качестве закуски - они могут и не нужно столько ресурсов как, может быть, как веб-сайт Microsoft.com. 

Сначала вы хотите посмотреть на операционную систему, если вы действительно любопытно ли вашего сайта будут размещены на Linux, на окнах или на Mac. Обычно мы просто пойти с Linux, потому что, как правило, самые дешевые, а также тот, который, может быть, вы, ребята, больше знакомы с связи с прибором. И тогда, возможно, они будут поставить некоторые ограничения на полосу пропускания, что вы получите - как то, сколько мегабайт или гигабайт данных пользователи могут скачать с вашего сайта в месяц? Или дискового пространства. Сколько места вы получаете? Это 500 Мб? Это 2 Гб? Это неограниченная? В настоящее время, многие веб-серверы дают вам неограниченное дисковое пространство как способ для них , чтобы побудить вас, чтобы получить их пакет хостинговых услуг. Но если вы действительно думаете об этом, когда вы когда-либо будете нуждаться, неограниченное дисковое пространство? Если есть несколько HTML файлов, пару PHP, пару изображений - вот только пару мегабайт, и т.д. Обычно я просто пойти на, может быть, стоит несколько гигабайт »пространства, и что могло бы быть достаточно, чтобы начать меня, пока я не нужно больше. 

Наконец, они могут наложить ограничения на какие - сколько баз данных вы можете иметь. Может быть, вы можете иметь только 1 базу данных. Может быть, вы можете иметь 2. Может быть, у вас может быть 10. Это действительно важно для вас, сколько вы получаете? Вещи, чтобы спросить себя. И, наконец, просто вещи, как язык. Поддерживают ли они PHP? Поддерживают ли они MySQL? Большинство хостинг веб-сайтов поддерживают эти потому что они свободны. Они с открытым исходным кодом. Это не будет стоить им ничего предоставить их для вас. Но если вы хотите использовать, скажем, Ruby или Python или некоторые из этих других языков - они не могут поддержать его на своем сервере, так что это важно, чтобы искать подобные вещи. 

И, наконец, они позволяют сделать некоторые более продвинутые вещи, как SSL или хрон рабочих мест? SSL является вариант, при котором вы можете сделать свой сайт более безопасным, сделав его HTTPS и шифрование соединений. И хрон рабочих мест, может быть, просто скрипты, которые вы хотите запустить каждые 5 минут, каждые 10 минут, каждые 15. Много хостинга веб-сайтов действительно размещают ограничений от числа запланированных задач, которые можно выполнить, потому что занимает больше ресурсов. 

И, наконец, просто все остальное, что вы хотите посмотреть на - убедитесь, что именно то, что происходит прежде чем купить пакет хостинг-услуг. И, наконец, производительность. Производительность огромен. Как быстро мой сайт собирается бежать? Большинство пользователей не собираются ждать даже секунд для вашего сайта для запуска прежде чем они просто надоест, и они идут на MeanBase и начать смотреть на фотографии кошек - вы знаете, что происходит, и вы хотите, чтобы убедиться, что вы получите, что пользователь на борту и что вы имеете хорошую работоспособность которая просто означает, что Ваш сайт будет доступен в любое время. Много хозяев есть действительно плохая работоспособность и это просто означает, ваш сайт не будет доступной, и вы не хотите, чтобы это произошло, потому что вы могли бы быть грустным. И вы можете также отслеживать эффективность вашего хоста с сайтов, как Pingdom.com или Host-tracker.com, и они просто говорят вам, как часто ваш сайт вниз. 

И, наконец, вы хотите увидеть о своей поддержке. Если у вас есть проблемы они собираются, чтобы ответить вам в течение 24 часов? Они собираются, чтобы ответить вам в течение 48 часов? Хостинг, который я использую обычно реагирует на меня в течение нескольких минут который действительно хорош. Вот так! Все в порядке! Это время для отдыха. Но я не собираюсь давать его вам. Мы просто смотрим на фотографии симпатичных кошек, то и дело. 

Другая очень, очень большая вещь совместимость с различными браузерами. Что я имею в виду совместимость с различными браузерами? Вы знаете, в настоящее время это не только Microsoft Internet Explorer. Дело не только в Mozilla Firefox или Safari. Теперь у нас есть Chrome. У нас есть опера. У нас есть дельфин. У нас есть Camino. У нас есть Завоевателя. У нас есть все эти различные браузеры. Вещи, которые выходят сейчас - RockMelt - хотя это все на основе хрома. Но в том-то и дело, там не только один браузер больше. Вы не просто просмотр веб-страниц с этим одним приложением. И так, разные браузеры будут реагировать на различные HTML, CSS различными, и различные JavaScript-разному, и как вы справляетесь с этим? Ну, в некоторых случаях, вы действительно не можете. Ваш сайт - если он работает в одном браузере, код, который вы написали не будет работать в другом браузере, и это ваша работа, чтобы убедиться, что код, который вы пишете является универсальным, что он работает во всем мире. Таким образом, это действительно опасно. Если вы говорите: "Ну, он работает на моем компьютере. Great! Давайте двигаться дальше." Ну, это, вероятно, не будет работать на шахте, и когда я иду на ваш сайт Я собираюсь быть очень грустно, и я собираюсь уехать сразу же. Итак, давайте посмотрим, как можно предотвратить это. 

Первое, что, конечно, использовать только стандартные HTML, CSS и JavaScript. Что я подразумеваю под этим? Ну, есть много не стандартные вещи там. Например, в CSS существует множество версий. Если вы видите какие-либо правила с CSS-МОЗ-или-WebKit-, эти правила являются специфическими как Mozilla браузеров и браузеров Webkit, и поэтому вы хотите, чтобы убедиться, что, может быть, вы хотите, чтобы избежать этих вещей потому что, если вы используете-МОЗ-это правило только собирается работать на Firefox. И если вы действительно хотите, чтобы хорошо выглядеть на Internet Explorer Кроме того, Вы собираетесь быть не повезло. Для HTML Также, вы можете сделать что-то в HTML, которые работают в одном браузере но перерывы в другой, и необходимо, чтобы избежать этого как можно больше. И, наконец, даже для JavaScript - Есть много версий JavaScript, А этим летом мы столкнулись с проблемой, когда document.getElementsByClassName-- который обычно является функцией, который определен как часть JavaScript стандарт - было не найти в Internet Explorer 8. Таким образом, за лето я работал в лаборатории и мы строили онлайн экспериментов. И мы думали, что это работает очень хорошо, пока мы не поняли, пользователи, которые использовали Internet Explorer 8 не могла представить свои результаты. Нам хватает на большое количество данных. Это заставило нас очень грустно. Таким образом, вы всегда хотите, чтобы убедиться, что ваши скрипты будут работать везде. 

И, наконец, использовать validator.w3.org что и мы говорим вам, чтобы сделать в PSET 7. Убедитесь, что ваши страницы будут подтверждены. Это важно, потому что по крайней мере это первый шаг проверкой на вменяемость. Мой код на самом деле соответствует стандартам? Еще один способ вид помощи вы убедитесь, что ваш сайт будет работать в большинстве случаев это возможно, использовать некоторые библиотеки и рамки потому что эти очень умные разработчики думал об этих проблемах для вас. Они прошли, и они написаны различные функции, которые работают во всех браузерах. Например, мы используем JQuery в Pset 7. Даже если вы не видели его, JQuery предоставляет много функций которые в противном случае вам придется написать самостоятельно. Но эти разработчики написали его, и они убедились, что он работает во всех браузерах. И начальной загрузки - что является еще одной рамки CSS, что мы показали вам в Pset 7 - это действительно отнимает много головной боли с разработки веб-сайтов, которые хорошо выглядят. во всех браузерах. 

И наконец, если вы можете избежать этого, я обычно избегаю кодирования с нуля. Если вы только создание веб-сайта для вашей школы клуба, например, и все, что вам нужно сделать, это для отображения нескольких страниц и, возможно, ваш президент полетел в и изменить некоторые вещи здесь и там - на самом деле нет необходимости код, который самостоятельно. Это занимает много времени. Это занимает очень много своей энергии, и вы должны пройти, и вы должны выяснить, Ну, это происходит, чтобы хорошо выглядеть в этом браузере, она будет хорошо выглядеть в этом браузере. Может быть, использовать некоторые из этих патчей, которые другие уже написана для вас, как и WordPress или Joomla или Drupal. Это так называемые контент - они называются КМП, которые в основном только пакеты, которые уже пришел сделал для вас, и вы можете скачать их, положить их на ваш сервер, и настроить их, как вы хотите, и у вас уже есть работающий веб-сайт. Данный код пакеты что-то посмотреть на сайте. Эти вещи имеют открытый исходный код, если вы не пойти на что-то вроде - Если вы ищете форме пакета, есть вещи, которые не являются свободными, как VBulletin или IP.Board. Если вам не нужны некоторые из этих дополнительных функций, Вы всегда можете выбрать бесплатный вариант. 

Не И, наконец, не избежать его. Вы должны проверить, тест, тест. Вы должны тестировать свой код на всех этих браузерах и на всех этих платформах. И вы знаете, IE6 - благодарить людей добру начали отход от IE6 потому что еще в тот день, может быть, несколько лет назад, веб-разработчикам приходилось всегда, всегда, всегда потворствовать слабости IE6 в соответствии со стандартами. Сайты просто выглядело отчасти 1990-х годов за неимением лучшего способа борьбы с ним. Вы также можете использовать скриншоты браузера и проверить CSS. Один классный сайт является browserlab.adobe.com. Это бесплатная услуга потушить Adobe. И то, что они делают, они могут делать скриншоты вашего сайта работает в различных условиях - как работает в различных браузерах, под управлением различных платформ - и показать вам, как они выглядят. Просто, чтобы показать вам, что я имею в виду, я создал сайт в прошлом году под названием Жизнь в Гарварде и то, что я пытался сделать, - я попытался сделать my.harvard лучше. Потому что, если вы были здесь в прошлом году, my.harvard не выглядело, как он выглядит сейчас. Это выглядит отчасти отвратительно. Но теперь он выглядит намного лучше. Моя реализация была не так уж полезно больше, но все равно, Вы знаете, я пытался добавить - (неразборчиво) много что угодно, - и это выглядит - он выглядит очень хорошо на моем компьютере. А потом, может быть, если у меня было больше времени, я бы пошла на браузере лаборатории, и я бы посмотрел на, ну, как это выглядит в Chrome 18 на окнах. Я бы вниз, и я вижу - о нет! Осмотрите коробку объявлений. Мой текст был переполнен. Так что, это плохо, верно? Если пользователь использует Chrome на окнах и поставляется на мой сайт, что сразу выглядит очень непрофессионально. Итак, я должен идти в мой CSS и выяснить, что часть моего CSS ломает здесь. Почему она не будут правильно отображаться и закрепить его так, чтобы все пользователи могут видеть и того же сайта и таким же счастливым. 

И, наконец, хорошо, скриншоты браузера хороши для тестирования ваших CSS, но как насчет ваших JavaScript? Что, если у вас есть какие-то сложные сценарии, который работает? Ну, вы всегда можете сделать виртуализацию. Если у вас есть Mac можно использовать Bootcamp или VMWare для виртуализации, может быть копия Окна и используйте обозреватель Интернета там. Или, вы можете пойти на что-то вроде Spoon.net, которые, к сожалению работает только на ПК. Но то, что они делают, это очень здорово. Они виртуализировать программное обеспечение для вас, чтобы вы могли работать с разными версиями IE, например. Вы можете запускать различные версии Firefox. Вы можете запускать различные версии Safari и проверить все ваши веб-сайты там. К сожалению, они не свободны. Это платная услуга, так что всегда вроде этого - всегда есть вроде это компромисс между, ну, я собирался сделать мой веб-сайт хорошо выглядеть. Если так, я, возможно, придется платить за некоторые услуги, чтобы помочь мне сделать это. Любые вопросы на данный момент ни о чем, что мы говорили? Потрясающе. Хорошо. 

Теперь мы имеем больше чем поговорить. Как насчет ошибок? Как вы убедитесь, что ваш сайт будет работать даже тогда, когда происходит что-то плохое? Может быть, у вас нет страницы с названием food.php. Но мне, я иду на ваш сайт и я пытаюсь получить доступ food.php. Вы только собираетесь показать мне, что белая страница с надписью 404 - файл не найден? Или вы собираетесь сказать: "Ну, мне жаль, что я не мог найти это для вас, но, возможно, вот некоторые другие ресурсы, чтобы помочь вам найти то, что вам нужно. " Другие ошибки - так это называется HTTP ошибки, которые лишь некоторые коды ошибок что ваш сервер отпустил бы обратно в браузер в случае что-то плохое происходит. 400 - Bad Request. 401 - несанкционированная. 403 видов наиболее распространенных, когда у вас есть каталог, что не должно было быть доступны пользователем, но пользователь пытается любом случае. И 500 - внутренняя ошибка сервера - что обычно происходит, когда у вас есть что-то действительно плохое происходит с вашим кодом PHP. Но в любом случае, эти виды браузеров - такого рода ошибки случаются. 

Итак, как вы убедитесь, что вы корректно обработать эти ошибки и убедитесь, что пользователь не просто вроде висит? Вот идет. Htaccess. Теперь. Htaccess это то, что работает на серверах Apache, то, что работает и работает на нескольких других серверах. Это всего лишь способ для вас, чтобы настроить сервер так, что Вы можете сделать это делать то, что вы от него хотите. Некоторые вещи, которые вы могли бы сделать. Вы можете контролировать свои настройки кэша. Может быть, есть определенный страницу на вашем сайте, что вы убедитесь, что пользователь повторно загрузить каждый раз, когда пользователь приходит и посещает ваш сайт. Или, может быть, у вас есть некоторые URL, что как yoursite.com / Тест / HTML / Страницы / hello.html и вы просто хотите, что быть yourname.com / привет -. Ну, вы можете использовать Htaccess перенаправления одной веб-страницы на другую. Вы также можете использовать его, чтобы сделать проверку подлинности. Может быть, есть некоторые части вашего сайта, что вам нужно использовать другой пароль. Вы можете заблокировать определенные адреса IP, блокировки определенных доменов. Может быть, вы просто очень не нравится студентам Гарварда работы вашего сайта. Ну, у вас есть возможность блокировки всех IP адресов Гарварда. 

Наконец, вы можете относиться к вещам - вы можете написать определенный код, чтобы сделать ваш сервер как лечить. или Чжао. Ваше имя или. привет страниц, как код PHP. Может быть, это будет полезно. Может быть, не будет. И, наконец, вы можете использовать его для обработки сообщений об ошибках. Что я подразумеваю под этим? Если вы просто добавить такой код - ErrorDocument 404, а затем направить их на некоторое Ошибка странице вы можете убедиться, что пользователь не просто увидеть очень, очень уродливое 404 и показать им что-то хорошее. 

Давайте на самом деле взглянуть на то, как мы можем сделать это с вашим Pset 7. Здесь я нахожусь в своем устройстве. Я собираюсь открыть Chrome, а потом я собираюсь попытаться получить доступ к странице , что не существует на CS50 финансов. Так, локальный хост - cats.php-себе, заметили, что я создал уведомления об ошибке который говорит: "Канц не нашли Z страницы!" Она имеет очень грустный кот на нем. Если вы идете на Twitter, если вы идете на любой из этих других сайтах, Вы не можете найти страницу, они обычно пытаются показать вам милые картины так, что вы не слишком разочарован. Вы можете также то, что это более профессиональный, который говорит, Ну, я сожалею, что не мог найти страницы, но, может быть, вот окно поиска. Или, может быть, вот некоторые ссылки, которые помогут вам найти ссылку, которую вы хотите. Итак, как же мне это сделать? Как это вообще возможно? Если мы идем в наш терминал здесь - Я просто хочу, чтобы увеличить немного - Заметьте, что я новая страница. В моем каталоге HTML это называется - вы не можете видеть это - это называется error.php. И error.php это просто файл, который я сделал , который показывает вам, что самой страницы. Я могу показать вам, что error.php есть. Это именно этой страницы. Он говорит: "О, нет! Канц не нашли Z страницу!" И, если вы хотите увидеть - значит, заметили, что Htaccess рода это странное имя.. Она начинается с точки, что означает, что это файловая система. Это скрытый файл которая обычно не показано. Если вы делаете LS-, вы можете увидеть все скрытые файлы в определенной директории, И действительно, вы видите. Htaccess является одним из них. Давайте пойдем дальше и открыть Htaccess. - с Gedit - Бум! У меня есть только одна строка в там - Ошибка документом для ошибки 404 которые также известны как файл не найден ошибок. Давайте перенаправить их на то, что называется error.php. Можно развлекаться, такие вещи, как КАНЗ не нашли Z страницы! А есть и очень интересные вещи, которые вы можете сделать с. Htaccess. Если вы хотите увидеть больше. Htaccess магии, это очень классный сайт пойти - это называется javascriptkit.com/howto/htaccess.shtml-- Если вы хотите выполнить более серверов магии. И это может быть очень весело. 

Вот так! Все в порядке! Более милые картинки. Это парень, делать отжимания, и его кот пытается помочь. Я думаю, что это очень мило. К сожалению, у меня нет кошки подобное. Хорошо. Итак, мы говорили. Htaccess. Мы уже говорили об обработке ошибок. Мы говорили о хостинг, доменные имена. Мы говорили о совместимости с различными браузерами. Теперь, как мы уверены, что ваш сайт фактически выполняет? Как мы можем убедиться, что если я пойду на ваш сайт Я вижу вашу страницу в течение нескольких секунд? Одна из вещей, что я думаю, что люди просто как бы забывают о является оптимизация изображения. Давайте предположим, что вы хотели, чтобы поставить картину на вашем сайте и это 2 мг большим. Это может быть прекрасным для нас, потому что мы в Гарварде, и у нас есть очень быстрым подключением к Интернету. Но представить, что кто-то в Китае. Представьте, что кто-то в Индии. Представьте, что кто-то, может быть, в сельской Канзаса, который, может быть, не имеет такой же широкополосный доступ в Интернет, что у нас есть. Если у вас есть 2 МБ изображений на вашем сайте и пользователь пытается получить к нему доступ, он собирается взять их действительно много времени для загрузки. Так что, если вам не нужны такого рода резолюции, , то вы можете изменить размер изображения с чем-то вроде Adobe Photo Shop. Там, как правило вариант называется безопасным для веб и устройств, и то, что она делает это он удаляет все из ненужной информации и как бы компакты ваш файл в небольшой размер, так что вы можете положите его на ваш сайт, и любой пользователь, который пытается загрузить эту страницу намеревающимся загрузить уменьшенную версию изображения. Если у вас нет Adobe Photo Shop webresizer.com и другой ресурс, где вы можете ввести ваше изображение и он будет выплевывать один образ, но это будет что-то вроде 3 раза меньше. Так что это очень полезно для ваших пользователей. 

Другое дело, что вы можете сделать, это уменьшать кода. Если мы взглянем на Google.com, вы увидите, что это не видом того же самого HTML и CSS, что мы привыкли. Просто буду смотреть на исходный код здесь. Если бы я просто прокрутите вниз - ничего себе, это выглядит довольно отвратительно. Это было бы получить ноль на стиле. Если вы этого закодированы для вашей Pset, вы получите нулевой от вашего стиля. Это не имеет никакого расстояния. Имена выглядят действительно загадочное. Это все действительно отвратительно. А сценарий, чтобы закрыть в организме - закрытие HTML - они все вместе - все smushed вместе. Почему они это делают? Они минимизирован своего кода. Обратите внимание, что этот документ будет намного меньше для меня, чтобы скачать, чем что-то с пробелами, чем что-то с действительно долго имен переменных. Если вы Минимизировать ваш код, который Вы вырезать все пробелы. Конечно, ваш браузер не волнует, если у вас есть какие-то пробелы в коде. Вы удалите его, теперь я могу скачать файл меньшего размера - Теперь файл - документ, который мы собираемся скачать имеет меньший размер файла, это будет быстрее для меня, чтобы скачать, и это полезно. Если вы работаете с веб-сайтов и вы запускаете веб-сайт, это почти всегда хорошо, чтобы Минимизировать ваш код. Еще одна причина, почему это может быть хорошим, может быть, вы не хотите, чтобы другие использовать ваш код. Возможно, вы не хотите, чтобы другие использовать CSS. Вы знаете, если вы действительно хотели быть скупым с этим, то вы также можете Минимизировать ваш код, и было бы тяжелее для меня, украсть его потому что я понятия не имею, что происходит. Вы также можете перейти на сайты, как minify.avivo.si. Такие услуги, как это онлайн поможет вам Минимизировать ваш код так, что вам не придется делать это вручную. Определенно не сделать это вручную. 

Хорошо. Теперь говоря о сценарии. Может быть, в вашем PHP коде есть что-то, что вам не нужно делать. Может быть, есть дополнительные петли в там. Мы говорили о коде дизайна в CS50. Даже если вы кодирования в C если у вас - если вы делаете дополнительную работу что вам не нужно делать, хорошо, что собирается замедлять работу скрипты на вашем сайте, и это особенно важно для сайтов, поскольку пользователи в настоящее время являются очень нетерпеливы. Если вы делаете лишнюю работу, он собирается взять их больше чтобы добраться до информации, которую они хотят, и они собираются быть очень несчастным. Наконец, вы можете оптимизировать таблицы базы данных. Помните, мы говорили об индексах. Они не только хорошо для убедившись, что у вас есть строка, уникально. Они также хороши для убедившись, что ваша база данных работает быстро. Если вы хотите, чтобы читать на которые идут в документации MySQL, или вы можете посмотреть - ну, как я могу оптимизировать таблицы базы данных? Как я могу убедиться, что у меня есть показатели, которые помогают мне добраться до информации, быстрее? 

Есть также маленькие хитрости, которые вы можете использовать, как кэширование. Если у вас есть PHP - если у вас есть блог, например, и у вас есть - и это работает на PHP или любой другой язык - можно кэшировать на ваш блог скажем, 50-минутные интервалы, так что вы можете служить статических страниц или статический HTML для посетителей на ваш сайт. Таким образом, пользователям не придется для запуска PHP скрипт каждый раз, и, возможно, будет быстрее для них доступ к этой информации. 

И, наконец, вы можете использовать что-то вроде CDN. Обратите внимание, что всякий раз, когда вы загружаете Pset, Вы всегда иду к CDN.CS50.net. Почему это происходит? CS50 также использует вроде как CDN - сети распространения контента - который просто означает, что это кучу серверов может быть, где-то по всему миру , которые помогают обслуживать страницы для ваших посетителей. Если ваш посетитель получает страницу с сервера, который ближе к ним географически, то, скорее всего ваш посетитель собирается получить этот файл гораздо быстрее. Есть также источники в Интернете, которые помогут вам сделать это. Одним из них является CloudFlare. Они предлагают бесплатный сервис CDN. Если у вас большие файлы, что ваши служащие для ваших пользователей, то, возможно, лучше положить их на CDN, чтобы они могли добраться до них быстрее. 

Последняя тема, которую в течение дня является поисковая оптимизация. Что такое поисковая оптимизация? Вот и убедившись, что поисковые системы, как Google или Bing или Yahoo может пойти на ваш сайт и сканировать ваш сайт и проиндексировать ваш сайт и когда Я, например, пойти на Google.com, и я стараюсь искать что-то, , то ваш сайт появится. Как вы убедитесь, что ваш сайт является одним из 10 лучших? Потому что, как мы все знаем, если вы ищете что-то на Google и это не на вершине 10 вы, скорее всего не будет выглядеть в ближайшие 10. Это своего рода тему, которая окутана тайной. Там очень много шумихи там в Интернете. Есть много суеверий о том, если вы х, то Google будет, как ты лучше. Если вы у, то Google будет, как ты лучше. Это, наверное, лучше смотреть в документы поискового гиганта себя. 

Это один из документов, на Google, что сказать вам точно, как оптимизировать свой сайт так что Google может получить доступ и индексировать ее очень приятно. Вам не придется копировать по этому URL, потому что это представление будет в сети в любом случае. Если вы посмотрите на это, и вы читаете это есть несколько очень полезных советов там. Google говорит вам - если вы действительно хотите, чтобы ваш сайт, чтобы быть проиндексированы хорошо то вы должны сделать все эти вещи. 

Другое дело, что поисковые системы очень нравится это новое содержание. Если у вас есть контент, который обновляется очень регулярно то поисковые системы говорят, ох, мне нравится ваш сайт. Я собираюсь идти на ваш сайт очень часто. Я собираюсь индекса много ваших страницах. Если у вас есть свежий контент, то вы, скорее всего, чтобы показать - вы, скорее всего, чтобы быть более актуальными. Вы, более вероятно, чтобы быть более обновленный, и поисковые системы, скорее всего, положить ваш сайт выше других. 

Глубокие ссылки также важно. Если вы действительно хотите, чтобы ваш сайт хорошо выглядеть в глазах поисковой системы есть много других сайтов, связанных с ней и связаны глубоко в ваш сайт. Не просто ссылку на главную страницу. Ссылка на возможно yourname.com / что-то / что-то / something.php. Это - в поисковую систему - значит, ничего себе, у них есть действительно интересный контент что кто-то связывает так глубоко в их сайта, что я должен действительно, на самом деле положить большее значение на страницах этого сайта. 

Если у вас есть точные названия страниц, если у вас нет ошибки это хорошо, потому Если поисковая система пытается посетить ваш сайт, и она становится все ошибки, это, вероятно, отказаться от очень, очень скоро. И, наконец, вы хотите, чтобы быстро загружаться, потому что поисковые системы - как и люди - Посредник иметь много терпения для медленного веб-сайтов. Это способ для вас, чтобы убедиться, что у вас появляются выше в поисковых запросов и, надеюсь, тем самым получить больше трафика. Потому что в конце концов, вы потратили все это время развивается ваш сайт. Вы провели все это время запуска этого сайта в Интернете. Вы хотите, чтобы убедиться, что у вас много пользователей, которые фактически видеть ваше содержание. 

Другие хорошие ресурсы для использования. Google Webmaster Tools на что посмотреть на сайте. Это только поможет вам увидеть - Google не индексирует мой сайт. Какие виды ошибок она сталкивается? Том, сколько страниц он индексироваться? Что считаете самым важным содержанием на моей странице? Может быть, это не то, что я хочу его видеть. Может быть, мне нужно изменить мой сайт немного такого, что он в большей степени отражает то, что мой сайт на самом деле. Google Analytics другая действительно крутой инструмент. Вы можете добавить немного JavaScript на ваших страницах. А потом после этого вы можете пойти в Google Analytics, и он будет отслеживать Ваш посетитель демографии и роста вашего сайта. Это скажет вам точно, сколько посетителей посещают ваш сайт в определенный день, в определенное время, в течение определенного неделю. Сколько посетителей из Китая? Сколько посетителей из Антарктиды - Вы получаете на Ваш сайт. , что может быть что-то здорово видеть, или это может быть даже полезно потому что вы пытаетесь для определенной группы. Может быть, вы пытаетесь целевой подростков с вашего сайта, и вы видите, что большинство посетителей на ваш сайт, может быть, 30 - до 40-летних, либо то, возможно, у вас есть проблема или вы можете просто сказать: Ну, тогда, может быть, я должен просто изменить фокус моего веб-сайта таким образом, чтобы Я уделять больше внимания этой возрастной группы. 

Google Apps - Если вы хотели иметь рода письма с вашим доменным именем - может быть что-то подобное yourname@yourname.com-- Вы можете использовать Gmail адреса - вы можете использовать службу Gmail и Google Apps является одним из способов сделать это. Вы можете настроить определенные адреса электронной почты, которые являются специфическими для вашего доменного имени Вместо of@gmail.com. 

И, наконец, есть веб-расширений разработчик и дополнений - для Chrome, для Firefox, для других браузеров - которые позволяют вам пойти и проверить CSS, JavaScript проверить, точно узнать, что случилось с вашим сценарием JavaScript, и, возможно, это будет полезно для ваших де-подслушивания целях, для вас узнать - Ну, почему бы не моего сайта будут правильно отображаться в этом браузере? 

И, наконец, если вы хотите узнать больше о все эти темы - если вы хотите узнать больше о HTML и CSS и JavaScript - потому что в конце концов, мы только учил тебя немного - Вы можете пойти W3Schools.com сайты, как искать дополнительные ресурсы. У них есть очень хорошие учебники о том, как я делаю X или Y, что же значит? Если вы хотите узнать больше об этих языках, вы можете просто пойти сюда. 

Хорошо. Я думаю, что я хотел уехать за последние несколько минут этого для вопросов, так есть какие-либо вопросы обо всем, что мы говорили? [Зритель] Какие вещи находятся на W3Schools и как она покрыта? [Yuechen Чжао] Какие вещи? Так, одним из самых больших вещей, которые я использую много есть свои отзывы. Их ссылки подробно, например, для CSS - что это значит, или если вы хотели изменить фон страницы - Как вы это делаете? Какие браузеры поддерживают эту команду? Такие вещи, как это. И тогда они также просто очень хорошие учебники по HTML, на PHP, на JavaScript, на MySQL, на самые разные темы. У них есть хорошие учебники. Они учат вас, как делать вещи. Приятно быть в состоянии пойти и узнать больше об этих темах. 

[Зритель] HTML 5 еще не совместимы со всеми браузерами там. Вы рекомендовали бы просто держаться подальше от него, потому проблем с совместимостью? Как вы справляетесь с этим? [Yuechen Чжао] Да, это так, вопрос в том, HTML5 все еще ребенок стандарта. Это действительно не поддерживаются многие браузеры, поэтому мы должны избежать этого? Я думаю, что в прошлом году я был бы очень большой сторонник, давайте избегать HTML5 потому что это все же - это все еще очень много нового и в самом деле, стандарта HTML5 не был доведен до конца. Так вот, там действительно нет стандарта HTML5. Но я думаю, особенно если вы разрабатываете сайт сейчас, это могло бы быть лучше, если вы просто идете с HTML5, потому что это вроде будет будущее, и если вы хотите, чтобы ваш сайт, чтобы быть будущее, и вы хотите, чтобы ваш сайт, чтобы работать в будущие браузеры, было бы лучше, чтобы начать строительство, дело будущего чем по прошлому, а также просто потому, что на то, что HTML5 действительно не сильно отличается от HTML4 или XHTML. Если вы используете HTML5, он обычно будет работать в большинстве браузеров. Вы просто должны сортировать пойти и убедиться, что с этими скриншоты и убедившись, что с выходом на на эти сайты сами. Но скорее всего это будет работать, если вы не используете очень специфических функций HTML5. Заметьте также, что для CS50 - например, для видео-плеер, который мы используем - он использует HTML5 и HTML5 видео для отображения лекций. Но если у вас есть действительно старый браузер, то он будет падать обратно на Flash. Итак, вот еще кое-что - есть запасной системы, когда вы просто знаете, что браузер не будет обрабатывать то, что вы хотите, чтобы справиться. 

Другие вопросы? Все, что мы говорили. Хорошо. Тогда я думаю, что это о нем для меня. Я думаю, что это все. (Аплодисменты) Круто. [CS50.TV]