Предыдущий ролик Следующий ролик  

Видео урок: Работа с веб-серверами

Основы веб-дизайна

Если вы решите разместить в интернете собственный сайт, то в рамках управления сайтом вам придется взаимодействовать с веб-серверами хостинговой компании. Несмотря на то что практически все, что связано с базовыми сайтами, сервер контролирует автоматически, на самом деле он помогает понять, что стоит за тем или иным явлением, и с чем вы, вероятнее всего, столкнетесь. Чтобы это продемонстрировать, я открыл панель управления веб-сервером для своего тестового сайта desolve.org. Для размещения этого сайта в интернете я пользуюсь услугами хостинговой компании под названием "bluehost". Мне нравятся эти парни.

Но это ни в коем случае нельзя воспринимать как отзыв о них или о работе их веб-сервера. То, что мы на самом деле будем анализировать, находится прямо здесь. Если спуститься ниже, то отчасти можно увидеть некоторые опции, которые вам здесь предлагаются. Мы будем рассматривать средство администрирования сервера под названием "cPanel". Именно это средство администрирования сервера чаще всего используется всеми хостинговыми компаниями. Поэтому вне зависимости от того, какую хостинговую компанию вы в итоге выберете, есть большая вероятность того, что вам придется работать с этим клиентом. Кроме того, внешний вид cPanel очень часто меняется.

Поэтому не удивляйтесь, если она будет выглядеть не так, как показано здесь. Но функциональность все равно будет очень похожа на представленную в этом видео. Итак, первое, что мне хотелось бы сделать, - прокрутить страницу вниз и показать вам некоторые из имеющихся здесь категорий: "Mail" (Электронная почта), "Website builders" (Компоновщики веб-сайтов), "Marketplace" (Рынок), "File management" (Управление файлами). Как известно, тем, кто впервые размещает свой сайт в интернете, такое количество опций может показаться ошеломляющим. Они могут посмотреть на все это и сказать: "О, Боже! И мне придется все это менять?". Нет, не придется. Большинство из этих опций - дополнительные, и возможно, вам никогда не придется с ними сталкиваться.

Некоторые из этих опций олицетворяют собой то, что компания Bluehost хочет вам продать, или те услуги, которыми вы можете воспользоваться. А некоторые из них, по правде говоря, и вовсе используют технологии, которые вам не нужны. К примеру, если вы разрабатываете не динамический сайт, то вам точно не понадобятся всякие там средства для работы с базами данных. Таким образом, есть вероятность того, что вы воспользуетесь менее чем половиной этих опций. Вам понадобятся только те из них, которые действительно нужны для вашего сайта. Итак, рассмотрим подробнее некоторые из этих категорий. Как вам известно, первая категория - это "Mail" (Электронная почта), которая предназначена для управления аккаунтами электронной почты. Если выбрать эту опцию, то нам будет предоставлен симпатичный графический интерфейс.

Здесь можно создавать совершенно новые аккаунты электронной почты. Обратите внимание, что на самом деле сайт desolve.com имеет несколько субдоменов. Поэтому при создании адреса электронной почты я могу использовать любой из этих субдоменов. Например, я могу создать электронную почту с адресом james@desolve.org. На самом деле такой адрес уже существует, и я не буду создавать такую почту. Смотрите, мне сообщают, что такой адрес не корректен. Огромное спасибо за предупреждение! Можно было бы ввести пароль для этого адреса, указать, существует ли какое-то ограничение на объем писем, поступающих в течение месяца в этот почтовый ящик. А уже после этого можно было бы нажимать кнопку "Create account" (Создать аккаунт). К примеру, если вы работаете с каким-то клиентом, то можете создать аккаунты электронной почты для всех сотрудников компании, которые должны получать письма через этот сайт.

Если это ваш персональный сайт, то можете создать аккаунт для себя. В списке ниже можно увидеть все аккаунты электронной почты, связанные с вашим доменом. И оказывается, аккаунта james@desolve.org не существует. Поэтому, возможно, мне следует его создать. Как я уже упоминал ранее, большинство из этих опций вам не понадобится. Но с некоторыми из них вы будете сталкиваться довольно часто, поэтому я хочу показать вам именно эти опции. Итак, первая опция - "File management" (Управление файлами). Позднее я более подробно расскажу вам о загрузке и скачивании файлов с вашего сайта. Именно в этом разделе вы будете выполнять основную работу, связанную с загрузкой файлов. Обратите внимание, что компания Bluehost предоставляет нам возможность создания резервной копии сайта. Вы можете воспользоваться этой опцией, чтобы в случае чего, например, при падении сервера или прерывании закачки файлов, можно было бы работать с резервной копией.

Как видите, есть еще такая опция, как Диспетчер файлов (file manager). В случае выбора этой опции нужно будет указать, какой сайт необходимо использовать. Я выберу "Web Root". И нажму кнопку "Go" (Перейти). Интерфейс диспетчера файлов очень похож на окно обозревателя Windows или отчасти на окно файлового менеджера Finder Mac OS. Именно файловым менеджером он, по сути, и является. Прямо сейчас вы наблюдаете информацию о моем сайте, и как видите, здесь представлены все файлы, все подкаталоги и папки. Позднее мы поговорим об архитектуре сайта, чтобы вы могли четко представить себе его структуру.

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

