Как создать сайт в интернете?
К мысли создать собственный ресурс в интернете рано или поздно приходит любой человек, знакомый с современными технологиями. Это может быть как личный интерес, так и желание открыть свое дело. С чего надо начать разработку сайта, и какие инструменты и знания для этого требуются?
Виды сайтов
Прежде чем приступить к разработке сайта, нужно понять, что именно должно получиться в итоге. Самым простым является сайт-визитка. Она может быть персональной или корпоративной. Сайт-визитка бывают нескольких типов. Первый - самый маленький - отличается небольшим количеством страниц (от 1 до 6), недорогим дизайном и простой навигацией. Соответственно, на ее создание и поддержку тратится меньше средств и времени.
Сайт более высокого уровня – корпоративный - разрабатывается под задачи конкретной организации. От «визитки» его отличают большее количество страниц, более сложная навигация, элементы корпоративного стиля и пр. Корпоративные сайты могут быть внешними или и внутренними (интранет-порталы). Последние используются для организации процессов коммуникации внутри компании, обучения сотрудников и пр.
Для рекламы товаров и услуг определенного вида, а также привлечения целевой аудитории используются промосайты. Как правило, это интернет-страница с ярким, запоминающимся дизайном, созданная для проведения одной рекламной акции. Чаще всего на таких сайтах используется flash-анимация.
Интернет-магазин представляет собой виртуальный магазин, размещенный в Сети. Для его создания используются инструменты более высокого уровня. Кроме того, он должен быть интегрирован с различными системами: бухгалтерскими, учетными или электронных платежей.
Информационный портал – это онлайн-площадка, где размещаются материалы по определенной тематике или обзоры текущих новостей. Также к информационным ресурсам относят онлайн-энциклопедии.
Под понятие "социальная сеть" попадают как популярные «Вконтакте», «Одноклассники», так и форумы, блоги, чаты – то есть ресурсы, содержание которых создается самими пользователями и ими же поддерживается в актуальном состоянии.
После выбора типа сайта можно перейти к его созданию.
Структура сайта
В любом случае, структура типового сайта будет включать меню (навигацию), верхние и нижние колонтитулы, поле для статической информации. Внутри этих блоков, в зависимости от контента, будут размещаться информационные блоки, кнопки, ссылки и пр.
Сайт обычно имеет иерархическую структуру (главная и вложенные страницы)
Жесткой последовательности расположения элементов не существует. Она определяется собственно задачей сайта, его направленностью и вкусом веб-дизайнера. В любом случае, поскольку сайт создается для того, чтобы им пользовались другие люди, необходимо ориентироваться на удобство при работе с навигацией (чем проще, тем лучше), чтении. Проверка сайта на удобство для работы пользователей называется «юзабилити-анализом».
Верстка веб-страниц
Разработка сайта предполагает понимание принципов работы языков верстки, как минимум на уровне HTML. Кроме того, желательно знание каскадных стилей оформления (CSS) и веб-программирования (для использования динамических скриптов). Также пригодится умение пользоваться графическим редактором.
HTML (HyperText Markup Language) — стандартный язык разметки документов во Всемирной паутине. Ключевое понятие в языке HTML «тэги» или «дескрипторы», позволяющие определять структуру и форматирование текста. Любой HTML-документ начинается и заканчивается тэгами обозначающими начало и конец документа и . Внутри них - тэги заголовка
<head></head><body></body>По принципам использования средств разметки HTML различают логическую и презентационную (div) разметки, а также верстку с помощью слоев. Каждый метод имеет свои преимущества. Например, он может повлиять на скорость загрузки страницы и ее отображение в различных браузерах. С точки зрения кроссбраузерности (поддержки одинакового отображения во всех сайтах) наиболее оптимальной является презентационная верстка. Для создания веб-приложений используются скриптовые языки программирования, такие как PHP, JSP, ASP и пр.
Программы
Чтобы упростить создание сайта, создано огромное количество программных продуктов («редакторов»), как платных, так и бесплатных. Также при необходимости можно воспользоваться различными конструкторами, в том числе предоставляемыми хостерами.
Различают два типа редакторов: визуальные и текстовые. Первые (их также называют WYSIWYG (What You See Is What You Get)) удобны тем, что не требуют глубоких знаний языков разметки и позволяют размещать элементы сайта «на глаз». Они удобны для работы и при решении несложных задач значительно экономят время.
Программ для верстки кода HTML очень много. Так выглядит типичный HTML-редактор
Однако профессионалы, как правило, не работают с визуальными редакторами, предпочитая вводить код руками. Самый простой текстовый редактор «Блокнот» (Notepad) уже встроен в операционные системы. Решения более высокого уровня также располагают функциями, которые позволяют легко оперировать кодом. К примеру, это Homesite, HTML Pad и др. Они поддерживают работу с CSS, javascript, VBScript, SSI, ASP и Perl, а также содержат массу справочных материалов.
Профессиональные программы для веб-разработчиков позволяют переходить от текстового к визуальному редактору, например, для просмотра результата работы, тестирования кода и пр.
Доменное имя
Выбор имени сайта или «доменного имени» – процесс творческий. Для начала стоит разобраться с базовыми терминами.
Различают доменные имена первого («верхнего»), второго и третьего уровней. К примеру, example.site.com представляет собой сочетание доменного имени третьего уровня example, зарегистрированного в доменном имени второго уровня site, водящем в национальный домен верхнего уровня .com.
Помимо этого существуют домены общего назначения, для регистрации в которых есть определенные рекомендации. Если сайт предназначен только для русскоязычной аудитории, то желательно использовать .ru. .Com лучше использовать, если предполагается работа с западными пользователями. .Org – для сайтов некоммерческих организаций. Достаточно популярен и удобен домен.Net. Кроме того, существует множество специфичных доменных зон (mobi, edu и пр.). Отдельного рассмотрения заслуживает вопрос регистрации в недавно открывшейся зоне .РФ, в работе с которой будет использоваться кириллический шрифт. Вопрос удобства .РФ пока еще обсуждается.
При выборе доменного имени второго уровня желательно следовать определенным рекомендациям, которые также не являются обязательными. К примеру, стоит использовать короткие и понятные имена. Если речь идет о сайте компании, то это может быть сокращение длинного названия, сочетание различных слов и пр. Имя сайта должно быть уникальным, легко запоминаться и по возможности исключать ошибки при написании. В Рунете можно найти различные генераторы доменных имен, позволяющие «придумывать» имя сайта на основе небольшого количества данных. К примеру, Dot-o-mator, YCCY, Nameboy и пр.
Проверить уникальность имени сайта можно различными способами, например, с помощью WHOIS-сервиса (https://www.nic.ru/whois/?wi=1). Достаточно ввести имя вашего сайта, и он будет проверен по существующей базе.
Хостинг
Когда веб-страницы сверстаны, необходимо разместить их в сети интернет. Для этого потребуется зарегистрироваться на платном или бесплатном хостинге, а затем закачать файлы через FTP-клиент.
Для загрузки страниц и других элементов сайта с целью публикации в Сети используются FTP-клиенты
Хостинг-провайдер – это компания, предоставляющая услуги по размещению сайтов в интернете. Хостинг может быть платным и бесплатным. В первом случае можно получить доступ к расширенному дисковому пространству, возможности регистрации электронной почты, размещению базы данных и пр. Во втором - столкнуться с ограничениями по размеру файлов, их содержимому, появлением рекламы на вашей страничке и пр. Хотя, справедливости ради, стоит отметить, что за последнее время количество и качество бесплатных хостингов значительно возросло. Так, помимо Narod.ru или Narod.yandex.ru, можно бесплатно зарегистрироваться на Google App Engine. Наконец, если речь идет размещении блога, то можно воспользоваться Blogspot.com.
Для хостинга личных страниц можно выбирать бесплатные сервисы
Для серьёзных проектов, где ожидается серьезный поток посетителей, а также дополнительные нагрузки на сайт, или если планируется дальнейшее коммерческое развитие ресурса, то платный хостинг будет лучшим выбором. На сегодняшний день эти услуги являются достаточно доступными для большинства пользователей. Стоит обратить внимание на то, что большинство хостеров, и платных, и бесплатных, предоставляют возможности создания сайтов с помощью встроенных конструкторов. Однако скорость работы с ними и приближенность к идеальной модели будут различаться.
Заключение
Современный уровень развития технологий позволяет сделать собственный сайт-визитку самостоятельно без особых навыков и знаний буквально в течение 10-20 минут. При желании можно найти веб-студии, которые предлагают создание корпоративных веб-сайтов за полчаса в присутствии клиента. Однако если речь идет о крупном информационном портале с большим количеством сервисов, то проект может потребовать на реализацию от месяца до года. В любом случае, для менеджера интернет-проекта необходимо понимание основ разработки сайтов и принципов их функционирования.
Полезная информация: гораздо больше, чем введение в основы сайтостроительства, Вас интересует, какие гостиницы санкт петербурга в центре (http://www.ambassador-hotel.ru/contact/) стоят вашего пристального внимания, а какие следует обходить стороной? Что ж, тогда хочу посоветовать Вам заглянуть на сайт www.ambassador-hotel.ru, где Вы сможете арендовать роскошный номер в отеле Ambassador, который будет отвечать всем вашим требованиям!
