Как сделать сайт?

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

Иногда, читая какую-нибудь статью на сайте, думаешь – «вот по этой теме я могу рассказать куда больше, мне есть, чем поделится», или «неплохо было бы иметь собственную страничку с моими рассказами/рисунками/фотографиями». Так или иначе, однажды большинству из нас, пользователей интернета, приходит в голову мысль о создании собственного сайта. И цели здесь могут быть самые разные – общение, желание поделиться информацией, показать свои работы, сделать рекламу своей компании или банально заработать на сайте денег.

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

1. О чем будет ваш сайт?
2. Чем он будет отличаться от других сайтов со схожей тематикой?
3. Какова будет аудитория вашего сайта (пол, возраст, интересы и т.д.)
4. Какие сервисы будут присутствовать на сайте? (форум, каталог, почта и т.д.)
5. Планы развития сайта.

Проработав эти вопросы, можно двигаться дальше, и подумать о структуре сайта. Составьте «дерево» сайта. То есть схематически изобразите его внутреннюю структуру. Для сайта isovet.ru она будет выглядеть примерно следующим образом:

и так далее.

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

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

Со схемой и структурой вы определились, и теперь подошли к этапу создания красивой «обложки» для вашего сайта, то есть к разработке дизайна. Хорошо, если вы дружны с такими графическими редакторами, как Photoshop или Coral Draw, либо другими подобными программами. Если же нет, то вы всегда можете скачать с интернета готовый шаблон. Благо сайтов, которые предоставляют эту возможность, великое множество.

Вот некоторые из них: Free-Templates.ru, XTemplate.ru, TemplatesForFree.ru и большое количество других, как русско- так и англоязычных ресурсов.

Теперь у вас есть своего рода макет будущего сайта – структура и внешний вид. Их, во-первых, нужно соединить, а, во-вторых, «оживить», то есть заставить сайт работать. Какие знания для этого необходимы?

Во-первых, изучите язык разметки страниц – HTML. Это своего рода азбука сайтостроения, без знания которой, создать сайт самому практически невозможно. Язык этот достаточно прост и его легко освоить. В интернете вы можете найти большое количество учебников и справочников по HTML. Например здесь: htmlbook.ru, zvirec.com и др.

Во-вторых, кроме языка разметки, вам понадобится знание CSS – каскадных таблиц стилей. Таблицы, по сути, дополняют HTML, расширяя его возможности. Эта технология позволяет, с помощью всего одной таблицы стилей управлять внешним видом сотен страниц сайта. По СSS также, как и по HTML, в сети имеется огромное количество пособий, учебников и справочников.

Изучив HTML и CSS, вы уже можете создать статический сайт. А если вы хотите его «оживить», и добавить более сложные вещи, как, например, поиск по сайту, гостевая книга или форум – вам понадобится знание таких языков как PHP, Java, Perl или других. На них пишутся скрипты – некие последовательные наборы команд, для выполнения определенных операций (например, чтобы запись, введенная вашим посетителем, добавилась в вашу гостевую книгу). Но здесь опять же нет ничего страшного – существуют готовые скрипты, которые распространяются в интернете, как на платной, так и не бесплатной основе, и вы можете использовать их для создания своего сайта.

А специально для работы с кодами страниц и скриптами, существуют текстовые редакторы. Это программа, которая упростит вам работу с кодом (редакторы подсвечивают синтаксис, помогают быстро найти нужное слово или символ, «подсказывают» теги и тд.). Например, такие бесплатные редакторы, как: Nodepad ++, Bluefish Editor, Comodo Edit, TextWrangler и другие. У каждого, как водится, свои плюсы и минусы – пробуйте, выбирайте тот, работать с которым вам будет удобнее всего.

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

Надеемся, что к концу прочтения статьи, желание делать сайт собственными силами у вас не пропало =)