Поэтому имейте в виду, что вы используете реальный сайт. Помимо раздела "File management" есть еще раздел "Domain management" (Управление доменом). Скорее всего, работать с этим разделом вы будете довольно часто. С его помощью можно управлять всеми доменами, которые вы зарегистрировали на конкретном хосте. Можно регистрировать новые домены, перемещать существующие домены с одного хоста на другой. Создавать субдомены. Например, сайту desolve.org соответствует еще один тестовый сайт "Alison web fonts", который я создал для первого курса, посвященного веб-шрифтам. Вместо того чтобы регистрировать для этого сайта новый домен, я просто создал субдомен и разместил его с помощью этого субдомена.

Таким образом, даже если вы введете в строке браузера "alisonwebfonts.com", этот сайт откроется, но на самом деле он будет запускаться с сайта desolve.org. Это отличный способ размещения нескольких сайтов в рамках одного аккаунта хостинговой компании. Кроме того, можно добавлять домены, парковать их. "Парковка доменов" означает, что, по сути, у вас есть домен, но вы собираетесь его использовать не прямо сейчас, а позднее. Поэтому вы его на время паркуете. Еще можно перенаправлять домены. Например, можно перенаправить домен с сайта .biz на сайт .com, и в результате оба эти домена будут указывать на один и тот же сайт. Как я уже упоминал выше, есть еще раздел "Upgrades" (Обновления). Далее идут те опции и услуги, которые компания предоставляет на платной основе.

Очень интересный раздел - "Statistics" (Статистика). Здесь можно посмотреть, сколько людей пользуется вашим сайтом, какова пропускная способность сайта, а также проанализировать некоторые статистические данные, касающиеся пользователей. Приведенная здесь аналитика, конечно, не такая основательная, как, например, в системе Google Analytics, но довольно интересная. С ее помощью можно отслеживать посетителей вашего сайта и его трафик. Кроме того, вы можете просмотреть логи ошибок. Поэтому если с вашим сайтом возникли какие-то проблемы, можно воспользоваться этой опцией. Есть еще раздел "Security" (Безопасность), в котором можно настраивать защиту скачивания файлов, задавать протоколы SSL для сайтов.

Этот раздел особенно важен для тех, кто занимается электронной торговлей. Он позволяет обеспечить безопасность вашего бизнеса. Если вы разрабатываете динамические сайты, то настраивать и создавать базы данных вы можете с помощью опций раздела "Database Tools" (Средства для работы с БД). Можно конфигурировать PHP, Ruby on Rails, смотря какое программное обеспечение вы планируете использовать. В самом низу расположено несколько опций, которые относятся к расширенному режиму. Большинство людей, увидев эти дополнительные опции, начинают немного нервничать. Честно говоря, применение некоторых из них может оказать значительное негативное влияние на ваш сайт. Поэтому, если вы не знаете, как именно пользоваться этими опциями, не трогайте их, пока не выясните, для чего они нужны.

Хорошо хоть, что большинство из этих опций сами объясняют свое предназначение. Например, если нажать на "Index Manager" (Диспетчер индексов), даже не зная, что это такое, и выбрать сайт, к которому нужно применить эту опцию, пусть это будет сайт desolve.org, то мы увидим пояснение, в котором говорится о том, что Диспетчер индексов позволяет настраивать способ просмотра каталога в сети интернет. Можно выбрать либо стиль по умолчанию, либо стиль с отсутствием индексов, либо один из двух типов индексов. Если вы не хотите, чтобы пользователи видели файлы, расположенные в вашем каталоге, то можете спрятать каталог, выбрав вариант с отсутствием индексов. Это очень интересная возможность. Выбор этого варианта еще не означает, что ресурсы из этого каталога не будут запускаться. Позвольте я вам покажу, что в этом случае имеется в виду.

Я перейду на свой сайт desolve.org. Допустим, я просматриваю каталог изображений, согласны? Итак, я ввожу в строке браузера "/_images". Как видите, мне предоставляется предметный указатель всех изображений. Скорее всего, вы уже видели нечто подобное, и возможно, кто-то говорил вам, что это незащищенный каталог. Это означает, что для этого каталога не включена индексация. Т.е. по сути, вы можете зайти в любой из этих каталогов и посмотреть, что в них находится, независимо от желания владельцев сайта. Любой посетитель может просмотреть содержимое этих каталогов.

На самом деле меня абсолютно не волнует, что кто-то может увидеть эти файлы. Я имею в виду, что в этих каталогах нет таких изображений, которые никто не должен видеть. Но конечно, лучше всего, чтобы для каталогов, в которых хранятся изображения, CSS-файлы и ресурсы, использовалась индексация. Поэтому давайте вернемся к диспетчеру индексов и найдем там каталог _images. Нажмем на него. В результате нам предоставляется на выбор несколько вариантов. Как видите, по умолчанию установлен флажок "Default system setting" (Настройка системы по умолчанию), а это означает, что индексация используется.

Выберем вариант "Без индексации", чтобы пользователи не могли просматривать содержимое этого каталога, и нажмем кнопку "Save" (Сохранить). Если после этого вернуться на сайт desolve.org, снова ввести в строке браузера "/_images" и перезагрузить страницу, то можно увидеть сообщение "403 permission denied". По сути, в нем говорится, что у вас нет прав на просмотр этого каталога. Это не означает, что находящиеся в нем изображения не будут видны. Как видите, изображения на моем сайте все равно показываются. Это означает лишь то, что никто не сможет увидеть структуру этого каталога.

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