Разработка сайта

Выбор домена.

Набирая в адресной строке браузера "http://www.scriptscript.ru", вы попадаете на наш сайт, часть строки "scriptscript.ru" называется доменом. Домен – это одновременно и имя, и адрес сайта в сети Интернет. Каждому сайту соответствует его уникальное доменное имя. Строка ".ru" обозначает доменную зону, существуют зоны ".com", ".info", ".net" и много других. Первоначально задумывалось, что каждая зона будет объединять сайты по каким-то признакам, например ".ru" и ".mn" – национальные доменные зоны РФ и Монголии, ".com" – зона для коммерческих проектов в сети, ".info" – информационных, ".net" – проектов, связанных с Интернетом и фирм, предлагающих Интернет-услуги.

Хотя никто не запрещает, например, зарегистрировать имя в зоне ".info" и заниматься коммерцией, лучше всегда выбирать зону согласно направленности сайта, и, в первую очередь, согласно языку. Для русскоязычного сайта коммерческой направленности лучше всего подойдет доменная зона ".ru" или ".com". Существует также мнение, что Яндекс лучше индексирует сайты ".ru", хотя это утверждение спорно. Пожалуй, главная особенность на данный момент регистрации домена в зоне ".ru" – вам придется сообщить свои паспортные данные регистратору и предоставить скан паспорта (в ".com" это не требуется). Регистрация домена в этой зоне и продление на год стоит 400 рублей, цены взяты у регистратора Reggi, который я сам использую.

При выборе доменного имени учтите, что оно будет ассоциироваться у пользователей с вашим сайтом, поэтому оно должно быть максимально коротким (но в тоже время осмысленным) и отражать тематику будущего проекта. Для коммерческой организации в качестве домена лучше всего подойдет ее название, написанное латиницей. Перед самой регистрацией доменного имени  обязательно проверьте его историю, например, при помощи сервиса http://1stat.ru/?domain= (после знака "=" нужно поставить имя домена). Если у домена присутствует какая-то история, его лучше не брать – он может быть забанен поисковыми системами.

Выбор хостинга.

Физически любой сайт представляет из себя набор папок и файлов, размещенных на каком-то компьютере в сети. Когда пользователь открывает сайт в браузере, идет запрос к этому компьютеру, который, разумеется, должен быть постоянно подключен к Интернету, чтобы ваш сайт был доступен круглосуточно. Такой компьютер называют сервером, а услугу по его предоставлению под нужды сайта на каких-то условиях – хостингом. Хостинг бывает платным и бесплатным. Бесплатный хостинг обычно включает в себя и бесплатное доменное имя 3-го уровня, например, http://mysite.narod.ru размещен на бесплатном хостинге http://www.narod.ru, предоставляемом Яндексом.

Бесплатный хостинг имеет много минусов: на вашем сайте обязательно будет размещена реклама от хостера, которую нельзя убрать; многие биржи рекламы не принимают сайты, расположенные на бесплатном хостинге; домен предоставляемый хостером принадлежит уже не вам, а ему, при определенных условиях вы можете его лишиться вместе с сайтом. Для коммерческого проекта в сети удачным решением может считаться только платный хостинг и доменное имя второго уровня. При выборе хостера уделите внимание тому, как быстро он отвечает на ваши вопросы – это покажет, как будут решаться возможные проблемы в будущем. Если есть возможность, узнайте какие сайты расположены на выбранном хостинге и насколько быстро и стабильно они работают, например, сайт scriptscript.ru расположен на хостинге Yutex, о скорости и надежности судите сами.

Обязательно разделяйте услуги регистрации домена и предоставления хостинга – не покупайте доменное имя у вашего хостера! В этом случае, если с хостингом возникнут какие-то проблемы, вы без труда сможете перенести сайт к другому, просто прописав у регистратора нужные DNS (Domain Name System - система доменных имён, привязывающая домен к хосту), в противном случае перенос сайта может затянуться.

HTML

. Перейдем непосредственно к вопросу написания сайта. Создайте в обычном блокноте текстовый файл с именем 1.html и содержимым:

код скопирован в буфер
  1. <h1>Это главная страница моего сайта</h1>
  2. Это обычный шрифт,<br>
  3. <b>А это жирный.</b><br>
  4. <i>Это курсив,</i><br>
  5. <b><i>А это жирный курсив</i></b>

