С чего начать создавать сайт?

Когда человек собирается начать незнакомое для себя дело, возникает естественный вопрос: с чего начать? Порой, нехватка информации может привести к тому, что мы либо долго откладываем начало нового дела, либо отказываемся от задуманного вообще.

На самом же деле, чаще всего оказывается, что ничего сложного нет.

Так, автор статьи довольно долго был убеждён, что создать свой сайт очень сложно, нужно обладать какими-то очень специальными знаниями, очень трудными для усвоения… такое впечатление осталось от уроков информатики в школе и институте. На деле же оказалось всё гораздо, гораздо, гораздо проще… когда знаешь, какой шаг сделать первым, вторым, третьим и т. д.

И теперь давайте сделаем один шаг к намеченному результату: к созданию своего Интернет-ресурса..

С чего же начинается создание сайта?

Если Вы никогда этим делом не занимались (а иначе для чего бы Вам читать эту статью?), то перво-наперво… выключите компьютер. Затем возьмите лист (а ещё лучше целую тетрадь) бумаги, ручку (или несколько, с пастами разного цвета) и - начинайте творить!

Да, да, именно на бумаге. Лучше начинать именно так. Это и времени займёт меньше, да и соблазна отвлекаться на опробование разных незнакомых опций в незнакомой программе не будет.

Что же рисовать на бумаге?

Да свой сайт и рисуем. То, как он Вам представляется. Ибо, раз уже Вы знаете, что такое сайт, значит, по Интернету побродили, посмотрели, как выглядят разные Веб-страницы. Следовательно, имеете об этом хотя бы общее представление.

Например, у меня вся эта предварительная бумажная работа выглядела так:

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

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

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

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

Потом, проектируя свой сайт, Вы учтёте чужие ошибки.

Из чего стоит исходить, придумывая внешний вид сайта?

Из его назначения и темы, которую Вы намерены освещать.

Собственно, особо добавить к сказанному нечего. Так как дальше - Ваша творческая работа, а творчество, как известно, штука не копируемая. Добавлю лишь несколько рекомендаций.

1. Чем больше на странице информации, тем страница больше "весит" и оттого - дольше загружается. Вывод: располагаем на странице только необходимый и достаточный минимум; в идеале страница должна иметь объём в пределах 40-50 Кб. Это значит, от обилия фото и флэш-анимации лучше отказаться.

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

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

4. Используйте каскадные таблицы стилей (CSS). Что это такое я расскажу в другой статье. Здесь же прибавлю только историю своего опыта.

Создав свой первый сайт, я о каскадных таблицах стилей (CSS) не знал ничего, сайт создавал в визуальном редакторе (FrontPage). А когда CSS изучил (на это ушло всего-навсего пара дней (!), стал переделывать сайт в соответствии с новыми знаниями… ну и намучился же я! Визуальные редакторы имеют одну неприятную особенность: вставляют в разметку страницы много лишнего кода. А всё лишнее, как было сказано, утяжеляет страницу, делает её медленно загружаемой, - а Вам оно надо? Чтобы "выполоть" лишний код, ушло две (!) недели!

5. Подберите цвета сайта так, чтобы они соответствовали теме, на которую Вы собираетесь говорить. А так же в соответствии с настроением, какое Вы хотели бы вызвать в посетителе. (На самом же деле НЕ стОит заморачиваться насчёт дизайна, умные люди заходят на сайты за информацией и главное - сделать так, чтобы информацией было удобно пользоваться.)

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

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

7. Занимаясь разработкой сайта, думайте о том, чем его наполнить. Наполнение должно быть нужное, качественное, оригинальное, то есть, авторское. А таким оно будет тогда, когда Вы станете рассказывать о том, что хорошо знаете сами, что ВАМ интересно. Благодаря всему этому сайт привлечёт больше заинтересованных и благодарных посетителей. А ведь это именно то, ради чего весь этот "сыр-бор" и затевается, не так ли?

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

Успеха.

Автор: Андрей Чернобай

P. S. Подпишитесь на безплатную рассылку Вокруг Сайта и получайте на свой электронный адрес новые уроки по созданию сайта.

Оставьте свой отзыв о статье:



Введите цифровой код с картинки*:

Новое на сайте

Другие статьи...

Видеокурсы

Рассылки

"Вокруг Сайта"
подпишитесь и получайте на свой e-mail уроки, книги, статьи, скрипты, а также подарки и скидки на товары, продаваемые с сайта

SmartResponder.ru
Ваше имя: *
Ваш e-mail: *

"PHP-песочница"
- PHP для начинающих: уроки с подробным анализом скриптов, необходимых для вашего сайта:

PHP-песочница
Подписаться письмом

Разделы Сайта