в вишлисте
Личная скидка {{ profile.personalDiscount.discount }}%
в корзине
на сумму
До бесплатной доставки
осталось
{{ cart.totalCount + cartEbook.totalCount }}
Корзина
Доставка в город {{ headerCity.name }}
сегодня от  бесплатно от {{ headerCity.estimatesMin }} до {{ headerCity.estimatesMax }}  бесплатно
Условия доставки
В город {{ headerCity.name }}
пока не доставляем
Посмотрите
другие города
Город, населенный пункт
Заказы от  доставляем бесплатно.
Искусство учиться
9 шагов для создания своего сайта
22 февраля 842 просмотра
Искусство учиться
9 шагов для создания своего сайта
22 февраля 842 просмотра

Антон Бахарев
Антон Бахарев

Мира, когда компьютеры были далеко не на каждом столе, больше нет. Прошло не так уж много времени, но интернет, персональный компьютер и текстовые редакторы стали стандартным набором инструментов и требований практически для любой специальности.

Интернет завоевывает мир, но освоиться в нем не так уж и сложно. Поможет в этом не только детям, но и взрослым, новинка МИФа «Как создать сайт». Итак, что нам понадобится прежде всего?

Веб-браузер

Первым делом нужен веб-браузер — программа для просмотра интернет-страниц. Если ваш компьютер работает под Windows, лучше всего скачать Chrome или Firefox, а Internet Explorer не использовать. Его старые версии не поддерживают последние веб-стандарты. Если у вас Mac OS, там уже установлен Safari, можно использовать его. Впрочем, полезно установить также Firefox и Chrome, чтобы проверять результаты своей работы. Кроме того, некоторые инструменты Firefox или Chrome могут показаться более удобными.

Установить несколько браузеров — отличная идея.

Так вы не только узнаете, чем они отличаются, но и сможете увидеть свой сайт глазами посетителей, использующих другие браузеры.

Текстовый редактор

Далее понадобится редактор, в котором вы будете править код. Вы спросите, зачем связываться с новой программой для работы со старым добрым текстом? Затем, что в хорошем редакторе кода писать HTML и CSS проще. На первый взгляд может показаться, что такая программа мало чем отличается от Microsoft Word и других текстовых редакторов, но скоро вы поймете, что она специально создана для работы с кодом.

Далее понадобится редактор, в котором вы будете править код.

Если у вас Windows, отличный бесплатный вариант — NotePad++. Если же у вас Mac OS, можно бесплатно скачать TextWrangler. Также обратите внимание на Sublime Text — это отличный бесплатный редактор. Он подходит как для Mac OS, так и для Windows. Выберите редактор на свой вкус и осваивайте его.

Что такое клиент и сервер

Что происходит в сети, когда вы открываете сайт, и как вообще устроен интернет?

Это просто куча компьютеров, которые переговариваются между собой.

Когда вы запрашиваете в браузере статью из «Википедии», сервер «Википедии» выдает ее вам, примерно как официант в ресторане приносит меню или круассан. Сервер может быть как обычным настольным компьютером, так и группой специальных компьютеров — например как огромные сервера «Википедии». Чем больше трафик у вашего сайта, тем более качественный и вместительный сервер потребуется.

Но где взять собственный сервер?

Хостинг

Чтобы созданные вами страницы были видны всему миру, необходим сервер. Содержать свой сервер непросто, поэтому люди чаще всего арендуют место на чужом. Компании, продающие серверные ресурсы, называются хостинг-провайдерами. За оговоренную плату вы можете размещать на хостинге свои страницы, и они будут доступны всем желающим в режиме 24/7. Размещение сайта на хостинге обычно происходит в два этапа: сперва вы регистрируете домен, а затем выбираете хостинг, оплачивая его на месяц или на год вперед.

FTP-клиент



Как создать сайт

Со временем вам понадобится загружать на хостинг файлы — так вы будете добавлять страницы и редактировать их. Для этого нужен FTP-клиент, то есть программа передачи файлов. На Mac OS и Windows можно воспользоваться отличным бесплатным FTP-клиентом FileZilla. Купив хостинг, вы получите данные для подключения по FTP от хостинг-провайдера.

Сайт начинается с имени

Прежде чем обзавестись хостингом (где будут храниться все файлы сайта), нужно зарегистрировать доменное имя, то есть адрес, по которому сайт можно будет найти в интернете. Компании, которые выдают доменные имена, называются регистраторами. В сети их несколько тысяч. У большинства из них можно получить имя в одном из популярных доменов первого уровня: .com, .org, .net или .ru.

Чтобы это сделать, зайдите на сайт компании, которая предоставляет подобные услуги, например GoDaddy, HostGator, Ru-Center или Reg.ru. Там вы сможете проверить, не занято ли выбранное имя, и арендовать его, если оно доступно. Плата за регистрацию не единоразовая, а периодическая. Можно заплатить за один год или больше — как хотите. В конце этого периода регистрацию нужно будет продлить.