Откройте созданный файл двойным щелчком мыши. Вы увидите, что файл открылся в вашем браузере по умолчанию, при этом фраза "Это главная страница моего сайта" написана большим жирным шрифтом, фраза "А это жирный" – жирным шрифтом, "Это курсив" – курсивом, "А это жирный курсив" – жирным курсивом. Весь текст, который заключен в угольные скобки: "<b>", "</b>", "<br>" и т.д. не виден. Язык на котором мы только что создали документ называется HTML (HyperText Markup Language - язык разметки гипертекста), а обозначения b, i, br, h1 – его тегами. Тегов очень много, из тех, которые мы использовали, <b> означает начала жирного шрифта, закрывающий тег </b> – его конец; аналогично <i>...</i> – курсив; <h1>...</h1> – заголовок страницы, он отображается крупным жирным шрифтом; <br> – переход на новую строку, закрывающий тег для него не требуется. HTML используется при написании любого сайта в сети. Вы можете увидеть HTML-код страницы, кликнув правой кнопкой мыши на ней и выбрав пункт "Просмотр HTML-кода" или "Исходный код страницы" (в зависимости от браузера). При помощи него можно создавать списки, таблицы, встраивать в документ графические изображения и многое другое. Сайт scriptscript.ru не посвящен HTML-верстке, подробное ее освещение вы можете найти, например, здесь.

Теперь, чтобы проиллюстрировать работу веб-ресурса, создадим минисайт. Для этого воспользуемся бесплатным хостингом "Народ". Зарегистрируйте аккаунт в Яндексе, если вы этого еще не сделали. Перейдите на страницу http://narod.yandex.ru/ и нажмите на кнопку "Создать сайт". Потом все время нажимайте "Дальше", пока не станет доступна функция "управление файлами" (о том, как загружать файлы на "Народе" читайте здесь). Создадим в блокноте три файла нашего будущего сайта.

index.html:

код скопирован в буфер
  1. <a href="/">Главная страница</a> | <a href="/cat.html">Страница с кошкой</a> | <a href="/list.html">Страница со списком</a>
  2. <h1>Главная страница</h1>
  3. <i>Это главная страница сайта.</i><br>
  4. Здесь пока ничего нет.

cat.html:

код скопирован в буфер
  1. <a href="/">Главная страница</a> | <a href="/cat.html">Страница с кошкой</a> | <a href="/list.html">Страница со списком</a>
  2. <h1>Страница с кошкой</h1>
  3. <i>Это страница с кошкой.</i><br>
  4. А вот и сама кошка:<br>
  5. <img src="/cat.jpg">

 

list.html:

код скопирован в буфер
  1. <a href="/">Главная страница</a> | <a href="/cat.html">Страница с кошкой</a> | <a href="/list.html">Страница со списком</a>
  2. <h1>Страница со списком</h1>
  3. <i>Это страница со списком, а вот и он:</i><br>
  4. <ul>
  5.     <li>Яблоко
  6.     <li>Груша
  7.     <li>Апельсин
  8.     <li>Мандарин
  9. </ul>

Чтобы вам было проще я уже создал эти файлы и поместил их в архив, в нем же находится изображение кошки, которое нам понадобится. Загружаем все 4 файла (включая кошку) на сервер в корневую папку.

Сайт создан, если вы все сделали правильно, он должен быть виден по ссылке http://mysite.narod.ru/, где вместо mysite нужно поставить название вашего аккаунта в Яндексе. Здесь мы использовали новые теги: <a href="...">...</a> – вставка ссылки, между тегами заключен ее текст, а в атрибуте href указана сама ссылка; <ul>...</ul> – список, <li> – элемент списка; <img src="..."> – вставка изображения, атрибут src указывает путь к нему. Обратите внимание, index.html – зарезервированное имя файла, файл с таким именем составляет содержимое главной страницы – http://mysite.narod.ru/, но если мы хотим открыть файл cat.html, мы пишем http://mysite.narod.ru/cat.html.

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

Читать дальше...

Copyright © 2019 ScriptScript.ru, по всем вопросам пишите нам через форму обратной связи.
364319675