Чтобы это сделать, зайдите на сайт компании, которая предоставляет подобные услуги, например GoDaddy, HostGator, Ru-Center или Reg.ru.

Домены верхнего уровня используют уникальные имена. Если вам нужно зарегистрировать имя kimswebsite.com, но оно уже занято, проверьте другие домены, например kimswebsite.ru или kimswebsite.org. Подходите к выбору имени творчески!

Когда срок регистрации заканчивается, доменное имя опять становится доступным, то есть арендовать его может кто угодно. Если не хотите лишиться имени, продлевайте регистрацию вовремя, не откладывая на последний момент. Многие регистраторы предлагают услугу автопродления.

В какой доменной зоне выбрать имя?

Разные домены предназначены для разных целей (хотя никто за этим строго не следит). Домен .org, как правило, используют некоммерческие организации, .com — коммерческие фирмы, а .net (от английского network — «сеть») подходит для разных целей. Есть и зарезервированные домены для особых случаев, например .edu для учебных учреждений, .mil для военных и .gov для правительства.

Существуют и уникальные домены для разных стран, но часто арендовать их может кто угодно. Так, домены первого уровня .co (Колумбия), .tv (Тувалу) и .io (Британская территория в Индийском океане) сперва предназначались для конкретных стран, но затем их прибрали к рукам компании, желающие заполучить звучное доменное имя. Часто подобные домены выдаются лишь конкретными регистраторами, и это стоит дороже, чем аренда имени в более распространенной доменной зоне.

Как правило, регистрация домена стоит недорого. Но чтобы завести сайт, одного доменного имени недостаточно. Также потребуется хостинг, то есть сервер, на котором сайт будет работать. Хостинг и доменное имя не связаны между собой, но для удобства и экономии средств многие компании предлагают арендовать сразу и то и другое.

Покупка хостинга: твой дом в сети

Часто выбор хостинга пугает новичков: столько разных вариантов! Не волнуйтесь: ошибиться тут сложно. А если хостинг не понравится, его всегда можно сменить.

Часто выбор хостинга пугает новичков: столько разных вариантов!

Вот некоторые вопросы, которые стоит обдумать при выборе хостинга.

Сколько доменных имен поддерживает хостинг? Для каждого сайта нужен отдельный домен. Если у вас сразу несколько проектов или вы хотите создать отдельно личный сайт и сайт для учебы, потребуется несколько доменных имен.

Сколько данных можно будет хранить? В основном это касается хранения файлов. Если вы делаете портфолио, где будет много фотографий или видеороликов в высоком разрешении, ищите хостинг с подходящим объемом дискового пространства. Сейчас многие хостинги предлагают тарифы с неограниченным дисковым пространством — возможно, вам подойдет именно такой.

Какой лимит пропускной способности? Пропускной способностью (или ограничением трафика) называют суммарный объем данных, который хостинг может передать посетителям в течение месяца. Если у сайта много посетителей и они скачивают объемные файлы, нужен хостинг с повышенной пропускной способностью. Есть и тарифы без ограничений по скачиванию данных — если сомневаетесь, рассмотрите такой вариант.

Доступна ли на хостинге электронная почта? Большинство хостинговых компаний предлагают и почтовые сервисы. Но почта не всегда идет в комплекте с хостингом: часто ее подключают за отдельную плату.

Какие услуги службы поддержки включены в тариф? Можно ли обратиться в службу поддержки по телефону? Доступна ли поддержка через онлайн-чат или по электронной почте? Техподдержка — один из главных факторов, которыми хостинговые компании отличаются друг от друга.

Какие услуги службы поддержки включены в тариф?

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

Резервные копии

Необходимо создать на жестком диске папку для каждого сайта. Она должна полностью дублировать содержимое сайта на сервере. Во-первых, это будет резервная копия, а во-вторых, так вы сможете тестировать все изменения локально — до того как выложить их на сайт. Убедившись, что все работает, с чистой душой отправляйте файлы на сервер с помощью FileZilla.

Запустите FileZilla, введите адрес, логин и пароль от FTP и кликните «Быстрое соединение». После успешного подключения слева будет отображаться панель локальных файлов (ваш компьютер), а справа — панель серверных файлов (ваш хостинг). Откройте в локальной панели папку со своими HTML- и CSS-файлами, а в серверной панели — папку, куда эти файлы нужно закачать. Помните, что у сайта всегда есть корневая папка, в которой можно создавать подпапки.

Убедившись, что открыта нужная папка сайта, перетащите файлы из левой (локальной) панели в правую (серверную). В результате файлы будут закачаны на хостинг, а у вас на диске останутся их локальные копии. Корнем вашего сайта (местом, где хранятся все страницы) обычно является папка под названием www или public_html.

Убедившись, что открыта нужная папка сайта, перетащите файлы из левой (локальной) панели в правую (серверную).

Пошаговый путеводитель для собственного сайта: «Как создать сайт».

Похожие статьи